@charset "UTF-8";

/*------------------------------------------------------------
	メインビジュアル（見出しエリア・小サイズ用設定）
------------------------------------------------------------*/

h1 {
	margin-bottom:0;
}

div.mainVis {
	padding:8px 0 10px;
}

div.mainVis h2 {
	text-align:center;
}

@media only screen and (min-width: 641px) {
	
	div.mainVis {
		height:150px;
	}
	
	div.mainVis div.mainCopy {
		width: 100%;
		top:15px;
	}
	
	div.mainVis h2 {
		max-width: none;
		text-align:left;
	}

}

/*------------------------------------------------------------
	Gallery コンテンツ
------------------------------------------------------------*/

div#container div.contents {
	padding:20px 0 10px;
}

ul.styleSelect {
	margin-bottom:20px;
}
	
ul.styleSelect li {
	width:calc(100% / 3);
	box-sizing:border-box;
	font-size: 12px;
	float:left;
	text-align:center;
	border-left:1px solid #E5E1D8;
	padding:0 10px;
	margin-bottom:10px;
}

ul.styleSelect li:nth-child(3n) {
	border-right:1px solid #E5E1D8;
}

ul.styleSelect li:last-child {
	box-sizing:border-box;
	border-right:1px solid #E5E1D8;
}

ul.styleSelect li {
	display:block;
	font-family:'Futura W01 Medium';
	text-decoration:none;
	padding:5px 0;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}

ul.styleSelect li:hover,
ul.styleSelect li.selected {
	background-color:#E5E1D8;
}

div.contents div#gallery div.one_fourth {
	width:48%;
	height:198px;
	overflow:hidden;
	margin:0 1% 3px;
}

div.contents div#gallery div.one_fourth img {
	max-width:100%;
	height:auto;
	-webkit-transition:0.3s ease-in-out;
	-moz-transition:0.3s ease-in-out;
	-ms-transition:0.3s ease-in-out;
	-o-transition:0.3s ease-in-out;
	transition:0.3s ease-in-out;
}

div.contents div#gallery div.one_fourth a:hover img {
	-webkit-transform:scale(1.10,1.10);
	-moz-transform:scale(1.10,1.10);
	-ms-transform:scale(1.10,1.10);
	-o-transform:scale(1.10,1.10);
	transform:scale(1.10,1.10);
	opacity:0.8;
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	background: #FBFBFB;
}

@media only screen and (min-width: 641px) {

	div#container div.contents {
		margin:0 auto 40px;
		padding-top:40px;
	}
	
	ul.styleSelect {
		border-left:1px solid #E5E1D8;
		margin-bottom:40px;
	}
	
	ul.styleSelect li {
		width:calc(100% / 6);
		font-size: 13px;
		border-left: none;
		border-right:1px solid #ddd;
		padding: 10px 0;
		margin-bottom:0;
		cursor: pointer;
	}
	
/*
	ul.styleSelect li:last-child {
		width:12.5%;
	}
*/
	
	div.contents div#gallery div.one_fourth {
		width:235px;
		height:300px;
		margin:0 10px 15px;
		overflow:hidden;
	}

}