@charset "utf-8";

/* SIDE MENU */
#sidemenu-steam-sauna		{ display:block;}
#sidebana1 .bana-tylo,
#sidebana1 .bana-firewood,
#sidebana1 .bana-steam		{ display:none;}


body.steam-sauna-index #sidemenu .steam-index a,
body.steam-sauna-feature #sidemenu .steam-feature a,
body.steam-sauna-generator #sidemenu .steam-generator a,
body.steam-sauna-room #sidemenu .steam-room a,
body.steam-sauna-accessory  #sidemenu .steam-accessory a,
body.steam-sauna-outlet  #sidemenu .steam-outlet a,
body.steam-sauna-download  #sidemenu .steam-download a, 
body.steam-sauna-faq  #sidemenu .steam-faq a { 
	color:#fff; 
	background-color: #000;
	background-image:url("/img/icon_link_white.svg");
	background-position: 0.45rem 0.6rem;
	background-repeat: no-repeat;
	-webkit-background-size: 1rem auto;
	   -moz-background-size: 1rem auto;
	     -o-background-size: 1rem auto;
	        background-size: 1rem auto;
	text-decoration:none; 
	cursor:default;
}

#featureBox	 { 
	position:relative; 
	height:470px; 
	margin:15px 0 0 0;
}
#featureBox > picture img {
	width: 723px;
	height: auto;
}


#featureBox dl { position:absolute;}
#featureBox dt { 
	font-weight: bold;
	margin-bottom: 10px;
}
#featureBox dd {
	font-size: 0.85rem;
}
#feature01					{ width:205px; left:30px; top:14px;}
#feature02					{ width:180px; left:15px; top:146px;}
#feature03					{ width:200px; left:27px; top:316px;}
#feature04					{ width:200px; left:490px; top:32px;}
#feature05					{ width:180px; left:525px; top:166px;}
#feature06					{ width:180px; left:510px; top:315px;}

#feature04 dt {
	text-align: right;
	margin-right: 8px;
}
#feature05 dt {
	text-align: right;
	margin-right: 3px;
}
#feature06 dt {
	text-align: right;
	margin-right: 4px;
}

/* === 2列目の外枠だけ太くする === */

/* 左側外枠 */
.steam-sauna-feature #compareTb td:nth-child(2),
.steam-sauna-feature #compareTb th:nth-child(2) {
  border-left: 4px solid #38a7db;
}

.steam-sauna-feature #compareTb td:nth-child(1),
.steam-sauna-feature #compareTb th:nth-child(1) {
  border-right: 4px solid #38a7db;
}

/* 右側外枠 */
.steam-sauna-feature #compareTb td:nth-child(2),
.steam-sauna-feature #compareTb th:nth-child(2) {
  border-right: 4px solid #38a7db;
}

/* 上側外枠（ヘッダー行） */
.steam-sauna-feature #compareTb thead th:nth-child(2) {
  border-top: 4px solid #38a7db;
}

/* 下側外枠（最後の行） */
.steam-sauna-feature #compareTb tbody tr:last-child td:nth-child(2) {
  border-bottom: 4px solid #38a7db;
}



/*  スチームルーム アウトレット販売  */

body.steam-sauna-outlet .section p + p,
body.steam-sauna-outlet .product p + p {
	margin-top: 1rem;
}

/*
body.steam-sauna-outlet .top_visual {
	background-image: url("/steam-sauna/img/outlet_h1_visual.jpg");
}
*/

body.steam-sauna-outlet .product-outlet {
	margin-top: 1rem;
}

body.steam-sauna-outlet .product-outlet table { 
	margin-top: 2rem;
	border-top:solid 1px #cccccc;
}

body.steam-sauna-outlet .product-outlet th {font-weight: bold; white-space: nowrap; background-color: rgb(244, 244, 244); text-align: center;}
body.steam-sauna-outlet .product-outlet th,
body.steam-sauna-outlet .product-outlet td		{ padding:10px 12px 8px 12px; border-bottom:solid 1px #cccccc; vertical-align: middle;}
body.steam-sauna-outlet .product-outlet p.idt {padding-left: 1rem; text-indent: -1rem; margin-top: 0.4rem;}
body.steam-sauna-outlet .product-outlet p + p {margin-top: 0 !important;}

body.steam-sauna-outlet .product-outlet-caution {margin-top: 1rem;}
body.steam-sauna-outlet .product-outlet-caution p{
	padding-left: 1rem; 
	text-indent: -1rem; 
	margin: 0 0 0.1rem !important;
	font-size: 0.8rem;
}

body.steam-sauna-outlet li.productsList .image ul li img {
	height: 51px;
	object-fit: cover;
}

body.steam-sauna-outlet li.productsList {
	padding-bottom: 30px;
}

body.steam-sauna-outlet #sidebana1 .bana-outlet		{ display:none;}


/*  設置資料ダウンロード  */

.download-table table { 
	width:100%; 
	border:solid 1px #cccccc;
}
.download-table th { 
	padding:10px 0; 
	font-weight:bold; 
	text-align:center; 
	border-right: 1px dotted #dbdbdb;
	border-bottom: 1px dotted #dbdbdb;
	background-color: #f1f1f1;
	white-space: nowrap;
}
.download-table td { 
	padding:10px 20px; 
	border-right: 1px dotted #dbdbdb;
	border-bottom: 1px dotted #dbdbdb;
}

.download-table td:nth-of-type(1){
  font-weight: bold;
}
.download-table td:nth-of-type(1) span {
  font-weight: normal;
}

/*  スチーム発生器用テーブル */
#generator .download-table td:nth-of-type(1){
  width: 25%;
  text-align: center;
}
#generator .download-table td:nth-of-type(2){
  width: 18%;
}
#generator .download-table td:nth-of-type(3){
  width: 15%;
}
#generator .download-table td:nth-of-type(4){
  width: 24%;
}
#generator .download-table td:nth-of-type(5){
  width: 18%;
}

