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



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


#locationTabWrap {
	margin: 30px auto 0;
	width: 790px;
}

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

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

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



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

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

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

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

}

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

}