@charset "UTF-8";
/* CSS Document */

.price_calculator{padding:30px 0; margin:0 auto 50px;}
.price_calculator h3.title{}
.price_calculator h3{text-align:center; margin:20px auto;}
.price_calculator h4{text-align:center; font-weight:normal;}
.price_calculator table{width:860px; margin:20px auto; box-sizing:border-box;}
.price_calculator table tbody{width:100%; display:block;}
.price_calculator table tr{display:block; box-sizing:border-box;}
.price_calculator table tr:last-child{border:none !important;}
.price_calculator table th{box-sizing:border-box; padding:10px 40px; text-align:left; line-height:1.6; vertical-align:middle;}
.price_calculator table a{display:inline-block; text-decoration:underline;}
.price_calculator table sup{padding:6px 8px 4px; border-radius:8px; margin-left:5px; color:#fff; display:inline-block; font-size:0.8rem; background:#d03829; line-height:1; vertical-align:0 !important;}
.price_calculator table small{font-size:0.8rem; font-weight:normal; line-height:1.2;}
.price_calculator table red{color:#d03829;}
.price_calculator table b{font-size:1.4rem;}
.price_calculator table td{box-sizing:border-box; padding:10px 40px; line-height:1.6;}
.price_calculator table td ul li{margin:4px 0; vertical-align:middle;}
.price_calculator table td input[type=radio]{vertical-align:2px;}
.price_calculator table td select{margin:5px 10px 5px 0; vertical-align:2px;}

.price_calculator table.calculate{display:block; border:solid 1px #D8CDB0;}
.price_calculator table.calculate tr{border-bottom:solid 1px #D8CDB0;}
.price_calculator table.calculate th{width:360px; background:#FBF3E6; border-right:solid 1px #D8CDB0;}
.price_calculator table.calculate td{width:500px;}
.price_calculator table.calculate sup{background-color:#d03829;}

.price_calculator table.wake{display:block; margin:0 auto; border-top:none; border:solid 1px #cdcdcd;}
.price_calculator table.wake tr{border-bottom:solid 1px #cdcdcd;}
.price_calculator table.wake th{width:260px; background:#f6f6f6; border-right:solid 1px #cdcdcd;}
.price_calculator table.wake tr td.b1{width:320px; border-right:solid 1px #cdcdcd; text-align:left;}
.price_calculator table.wake tr td.b2{width:280px; text-align:right;}
.price_calculator table.wake sup{background-color:#b3b3b3;}

.price_calculator table.total{border:solid 1px #D8CDB0;}
.price_calculator table.total tr{border-bottom:solid 1px #D8CDB0;}
.price_calculator table.total th{width:360px; background:#FBF3E6; border-right:solid 1px #D8CDB0;}
.price_calculator table.total td{text-align:right; width:500px;}
.price_calculator table.total td b{color:#d03829;}

.uchiwake .uchi{text-align:center; margin:20px auto 0; width:860px; box-sizing:border-box; border:solid 2px #cdcdcd; background:#f6f6f6; line-height:50px; font-size:18px;}
.uchiwake .uchi span{background:url(../images/icon_calcure_down.png) no-repeat; display:block; background-position:center right 290px;}
.uchiwake .uchi.open span{background:url(../images/icon_calcure_up.png) no-repeat; display:block; background-position:center right 290px;}
.uchiwake .uchi span img{height:32px; width:auto; vertical-align:-5px; display:inline-block; margin-right:10px;}
.price_calculator .drop{display:none;}


@media (max-width: 640px) {
.price_calculator{padding:0 0 30px;}
.price_calculator .w960{width:100%;}
.price_calculator h3.title{background:none; height:auto; padding:20px 0; border-top:#d03829 solid 1px; border-bottom:#d03829 solid 1px; text-align:center; line-height:1;}
.price_calculator h3.title img{width:96%; height:auto;}
.price_calculator h4{font-size:16px; line-height:1.2; background:none; padding:0;}

.price_calculator table{width:96%; margin:20px auto;}
.price_calculator table th{border-right:0 !important; padding:10px;}
.price_calculator table sup{padding:6px 8px 4px;}
.price_calculator table td{box-sizing:border-box; padding:10px; line-height:1.2;}
.price_calculator table td input[type=radio]{vertical-align:1px;}
.price_calculator table td select{padding:4px 0;}

.price_calculator table.calculate th{width:100%; display:block;}
.price_calculator table.calculate td{width:100%; display:block;}

.price_calculator table.wake th{width:100%; display:block;}
.price_calculator table.wake tr td.b1{width:50%; text-align:left; display:inline-block; font-size:0.9rem;}
.price_calculator table.wake tr td.b2{width:50%; text-align:right; display:inline-block;}
.price_calculator table.wake tr.last td.b1{width:0; padding:0; border:0;}
.price_calculator table.wake tr.last td.b2{width:100%; text-align:right;}

.price_calculator table.total th{width:100%; display:block;}
.price_calculator table.total td{width:100%; display:block; text-align:left;}

.uchiwake .uchi{text-align:center; margin:20px auto 0; width:96%; line-height:30px; font-size:16px;}
.uchiwake .uchi span{background:url(../images/icon_calcure_down.png) no-repeat; display:block; background-position:center right 2%;}
.uchiwake .uchi.open span{background:url(../images/icon_calcure_up.png) no-repeat; display:block; background-position:center right 2%;}
.uchiwake .uchi span img{vertical-align:-6px;}
}