@charset "utf-8";

/* guide
-------------------------------------------------- */
.graph table{
	width:800px;
	border-top:none;
	border-left:none;
	table-layout:auto;
	line-height:100%;
}
.graph table th,
.graph table td{
	border-bottom:none;
	border-right:1px solid #c8c8c8;
	font-weight:400;
	text-align:right;
	background:transparent;
	color:#323232;
	font-size:inherit;
	vertical-align:middle;
}
.graph table thead th:first-child,
.graph table tfoot th:first-child,
.graph table tbody th{
	border-right:none;
}

/* プレート式 ・クッションキャスター*/
.guide-plate .graph1 table thead th,
.guide-cushion table thead th{
	width:17%;
}
.guide-plate .graph2 table thead th{
	width:11%;
}

/* ねじ込み式 */
.guide-screwedin table thead th{
	width:10%;
}

/* パイプ差し込み式・アングル式 */
.guide-pipe_angle table thead th{
	width:9%;
}

/* ステンレスキャスター */
.guide-stainless table thead th{
	width:14%;
}

/* アジャスター付キャスター */
.guide-adjuster table thead th{
	width:12%;
}

.graph table thead th:first-child{
	width:3em!important;
}
.graph table thead th:nth-child(2){
	width:1em;
}

/* 製品型 */
.graph table tbody th{
	vertical-align:middle;
	background-repeat:no-repeat;
	background-position: right center;
	background-size:contain;
	height:3.2rem;
	padding-right:5.5rem;
}

/* グラフ */
.graph table tbody td.bar{
	position:relative;
}
.graph table td.bar span{
	position:absolute;
	top:1.6rem;
	left:0;
	display:inline-block;
	background:#dd0000;
	height:1.4rem;
}


.guide-plate .platelist {
    /*display:inline-block;*/
    border-radius:10px;
    background:#d90013;
    color:#ffffff;
    margin:10px 0 0 0;
    /*font-size:1rem;*/
    width:64%;
    padding:10px 10px;
    text-align:center;
}
.guide-plate .platelist a{
	color:#FFFFFF;
}
/* PC
-------------------------------------------------- */
@media only screen and (min-width: 768px) {


	/* guide
	++++++++++++++++++++++++++++++++++++++++++++++ */

	/* 製品型 */
	.graph table tbody th{
		height:40px;
		padding-right:55px;
		background-size:50px 40px
	}

	/* グラフ */
	.graph table td.bar span{
		top:20px;
		height:15px;
	}
}