/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  

.sp{
	display: none;
}

.red{
	color:#DF0000;
}

.f12{
	font-size:12px;
}

li{
	list-style-type: none;
}

#contents{
	margin:10px auto 40px;
	width:940px;
	text-align: left;
	color:#333333;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
}

.variation{
	padding:50px 0;
}

.variation h3{
	text-align: center;
	margin-bottom:40px;
	font-weight: normal;
	font-size:14px;
}

.variation h3 img{
	display: block;
	margin:0 auto 10px;
}

.variation .txt{
	margin:25px 0 35px;
	text-align: center;
}

.variation .photos{
	margin:0 5px 40px;
}

.variation .photos li{
	width:300px;
	float:left;
	margin-right:15px;
}

.variation .photos li:nth-child(3n){
	margin-right:0;
}

.variation .photos img{
	margin-bottom:10px;
}

.variation .detail{
	text-align: center;
	display: table;
	margin:0 auto;
}

.variation .detail .color{
	display: table-cell;
	vertical-align: middle;
	padding-right:50px;
}

.variation .detail .color img{
	vertical-align: middle;
	margin-right:15px;
}

.variation.black .detail .color img{
	border:solid 1px #666;
}

.variation .detail .item{
	text-align: left;
}

.variation .detail table{
	border-collapse: collapse;
}

.variation .detail th{
	text-align: left;
	padding-right:10px;
}

.variation .detail th:not(.blank):before{
	content:"■";
	color:#666;
}

.variation .detail td{
	text-align: left;
	padding-right:20px;
}

.variation.black{
	background: #0D151B;
	padding-left:20px;
	padding-right:20px;
	margin:0 -20px;
	color:#FFF;
}

.variation.white a{
	color:#333;
}

.variation.black a{
	color:#FFF;
}

.variation a:hover{
	text-decoration: none;
}