/* CSS Document */




@media screen and (min-device-width:750px){ /*PC*/
#barrier #contents {
	padding-top:60px;
}
}


@media screen and (max-device-width:749px){ /*スマホ*/
#barrier #contents {
	padding-top:50px;
}
}



/* ■■■■■pankuzu■■■■■ */

.pankuzu {
	background-image:url(../../barrier/images/pankuzu_bg.gif);
}

.pankuzu li.now{
	background:#c5c1bd;
	border-radius:3px;
}

/* ■■■■■contents■■■■■ */

h2 {
	background-image:url(../../barrier/images/h2_bg.gif);
}




@media screen and (min-device-width:750px){ /*PC*/
h3 {font-size:2rem !important;}
}

@media screen and (max-device-width:749px){ /*スマホ*/
h3 {font-size:2rem !important;margin:0 0 10px 0;}
}




@media screen and (min-device-width:750px){ /*PC*/
#contents .body .head {
	margin:20px 0 40px 60px;
}

#contents .body .wide-box {
	width:665px;
}
#contents .body .wide-box:last-child {
	margin:0 0 60px 0;
}

#contents .body .wide-box img {
	margin:0 10px 0 0;
	width:auto;
	height:186px;
}

#contents .body .left-box,
#contents .body .right-box {
	width:320px;
	float:left;
}
#contents .body div.left-box {
	padding:40px 10px 0 60px;
}
#contents .body div.right-box {
	padding:40px 0 0;
}

#contents .body .left-box img,
#contents .body .right-box img {
	width:320px;
}

}

@media screen and (max-device-width:749px){ /*スマホ*/
#contents .body .head {
	margin:10px 5vw 20px;
}


#contents .body .wide-box,
#contents .body .half-box {
	padding:30px 0 0 0;
}
#contents .body img {
	width:97%;
	height:auto;
}

#contents .body .wide-box img:last-child,
#contents .body .half-box img:last-child {
	margin:0 0 10px 0;
}
#contents .body p {
	padding:0 0 10px 0;
}
}


#contents .body h3 {
	margin:0 0 10px 0;
	border-bottom:1px dashed #c5c1bd;
	font-size:26px;
}