@charset "UTF-8";

/* import WebFont
--------------------------------------------------------------------*/

@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");


/******************************************************************************
		General Setting
 ******************************************************************************/
 
/* reset ------------------------------------------------*/

body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ul,ol,li,dl,dt,dd,form,fieldset,legend,input,textarea,th,td,figure,figcaption,iframe {
	margin:0;
	padding:0;
}
body {
	line-height:1;
}
h1,h2,h3,h4,h5,h6,strong,b {
	font-size:100%;
	font-weight:normal;
}
li {
	list-style:none;
}
fieldset,img {
	border:0;
	vertical-align:baseline;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
sup {
	vertical-align:text-top;
}
sub{
	vertical-align:text-bottom;
}
abbr,acronym{
	border:0;
	font-variant:normal;
}
header,footer,nav,article,section,aside,hgroup {
	display:block;
}
a,
a:hover,
a:active,
a:visited {
	text-decoration:none;
	overflow:hidden;
	outline:none;
}
iframe {
	border:none;
}
hr {
	display:none;
}
input[type="button"],input[type="submit"] {
	border-radius:0;
		-webkit-appearance:none;
}
button {
  border:none;
  background:none;
  padding:0;
  outline:none;
}


/* element ------------------------------------------------*/

* {
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;
}
html {
  -webkit-text-size-adjust:100%;
  -webkit-font-smoothing:antialiased;
}
body {
	color:#000;
	font-size:14px;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',YuGothic,'游ゴシック','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	word-break:break-all;
	word-wrap:break-word;
		-webkit-text-size-adjust:none;
		-ms-text-size-adjust:100%;
}
p,li,dt,dd,th,td { line-height:1.6; }
em { font-style:italic; }
ol li { list-style-type:decimal; margin-left:1.5em; }

/*
a,a img {
  -webkit-transition:background .5s, color .5s, opacity .5s, border .5s;
	   -moz-transition:background .5s, color .5s, opacity .5s, border .5s;
	    -ms-transition:background .5s, color .5s, opacity .5s, border .5s;
	     -o-transition:background .5s, color .5s, opacity .5s, border .5s;
          transition:background .5s, color .5s, opacity .5s, border .5s;
}
*/
a,.alphafade a img, button, .border-default {
  -webkit-transition:background .5s, color .5s, opacity .5s, border .5s;
	   -moz-transition:background .5s, color .5s, opacity .5s, border .5s;
	    -ms-transition:background .5s, color .5s, opacity .5s, border .5s;
	     -o-transition:background .5s, color .5s, opacity .5s, border .5s;
          transition:background .5s, color .5s, opacity .5s, border .5s;
}

a {
  cursor:pointer;
  color:#333;
}
button {
  cursor:pointer;
}
#header li a {
	color:#222;
}
#footer #cnav li a {
  color:#fff;
}
a:hover {
  color:#c40b11;  
}
#footer #cnav li a:hover {
  color:#999;  
}

/* id,class ------------------------------------------------*/

.clearfix,.richeditor>div { clear:both; min-height:1%; }
.clearfix:after,.richeditor>div:after { content:""; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0; }

.floatL { float:left; }
.floatR { float:right; }
.clear { clear:both; }

.floatLimp { float:left !important; }
.floatRimp { float:right !important; }

.text10 { font-size:10px; line-height:1.6; }
.text12 { font-size:12px; line-height:1.6; }
.text13 { font-size:13px; line-height:1.8; }
.text16 { font-size:16px; line-height:1.8; }
.text18 { font-size:18px; line-height:1.8; }
.text24 { font-size:24px; line-height:1.8; }
.text30 { font-size:30px; line-height:1.8; }

.textC { text-align:center !important; }
.textR,.textRL { text-align:right !important; }
.textL { text-align:left !important; }
.textB {  font-weight:700; }

.text-indent { text-indent:-1em; padding-left:1em; }
.text-upper { text-transform:uppercase; }

