@charset "utf-8";

/* wheel
-------------------------------------------------- */
/* 一般特性早見表 */
.characteristic{
	margin-top:15px;
}
.characteristic table caption span{
	display:block;
	margin-bottom:5px;
}
.characteristic table thead th{
	min-width:9.6rem;
}
.characteristic table tbody th{
	text-align:left;
}
.characteristic .note{
	margin-top:5px;
}
.characteristic .note li{
	padding-left:1em;
	text-indent:-1em;
	list-style:inside disc;
	font-size:1.1rem;
	line-height:125%;
}
.characteristic .attention{
	margin-top:10px;
	padding-left:1em;
	text-indent:-1em;
	font-size:1.1rem;
}

/* 円グラフ */
.pie-chart h6{
	margin-top:15px;
	text-align:center;
	padding:10px 0;
	background:#d90013;
	color:#ffffff;
	font-weight:400;
}
.pie-chart .chart-inner{
	border-left:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	background:#ffffff;
	padding:7px 10px 20px 10px;
}
.pie-chart .chart-inner .chart{
	margin:15px 0 25px 0;
}
.pie-chart .chart-inner .btn{
	text-align:center;
}
.pie-chart .chart-inner .btn a{
	background:#d90013;
	display:inline-block;
	color:#ffffff;
	padding:8px 25px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

/* 転がり・旋回抵抗 */
.rolling{
	margin-top:30px;
}
.rolling h6{
	margin:20px 0 10px 0;
	font-weight:500;
}
.rolling .figure{
	padding:7px;
	background:#ffffff;
	margin-bottom:10px;
}
.rolling .attention{
	padding-left:1em;
	text-indent:-1em;
	font-size:1.1rem;
	line-height:125%;
}



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


	/* wheel
	++++++++++++++++++++++++++++++++++++++++++++++ */

	/* 一般特性早見表 */
	.characteristic table caption span.title{
		float:left;
	}
	.characteristic table caption span.example{
		float:right;
	}
	.characteristic table thead th{
		min-width:auto;
		padding:5px;
	}
	.characteristic .scroll-table table th{
		padding: 5px;
	}
	.characteristic .note li{
		font-size:11px;
	}
	.characteristic .attention{
		margin-top:5px;
		padding-left:1em;
		text-indent:-1em;
		font-size:1.1rem;
	}

	/* 円グラフ */
	.pie-chart{
		margin-top:30px;
		letter-spacing:-0.4em;
	}
	.pie-chart li{
		letter-spacing:normal;
		display:inline-block;
		width:32%;
		margin-right:2%;
		vertical-align:top;
	}
	.pie-chart li:nth-child(3n){
		margin-right:0;
	}
	.pie-chart .chart-inner{
		padding:12px 15px 25px 15px;
	}
	.pie-chart .chart-inner .btn a{
		padding:5px 20px;
		font-size:13px;
	}

	/* 転がり・旋回抵抗 */
	.rolling .figure{
		padding:15px;
		background:#ffffff;
		margin-bottom:10px;
	}
	.rolling .attention{
		padding-left:1em;
		text-indent:-1em;
		font-size:11px;
	}
}