/* CSS Document */

h2 {
	color:#1C3195 !important;
	background-color:#C9EAFE !important;
	font-size: 16pt;
	line-height:120%;
	margin-top: 2pt;
	margin-bottom: 1pt !important;
	margin-left: 4pt;
	padding:3px 5px;
}

h3{
	color:#1C3195;
	font-size:14pt;
	margin-left:20px;
	margin-bottom:3px;
}

h4{
	margin-top:5px;
	margin-left:20px;
	margin-bottom:3px;
}

#contents p.setumei{
	font-size:14px;
	line-height:150%;
	margin:0 20px;
}

.setumeiWaku{
	padding:10px;
	margin-bottom:20px;
	background: -moz-linear-gradient(top, #FFFFFF, #DBEFFB);  /* Firefox */
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(1, #FFFFFF),color-stop(0, #DBEFFB)); /* Safari,Chrome */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#DBEFFB'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#DBEFFB')"; /* IE8 */
	background: -o-linear-gradient(top, #FFFFFF, #DBEFFB); /* Opera */
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	border: 1px #D2E6F0 solid;     /* 枠線の装飾 */
}



#waku{
	width:100%;
	overflow:hidden;
	
	display: -moz-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.syohinWaku{
	overflow:hidden;
	text-align:center;
	
	-webkit-flex: 210px;
	flex: 210px;
	
	
	padding:5px 3px;
}

.syohinWaku p{
	margin:0;
	padding:0;
	font-size:12px;
	line-height:130%;
}

.syohinWaku .syohinLine{
	padding:3px;
	border:2px solid #1e90ff;
}

.syohinWaku img.indexImg{
	width:180px;
}


@media screen and (max-width: 480px) {
#waku{
	-webkit-box-orient: block-axis;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	
	display:inline;
}

.syohinWaku{
	padding-bottom:10px;
	
	-webkit-flex: 380px;
	flex: 300px;
}



}