/* ===============================================
 タブレット用
=============================================== */
@media screen and (min-width:681px){
	.sp{ display:none;}
}

@media screen and (max-width: 1240px) {
	.section-bnr,
	#footer .inner-footer{ width:99%; }
}

@media screen and (max-width: 940px) {
img, object {
	max-width: 100%;
	height: auto;
}

#header,
#nav,
#contents,
.hImg,
#topic-path,
.cont-home #main .block-home-main .inner-home-main dl dd,
.section-bnr{width:100%;}

#main,
.cont-second #main{ width:70%;}
#sub{ width:28%;}

#header .box-search{ left: inherit; right:120px;}

#nav ul.btn{
	display:flex;	display:-webkit-flex;
}
#nav li{ float:none;}



/*************************************************************/
}


/* ===============================================
　スマートフォン用　画面の横幅が680pxまで
=============================================== */
@media screen and (max-width:680px){
#home .hamburger,
.pc{ display:none !important;}
.cont-second #main,
.cont-second #sub,
#childfolder,
#childcontents,
#childcontents li,
.Rcp_kondate,
.Rcp_tukuri
{ width:auto !important;}

#main,#sub{ float:none; width:100%; padding:1em !important;}
#main{margin: 0;}


#nav .btn{flex-wrap:wrap; align-items:stretch; background:#f2eda7;}
#nav li{width:48%; background:#3eb370; border-bottom:solid 3px #269850; margin:0 1% 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
display:flex;	display:-webkit-flex;
}
#nav li a{ width:100%; align-self:center; display:block; text-decoration:none; color:#fff; font-weight:bold; padding:10px; font-size:15px; text-align:center;
}
#topic-path{ border-top:solid 5px #F2EDA7; background:#edf8f1; padding:1em 0;}


.toptitle0{
	padding:10px;
	font:1.3rem;
	color:#fff;
	background:#6a1b14;
border-radius: 5px;
-webkit-border-radius: 5px;
}
.list-bnr-home{ text-align:center;}

.section-bnr ul{display:flex;	display:-webkit-flex;flex-wrap:wrap;}
.section-bnr ul li{ width:48%; margin:0 1% 5px !important;}

.nav-sub-contents,
.nav-sub-contents .inner-nav-sub-contents{ background-image:none;}

.table li{ width:50%;}

#childfolder .mli{
	background-position: 0px 2px;
	padding-left: 22px;
}
.Rep_in{flex-direction:column;}
.Rcp_tukuri{padding-left:0; padding-top:1em;}


.wp-show-posts-columns .wp-show-posts-single{ width:50% !important; padding:0 5px 0; text-align:center;}


/*************************************************************/
}