@charset "utf-8";

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

@media only screen and (max-width: 959px){
body {font-size:0.9em;}

/* h
--------------------------------*/ 
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{
 height:400px;
 margin:60px auto 0 auto;/* ページ内リンクがある場合は下マージンをマイナスで調整する */
}
#mainimg{
 margin:60px auto 0 auto;/* ページ内リンクがある場合は下マージンをマイナスで調整する */
}


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


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


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


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

#sitemap-inner{display: none;}

#footer-info{
 color:#fff;
 background:#6dc5af;
}
#footer-info-inner li{
 margin:0 0 0 0px;
 float:none;
}
#footer-info li a{
 color:#ff7918;
}

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

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

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

}


@media only screen and (max-width: 599px){
#logo{
 width:40px;
}

/* h
--------------------------------*/ 
h1{
 margin:4px 0 0 4px; 
 font-size:1.6em;
}
h2{
 margin:0 0 25px 0;
 font-size:1.4em;
}
h3{
 margin:0px 0 25px 0;
 font-size:1.1em;
}
h3 a{color:#333;}
h4{
 margin:0 0 25px 0;
 padding:0px 20px;
 color:#fff;
 background:#999;
}



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


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


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

.img-box-02{
 text-align:center;
}
.img-box-02 img{
width:100%;
max-width:350px;
 margin:0 0 20px 0;
float:none;
}
.img-box-02 p{
width:100%;
 margin:0 0 20px 0;
 text-align:left;
float:none;
}

/* right
--------------------------------*/
#right{
 margin:25px 0 0 0;
}


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










}