.color-red { color:#c20f12; }
.color-ash { color:#999; }
.color-cloud { color:#ccc; }
.color-beige { color:#f6f3ea; }
.color-salmon { color:#F7464A; }
.color-green { color:#46BFBD }
.color-mikan { color:#FDB45C; }
.color-gray { color:#949FB1; }

.mgn-t06 { margin-top:6px !important; }
.mgn-t10 { margin-top:10px !important; }
.mgn-t16 { margin-top:16px !important; }
.mgn-t17 { margin-top:17px !important; }
.mgn-t20 { margin-top:20px !important; }
.mgn-t30 { margin-top:30px !important; }
.mgn-t35 { margin-top:35px !important; }
.mgn-t40 { margin-top:40px !important; }
.mgn-t50 { margin-top:50px !important; }
.mgn-t60 { margin-top:60px !important; }
.mgn-t70 { margin-top:70px !important; }
.mgn-t80 { margin-top:80px !important; }

.mgn-l12 { margin-left:12px !important; }

.pdg-05 { padding:5px; }
.pdg-10 { padding:10px; }
.pdg-20 { padding:20px; }
.pdg-lr10 { padding-left:10px; padding-right:10px; }
.pdg-lr15 { padding-left:15px; padding-right:15px; }
.pdg-lr20 { padding-left:20px; padding-right:20px; }

.border-default { border:1px solid #ccc; }
.border-default img { display:block; width: 100%; }

.richeditor div img { border:1px solid #ccc; margin-top:0; }
a:hover .border-default { border:1px solid #c40b11; opacity:.5; }

.border-type1 { border:1px solid #ccc; padding:1px; }
.border-type2 { border:1px solid #ccc; padding:2px; }

.bg-color-type1 { background-color:#fcfcfc; }
.ic-red {
  background-color:#c21012;
  display:inline-block;
  padding:2px 16px;
  font-weight:bold;
  color:#fff;
  font-size:10px;
  -webkit-border-radius:3px;
     -moz-border-radius:3px;
      -ms-border-radius:3px;	
       -o-border-radius:3px;
          border-radius:3px;
}


.alphafade a:hover img {
	opacity:0.5;
}
.pc { display:inherit; }
.smp { display:none; }
img.pc { display:inherit !important; }
img.smp { display:none !important; }

.richeditor {
  padding-top:16px;
  padding-bottom:24px;
}
.richeditor img,
.richeditor iframe {
  margin-top:16px;
}
.h-type1 {
  font-size:17px;
  font-weight:bold;
  padding:5px 0;
  margin-bottom:17px;
}
.h-type1:before {
  content:"";
  padding:5px 0;
  margin-right:8px;
  border-left:6px solid #df0b0c;
  -webkit-border-radius:3px;
     -moz-border-radius:3px;
      -ms-border-radius:3px;	
       -o-border-radius:3px;
          border-radius:3px;
}
.h-type2,
.richeditor h2 {
  font-size:16px;
  padding:0 0 6px 10px;
  border-bottom:#ccc 3px solid;
  line-height: 1.4;
}
.h-type3 {
  font-size:16px;
  padding:0 0 8px 10px;
  border-bottom:#c40b11 2px solid;
}
.h-type4,
.richeditor h3 {
  font-size:16px;
  padding:0 0 0 14px;
  border-left:#c20f12 3px solid;
  line-height: 1.4;
}
.richeditor h3,
.richeditor h4 {
  margin-bottom:16px;
  margin-top:16px;
}
.h-type5,
.richeditor h4 {
  font-size:15px;
  font-weight: bold;
  margin-top: 16px;
}

.h-type3 .morelink {
 font-weight: normal;
 font-size: 12px;
 margin-top: -8px;
}
.h-type3 .morelink img {
 margin-left: 10px;
}

.morelink,
.morelink2 {
  font-size:15px;
  font-weight:bold;
  padding:3px 0;
}
.morelink3 {
  font-size:12px;
  padding:0;
}

.morelink img,
.morelink2 img,
.morelink3 img,
 {
  vertical-align:middle;
  margin:0 8px 2px 16px;
}
.morelink a:before {
  content:">　";
  font-family:"Arial Black", Gadget, sans-serif;
  font-size:10px;
  position:relative;
  top:-2px;
  color:#c21012;
}

a.morelink4:before {
  content:"　";
}
  
.template5col .col1,
.template5col .col2,
.template5col .col3,
.template5col .col4,
.template5col .col5 {
  width:188px;
  margin-right:10px;  
}
.template4col .col1,
.template4col .col2,
.template4col .col3,
.template4col .col4 {
  width:237px;
  margin-right:10px;  
}
.template3col .col1,
.template3col .col2,
.template3col .col3 {
  width:320px;
  margin-right:10px;  
}
.template2col .col1 {
  width:485px;
  margin-right:10px;  
}
.template2col2 .col1-2 {
  display: none;
}
.template2col3 .col1-3 {
  margin-top: 34px;
  margin-right:10px;  
}
.template2col .col2 {
  width:485px;
}
.template2col .halfbox {
  width:237px;
  margin-right:10px;
  margin-bottom:10px;
  float:left;
}
.template2col .halfbox:nth-child(even),
.template5col .col5,
.template4col .col4,
.template3col .col3  {
  margin-right:0;
}
/*
.template2col .halftab {
  width:50%;
  float:left;
  background-color:#f8f8f8;
  border-top:4px solid #f8f8f8;
  border-bottom:4px solid #c21012;
}
.template2col .halftab.selected {
  background-color:#fff;
  border-top:4px solid #c21012;
  border-bottom:4px solid #fff;
}
*/
.template2col .halftab {
  width:50%;
  float:left;
  background-color:#f8f8f8;
  border-top:2px solid #ccc;
  border-right:2px solid #ccc;
  border-left:2px solid #ccc;
  box-shadow:0 2px #c21012;
  -webkit-border-top-left-radius:8px;
     -moz-border-top-left-radius:8px;
      -ms-border-top-left-radius:8px;
       -o-border-top-left-radius:8px;
          border-top-left-radius:8px;
  -webkit-border-top-right-radius:8px;
     -moz-border-top-right-radius:8px;
      -ms-border-top-right-radius:8px;
       -o-border-top-right-radius:8px;
          border-top-right-radius:8px;
}
.template2col .halftab.selected {
  background-color:#fff;
  border-top:2px solid #c21012;
  border-right:2px solid #c21012;
  border-left:2px solid #c21012;
  box-shadow:none;
  padding-bottom:5px;
}


.template2col .halftab a {
  display:block;
  height:100%;
  padding:3px 0 3px 15px;
}

.arrowthumb {
  position:relative;
}
.arrowthumb:after {
  content:"";
  position:absolute;
  bottom:2px;
  right:2px;
		width:0;
		height:0;
		border:6px solid transparent;
		border-right:6px solid #c21012;
		border-bottom:6px solid #c21012;
}


/* Swap ------------------------------------------------*/

.template4col .col1,
.template4col .col2,
.template4col .col3,
.template4col .col4,
.template5col .col1 a,
.template5col .col2 a,
.template5col .col3 a,
.template5col .col4 a,
.template5col .col5 a {
  position:relative;
}
.template4col .col1 a img,
.template4col .col2 a img,
.template4col .col3 a img,
.template4col .col4 a img,
.template5col .col1 a img,
.template5col .col2 a img,
.template5col .col3 a img,
.template5col .col4 a img,
.template5col .col5 a img {
  width:100%;
}
.content4col .col1,
.content4col .col2,
.content4col .col3,
.content4col .col4{
  position:relative;
}
.content4col .col1 a img,
.content4col .col2 a img,
.content4col .col3 a img,
.content4col .col4 a img {
  width:100%;
}

/******************************************************************************
		Container
 ******************************************************************************/

.wrapper980,
.wrapper980p0 {
  width:1020px;
  padding:0 20px;
	margin-right:auto;
	margin-left:auto;
}


/******************************************************************************
		Header
 ******************************************************************************/

#header {
	width:100%;
  padding:9px 0;
  border-bottom:5px solid #c40b11;
}
#logo a {
	display:block;
	background-image:url(../images/common/logo-royal.gif);
	background-repeat:no-repeat;
	width:142px;
	height:48px;
  text-indent:-9999px;
}
#gnav1 {
	padding-top:10px;
}
#gnav1 li {
	display:inline-block;
  width:120px;
  text-align:center;
  border-top:1px solid #bbb;
  border-bottom:1px solid #bbb;
  border-left:1px solid #bbb;
  line-height:14px;
  font-size:12px;
}
#gnav1 li:last-child {
  border-right:1px solid #bbb;
}
#gnav1 li a {
  display:block;
  padding:7px 0;
}
#gnav1 li a:hover {
	color:#FFFFFF;
	background-color:#595959;
}
#gnav2 {
	padding-top:15px;
}
#gnav2 ul {
	position:relative;
}
#gnav2 ul:after {
 content:"";
 position:absolute;
 top:10px;
 left:0px;
	width:0px;
	height:14px;
	border-left:1px solid #bbbbbb;
}
#gnav2 li {
  display:inline-block;
  width:140px;
  text-align:center;
  box-sizing:border-box;
  line-height:15px;
  font-size:15px;
}
#gnav2 li a {
		position: relative;
  display:block;
		padding: 10px 0;
}
#gnav2 li a:after {
 content:"";
 position:absolute;
 top:10px;
 right:0px;
	width:0px;
	height:14px;
	border-left:1px solid #bbbbbb;
}
#gnav2 li a:hover {
	background-color: #d9d9d9;
	color:#000000;
}


