@charset "utf-8";

#toggle{display: none;}
#top-mainimg-sp{display:none;}
#footer-ad{display:none;}


@media only screen and (max-width: 959px){
body {font-size:0.95em;}
h1{
 margin:0 4px;
 font-size:2.3em;
 float:left;
}

/* header
--------------------------------*/ 
header{display:none;}

#logo{
 width:50px;
 margin:4px;
}

#toggle{
 display: block;
 position: relative;
 width: 100%;
}

/* mainimg
--------------------------------*/
#top-mainimg{
 margin:60px auto 0 auto;/* ページ内リンクがある場合は下マージンをマイナスで調整する */
}

#mainimg{
 margin:60px auto 0 auto;/* ページ内リンクがある場合は下マージンをマイナスで調整する */
}

/* wrapper,content,section
--------------------------------*/ 
#wrapper{width:100%;}

#content {
 width:96%;
 margin:0 auto 40px auto;
}

section{margin:0 0 40px 0;}

/* footer
--------------------------------*/ 
#footer-info-inner li{margin:0 0 0 20px;}
#sitemap-inner{width:98%;}
#sitemap-inner li ul li{
 margin:10px 0 0 0px;
 text-align:center;
}
#menu-footer{width:100%;}

#page-top {
 bottom:10px;
 right: 10px;
}


/* plural
--------------------------------*/

/* section.sen-pic
--------------------------------*/
section.sen-pic p{
 width:100%;
 margin:0 0 20px 0;
}
section.sen-pic ul{width:100%;}


/* individual
--------------------------------*/


/* left
--------------------------------*/
#left{display:none;}

/* right
--------------------------------*/
#right{
 width:100%;
 margin:40px 0 0 0;
 float:none;
}
#right-in{
 margin:0;
}

/* footer
--------------------------------*/ 
footer{
border-top:3px solid #5d2f0f;
}

#sitemap-inner{display: none;}

#footer-info{
 color:#5d2f0f;
 background:#d4ad91;
}
#footer-info-inner li{
 margin:0 0 0 0px;
 float:none;
}
#footer-info li a{
 color:#ff7918;
}

small{
 border-top:1px solid #5d2f0f;
}

#footer-ad{
display:block;
}
#footer-ad p{
color:#999;
text-align:center;
}
#footer-ad img{
width:24%;
margin:0 1% 1% 0;
float:left;
}

/* table
--------------------------------*/
/* difference
--------------------------------*/
  table#difference {
    border: none;
  }
  table#difference thead {
    display: none;
  }
  table#difference tr {
    border-top: 1px solid #999;
    display: block;
    margin-bottom: 20px;
  }
  table#difference td {
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    display: block;
    padding: 10px;
    text-align: right;
  }
  table#difference td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
  }

/* country
--------------------------------*/
table#country {
 margin:0 0 20px 0;
}

}


@media only screen and (max-width: 599px){
h1{
 margin:4px 0 0 4px; 
 font-size:1.8em;
}
/* main-img
--------------------------------*/ 
#top-mainimg{display:none;}
#top-mainimg-sp{
display:block;
margin:60px 0 0 0;}

/* wrapper,content,section
--------------------------------*/ 


/* footer
--------------------------------*/ 
#footer-ad img{
width:48%;
margin:0 1% 2% 1%;
}


/* h
--------------------------------*/ 
h2{
 font-size:1.4em;
}

h3{
 font-size:1.1em;
}


/* plural
--------------------------------*/
section.normal,section.sen-pic,section.pic{
 margin:0 0 20px 0;
 padding:0 10px;
}

section.normal img,section.sen-pic img,section.pic img{
 width:80%;
 margin:0 10% 20px 10%;
 float:none;
}

/* img-box
--------------------------------*/
.img-box-30,.img-box-50,.img-box-80{
 width:100%;
 margin:0 0 20px 0;
 text-align:center;
}
.img-box-30 img,.img-box-50 img,.img-box-80 img{
width:100%;
max-width:350px;
margin:0 0 20px 0;
float:none;
}


/* individual
--------------------------------*/

/* top
--------------------------------*/
#top-mainimg{
 height:500px;
}

/* introduction
--------------------------------*/

/* galley
--------------------------------*/
section.galley div{
 width:90%;
 margin:0 5% 20px 5%;
 float:none;
}
section.galley div:nth-child(3n) {
 margin:0 5% 20px 5%;
}
section.galley div.fs-s{
font-size:1em;
}

/* access
--------------------------------*/
table#businesshour {
 width:100%;
}
table#businesshour th {
 padding:5px 5px;
}
table#businesshour td {
 padding:5px 5px;
}

#access-contact{
 width:90%;
}
#access-contact img{
 margin:0 8px 6px 0px;
}

table#access {
 width:100%;
 font-size:0.9em;
}
table#access th{
 width:25%;
}
table#access td {
 width:75%;
 padding:5px 5px;
}


}