@charset "UTF-8";

.selectidx a, .roomidxa { position:relative; }
.selectidx a span.no, .roomidxa span.no {
	position:absolute; left:0px; top:0px; display:inline-block; text-align:center;
	background-color:#FC4C02; color:#fff; border-right:1px #fff solid; border-bottom:1px #fff solid;
	width:34px; height:34px; line-height:28px; font-size:1.8rem;
}
.roomidxa span.no {
	width:42px; height:42px; line-height:36px; font-size:2rem;
}
h3.rselect_tit { padding-bottom:6px; border-bottom:1px #000 solid; }
h3.rselect_tit small { color:var(--wa-orange); }
h4.rselect_tit span { color:inherit; border-bottom:none;  }

.roomsize_select { display:flex; flex-wrap:wrap; justify-content:space-between; }
.roomsize_select div.roomsize_select_size { flex:0 0 100%; margin:5px 0; display:flex; flex-wrap:wrap; border:1px var(--wa-gray) solid; background-color:var(--wa-lightgray); }

.roomsize_select div.roomsize_select_size div.size_set { flex:0 0 25%; align-self:stretch; display:flex; align-items:center; background-color:var(--wa-gray); }
.roomsize_select div.roomsize_select_size div.size_set h3 { flex:0 0 100%; margin:0; padding:6px 0; font-size:3rem; text-align:center; color:#fff; line-height:1.6; }
.roomsize_select div.roomsize_select_size div.size_set h3 small { display:block; font-size:60%; }

.roomsize_select div.roomsize_select_size div.size_item { flex:0 0 75%; display:flex; align-items:flex-start; font-size:0.9rem; flex-wrap:wrap; }
.roomsize_select div.roomsize_select_size div.size_item a { flex: 0 0 30%; padding:10px 0; color:var(--wa-black); display:inline-block; text-decoration:none; text-align:center; }
.roomsize_select div.roomsize_select_size div.size_item a img { max-height:160px; width:auto;  }
.roomsize_select div.roomsize_select_size div.size_item a:hover { opacity:0.7; }
.roomsize_select div.roomsize_select_size div.size_item a:after {
	content:'▶';
	font-size:60%;
	color:var(--wa-orange);
	margin-left:0.5em;
}
@media only screen and (max-width: 767px) { /* === Mobile -767px === */
	.roomsize_select div.roomsize_select_size div.size_set h3 { font-size:1.3rem; }
	.roomsize_select div.roomsize_select_size { flex:0 0 99%; margin:5px auto; }
	.roomsize_select div.roomsize_select_size div.size_item a img { max-height:60px; width:auto;  }
}

.crayon_line {
/*	text-decoration: underline;
	text-decoration-thickness: 0.6em;
	text-decoration-color: rgba(240, 128, 0, 0.4);
	text-underline-offset: -0.2em;
	text-decoration-skip-ink: none;*/
	box-shadow: 0px -7px 5px -5px #DAAF70 inset, 0px 8px 4px -8px #DAAF70;
}

/* selection guide */
.stove_type { display:flex; flex-wrap:wrap; justify-content:space-between; }
.stove_type>div { flex:0 0 49%; box-sizing:border-box; padding:10px 10px 0 10px; border:1px #ccc solid; border-radius:8px; }

.type_head { display:flex; align-items:center; margin-bottom:12px; }
.type_head div { min-height:90px; }
.type_head div:first-child { flex:0 0 100px; }
.type_head div img { max-width:100px; }
.type_head div p { margin-bottom:0; }
.type_head div p strong { font-size:150%; font-weight:700; }
@media only screen and (max-width: 767px) { /* === Mobile -767px === */
	.stove_type>div { flex:0 0 100%; }
	.stove_type>div:nth-child(2) { margin-top:30px; }
}

@media only screen and (max-width: 960px) {
}

@media only screen and (max-width: 767px) {
	.roomsize_select div {  flex:0 0 49%; }
}


.ourstove { margin:60px 0; text-align:center; }
.ourstove div { display:inline-block; text-align:left; padding:0 20px; background-color:#fff; border:3px #ccc solid; border-radius:16px; font-size:1.2rem; }
.ourstove div h3 { text-align:center; }