@charset "UTF-8";



/*==================================================================

INTRODUCTION_AREA

==================================================================*/
@media screen and (min-width:1024px) {
.smp{
display:none;
}
.tablet{
display:none;
}
p{
font-size:14px;
line-height:1.5em;
text-align:justify;
}
img.grow{
-webkit-transition:0.2s ease-in-out;
-moz-transition:0.2s ease-in-out;
-ms-transition:0.2s ease-in-out;
-o-transition:0.2s ease-in-out;
transition:0.2s ease-in-out;
}
img.grow:hover{
-webkit-transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1);
-o-transform:scale(1.1,1.1);
transform:scale(1.1,1.1);
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.smp{
display:none;
}
.pc{
display:none;
}
.tablet{
display:block;
}
p{
font-size:13px;
line-height:1.5em;
text-align:justify;
}
img.grow{
-webkit-transition:0.2s ease-in-out;
-moz-transition:0.2s ease-in-out;
-ms-transition:0.2s ease-in-out;
-o-transition:0.2s ease-in-out;
transition:0.2s ease-in-out;
}
img.grow:hover{
-webkit-transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1);
-o-transform:scale(1.1,1.1);
transform:scale(1.1,1.1);
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.pc{
display:none;
}
.tablet{
display:none;
}
p{
font-size:14px;
line-height:1.35em;
text-align:justify;
}
}









