@charset "utf-8";
/* CSS Document */

@media only screen and (max-width:920px) {
#header{ margin:0 10px; padding:0; width:auto;}
#nav_global ul{ width:auto; margin:5px auto -5px;}
#nav_global li{float:none; width:auto;}
#nav_global .nav1,
#nav_global .nav1 a,
#nav_global .nav2,
#nav_global .nav2 a,
#nav_global .nav3,
#nav_global .nav3 a,
#nav_global .nav4,
#nav_global .nav4 a,
#nav_global .nav5,
#nav_global .nav5 a {display: table-cell;border-bottom:5px solid #2facf2}
#nav_global li:nth-child(2),
#nav_global li:nth-child(4){ white-space:nowrap;}

#nav_global .nav1 a:hover,
#nav_global .nav2 a:hover,
#nav_global .nav3 a:hover,
#nav_global .nav4 a:hover,
#nav_global .nav5 a:hover{ text-decoration:none; color:#ff6c00; border-bottom:5px solid #ff6c00;
background-image: url(../img/bk_li.png),url(../img/menu_li.svg);
background-repeat: no-repeat,no-repeat;
background-position: left center,center bottom;}


#topimg{ border:none; height:0; background: url(../img/main.png) no-repeat top center #ffe324; background-size: contain;padding-bottom:30%;}

#topbnr_btn ul{ margin:0 10px; width:auto;}
#topbnr_btn ul li{ width:32%; margin:0 0 0 2%;}
#topbnr_btn ul li a{ width:auto; float:none; display: table-cell; margin:0; padding:0 0 0.5em;}
#topbnr_btn .btn1 a{ background-size: contain; width:auto; height:0;padding-bottom:79%; }
#topbnr_btn .btn2 a{ background-size: contain; width:auto; height:0;padding-bottom:79%; }
#topbnr_btn .btn3 a{ background-size: contain;width:auto; height:0;padding-bottom:79%; }
#footer,#tops,#main{ width:auto; margin:0 10px;}
#tops #sidebar{ width:24%; border:none;}
#tops #sidebar ul{ border:none;}
#tops #sidebar .taiken{ background-size: contain; width:auto; height:0;padding-bottom:30%;}
.page #sidebar{ display:none; float:none;}
#main article{ width:643px; float:none; margin:0 auto;}
#pagetitle div{ width:auto; margin:0 0 0 10px; background:url(../img/top_main.jpg) no-repeat right 0px; padding:35px 0;}
}
@media only screen and (max-width:860px) {
.b_koukoku a{ margin:0 auto;}
#tops #osirase{ width:auto; margin:0 10px; float:none;}
#tops #sidebar{ width:auto; margin:0 10px; border:none; float:none; padding:0;}
#tops #sidebar .taiken{ background: none; text-indent:0; text-align:center; padding-bottom:0;}
#pagetitle div{ background:url(../img/top_main.jpg) no-repeat 100px 0px;}
.inner { padding:0;}
.glnavi{ margin:0; padding:0.8em 10px; background: url(../img/menu_1.png) no-repeat #393a3a ;
background-position: right 18px center;
color:#FFF;}
}
@media only screen and (max-width:750px) {
#main article{ width:auto; padding: 20px 10px;}
#nav_global ul{ padding:0; margin:0; border:none; border-top:3px solid #2facf2}
#nav_global li{ float:none; border:none; font-size:1.1em;}
#nav_global li a{  border:none; padding:0.9em 0; }
#nav_global li:last-child{ border-right:none;}
#nav_global li span{ display:none;}
#nav_global .nav1,
#nav_global .nav1 a,
#nav_global .nav2,
#nav_global .nav2 a,
#nav_global .nav3,
#nav_global .nav3 a,
#nav_global .nav4,
#nav_global .nav4 a,
#nav_global .nav5,
#nav_global .nav5 a { background-image:none; border:none; display: block; width:auto; border-bottom:1px solid #d9e2ea;}
#nav_global .nav1 a:hover,
#nav_global .nav2 a:hover,
#nav_global .nav3 a:hover,
#nav_global .nav4 a:hover,
#nav_global .nav5 a:hover{ text-decoration:none; color:#ff6c00; border:none; border-bottom:1px solid #d9e2ea;background-image: none;}
.home #nav_global .nav1 a,
.page-id-13 #nav_global .nav2 a,
.page-id-8 #nav_global .nav3 a,
.page-id-17 #nav_global .nav4 a,
.page-id-11 #nav_global .nav5 a{color:#ff6c00; border-bottom:none;background-image: none;}

#topimg{ border:none;}
#pagetitle { border-top: none;}
}
@media only screen and (max-width:650px) {
#header{ height:auto; background:none; }
#header h1 { position:static; margin:10px auto;}
#header p { position:static;  margin:10px 0 0 0; padding:0; text-align:center; }
.b_koukoku a{ background-size: contain;width:auto; height:0;padding-bottom:18%;}
.alignleft{ float:none; padding:0 0 10px 0;}
.alignright{ float:none;padding:0 0 10px 0;}
.boxjyukucyo{ margin:0 auto; padding:15px 0;}
.img-auto{
	width:100%;
	height:auto;
}
}
@media only screen and (max-width:560px) {
#topbnr_btn ul li{ text-indent:-9999px; display:block;width:293px; height:auto; float:none; margin:0 auto 5px; padding:0;}
#topbnr_btn ul li:first-child{ margin:0 auto 5px;}
#topbnr_btn .btn1 a{ background: url(../img/top_bnr1.png) no-repeat; padding-bottom:0; width:293px; height:200px; }
#topbnr_btn .btn2 a{ background: url(../img/top_bnr2.png) no-repeat; padding-bottom:0; width:293px; height:200px; }
#topbnr_btn .btn3 a{ background: url(../img/top_bnr3.png) no-repeat; padding-bottom:0; width:293px; height:200px; }
#topbnr_btn {
	margin: -80px auto 0px;
	padding:15px 0;
	height:auto;
	/*background-color:#fafaf9;*/
	}
.inner { overflow:auto; padding:0;}
.page-id-17 table { width:600px;}
}
@media only screen and (max-width:400px) {

}