@charset "utf-8";
/*============================================================================================
ロケーションページ 共通　start
design.html
============================================================================================*/



/* -------------------------------------------------
Tab設定
------------------------------------------------- */


#designTabWrap {
	margin: 30px auto 0;
	width: 520px;
}

#designTabWrap li {
	width: 250px;
	height: auto;
	margin-left: 20px;
	float: left;
}

#designTabWrap li:first-child { margin-left: 0; }

.design01_mainImage {
	margin-top: 60px;
	text-align: center;
}



/*============================================================================================
ロケーションページ　共通　end
design.html
============================================================================================*/

@media screen and (max-width: 960px) {
#designTabWrap { width: 70%; }

#designTabWrap li {
	width: 48%;
	margin-left: 2%;
	float: left;
}
#designTabWrap li img {
	width: 100%;
	height: auto;
}

@media screen and (max-width: 640px) {
#designTabWrap { width: 90%; }

}

@media screen and (max-width: 480px) {
#designTabWrap { width: 250px; }
#designTabWrap li {
	width: 250px;
	margin-left: 0;
	float: none;
}

}