/* core */

.midashi {
	font-size: 1.1em;
	padding: 0 0 5px;
	border-bottom: solid 1px #5b5b5b;
	margin: 20px 0 10px;
}
.hover_image a:hover {
	opacity: .6;
}

/*#value_top,#tenban,#tenban_color,#value_price,#value_shousai,#value_sample{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}*/
	
/*-----------------------------header----------------------------------------*/

#value_top {
		
}

#maesetu {
	width: 720px;
	margin: 16px 0 0 0;
}
#maesetu_l {
	width: 420px;
	height:240px;
	float:left;
	background: #FF9;
	padding: 12px;	
}
#maesetu_l p {
	padding: 4px;
	font-size: 1.1em;
}
#maesetu_r {
	background: #FF9;
	width:276px;
	height:264px;
	float:right;
}
#maesetu_r img {
	padding: 36px 0 0 32px;
}

/*--------------------------------天板選択-------------------------------------*/

#tenban {
	width: 720px;
	margin-bottom: 20px;
}
#tenban ul {
	display: flex;
	flex-flow: row wrap;
	margin: 10px 0 20px;
}
#tenban li {
	margin: 0 0 5px 12px;
}
.gara {
	font-size: 74%;
	text-align: center;
}
#tenban a {
	display:block;
	border: 1px solid #fff;
	font-size: 0;
	transition: .3s ease-in-out;	
}
#tenban a:hover {
	display:block;
	border: 1px solid #4a77ff;
	opacity: .7;		
}

/*-----------------------------------対応脚-----------------------------------*/

#tenban_choice {
	width: 720px;
	
}
#tenban_choice li {
	float: left;
	margin: 0 10px;	
}

/*------------------------------カラー----------------------------------------*/

#tenban_color {
	
}
/*.select_color {
	margin: 0 10px 0 15px;
	
}*/

/*------------------------------価格表----------------------------------------*/

#value_price {
	margin-bottom:20px;
	width:100%;
}
.valuetable .hover_line a {
	
	padding: 8px;
	line-height: .7;
}
.valuetable .hover_line img {
	border: 1px solid #CCC;
	padding: 4px;
	margin: 0 auto;
	display: block;
}
.hover_line img:hover {
	border: 1px solid #4a77ff;
	opacity: 0.8;	
}

#value_price .valuetable {
	width:100%;
	border-collapse:collapse;
	/*margin-top: 16px;*/
	}
#value_price .valuetable th{
	padding: 5px 0px;
	border: solid 1px #ccc;
	background: #f1f1f1;
	}
	
#value_price .valuetable td{
	border: solid 1px #ccc;
	padding: 5px;
	text-align: center;
	}
#value_price .valuetable a {
	border: 1px solid #fff;
	color:#747474;
	background: transparent;
	transition: .3s ease-in-out;
	}
#value_price .valuetable a:hover {
	opacity: .7;
	background: transparent;
	}
#value_price .valuetable a img {
	transition: .3s ease-in-out;
	}
#value_price .valuetable a img:hover {
	opacity: .7;
	}
/*---------------------------商品詳細-------------------------------------------*/	

@media screen and (max-width: 767px) {
	
#tenban {
	width: 100%;
	margin-bottom: 20px;
}
.valuetable th:first-of-type {
	min-width: 130px;
}

.valuetable .hover_line img {
	min-width: 100px;
}

#value_price .valuetable a {
	transition: .3s ease-in-out;
	}
#value_price .valuetable a:hover {
	opacity: .7;
	background: transparent;
	}
#value_price .valuetable a img {
	transition: .3s ease-in-out;
	}
#value_price .valuetable a img:hover {
	opacity: .7;
	}

}