@charset "utf-8";

.boi__navi .btn-box{ width: 100%; flex-wrap: wrap; justify-content: flex-start;}
.boi__navi .btn-box .btn-brn a{ width: 100%; min-width: auto;}

.boi_select_navi{ margin: 20px 0 0; display: flex;}
.boi_select_navi li{ margin: 0 1%; padding: 0; font-weight: bold; border: none; border-radius: 0;}
.boi_select_navi li a, .boi_select_navi li strong, .boi_select_navi li span{ padding: 15px 10px; text-align: center; color: #fff; background: #914800; border: none; border-radius: 10px 10px 0 0; font-size: 100%; transition: all .3s; display: block;}
.boi_select_navi li a.off{ color: #757575; background: #dcdcdc;}
.boi_select_navi li a:hover{ opacity: 0.7;}
.typeconts{ margin: 0 0 60px; padding: 30px 25px; border: 1px solid #914800;}

/* ページ内リスト */
.boi__navi .btn-box .btn-brn{ width: 32%; margin: 0 0.5% 10px; text-align: center;}
.boi__navi .btn-box .btn-brn.w2{ width: 66%;}



/* TOP */
.boi_type_top .typeimgs{ display: flex; flex-wrap: wrap; justify-content: center;}
.boi_type_top .typeimgs img{ width: 15%; height: 100%; margin: 0 0.6%; display: inline;}



/* オート・フルオート */
#content_box.boi_auto_fullauto .areabox h3 { color: #13449D !important;}
#content_box.boi_auto_fullauto .areabox .md_b{ margin-bottom: 10px; padding: 0.5em 0; border-top: 1px dashed #13449D; border-bottom: 1px dashed #13449D;}
#content_box.boi_auto_fullauto #merit .md .far, .boi_auto_fullauto #merit .md .fas{ width: 1.4em; text-align: center;}
#content_box.boi_auto_fullauto #automatic .btn-box{ flex-wrap: wrap;}
#content_box.boi_auto_fullauto #automatic .btn-box .btn-brn a{ width: 100%; min-width: auto; text-align: center;}
#content_box.boi_auto_fullauto #automatic .btn-box .btn-brn { width: 32%;}



/* エコジョーズ */
ul.hkk{ margin-bottom: 20px; display: flex; justify-content: space-between; position: relative;}
ul.hkk li{ width: 42%; padding: 10px 3% 80px; border: 1px dotted #666;}
ul.hkk li .price{ color: #CC0000; font-weight: bold; font-size: 120%;}
ul.hkk li .price cite{ font-family: 'roboto'; font-size: 3em; font-style: normal;}
ul.hkk .notecojozu h4{ padding: 5px 0; color: #fff !important; background: #858585; font-size: 100%; text-align: center;}
ul.hkk .ecojozu h4{ padding: 5px 0; color: #fff !important; background: #ff921f; font-size: 100%; text-align: center;}

.boi_ecoj .gd01, .boi_ecoj .gd02{ padding: 10px 20px; color: #fff; background: #cb0202; font-weight: bold; border-radius: 10px; text-align: center; position: absolute;}
.boi_ecoj .gd01{ bottom: 15px; left: -30px;}
.boi_ecoj .gd02{ bottom: 15px; right: -30px;}

.boi_ecoj .gd01 span, .boi_ecoj .gd02 span{ color: #f7ff24;}
.boi_ecoj .gd01 span span, .boi_ecoj .gd02 span span{ font-style: normal; font-size: 220%;}
.boi_ecoj .gd01:after, .boi_ecoj .gd02:after{
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(203, 2, 2, 0);
	border-bottom-color: #cb0202;
	border-width: 10px;
	margin-left: -10px;
}
.hkk_result{ padding: 15px 90px 15px 20px; font-size: 180%; font-weight: bold; text-align: center; border: 9px solid #ff9e0c; position: relative;}
.hkk_result span{ color: #cb0202; font-family: 'roboto'; font-style: normal; font-size: 1.4em;}
.hkk_result img{ position: absolute; top: -20px; right: -20px;}

#drainage ul{ display: flex; justify-content: space-between;}
#drainage ul li{ width: 48%;}



/* ガス給湯暖房熱源機 */
.boi_type_heat .ticket{ margin: 0 5%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.boi_type_heat .ticket li{ width: 48%; text-align: center;}
.boi_type_heat .ticket li a{ margin: 10px auto; padding: 20px; background: #FFF2D2; border: 3px solid #FF8C27; border-radius: 10px; font-size: 90%; font-weight: bold;}
.boi_type_heat .ticket li img{ width: 50%; margin: 0 auto 10px;}

.boi_type_heat .exm{ border: 1px solid #eca134; border-left: none; border-right: none;}
.boi_type_heat .exm th{ padding-left: 20px; color: #724300; background: #ffe8c6; font-weight: bold; border: 1px solid #eca134; border-left: none; border-right: none;}
.boi_type_heat .exm td{ color: #724300; font-weight: bold; border: 1px solid #eca134; border-left: none; border-right: none;}



/* リモコン */
.boi_remote .hikaku_hayami{ display: flex;}
.boi_remote .hikaku_hayami li{ width: 100%; margin: 0 0.5%; padding: 10px; background: #fffcf7; border: 1px solid #ccc; font-size: 85%;}
.boi_remote .hikaku_hayami li:nth-child(1){ margin-right: 2%; background: #fbfff9;}
.boi_remote .hikaku_hayami li h4{ font-size: 100%; margin: 0 0 10px; padding: 0; text-align: center;}
.boi_remote .hikaku_hayami li p{ margin: 10px 0 0; padding: 0;}
.boi_remote .hikaku_hayami li span{ font-weight: bold; display: block;}

@media only screen and (min-width:768px) and ( max-width:1024px){
	.boi_remote .typeconts  ul li .spec span:nth-child(5){ margin-left: -5px !important;}
}