/* Hamberger Menu ------------------------------------------------*/

#hamberger {
  width:46px;
  height:41px;
  background-size:46px 41px;
  text-indent:-9999px;
  margin-left:3px;
}
#hamberger a {
  display:block;
  width:46px;
  height:41px;
  background-size:46px 41px;
  background-image:url(../images/common/hamberger1.gif);
  background-repeat:no-repeat;
  cursor:pointer;
}
#hamberger a.open {
  background-image:url(../images/common/hamberger2.gif);
}
#gnav3 p {
  float:left;
}
#gnav4 {
  position:absolute;
  overflow:hidden;
  top:67px;
  left:0;
  width:100%;
  background-color:#222;
  z-index:1000;
  display:none;
}
#gnav4a,
#gnav4b {
  padding-right:7px;
  padding-left:7px;
}
#gnav4a li {
  border-bottom:1px solid #333;
}
#gnav4 li a,
#gnav4 li em {
  display:block;
  color:#fff;
  padding:10px 10px;
  font-style:normal;
}
#gnav4a li a:after {
  content:">";
  text-align:right;
  float:right;
  font-weight:bold;
  font-size:10px;
  padding-top:2px;
}
#gnav4b li {
  float:left;
  /*
  width:50%;
  */
  width:100%;
  text-align:center;
  margin-top:7px;
}
#gnav4b li a {
  background-color:#151515;
}
#gnav4b li em {
  background-color:#343434;
}
#gnav4b li.gnav-home {
  width:100%;
}
#gnav4b li.gnav-home a {
  background-color:#848484;
}
#gnav4b li a:before {
  content:">";
  font-weight:bold;
  font-size:10px;
  position:relative;
  top:-2px;
  right:10px;
}


