@charset "utf-8";

/***************************************************************
-----------------------------------------------------------------

	florent 2012 Renewal
	/interiorページ用スタイルシート
	                                                                         2012.5.10 by FLICKS
-----------------------------------------------------------------	
*************************************************************** */


/*------------------------------------------------------------
	基本
------------------------------------------------------------*/
#wrapper #contents .thumbs li {
	float: left;
	padding: 10px;
}
#wrapper #contents .thumbs li img {
	box-shadow: 2px 2px 8px #d3c8b0; /*CSS3*/
	-moz-box-shadow: 2px 2px 8px #d3c8b0; /* Firefox用*/
	-webkit-box-shadow: 2px 2px 8px #d3c8b0; /* Google Chrome, Safari用*/
	filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d3c8b0'); zoom:1;
}

#wrapper #contents .thumbs li a:hover img {
	filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d3c8b0')
	       progid:DXImageTransform.Microsoft.alpha(opacity=50);
}
#wrapper #main #contents .thumbs {
	padding-top: 14px;
	padding-left: 12px;
}


/*------------------------------------------------------------
	 2016responsive化
------------------------------------------------------------*/
/* ===========================================================

	スマホ用（600px以下）
	
============================================================ */
@media screen and (max-width : 600px) {
#main-inner #contents .thumbs.js-masonry {
   margin: 0 auto;
   overflow: auto !important;
}

#contents .thumbs.js-masonry li {
	/* [disabled]float: left; */
}
	
#main-inner #contents .thumbs.js-masonry img{
	width: 100%;
	height: 100%;
}

.sp_img a img {
	width: 122px;
	height: auto;
}


}