@charset "utf-8";

/* wheel詳細
-------------------------------------------------- */
/* 共通特性 */
.common-chara h6{
	float:left;
	font-size:1.2rem;
	text-align:center;
	background:#d90013;
	color:#ffffff;
	width:6rem;
	height:6rem;
	-webkit-border-radius:3rem;
	-moz-border-radius:3rem;
	border-radius:3rem;
	font-weight:400;
	line-height:6rem;
}
.common-chara p{
	float:right;
	width:calc(100% - 6rem);
	text-align:left;
	padding-left:10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

/* 写真 */
.wheel-photo{
	letter-spacing:-0.4em;
	background:#ffffff;
	border:1px solid #dcdcdc;
	padding:15px 15px 0 15px;
	margin-top:15px;
}
.wheel-photo li{
	letter-spacing:normal;
	display:inline-block;
	width:32%;
	margin-right:2%;
	margin-bottom:20px;
	text-align:center;
	vertical-align:top;
}
.wheel-photo li:nth-child(3n){
	margin-right:0;
}
.wheel-photo li img,
.wheel-photo li span{
	display:block;
	margin:0 auto;
}
.wheel-photo li img{
	margin-bottom:5px;
}
.wheel-photo li span{
	font-size:1.2rem;
}

/* 表組 */
.scroll-table{
	margin-top:15px;
}
.scroll-table table{
	width:800px;
}
.scroll-table table tbody th{
	background:#e0e0e0;
	color:#d90013;
	border-bottom:1px solid #ffffff;
}
.scroll-table table tbody tr:last-child th{
	border-bottom:1px solid #dcdcdc;
}
.scroll-table table tbody td:last-child{
	text-align:left;
	white-space:normal;
	line-height:125%;
}
.note{
	font-size:1.2rem;
	margin-top:5px;
}


/* PC
-------------------------------------------------- */
@media only screen and (min-width: 768px) {


	/* wheel詳細
	++++++++++++++++++++++++++++++++++++++++++++++ */
	/* 共通特性 */
	.common-chara h6{
		font-size:13px;
		width:6em;
		height:6em;
		-webkit-border-radius:3em;
		-moz-border-radius:3em;
		border-radius:3em;
		line-height:6em;
	}
	.common-chara p{
		width:calc(100% - 6em);
		padding-left:0;
		padding-top:5px;
	}

	/* 写真 */
	.wheel-photo li{
		width:10%;
		margin-right:1.25%;
	}
	.wheel-photo li:nth-child(3n){
		margin-right:1.25%;
	}
	.wheel-photo li:nth-child(9n){
		margin-right:0;
	}

	.wheel-photo li span{
		font-size:12px;
	}

	/* 写真（その他車輪） */
	.wheel-photo.other li{
		width:11%;
		margin-right:1.5%;
	}
	.wheel-photo.other li:nth-child(3n){
		margin-right:1.5%;
	}

	/* 表組 */
	.scroll-table table th,
	.scroll-table table td{
		white-space:nowrap;
	}
	.scroll-table table tbody td:last-child{
		white-space:normal;
	}
	.note{
		font-size:11px;
	}
}