@charset "utf-8";
/* ===================================================================

 file name  :gallery/index.css
 style info :施工事例ギャラリー

=================================================================== */

/* =============================

	overwrite

=============================== */



/* =================================== */
#main img{
	width:100%;
	height:auto;
}
#main h2{
	margin-bottom:38px;
	width:498px;
}

/* gallery */
#main .gallery{
	margin-bottom:60px;
}
#main .gallery .photos{
	position:relative;
	margin-bottom:20px;
	height:460px;
}
#main .gallery .photos li{
	position:absolute;
	top:0;
	left:0;
	display:none;
}
#main .gallery .thumb-wrap{
	position:relative;
}
#main .gallery .thumbs{
	margin-left:-5px;
	overflow:hidden;
	height:auto;
}
#main .gallery .thumbs li{
	float:left;
	margin:0 0 5px 5px;
	cursor:pointer;
}
#main .gallery .active{
	position:absolute;
	top:0;
	left:0;
	width:64px;
	height:64px;
	border:3px solid #c1272d;
}


#main .btns{
	margin-left:-7px;
	margin-bottom:24px;
	overflow:hidden;
	height:auto;
}
#main .btns li{
	width:181px;
	float:left;
	margin:0 0 7px 7px;
}
#main .return a{
	color:#2c5379;
}




/* ==========================================================================
   smartPhone
   ========================================================================== */
@media screen and (max-width: 640px){
	#main .pageTitle{
		margin-bottom:8.3%;
	}

	#main h2{
		margin-bottom:8.3%;
		width:100%;
	}

	/* gallery */
	#main .gallery{
		margin-bottom:8.3%;
	}
	#main .gallery .thumbs{
		margin-left:0;
	}
	#main .gallery .thumbs li{
		margin:0 1.01% 3px 0;
		width:11.6%;
	}
	#main .gallery .thumbs li:nth-of-type(8n){
		margin-right:0;
	}


	#main .btns{
		margin-left:0;
		margin-bottom:4.3%;
	}
	#main .btns li{
		width:48.3%;
		margin:0 0 3.3% 0;
	}
	#main .btns li:nth-of-type(even){
		float:right;
	}



}