@charset "UTF-8";

.class_title { background-color:transparent; margin-top:30px; }

.item_hr { display:flex; flex-wrap:wrap; margin:20px 0; }
.item_hr>div { flex:0 0 50%; position:relative; box-sizing:border-box; background-color:var(--wa-lightgray); }
.item_hr>div.item_hr_img { flex:0 0 50%; }
.item_hr>div.item_hr_txt { flex:0 0 50%; }
.item_hr_img div { height:100%; }
.item_hr_img div img { width:100%; height:100%; object-fit:contain; }
.item_hr_txt { display:flex; align-items:center; padding:30px 40px; }
.item_hr_txt div { display:block; width:100%; }

.item_hr .item_gallery { flex:0 0 100%; margin-top:0; background-color:#fff; }

@media only screen and (max-width: 960px) {
	.item_hr>div { flex:0 0 100%; }
	.item_hr>div.item_hr_img { flex:0 0 100%; order:1; }
	.item_hr>div.item_hr_txt { flex:0 0 100%; order:3;}
	.item_hr>div.item_gallery { flex:0 0 100%; order:2; }
	.item_hr_txt { padding:10px; text-align:center; }
	.item_hr_txt p { text-align:left; }

	.item_hr_img div img { height:auto; }

}



.item_main { padding:20px 0; }
.item_main p.item_mainlead { font-size:1.7rem; line-height:1.6; font-weight:700; }
.item_main h2.item_mainname {
	font-size:2.8rem; font-weight:900; margin:12px 0; padding:10px; line-height:1; text-align:left;
	color:var(--wa-orange); border-bottom:1px var(--wa-gray) solid;
}
.item_main h2.item_mainname small { display:block; margin-bottom:8px; font-size:40%; font-weight:400; color:var(--wa-black); }

.item_main p.item_mainspec { line-height:1.8; padding:8px; background-color:#fff; border-radius:8px; color:#000; word-break:break-all; }
.item_main p.item_mainspec span { font-size:140%; }
.item_main p.item_mainspec small { font-size:85%; font-weight:400; color:#555; padding-right:4px; }
.item_main p.item_mainspec a { font-size:70%; color:#E27B2E; text-decoration:none; font-weight:500; }
.item_main p.iprice { font-size:1.4rem; margin-top:0em; text-align:left; font-weight:600; line-height:1.2; }
.item_main p.iprice small { font-size:60%; font-weight:400; white-space:nowrap; }
.item_main div.item_mainspec_notice { margin:0 0 10px 0; text-align:left; }
.item_main div.item_mainspec_notice p { display:inline-block; font-size:0.8rem; line-height:1.6; text-align:left; }

@media only screen and (max-width: 767px) {
	.item_maintxt br { display:none; }
}



.slick-prev, .slick-next, .slick-next:hover, .slick-prev:hover {
    position: absolute;
    z-index: 100;
    top: 50%;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    cursor: pointer;
    background-size:contain;
    background-repeat:no-repeat;
    text-indent:-9999px;
}
.box_parts .slick-next { right: 5px; }
.box_parts .slick-prev { left: 5px;}
.slick-next, .slick-next:hover { right: 15px; background-image: url("../images/slick_next_org.png"); }
.slick-prev, .slick-prev:hover { left: 15px; background-image: url("../images/slick_prev_org.png"); }
.slick-next:hover, .box_parts .slick-prev:hover { opacity:0.6 !important; }
.slick-disabled { display:none !important; }

.slick_item_list div img { width:200px; padding:10px; }
.slick_item_list { padding:20px 60px; height:auto; }
.chmainimg {  cursor:pointer; }
@media only screen and (max-width: 960px) {
	.slick_item_list div img { width:110px; }
}

.row_hr_img .item_gallery { height:auto; }
.row_hr_img .item_gallery div { display:block; height:auto; }
* { min-height:0; min-width:0; }	/* flex+slick hack */

/* spec table */
.speclist table { border-collapse:collapse; margin:20px auto; min-width:740px; }
.speclist table th, .speclist table td {
	padding:6px; border:1px var(--wa-gray) solid; box-sizing:border-box;
	font-size:0.9rem !important; line-height:1.6; text-align:left;
}
.speclist table th {
	background-color:var(--wa-black);
	color:#fff;
	text-align:center;
}
.speclist table td.table_st {
	background-color:var(--wa-lightgray);
}
.speclist table th span, .speclist table td.table_st span { font-size:70%; }
p.spec_table_note { margin:0 auto; max-width:740px; text-align:left; font-size:0.8rem; line-height:1.6; }


ul.info_linkset { display:flex; flex-wrap:wrap; justify-content:center; margin:0 auto; padding:0; list-style:none; max-width:520px; }
ul.info_linkset.bottomset { margin-top:60px; }
ul.info_linkset li { flex:1 0 200px; padding:10px; }
ul.info_linkset li a {
	display:block; text-align:center; padding:10px 25px 10px 5px; box-sizing:border-box; text-decoration:none;
	background-position:right 6px center; background-repeat:no-repeat; background-size:1em; border:1px var(--wa-gray) solid;
	color:var(--wa-black); background-color:#fff; background-image:url('../images/slick_next_blk.png');
	transition-duration:0.2s;
}
ul.info_linkset li a img { display:inline-block; padding:0 0.3em; height:1.5em; width:auto; vertical-align:text-bottom; }
ul.info_linkset li a.shoplink {
	background-color:var(--wa-blue2) ;
	background-image:url('../images/slick_next.png');
	border-color:var(--wa-blue2) !important;
	color:#fff;
}
ul.info_linkset li a:hover { box-shadow:0px 0px 10px 4px var(--wa-lightgray) inset; background-position:right 5px center !important; }
ul.info_linkset li a.shoplink:hover { box-shadow:0px 0px 10px 4px var(--wa-blue) inset; }



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

	.item_mainimg { height:500px; padding-top:0; }
	.item_main div.item_mainlead p { font-size:2rem; }
	.item_main div.item_mainname p { font-size:2.55rem; }
	.item_main div.item_mainspec p { font-size:1.1rem; }


	/* spec table */
	.speclist table { display:block; margin:20px auto; min-width:100%; }
	.speclist table tbody { display:block; margin:0 auto; }
	.speclist table th, .speclist table td { border:none; font-size:0.8rem !important; }
	.speclist table tr { display:flex; flex-wrap:wrap; }
	.speclist table th { flex:0 0 100%; }
	.speclist table th br { display:none; }
	.speclist table td.table_st { flex:0 0 30%; border-bottom:1px var(--wa-gray) solid; border-right:none; }
	.speclist table td.table_st br { display:none; }
	.speclist table td.table_sd { flex:1 0 70%; border-bottom:1px var(--wa-gray) solid; text-align:left;}


}


@media only screen and (max-width: 767px) {		/* Mobile -767px */

	.item_mainimg { background-position:right -100px center; }

	.item_main div.item_mainlead p {
		font-size:1.4rem;
		text-shadow:2px  2px 1px #fff, -2px  2px 1px #fff,  2px -2px 1px #fff, -2px -2px 1px #fff,
					2px  0px 1px #fff,  0px  2px 1px #fff, -2px  0px 1px #fff,  0px -2px 1px #fff;
	 }
	.item_main div.item_mainname p { font-size:2.1rem; }
	.item_main div.item_mainspec p {
		font-size:0.91rem;
		text-shadow:2px  2px 1px #fff, -2px  2px 1px #fff,  2px -2px 1px #fff, -2px -2px 1px #fff,
					2px  0px 1px #fff,  0px  2px 1px #fff, -2px  0px 1px #fff,  0px -2px 1px #fff;
	}

	.item_info .infospec th, .item_info .infospec td { font-size:0.75rem !important; }
	.item_info .infospec th { padding-left:0 }
	.item_info .infospec td strong { font-size:180%; }


}


/* ============ Installation ============ */

.line_tit {
	display:inline-block;
	padding:5px 16px;
	margin-bottom:20px;
	font-weight:600;
	border-radius:6px;
	color:#fff;
	background-color:var(--wa-gray);
}
.inst_fig_ss { display:flex; flex-wrap:wrap; justify-content:space-between; margin:40px 0; }
.inst_fig_ss div.fig_img, .inst_fig_ss div.fig_txt { flex:0 0 48%; padding:10px; }
.inst_fig_ss div.fig_img img { margin-bottom:20px; }


.price_table { border-collapse:collapse; width:100%; margin-bottom:0; }
.price_table th {
	padding:3px 12px;
	vertical-align:top;
	background-color:var(--wa-lightgray);
	font-weight:bold;
	color:#000;
	border:1px var(--wa-gray) solid;
	text-align:center;
}
.price_table td {
	padding:4px 12px;
	vertical-align:top;
	border:1px var(--wa-gray) solid;
	white-space:nowrap;
}
.totalprice_table { border-collapse:collapse; width:100%; }
.totalprice_table th {
	padding:3px 12px;
	vertical-align:top;
	background-color:var(--wa-gray);
	font-weight:bold;
	color:#fff;
	text-align:center;
	white-space:nowrap;
}
.totalprice_table td {
	padding:4px 12px;
	vertical-align:top;
	border:1px var(--wa-gray) solid;
	white-space:nowrap;
}
.price_table td, .price_table th, .totalprice_table th, .totalprice_table td { font-size:0.95rem; line-height:1.8; }
.price_table td.price, .totalprice_table td.price { font-size:1.1rem; text-align:center;}

.oper { padding:10px; text-align:center; font-size:1.8rem; }
.oper.eq span { transform: rotate(-90deg); display:inline-block; }

.fig_block1 { display:flex; flex-wrap:wrap; justify-content:center; }
.fig_block1 div { flex:1 1 40%; margin-bottom:20px; }
.pt_price1 { display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start; }
.pt_price1 div { flex:1 1 20%; }
.pt_price1 div.oper { flex:0 0 2em; text-align:center; padding-top:40px; }
.pt_price1 div.totl { flex:1 1 40%; }

.fig_block2 { display:flex; flex-wrap:wrap; justify-content:center; }
.fig_block2 div { flex:1 1 40%; margin-bottom:20px; }

.fig_block3 { display:flex; flex-wrap:wrap; align-items:center; margin-bottom:20px; }
.fig_block3 div { flex:1 1 40%; margin-bottom:20px; }
.fig_block3 div.pt_price3 { display:flex; align-items:center; flex-wrap:wrap; }
.fig_block3 div.pt_price3 div { flex:1 1 20%; }
.fig_block3 div.pt_price3 div.oper { flex:0 0 2em; text-align:center; padding-bottom:20px; }

.fig_block4 { display:flex; flex-wrap:wrap; justify-content:space-between; }
.fig_block4 div { flex:0 0 48%; }


.fig_block6 { display:flex; flex-wrap:wrap; justify-content:space-between; }
.fig_block6 div { flex:0 0 48%; margin-bottom:10px;  }
.fig_block6 div img.fig_right { float:right; width:45%; padding-left:10px; }


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

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

	.inst_fig_ss div.fig_img, .inst_fig_ss div.fig_txt { flex:0 0 100%; }

	.price_table td, .price_table th, .totalprice_table th, .totalprice_table td { font-size:0.9rem; }
	.price_table td.price, .totalprice_table td.price { font-size:1.0rem; }

	.pt_price1 div, .pt_price1 div.oper, .pt_price1 div.totl { flex:0 0 100%; padding:0; }
	.pt_price1 div.oper { margin-bottom:20px; }
	.pt_price1 div.oper span { display:inline-block; transform:rotate(90deg); }

}