/* Home Navi ------------------------------------------------*/

#pnav {
  margin-top:10px;
}
#pnav a {
 color:#000000;
}
#pnav a:hover {
 color:#c40b11;
 opacity: 1.0;
}
#pnav span {
	display:inline-block;
	margin-right:22px;
  font-size:12px;
  line-height:1.4;
}
#pnav a:after {
 content:">";
 font-family:"Arial Black", Gadget, sans-serif;
 font-size:10px;
 position:relative;
 top:-1px;
 left:14px;
 color:#000000;
}

#pnav span.ic-home {
  padding-left:23px;
  background:url(../images/common/ic-home.gif) no-repeat 0 42%;
}
.ic-outerlink {
  /*padding-left:10px;*/
  width:110px;
}
.ic-outerlink a {
  background-image:url(../images/common/ic-blank.gif);
  background-repeat:no-repeat;
  background-position:11px center;
}
.ic-outerlink a:hover {
  background-image:url(../images/common/ic-blank2.gif);
}

  /******************************************************************************
      serch
  ******************************************************************************/
  
  #gnav1 ul {
    float:left;
  }

  #srchBox {
    float:left;
  }

  #srchBox *{
    margin:0;
    padding:0;
  }

  #srchBox a img {
    border:none;
  }

  #srchBox #srch {
    padding:0 0 0 10px;
    width:218px;
    height:44px;
  }

  #srchBox #srch #srchForm {
    white-space:nowrap;
  }

  #srchBox #srchInput {
    width:188px;
    vertical-align:top;
  }

  #srchBox #srchBtn {
    width:30px;
    height:30px;  
    margin:0;
    padding:0;
    font-size:12px;
    text-indent:-999px;
    border:1px solid #bbb;
    border-left:0;
    background:none;
    background: #fff url(../images/home/search_icon.png) center center no-repeat;
  }

  #srchBox #srchLogo {
    margin:6px 6px 6px 0;
    text-align:right;
  }

  #srchBox #srchLogo a {
    color:#666666;
    text-decoration:none;
    font-size:85%;
  }

  #srchBox #srchLogo a:hover {
    text-decoration:underline;
  }

  #srchBox.watermark {}
  #srchBox.watermark #srchInput {
    height:30px;
    padding:0 5px;
    border:1px solid #bbb;
    border-right:0;
    background: #fff url(//i.yimg.jp/images/search/customsearch/yjlogo/yjlogo_type4.gif) center left no-repeat;
    background-position-x: 10px;
  }

  #srchBox.watermark #srchInput.nomark {
    background: #fff;
  }

  #srchBox.watermark #srchLogo {
    display: none;
  }

