@charset "utf-8";
/* CSS Document */
#container #layout{
	width:1000px;
}
#container #layout h3 img{
	display:block;
	max-width:100%;
}
#container #layout h4{
	color:#3f9f31;
	text-align:left;
	font-size:36px;
	border-bottom:1px solid #3f9f31;
	padding:5px 20px;
}
#container #layout h4 + p{
	text-align:left;
	font-size:14px;
	padding:5px 0em 5px 3em;
	margin-bottom:30px;
}
#container #layout #productBox{
	padding:0px;
}
#container #layout #productBox #proPc{
	display:block;
}
#container #layout #productBox #proSp{
	display:none;
}
#container #layout #productBox img{
	max-width:100%;
	margin-bottom:30px;
}
#container #layout #productBox #proPc img,
#container #layout #productBox #proSp img{
	margin-bottom:0px;
	display:block;
}
#container #layout #productBox .middleBox{
	max-width:60%;
	margin:auto;
	margin-bottom:30px;
	text-align:center;
}
#container #layout #productBox .middleBox img{
	max-width:100%;
	margin:auto;
}
#container #layout #productBox img#lastImage{
	max-width:70%;
	margin:auto;
	margin-bottom:30px;
}

@media screen and (max-width: 667px) {
#container #layout {
        width: 100%;
    }
#container #layout h4{
	font-size:24px;
	padding:5px 10px;
}
#container #layout #productBox{
	padding:5px;
}
#container #layout #productBox #proPc{
	display:none;
}
#container #layout #productBox #proSp{
	display:block;
}
#container #layout #productBox .middleBox{
	max-width:100%;
}
#container #layout #productBox img#lastImage{
	max-width:100%;
	margin:auto;
}
#container #layout h4 + p {
    text-align: left;
    font-size: 14px;
    padding: 5px 10px;
    margin-bottom: 30px;
}
}