/*  スチームルーム用テーブル */
#room .download-table td:nth-of-type(1){
  width: 30%;
  text-align: center;
}
#room .download-table td:nth-of-type(2){
  width: 40%;
}
#room .download-table td:nth-of-type(3){
  width: 30%;
}

/*  スチームサウナ用アクセサリー用テーブル */
#accessory .download-table td:nth-of-type(1){
  width: 50%;
  text-align: center;
}
#accessory .download-table td:nth-of-type(2){
  width: 50%;
}

#accessory .download-table td:nth-of-type(1) img {
  width: 50%;
}


.download-table table span { 
	font-size: 0.75rem;
}
.download-table td img {
	width: 100%;
}

.download-table table ul.catalog li {
	margin-bottom: 0.5rem !important;
}




.download-table th,
.download-table td { 
	vertical-align:middle;
	font-size: 0.8rem;
}
.download-table table .nowrap { 
	white-space: nowrap;
}
.download-table table .text-center {
	text-align: center;
}
.table-scroll p.scroll-caution {
	display: none;
}

.download-table .img-stella {
	margin-top: 8px;
}

/*  設置資料ダウンロード  2023-12-15 */

body.steam-sauna-download #in-page-link ul {
	margin: 1rem 0 2rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}

body.steam-sauna-download #in-page-link li { 
	padding:0 1.5rem 1rem 1rem; 
	font-weight:bold; 
	background:url("/img/icon_link_arrow_down.svg") -0.2rem 0 no-repeat;
	-webkit-background-size: 15px auto;
	   -moz-background-size: 15px auto;
	     -o-background-size: 15px auto;
	        background-size: 15px auto;
}

body.steam-sauna-download #in-page-link li:last-child {
	padding-right: 0;
}


/* ########## スマホ版 ########## */

@media screen and (max-width:640px) {
	
	body.steam-sauna-index #sidemenu .steam-index a,
	body.steam-sauna-feature #sidemenu .steam-feature a,
	body.steam-sauna-generator #sidemenu .steam-generator a,
	body.steam-sauna-room #sidemenu .steam-room a,
	body.steam-sauna-accessory  #sidemenu .steam-accessory a { 
		color:#fff; 
		background-color: #000;
		background-image:url("/img/icon_link_white.svg");
		background-position: 0.45rem 1.15rem;
		background-repeat: no-repeat;
		-webkit-background-size: 1rem auto;
		   -moz-background-size: 1rem auto;
		     -o-background-size: 1rem auto;
		        background-size: 1rem auto;
		text-decoration:none; 
		cursor:default;
	}

	#featureBox	 { 
		margin-bottom: 40px;
		height:auto; 
	}
	#featureBox > div {
		margin: 25px 0 0;
		text-align: center;
	}
	#featureBox > div picture img {
		width: 50%;
		height: auto;
	}
	#featureBox dl { 
		position:static;
		margin-bottom: 1.5rem;
	}
	#featureBox dt { 
		margin-bottom: 5px;
	}
	#featureBox dd {
		font-size: 0.85rem;
	}
	#feature01, #feature02, #feature03, #feature04, #feature05, #feature06 { 
		width:100%; 
		left:0; 
		top:0;
	}
	
	#feature04 dt, #feature05 dt, #feature06 dt {
		text-align: left;
		margin-right: 0;
	}

	/* スチームルーム アウトレット販売 */
	body.steam-sauna-outlet li.productsList .product {
		margin-top: 1rem;
	}
	
	/*  設置資料ダウンロード  */
	.table-scroll {
		overflow-x: scroll;
	}
	.table-scroll table {
		width: 100% !important;
		white-space: nowrap;
	}
	.table-scroll p.scroll-caution {
		display: block;
		background-color: #0392ca;
		color: #fff;
		padding: 0.4rem 0.8rem;
		margin-bottom: 0.8rem;
	}

	/*  設置資料ダウンロード  2023-12-15 */
	body.steam-sauna-download #in-page-link ul {
		margin: 1rem 0 2rem;
		display: block;
	}
	
	body.steam-sauna-download #in-page-link li { 
		padding:0 0 0.5rem 1rem; 
		background:url("/img/icon_link_arrow_down.svg") -0.2rem 0.2rem no-repeat;
		-webkit-background-size: 15px auto;
		   -moz-background-size: 15px auto;
		     -o-background-size: 15px auto;
		        background-size: 15px auto;
	}

}