#gs_id50 td {
line-height: 0px !important;

}

.cse input.gsc-input, input.gsc-input {
    font-size: 12px !important;
    padding-left: 5px !important;
}

.gsc-option-menu-container {
    width: 110px !important;
}



/* =================================== */
/* Google Custom Search Settings */
/* =================================== */
 
#gsc-i-id1 {
    height:28px !important;
}


.cse .gsc-search-button-v2, .gsc-search-button-v2 {
    background: #dddddd;
    border: 0 none;
    height: 30px !important;
    width:30px !important;
    
    -webkit-border-top-left-radius: 0px !important;  
    -webkit-border-top-right-radius: 5px !important;  
    -webkit-border-bottom-right-radius: 5px !important;  
    -webkit-border-bottom-left-radius: 0px !important;  
    -moz-border-radius-topleft: 0px !important;  
    -moz-border-radius-topright: 5px !important;  
    -moz-border-radius-bottomright: 5px !important;  
    -moz-border-radius-bottomleft: 0px !important;  
}




/******************************************************************************
		Content
 ******************************************************************************/

/* Banner Navigation ------------------------------------------------*/

#bnav {
  background-color:#d9c3a9;
  padding:12px 0;
}
#bnav img {
  display:block;
}
#bnav a:hover img {
 opacity:inherit;
}
#bnav .col1,
#bnav .col2,
#bnav .col3,
#bnav .col4 {
  width:227px;
  margin:0 8px;
}
#bnav .col1 {
  margin-left:12px;
}
#bnav .col4 {
  margin-right:0;
}

/******************************************************************************
		Footer
 ******************************************************************************/

#fnav {
  padding-top:80px;
  margin-bottom:50px;
}
#fnav h4 {
  border-bottom:1px solid #212121;
  padding-bottom:10px;
}
#fnav h4 a:hover {
	text-decoration: underline;
}
#fnav li a {
  font-size:12px;
}
#fnav li a:hover {
	text-decoration: underline;
}
#fnav li:before {
  font-size:12px;
  content:"・";
}
#fnav li li {
  margin-left:1em;
}
#fnav li li:before {
  content:"- ";
}
#footer h4 {
  font-weight:bold;
  /*
  border-bottom:1px solid #222;
  padding-bottom:10px;
  */
  margin-bottom:5px;  
}
#footer {
  background-color:#e9e9e9;
}

/*
#footer {
	margin-top:150px;
	padding:20px 0 30px;
	position:relative;
  border-top:1px solid #e9e9e9;
}

*/
#footer #cnav {
  background-color:#444444;
  padding:10px 0;
  color:#fff;
  font-size:12px;
}
#footer #cnav p {
  float:left;
}
#footer #cnav ul {
  float:right;
}
#footer #cnav li {
  display:inline-block;
  margin-left:30px;
}
#footer #cnav li a:before {
  content:"> ";
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  position:relative;
  top:-1px;
}
.pagetop a {
  position:relative;
  margin-top:88px;
  background-color:#999;
  color:#fff;
  display:block;
  width:130px;
  height:44px;
  line-height:44px;
  text-align:center;
  padding:0 20px 0 15px;
  -webkit-border-top-left-radius:8px;
     -moz-border-top-left-radius:8px;
      -ms-border-top-left-radius:8px;
       -o-border-top-left-radius:8px;
          border-top-left-radius:8px;
  -webkit-border-top-right-radius:8px;
     -moz-border-top-right-radius:8px;
      -ms-border-top-right-radius:8px;
       -o-border-top-right-radius:8px;
          border-top-right-radius:8px;
}
.pagetop a:hover {
  background-color:#999;
}
.pagetop a i {
  padding-right:.3em;
}