/*==================================================================

INFORMATION_AREA

==================================================================*/
@media screen and (min-width:1024px) {
.information_area{
width:1000px;
margin:0 auto;
padding:60px 0 30px;
}
.information_area h3{
font-family: "Sawarabi Mincho";
font-size:28px;
font-weight:500;
letter-spacing:0.15em;
text-align:center;
}
.information_area h4{
font-family: "Sawarabi Mincho";
font-size:24px;
font-weight:500;
letter-spacing:0.15em;
text-align:center;
margin-top:1.3em;
}
.quality{
position:relative;
width:100%;
margin:50px auto 0;
}
.quality_image{
padding-right:40%;
}
.quality img{
width:100%;
}
.quality p{
position:absolute;
background-color:rgba(255,255,255,0.7);
padding:3em 0 3em 3em;
width:50%;
top:6.5%;
right:0;
font-size:15px;
line-height:1.65em;
letter-spacing:0.03em;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.information_area{
width:98%;
margin:0 auto;
padding:40px 0 20px;
}
.information_area h3{
font-family: "Sawarabi Mincho";
font-size:24px;
font-weight:500;
letter-spacing:0.15em;
text-align:center;
}
.information_area h4{
font-family: "Sawarabi Mincho";
font-size:20px;
font-weight:500;
letter-spacing:0.15em;
text-align:center;
margin-top:1.3em;
}
.quality{
position:relative;
width:100%;
margin:50px auto 0;
}
.quality_image{
padding-right:40%;
}
.quality img{
width:100%;
}
.quality p{
position:absolute;
background-color:rgba(255,255,255,0.7);
padding:2em 0 2em 3em;
width:50%;
top:4%;
right:0;
font-size:13px;
line-height:1.5em;
letter-spacing:0.03em;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.information_area{
width:94%;
margin:0 auto;
padding:20px 0 0;
}
.information_area h3{
font-family: "Sawarabi Mincho";
font-size:17px;
font-weight:500;
letter-spacing:0.1em;
text-align:center;
line-height:1.35em;
}
.information_area h4{
font-family: "Sawarabi Mincho";
font-size:16px;
font-weight:500;
letter-spacing:0.1em;
text-align:center;
margin-top:0.8em;
}
.quality{
width:100%;
margin:20px auto 0;
}
.quality_image{
margin-bottom:10px;
}
.quality img{
width:100%;
}
.quality p{
background-color:rgba(255,255,255,0.7);
width:100%;
font-size:14px;
letter-spacing:0.03em;
}
}









/*==================================================================

BATH_AREA

==================================================================*/
@media screen and (min-width:1024px) {
.bath_area{
width:1000px;
margin:0 auto;
padding:0 0 30px;
}
.bath_area h2{
width:14%;
margin:50px auto 0;
}
.bath_area ol{
}
.bath_area ol li{
width:46%;
margin:30px 2% 0;
float:left;
}
.bath_area h3{
width:20%;
height:auto;
margin:0 auto 15px;
}
.bath_area div{
}
.swiper-container {
width:100%;
height:auto;
}
:root{
 --swiper-theme-color:#FFF;
}
.swiper-container img{
width:100% !important;
height:auto;
}
.slider{
height:auto;
border-bottom:1px solid #FFF;
}
.thumbnail .swiper-slide-active{
opacity:0.5;
}
.slider2{
height:auto;
border-bottom:1px solid #FFF;
}
.thumbnail2 .swiper-slide-active{
opacity: 0.5;
}
.bath_area p{
font-family: 'Noto Serif JP', serif;
font-size:15px;
text-align:center;
letter-spacing:0.05em;
margin-top:1.5em;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.bath_area{
width:98%;
margin:0 auto;
padding:0 0 20px;
}
.bath_area h2{
width:14%;
margin:30px auto 0;
}
.bath_area ol{
}
.bath_area ol li{
width:48%;
margin:30px 1% 0;
float:left;
}
.bath_area h3{
width:20%;
height:auto;
margin:0 auto 15px;
}
.bath_area div{
}
.swiper-container{
width:100%;
height:auto;
}
:root {
 --swiper-theme-color:#FFF;
}
.swiper-container img{
width:100% !important;
height:auto;
}
.slider{
height:auto;
border-bottom:1px solid #FFF;
}
.thumbnail .swiper-slide-active{
opacity:0.5;
}
.slider2{
height:auto;
border-bottom:1px solid #FFF;
}
.thumbnail2 .swiper-slide-active{
opacity: 0.5;
}
.bath_area p{
font-family: 'Noto Serif JP', serif;
font-size:13px;
text-align:center;
letter-spacing:0.05em;
margin-top:1.5em;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.bath_area{
width:94%;
margin:0 auto;
padding:20px 0 0;
}
.bath_area h2{
width:30%;
margin:20px auto 0;
}
.bath_area ol{
}
.bath_area ol li{
width:100%;
margin:20px 0% 10px;
}
.bath_area h3{
width:30%;
height:auto;
margin:0 auto 15px;
}
.bath_area div{
}
.swiper-container {
width:100%;
height:auto;
}
:root{
 --swiper-theme-color:#FFF;
}
.swiper-container img{
width:100% !important;
height:auto;
}
.slider{
height:auto;
border-bottom:1px solid #FFF;
}
.thumbnail .swiper-slide-active{
opacity:0.5;
}
.slider2{
height:auto;
border-bottom:1px solid #FFF;
}
.thumbnail2 .swiper-slide-active{
opacity: 0.5;
}
.bath_area p{
font-family: 'Noto Serif JP', serif;
font-size:14px;
text-align:justify;
letter-spacing:0.05em;
margin-top:0.5em;
}
}









/*==================================================================

SILKY_AREA

==================================================================*/
@media screen and (min-width:1024px) {
.silky_area{
margin:0px auto;
}
.silky{
position:absolute;
top:60%;
}
.silky_bath{
border:1px solid #C11823;
position:relative;
margin-top:1em;
}
.silky_bath h3{
font-family: "Sawarabi Mincho";
font-size:18px;
letter-spacing:0.1em;
position:absolute;
right:0;
left:0;
top:-0.5em;
margin-left:1em;
}
.silky_bath span{
padding:0 1em;
color:#FFF;
background-color:#C11823;
}
.silky_bath .silky_bath_details{
padding:3em 2em 2em 2em;
}
.silky_bath .silky_bath_details p{
font-family: 'Noto Serif JP', serif;
font-size:16px;
line-height:1.8em;
letter-spacing:0.05em;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.silky_area{
width:98%;
margin:0 auto;
padding:20px 0 20px;
}
.silky{
position:absolute;
top:63%;
}
.silky_bath{
border:1px solid #C11823;
position:relative;
margin-top:1em;
}
.silky_bath h3{
font-family: "Sawarabi Mincho";
font-size:16px;
letter-spacing:0.1em;
position:absolute;
right:0;
left:0;
top:-0.5em;
margin-left:1em;
}
.silky_bath span{
padding:0 1em;
color:#FFF;
background-color:#C11823;
}
.silky_bath .silky_bath_details{
padding:3em 2em 2em 2em;
}
.silky_bath .silky_bath_details p{
font-family: 'Noto Serif JP', serif;
font-size:14px;
line-height:1.8em;
letter-spacing:0.05em;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.silky_area{
width:80%;
margin:40px auto 30px;
padding:50px 0 0;
}
.silky{
}
.silky_bath{
border:1px solid #C11823;
position:relative;
margin-top:1em;
}
.silky_bath h3{
font-family: "Sawarabi Mincho";
font-size:16px;
letter-spacing:0.1em;
position:absolute;
right:0;
left:0;
top:-0.5em;
margin-left:1em;
}
.silky_bath span{
padding:0 1em;
color:#FFF;
background-color:#C11823;
}
.silky_bath .silky_bath_details{
padding:2em 1em 1em 1em;
}
.silky_bath .silky_bath_details p{
font-family: 'Noto Serif JP', serif;
font-size:14px;
line-height:1.5em;
letter-spacing:0.05em;
}
}









/*==================================================================

FEE_AREA

==================================================================*/
@media screen and (min-width:1024px) {
.fee_bg{
width:100%;
margin:0 auto;
background-color:#B2AB80;
background-image:linear-gradient(45deg, #C3BB84 25%, transparent 25%, transparent 75%, #C3BB84 75%, #C3BB84), linear-gradient(45deg, #C3BB84 25%, transparent 25%, transparent 75%, #C3BB84 75%, #C3BB84);
background-position:0 0, 25px 25px;
background-size:50px 50px;
}
.fee_area{
width:1000px;
margin:0 auto;
padding:50px 0;
color:#FFF;
text-align:center;
}
.fee_area table th, .fee_area table td{
border:solid 1px #C3BB84;
}
.fee_area table{
width:50%;
margin:0 auto;
color:#000;
letter-spacing:0.1em;
border-collapse:collapse;
float:left;
}
.fee_area th, .fee_area td {

font-size:16px;
text-align:center;
background-color:#FFF;
padding:1em;
}
.fee_area table td span{
font-size:0.8em;
margin-left:1em;
}
.fee_area table th{
font-size:18px;
font-weight:500;
text-align:center;
background-color:#FFF;
padding:1em;
position: sticky;
top: 0;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.fee_bg{
width:100%;
margin:0 auto;
background-color:#B2AB80;
background-image:linear-gradient(45deg, #C3BB84 25%, transparent 25%, transparent 75%, #C3BB84 75%, #C3BB84), linear-gradient(45deg, #C3BB84 25%, transparent 25%, transparent 75%, #C3BB84 75%, #C3BB84);
background-position:0 0, 25px 25px;
background-size:50px 50px;
}
.fee_area{
width:70%;
margin:0 auto;
padding:40px 0;
color:#FFF;
text-align:center;
}
.fee_area table th, .fee_area table td{
border:solid 1px #C3BB84;
}
.fee_area table{
width:100%;
margin:0 auto;
color:#000;
letter-spacing:0.1em;
border-collapse:collapse;
}
.fee_area th, .fee_area td {
font-size:15px;
text-align:center;
background-color:#FFF;
padding:1em;
}
.fee_area table td span{
font-size:0.8em;
margin-left:1em;
}
.fee_area table th{
font-size:16px;
font-weight:600;
text-align:center;
background-color:#FFF;
padding:1em;
position: sticky;
top: 0;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.fee_bg{
width:100%;
margin:0 auto;
background-color:#B2AB80;
background-image:linear-gradient(45deg, #C3BB84 25%, transparent 25%, transparent 75%, #C3BB84 75%, #C3BB84), linear-gradient(45deg, #C3BB84 25%, transparent 25%, transparent 75%, #C3BB84 75%, #C3BB84);
background-position:0 0, 25px 25px;
background-size:50px 50px;
}
.fee_area{
width:100%;
margin:0 auto;
padding:40px 0;
color:#FFF;
text-align:center;
}
.fee_area table th, .fee_area table td{
border:solid 1px #C3BB84;
}
.fee_area table{
width:90%;
margin:0 auto;
color:#000;
letter-spacing:0.1em;
border-collapse:collapse;
}
.fee_area th,.fee_area td{
font-size:18px;
text-align:center;
background-color:#FFF;
padding:1em;
}
.fee_area td.fee{
font-size:18px;
text-align:center;
background-color:#1F3134;
color:#FFF;
padding:1em;
}
.fee_area table td span{
font-size:0.8em;
margin-left:1em;
}
.fee_area table th{
font-size:18px;
font-weight:600;
text-align:center;
padding:1em;
position: sticky;
top: 0;
}
.fee_area table td{
display:block;
}
}









/*==================================================================

SAUNA_AREA

==================================================================*/
@media screen and (min-width:1024px) {
.sauna_area{
width:1000px;
margin:0 auto;
padding:0 0 30px;
}
.sauna_area h2{
width:14%;
margin:50px auto 0;
}
.sauna_area ol{
}
.sauna_area ol li{
width:46%;
margin:30px 2% 0;
float:left;
}
.sauna_area h3{
width:20%;
height:auto;
margin:0 auto 15px;
}
.sauna_area h4{
font-family: "Sawarabi Mincho";
font-size:28px;
font-weight:500;
letter-spacing:0.15em;
text-align:center;
margin-top:2em;
}
.sauna{
position:relative;
width:100%;
margin:50px auto 0;
}
.sauna_image{
padding-right:40%;
}
.sauna img{
width:100%;
}
.sauna p{
position:absolute;
background-color:rgba(255,255,255,0.7);
padding:3em 0 3em 3em;
width:50%;
top:17%;
right:0;
font-size:15px;
line-height:1.8em;
letter-spacing:0.03em;
}
.sauna_area h6{
font-size:15px;
text-align:center;
margin-top:4em;
}
.sauna_area h6 span{
border-bottom:1px solid #000;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.sauna_area{
width:98%;
margin:0 auto;
padding:0 0 20px;
}
.sauna_area h2{
width:14%;
margin:30px auto 0;
}
.sauna_area ol{
}
.sauna_area ol li{
width:48%;
margin:20px 1% 0;
float:left;
}
.sauna_area h3{
width:24%;
height:auto;
margin:0 auto 15px;
}
.sauna_area h4{
font-family: "Sawarabi Mincho";
font-size:24px;
font-weight:500;
letter-spacing:0.15em;
text-align:center;
margin-top:2em;
}
.sauna{
position:relative;
width:100%;
margin:50px auto 0;
}
.sauna_image{
padding-right:40%;
}
.sauna img{
width:100%;
}
.sauna p{
position:absolute;
background-color:rgba(255,255,255,0.7);
padding:2em 0 2em 3em;
width:50%;
top:12%;
right:0;
font-size:13px;
line-height:1.65em;
letter-spacing:0.03em;
}
.sauna_area h6{
font-size:14px;
text-align:center;
margin-top:3em;
}
.sauna_area h6 span{
border-bottom:1px solid #000;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.sauna_area{
width:94%;
margin:0 auto;
padding:20px 0 0;
}
.sauna_area h2{
width:30%;
margin:20px auto 0;
}
.sauna_area ol{
}
.sauna_area ol li{
width:90%;
margin:20px 5% 0;
}
.sauna_area h3{
width:30%;
height:auto;
margin:0 auto 5px;
}
.sauna_area h4{
font-family: "Sawarabi Mincho";
font-size:20px;
font-weight:500;
letter-spacing:0.15em;
text-align:center;
line-height:1.35em;
margin-top:2em;
}
.sauna{
width:100%;
margin:20px auto 0;
}
.sauna_image{
margin-bottom:10px;
}
.sauna img{
width:100%;
}
.sauna p{
background-color:rgba(255,255,255,0.7);
width:100%;
font-size:14px;
letter-spacing:0.03em;
}
.sauna_area h6{
font-size:14px;
text-align:justify;
margin-top:3em;
line-height:1.5em;
border:1px solid #C11823;
padding:1em;
}
.sauna_area h6 span{
border-bottom:1px solid #000;
}
}








/*==================================================================

SAUNA_AREA

==================================================================*/
.swiper-container{
text-align:center;
cursor:grab;
}
.swiper-container:active{
cursor:grabbing;
}
.swiper-container .swiper-slide img{
max-width:100%;
width:100%;
height:auto;
}
.thumbs{
height:10%;
box-sizing:border-box;
padding:10px 0;
}
.thumbs .swiper-slide{
width:16%;
height:auto;
opacity:0.3;
cursor:grab;
}
.thumbs .swiper-slide:active{
cursor:grabbing;
}
.thumbs .swiper-slide-active{
opacity:1;
}
.thumbs2{
height:10%;
box-sizing:border-box;
padding:10px 0;     
}
.thumbs2 .swiper-slide{
width:16%;
height:auto;
opacity:0.3;
cursor:grab;
}
.thumbs2 .swiper-slide:active{
cursor:grabbing;
}
.thumbs2 .swiper-slide-active{
opacity:1;
}
@media (max-width:600px){
.swiper-blind-left,.swiper-blind-right{
display:none;
}
}