@charset "utf-8";
/* CSS Document */
img{
	width:auto;
	max-width:100%;
}
.wrap{
	width:95%;
	margin:0 auto;
	text-align:center!important;
}
#mainImage img,#mainImage2 img,#mainImage3 img,#mainImage4 img,#mainImage5 img,#mainImage6 img,#mainImage7 img,#mainImage8 img,#mainImage9 img,#mainImage10 img,#mainImage11 img,#mainImage12 img,#mainImage13 img,#mainImage14 img{
	margin: 0 auto;
	margin-bottom: 25px;
	max-width: 440px;
	text-align: center!important;
	backface-visibility: hidden!important;
}
#thumbnails,#thumbnails2,#thumbnails3,#thumbnails4,#thumbnails5,#thumbnails6,#thumbnails7,#thumbnails8,#thumbnails9,#thumbnails10,#thumbnails11,#thumbnails12,#thumbnails13,#thumbnails14{
	width:68%;
	margin:0 auto;
	margin-bottom: 20px;
	text-align: center!important
}

#thumbnails img,#thumbnails2 img,#thumbnails3 img,#thumbnails4 img,#thumbnails5 img,#thumbnails6 img,#thumbnails7 img,#thumbnails8 img,#thumbnails9 img,#thumbnails10 img,#thumbnails11 img,#thumbnails12 img,#thumbnails13 img,#thumbnails14 img{
	width:30%;
	border: #ccc solid 1px;
	display: inline-block;
	backface-visibility: hidden;
}


/* ウィンドウ幅が0-510pxの場合に適用するCSS */
@media screen and ( max-width:510px ){
#mainImage img,#mainImage2 img,#mainImage3 img,#mainImage4 img,#mainImage5 img,#mainImage6 img,#mainImage7 img,#mainImage8 img,#mainImage9 img,#mainImage10 img,#mainImage11 img,#mainImage12 img,#mainImage13 img,#mainImage14 img{
	border-bottom: 1px solid #ccc;
}	
#thumbnails,#thumbnails2,#thumbnails3,#thumbnails4,#thumbnails5,#thumbnails6,#thumbnails7,#thumbnails8,#thumbnails9,#thumbnails10,#thumbnails11,#thumbnails12,#thumbnails13,#thumbnails14{
		width:95%;
	}	
#thumbnails img,#thumbnails2 img,#thumbnails3 img,#thumbnails4 img,#thumbnails5 img,#thumbnails6 img,#thumbnails7 img,#thumbnails8 img,#thumbnails9 img,#thumbnails10 img,#thumbnails11 img,#thumbnails12 img,#thumbnails13 img,#thumbnails14 img{
	width:30%;
}	
}