/******************************************************************************
		Media Query
 ******************************************************************************/

@media all and (max-width: 768px) {
  
  /* id,class ------------------------------------------------*/
  
  .pc { display:none; }
  .smp { display:inherit; }
  img.pc { display:none !important; }
  img.smp { display:inherit !important; }
  
  a img,a:hover img {
    opacity:1 !important;
  }
  
  .textRL {
    text-align:left !important;
  }
  .text10s {
    font-size:10px;
  }
  
  #logo a {
    width:100px;
    height:33px;
    background-size:100px 33px;
    margin-top:7px;
  }
  .h-type1 {
    font-size:13px;
    font-weight:bold;
    padding:5px 0;
    margin-bottom:17px;
  }
  
  .template5col .col1,
  .template5col .col2,
  .template5col .col3,
  .template5col .col4,
  .template5col .col5,
  .template4col .col1,
  .template4col .col2,
  .template4col .col3,
  .template4col .col4,
  .template2col .halfbox {
    width:48.5%;
    margin-right:3%;
    margin-bottom:3%;
  }
  .template3col .col1,
  .template3col .col2,
  .template3col .col3 {
    margin-bottom:3%;
  }
  .template5col .max,
  .template4col .max,
  .template3col .max {
    width:100%;
    margin-right:0;
    float:none;
  }
  .max .halfimg img {
    margin-top:-20.4%;
    margin-bottom:-20.4%;
  }
  .template5col .n2 {
    margin-right:0;
  }
  .template2col .col1,
  .template2col .col2 {
    width:100%;
    margin:0;
  }
.template2col2 .col1-2 {
  display: block;
  margin-right:10px;
}
.template2col3 .col1-3 {
    display: none;
}
  /*
  .template2col .halftab {
    width:50%;
    float:left;
    background-color:#f8f8f8;
    border-top:4px solid #f8f8f8;
    border-bottom:4px solid #c21012;
  }
  .template2col .halftab.selected {
    background-color:#fff;
    border-top:4px solid #c21012;
    border-bottom:4px solid #fff;
  }
  .template2col .halftab a {
    display:block;
    height:100%;
    padding:3px 0 3px 15px;
  }
  */
  
  #content img,.attachment {
    width:100%;
    height:auto;
  }
   #content .posttype img {
    width:auto;
    height:20px;
  }
  
  /******************************************************************************
      Container
   ******************************************************************************/
   
  .wrapper980 {
    width:auto;
  }
  .wrapper980p0 {
    width:auto;
    padding:0;
  }
  
  /******************************************************************************
      Content
   ******************************************************************************/
  
  /* Banner Navigation ------------------------------------------------*/
  
  #bnav {
    background-color:#d9c3a9;
    padding:2.3% 0;
  }
  #bnav .col1,
  #bnav .col2,
  #bnav .col3,
  #bnav .col4 {
    width:47%;
    margin:.7% 1.5%;
  }
 

  /******************************************************************************
      Footer
   ******************************************************************************/
  
  #footer #cnav {
    padding:0;
  }
  #footer #cnav p {
    text-align:center;
    float:none;
    padding-top:20px;
  }
  #footer #cnav small {
    display:block;
    padding-bottom:20px;
  }
  #footer #cnav ul {
    float:none;
    width:100%;
  }
  #footer #cnav li {
    float:left;
    margin-left:0;
    width:50%;
    text-align:center;
    border-bottom:1px solid #6d6d6d;
    border-right:1px solid #6d6d6d;
    margin-bottom:20px;
  }
  #footer #cnav li:last-child {
    border-right:none;
  }
  #footer #cnav li a {
    color:#fff;
    display:block;
    padding:20px 0;
  }
}

img.miniimage { display: none; }

/* ▼表示領域が400px以上の場合 */
@media screen and (min-width: 400px) {
   img.miniimage { display: none; }  /* miniを非表示 */
   img.bigimage  { display: block; } /* bigを表示 */
}
/* ▼表示領域が400px未満の場合 */
@media screen and (max-width: 399px) {
   img.miniimage { display: block; } /* miniを表示 */
   img.bigimage  { display: none; }  /* bigを非表示 */
}

img.miniimage {
    width: 100%;
    height: auto;
}