@charset "utf-8";
/* reset styles */
/*=========================================================================
BASIC
=========================================================================*/
#Wrapper {position: relative; z-index: 1;}

/*----------------------------------------------------------------- */
#mainContents {
	overflow: hidden;
	padding-bottom: 0;
}

/*----------------------------------------------------------------- */
section {
width: 100%;
height: auto;
margin: 0 auto;
position: relative;
z-index: 1;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
}

/*----------------------------------------------------------------- */
.section_basic {width: 90%; max-width: 1200px; margin: 0 auto; height: auto; position: relative; z-index: 1;}

/*----------------------------------------------------------------- */
.section_title, .title_cap {font-weight: 500; color: #fff;line-height: 120%;}
.section_title { letter-spacing: .15em;font-family: 'BigCaslon',"serif";}

/*----------------------------------------------------------------- */
.one_period {position: relative; z-index: 1; width: 100%; height: auto; margin: 0 auto;}
.one_period:last-of-type {margin-bottom: 0;}

/*----------------------------------------------------------------- */
.period_textbox {background:rgba(0,0,0,.6); color: #fff;}
.period_textbox.style_center {margin: 0 auto;}

/*----------------------------------------------------------------- */
.period_textbox p {margin-bottom: 1.5em; }
.period_textbox p:last-of-type {margin-bottom: 0;}

/*----------------------------------------------------------------- */
.period_textbox a {color: #fff; text-decoration: underline;}
.period_textbox a:hover {color: #FF0000; text-decoration: none;}

/*----------------------------------------------------------------- */
.btn_basic {display:block; max-width: 300px;}
.btn_basic a {
height: auto;
width: 100%;
display: block;
margin: 0 auto;
text-align: center;
background:rgba(0,0,0,.6);
color: #fff;
text-decoration: none;
-o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
font-family: 'BigCaslon',"serif";

}
.btn_basic a span {position: relative;z-index: 1;}
.btn_basic a span:after {
content: "";
position: absolute;
top: 43%;
right: -1.5em;
width: .8em;
height: .8em;
background-image: url('../img/icon_link.png');
background-position: center;
background-repeat: no-repeat;
background-size: contain;

-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

.btn_basic a:hover {filter: alpha(opacity=75) !important; -moz-opacity:.75!important; opacity:.75 !important;}



/*=========================================================================
HEADER
=========================================================================*/
#viewBody{width: 100%; height: auto; margin: 0 auto; position: relative; z-index: 1;}

/*----------------------------------------------------------------- */
#firstView,#firstView img { width: 100%; height: auto; display: block;}
#firstView {position: relative; z-index: 1; padding: 0; margin: 0 auto;}

/*----------------------------------------------------------------- */
#siteName img,#siteCatch img { width: 100%; height: auto; display: block;}
#siteName, #siteCatch {
position: absolute;
z-index: 1;
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}



/*=========================================================================
SECTION：STAY
=========================================================================*/
section#Stay {background-image: url('../img/bg_stay.webp');}


/*=========================================================================
SECTION：SAUNA
=========================================================================*/
section#Sauna {background-image: url('../img/bg_sauna02.webp');}



/*=========================================================================
SECTION：DAY-USE PLAN 〜 WATER BATH
=========================================================================*/
section#Plan_Bath {background-image: url('../img/bg01.webp');}

section#water_Bath {
	background-image: url('../img/bg_waterbath.webp');
	background-repeat: no-repeat;
	background-position:  center top;
	background-size: cover;
}


/*----------------------------------------------------------------- 
#Plan .period_textbox {background: none;}
*/

/*----------------------------------------------------------------- */
#planData, #planData img {height: auto; display: block;}
#planData img {width: 100%;}
#planData {padding: 0; margin: 0 auto;}


/*=========================================================================
SECTION：INFORMATION 〜 FAQ
=========================================================================*/
section#Information {background-image: url('../img/bg02.webp'); }

/*----------------------------------------------------------------- */
#title-Info {position: relative; z-index:3;text-align: center;}

/*----------------------------------------------------------------- */
.title_capbox, .title_capbox p {line-height: 160%;}
.title_capbox {text-align: center; line-height: 160%; margin: 0 auto;}
.title_capbox p:last-of-type {margin-bottom: 0;}

/*=========================================================================
SECTION：INFORMATION > PHOTOLIST
=========================================================================*/
#facility_photoBloc {width: 100vw; margin: 0 calc(50% - 50vw); height: auto; }



/*----------------------------------------------------------------- */
ul#facility_photoList {list-style-type: none;}
ul#facility_photoList li img {width: 100%; height: auto; display: block;}

/*----------------------------------------------------------------- */
.arrow_next,
.arrow_prev {
position: absolute;
z-index: 10;
cursor: pointer;
display: block;
top: 50%;
-ms-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.arrow_prev span, .arrow_next span {
width: 100%;
height: 100%;
display: block;
position: relative;
z-index: 1;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
}


/*----------------------------------------------------------------- */
.arrow_prev span {
-ms-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.arrow_next span {
-ms-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}

.arrow_next img,
.arrow_prev img {width: 100%; height: auto; display: block;}

.arrow_next:hover, .arrow_prev:hover{filter: alpha(opacity=75); -moz-opacity:.75; opacity:.75;}

/*=========================================================================
SECTION：INFORMATION > FACILITY DATA
=========================================================================*/
#facilityData .period_textbox { position: relative; z-index: 1; background: none; margin: 0 auto; height: auto;}


/*----------------------------------------------------------------- */
#receptionBuilding:after,
#freeService:after{
content: "";
position: absolute;
top: 0;
left: 50%;
width: 1px;
height: 100%;
background: #fff;
}

/*----------------------------------------------------------------- */
ul.facility_list {list-style-type: none; height: auto; position: relative; z-index: 1;}

/*----------------------------------------------------------------- */
ul.facility_list li, .period_headline {line-height: 160%; color: #fff; font-weight: 400;}

/*----------------------------------------------------------------- */
ul.facility_list li,
ul.facility_list .period_headline {text-align: left;}

/*----------------------------------------------------------------- */
ul.facility_list:last-of-type,
ul.facility_list li:last-of-type{margin-bottom: 0;}

/*----------------------------------------------------------------- */
ul.facility_list:nth-of-type(even) {margin-right: 0;}

/*----------------------------------------------------------------- */
.period_headline {text-align: center;}

/*=========================================================================
SECTION：FAQ
=========================================================================*/
#Faq.two_layout .period_textbox p {line-height: 200%;}

/*=========================================================================
SECTION：COMING SOON
=========================================================================*/
section#Coming {background-image: url('../img/bg_coming.jpg'); padding-bottom: 0;}
section#Coming .section_basic { padding-bottom: 0;}

/*----------------------------------------------------------------- */
section#Coming .section_title {text-align: right;}

/*----------------------------------------------------------------- */
section#Coming .period_textbox {margin-left: auto; text-align: center;}
section#Coming .period_textbox .period_inner { display: inline-block;text-align: right;}


/*=========================================================================
COPY
=========================================================================*/
#copyrightBloc {width: 100%; height: auto; margin: 0 auto; background: rgba(0,0,0,.8); }
#copyBody {text-align: center; color: #fff; width: 90%; margin: 0 auto; max-width: 1200px; height: auto;}
#copyBody, #copyBody p {line-height: 140%;}
#copyBody p:last-of-type {margin-bottom: 0;}

/*=========================================================================
24.11.26
=========================================================================*/
#viewBody {overflow: hidden; padding: 0;}
#firstView.with_video {overflow: hidden; }
#firstView video { margin: 0 calc(50% - 50vw) !important; width: 100vw; height: 100%; display: block;}



/*=========================================================================
CUSTOM：24.12.21
=========================================================================*/
#btnInsta {position: absolute;z-index: 1;height: auto;}
#btnInsta a, #btnInsta img {width: 100%; height: auto; display: block; position: relative;}
#btnInsta a:hover {filter: alpha(opacity=75);-moz-opacity:.75;opacity:.75;}


/*=========================================================================
MAP
=========================================================================*/
section#Map {background:#EBEBEA;}

/*----------------------------------------------------------------- */
#mapBloc {position: relative; z-index: 1; width: 90%; height: auto; max-width: 960px; margin: 0 auto; overflow: hidden; }
#mapBloc iframe {width: 100%; height: 100%; position: absolute; z-index: 1; top: 0; left: 0; margin: auto;}

/*----------------------------------------------------------------- */
#mapCap {
font-family:'hiramin',"serif";
font-weight: 600;
line-height: 140%;
color: #707070;
text-align: center;
}

/*=========================================================================
CUSTOM 2025.06.14
=========================================================================*/
.section_title02, .box_headline {
	font-family:'hiramin',"serif";
	font-weight: 400;
	line-height: 1.4 !important;
	color: #fff;
	
}


/*----------------------------------------------------------------- */
.one_box {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 auto;
}


.one_box, .one_box p {line-height: 1.6 !important; font-weight:300;}

.one_box:last-of-type,
.one_box p:last-of-type {margin-bottom: 0;}

/*----------------------------------------------------------------- */
ul#plan_priceList {
list-style-type: none;
width: 100%;
height: auto;
margin: 0 auto;
}

li {
	line-height: 160%;
	letter-spacing: 2px;
}