@charset "utf-8";

/* weight
-------------------------------------------------- */
/* タイトル */
h6{
	margin-top:15px;
	font-weight:500;
	line-height:125%;
}
h6::before{
	content:'◆';
	display:inline-block;
	margin-right:5px;
}

/* 必要な許容荷重の計算式 */
.calc.need-weight{
	border:1px solid #dcdcdc;
	background:#ffffff;
	padding:10px;
	margin-top:10px;
/*	font-size:1.2rem;*/
	font-style:italic;
	line-height:110%;
}
.calc.need-weight li{
	display:inline-block;
	vertical-align:middle;
}
.calc.need-weight .small{
	font-size:1rem;
}
.calc.need-weight li:first-child p{
	display:inline-block;
}
.calc.need-weight p.top{
	border-bottom:1px solid #323232;
	padding-bottom:10px;
	margin-bottom:10px;
	text-align:center;
}

/* 許容荷重を求める計算式 */
.suitable-weight{
	background:#ffffff;
	border:1px solid #c8c8c8;
	padding:10px;
	margin-top:10px;
	font-style:italic;
}

.attention{
	margin-top:5px;
	font-size:1.2rem;
	padding-left:1em;
	text-indent:-1em;
}

/* 適用荷重の目安 */
.scroll-table th.total{
	-webkit-writing-mode:vertical-rl;
	-ms-writing-mode:tb-rl;
	writing-mode:vertical-rl;
	padding:0 7px;
	line-height:100%;
}
.scroll-table td{
	text-align:center;
}
.scroll-table td.arrow-top{
	background-image:url(../gif/weight_arrow_top.gif);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:55%;
}
.scroll-table td.arrow-middle{
	background-image:url(../gif/weight_arrow_middle.gif);
	background-repeat:repeat-y;
	background-position:top center;
	background-size:55%;
	color:#ffffff;
}
.scroll-table td.arrow-bottom{
	background-image:url(../gif/weight_arrow_bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
	background-size:55%;
}
.note{
	font-size:1.2rem;
	margin-top:5px;
}


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


	/* weight
	++++++++++++++++++++++++++++++++++++++++++++++ */
	/* 必要な許容荷重の計算式 */
	.calc.need-weight{
		padding:15px 20px;
		display:inline-block;
	}
	.calc.need-weight .operator{
		display:inline-block;
		margin:0 1em;
	}

	/* 許容荷重を求める計算式 */
	.suitable-weight{
		padding:15px 20px;
		display:inline-block;
	}
	.attention{
		font-size:11px;
	}

	/* 適用荷重の目安 */
	.note{
		font-size:11px;
	}
}