/* CSS Document */



/* mv
---------------------------------------------------------------------- */

@media (min-width:1001px) {
	#mv { background: url(../images/mv.jpg) center center no-repeat;
		background-size: cover; }
	#mv h2 { text-indent: -10000px; overflow: hidden; 
		background: url(../images/ttl.png) center center no-repeat; 
		margin-left: -320px; }
}
@media (max-width:1000px) {
	#mv { background: url(../images/mv.jpg) center center no-repeat; background-size: cover; }
	#mv:after { content: ""; position: absolute; top:0; left: 0; background: url(../../images/ttl_shadow.png) center center no-repeat; width: 100%; height: 50vw;
		background-size: 16vw auto; }
	#mv h2 { text-indent: -100000px; 
	background: url(../images/ttl.png) center top 42px no-repeat;
	background-size: 36vw;}
}



/* tbl
---------------------------------------------------------------------- */
.hotspa-cnt .tbl{ display:flex; border-top:1px solid #a0a0a0; border-bottom:1px solid #a0a0a0; }
.hotspa-cnt .tbl + .tbl{ border-top:none; }
.hotspa-cnt .tbl dt{ color: #4d7954; }
.hotspa-cnt .tbl dd .notes{  margin-top:1em; }
@media (min-width:1001px) {
.hotspa-cnt .tbl{ flex-direction:row; justify-content:flex-start; }
.hotspa-cnt .tbl dt{ padding:0.8em 0.8em 0.8em 1.5em; display:flex; flex-direction:column; justify-content:center; }
.hotspa-cnt .tbl dd{ padding:0.8em 1.5em 0.8em 0.8em; }
.hotspa-cnt .tbl dd .arrow{ display:inline-block; }
.hotspa-cnt .tbl dd .arrow:nth-of-type(1){ margin-right:1em; }
.hotspa-cnt .tbl dd .arrow:nth-of-type(1)::after{ display:inline-block; margin-left:1em; content:"→"; }
.hotspa-cnt .tbl dd .notes{ font-size:14px; }
}
@media (max-width:1000px) {
.hotspa-cnt .tbl{ flex-direction:column; justify-content:flex-start; }
.hotspa-cnt .tbl dt{ padding:0.8em 0.8em 0em 0.8em; }
.hotspa-cnt .tbl dd{ padding:0.5em 0.8em 0.8em 0.8em; }
.hotspa-cnt .tbl dd .arrow{ display:block; }
.hotspa-cnt .tbl dd .arrow:nth-of-type(1){}
.hotspa-cnt .tbl dd .arrow:nth-of-type(1)::after{ display:block; content:"↓"; text-indent:5em; }
.hotspa-cnt .tbl dd .notes{ font-size:3.73vw; }
}

/* common
---------------------------------------------------------------------- */
.c-brown{ color: #4d7954; }
.bg_pattern { position: absolute; z-index: -1; }
.bg_pattern2 { position: absolute; z-index: -1;}


/* intro
---------------------------------------------------------------------- */
#intro { position: relative; }
#intro .bg_pattern { position: absolute; z-index: -1; }
@media (min-width:1001px) {
#intro { padding: 80px 0; }
#intro .bg_pattern { bottom: -100px; right: -40px; }
}
@media (max-width:1000px) {
#intro { padding:21vw 0 40vw 0; }
#intro .bg_pattern { bottom: -36vw; right: -30vw; width: 68vw; }
}

@media (max-width:1000px) {
#intro .intro-ttl{ margin-bottom:6vw; font-size: 6vw; letter-spacing: 0.5vw; }
}


@media (min-width:1001px) {
#intro h3{ width: 376px; margin: 0 auto; }
}







/* hotspa
---------------------------------------------------------------------- */
#hotspa { position:relative; }
#hotspa::after { content:""; position:absolute; z-index:1; left:0; display:block; width:calc(100% - 30%); margin-right:30%; background: url(../../images/bg2.png) center center repeat; }
@media (min-width:1001px) {
#hotspa { padding:100px 0 250px 0; }
#hotspa::after { top:330px; height:calc(100% - 460px);  }
}
@media (max-width:1000px) {
#hotspa { padding:26vw 0 10vw 0; }
#hotspa::after { top:56vw; height:calc(100% - 56vw);  }
}


@media (min-width:1001px) {
#hotspa .hotspa-ttl{ margin-bottom:60px; }
#hotspa table.ctable { width: 375px; margin: 0 auto; }
}
@media (max-width:1000px) {
#hotspa .hotspa-ttl{ margin-bottom:6vw; }
}


#hotspa .hotspa-item { position:relative; z-index:2; }
#hotspa .hotspa-item--ttl{ color: #4d7954; text-align:center; }
#hotspa .hotspa-item--txt{ text-align:center; }
#hotspa .hotspa-item--tbl{ display:flex; flex-wrap:wrap; flex-direction:column;  }
@media (min-width:1001px) {
#hotspa .hotspa-item + .hotspa-item{ margin-top:100px; }
#hotspa .hotspa-item--fig{ margin-bottom:50px; }
#hotspa .hotspa-item--ttl{ margin-bottom:25px;  font-size:24px;}
#hotspa .hotspa-item--ttl span{ margin-bottom:10px; font-size:18px; }
#hotspa .hotspa-item--txt{ margin-bottom:35px; }
#hotspa .hotspa-item--tbl{ align-items:center; }
}
@media (max-width:1000px) {
#hotspa .hotspa-item + .hotspa-item{ margin-top:26vw; }
#hotspa .hotspa-item--fig{ margin-bottom:13vw; }
#hotspa .hotspa-item--ttl{ margin-bottom:6.6vw;  font-size:6vw; }
#hotspa .hotspa-item--ttl span{ font-size:4.8vw; }
#hotspa .hotspa-item--txt{ margin-bottom:9.3vw; text-align: left; }
}

#hotspa .hotspa_gallery .slick-dots{ position: absolute; right:0; width:100%; list-style-type:none; margin:0; display:flex; flex-direction:row; justify-content:flex-end; align-items:center;  }
#hotspa .hotspa_gallery .slick-dots li button{ border: 0; outline: none; background: transparent; color:transparent; font-size:0; line-height:0; padding:0; cursor: pointer; }
#hotspa .hotspa_gallery .slick-dots li button::before{ content:""; display:inline-block; border-radius:50%; background-color:#ffffff; opacity:1; vertical-align:middle; }
@media (min-width:1001px) {
#hotspa .hotspa_gallery .slick-dots{ bottom: 40px; padding:0 40px; }
#hotspa .hotspa_gallery .slick-dots li{ width:10px; height:15px; margin:0 10px; }
#hotspa .hotspa_gallery .slick-dots li.slick-active{ width:15px; height:15px;  }
#hotspa .hotspa_gallery .slick-dots li button::before{ width:10px; height:10px; }
#hotspa .hotspa_gallery .slick-dots li.slick-active button::before{ width:15px; height:15px;  }
}
@media (max-width:1000px) {
#hotspa .hotspa_gallery .slick-dots{ bottom: 7vw; padding:0 2vw; }
#hotspa .hotspa_gallery .slick-dots li{ width:5px; height:10px; margin:0 5px; }
#hotspa .hotspa_gallery .slick-dots li.slick-active{ width:10px; height:10px;  }
#hotspa .hotspa_gallery .slick-dots li button{ height:10px; }
#hotspa .hotspa_gallery .slick-dots li button::before{ width:5px; height:5px; }
#hotspa .hotspa_gallery .slick-dots li.slick-active button::before{ width:10px; height:10px;  }
}


/* zao
---------------------------------------------------------------------- */
#zao { position: relative; }
@media (min-width:1001px) {
#zao { padding: 130px 0; }
#zao .bg_pattern { top: 30px; right: 0; z-index: 1; }
#zao .cflex { justify-content: space-between; align-items: center; }
#zao .zao-item--fig { width: 510px; }
#zao .zao-item--dtl { width: 520px; }
#zao .zao-item--dtl h4 { margin-bottom: 40px; }
#zao table.ctable { margin-top: 70px; }
#zao table.ctable th { width: 20%; }
#zao table.ctable td { width: 80%; }
}
@media (max-width:1000px) {
#zao { padding:32vw 0; }
#zao .bg_pattern { top: 2vw; right: -22vw; z-index: 1; width: 70vw; }
#zao .zao-item--dtl { margin: 10vw 0; }
#zao .zao-item--dtl h4 { margin-bottom: 5vw; }
}


/* tour
---------------------------------------------------------------------- */
#tour { position: relative; }

@media (min-width:1001px) {
#tour { padding: 120px 0 170px; }
}
@media (max-width:1000px) {
#tour { padding:32vw 0 32vw 0; }
}

#tour .tour-ttl{ position:relative; }
#tour .tour-ttl::before{ content:""; display:block; position:absolute; top:-45px; left:0; right:0; width:45px; height:30px; margin-left:auto; margin-right:auto; background-image:url(../images/tour-ttl--deco.png); background-repeat:no-repeat; background-position: center center; background-size:45px 30px; }

#tour .tour-txt{ text-align:center; }
#tour .tour-txt big{ color: #4d7954; }
@media (min-width:1001px) {
#tour .bg_pattern { top: 100px; left: 80px; }
#tour .bg_pattern2 { bottom: 500px; left: -80px; }
#tour .tour-txt{ margin-bottom:70px;  }
}
@media (max-width:1000px) {
#tour .bg_pattern { top: -5vw; left: -21vw; width: 70vw; }
#tour .bg_pattern2 { bottom: 160vw; left: -40vw; width: 68vw; }
#tour .tour-txt{ margin-bottom:18vw;  }
}

#tour .tour-list{ display:flex; flex-wrap:wrap; flex-direction:row; justify-content:space-between; }
#tour .tour-list--ttl{ width:100%; margin-bottom:20px; background-color:#1e1e1e; text-align:center; padding:10px; }
#tour .tour-list--ttl img{ width:auto; height:40px; }
#tour .tour-list--item{ position:relative;  }
#tour .tour-list--item::before{ content:""; display:block; position:absolute;  left:0; right:0; width:1px; height:22px; margin-left:auto; margin-right:auto; }
#tour .tour-list--item:nth-of-type(1)::before{ background-color:#80a637; }
#tour .tour-list--item:nth-of-type(2)::before{ background-color:#5d7856; }
#tour .tour-list--item:nth-of-type(3)::before{ background-color:#4e4e4e; }
#tour .tour-list--item:nth-of-type(4)::before{ background-color:#4a5d8a; }
#tour .tour-list--item dt{ margin-bottom:25px; }
@media (min-width:1001px) {
#tour .tour-list--item{ width:250px; }
#tour .tour-list--item{ padding:40px 0 0 0; }
#tour .tour-list--item::before{ top:0; }
}
@media (max-width:1000px) {
#tour .tour-list--item{ width:calc((100% - 20px) / 2); }
#tour .tour-list--ttl{ order:3; margin-top:20px; }
#tour .tour-list--item:nth-of-type(1){ order:1; padding:0 0 30px 0; }
#tour .tour-list--item:nth-of-type(2){ order:2; padding:0 0 30px 0; }
#tour .tour-list--item:nth-of-type(3){ order:4; padding:30px 0 0 0; }
#tour .tour-list--item:nth-of-type(4){ order:5; padding:30px 0 0 0; }
#tour .tour-list--item:nth-of-type(1)::before{ bottom:0; }
#tour .tour-list--item:nth-of-type(2)::before{ bottom:0; }
#tour .tour-list--item:nth-of-type(3)::before{ top:0; }
#tour .tour-list--item:nth-of-type(4)::before{ top:0; }
}
	
#tour .tour-map--fig{ text-align: center; }
#tour .tour-map--btn{ display:flex; flex-direction:row; justify-content:center; }
@media (min-width:1001px) {
#tour .tour-map{ margin:75px 0 50px 0; }
#tour .tour-map--btn{ margin-top:70px;  }
#tour .tour-map--btn a{ width:250px; }
}
@media (max-width:1000px) {
#tour .tour-map{ margin:20vw 0 13vw 0; }
#tour .tour-map--btn{ margin-top:18vw;  }
}

#tour .tour-tbl .tbl:first-of-type{ border-top:none; }
@media (min-width:1001px) {
#tour .tour-tbl .tbl dt,
#tour .tour-tbl .tbl dd{ padding:25px 1em; }
#tour .tour-tbl .tbl dt{ width:220px; }
#tour .tour-tbl .tbl dd{ width:calc(100% - 220px); }
}



/* freespa
---------------------------------------------------------------------- */

@media (min-width:1001px) {
#freespa { padding: 0 0 120px; position: relative; }
#freespa h3.ch3_3 span { font-size: 24px; }
}

#freespa .freespa-txt{ text-align:center; }
#freespa .freespa-txt big{ color: #4d7954; }

@media (min-width:1001px) {
#freespa .freespa-txt{ margin-bottom:40px;  }
#freespa .bg_pattern { top: 50px; right: -40px; }
}

@media (max-width:1000px) {
#freespa { padding: 0 0 12vw; }
#freespa .bg_pattern { bottom: -100px; right: -40px; }
#freespa .freespa-txt{ margin-bottom:18vw;  }
#freespa h3.ch3_3 span { font-size: 6vw; }
}

@media (min-width:1001px) {
#freespa ul { justify-content: space-between; }
#freespa ul li { width: 357px; }
#freespa ul li .img img { width: 100%; }
#freespa .tbl {	width: 250px; margin: 0 auto 50px; }
#freespa ul li .txt { padding: 15px; font-size: 18px; text-align: center; letter-spacing: 3px; }
}

@media (max-width:1000px) {
#freespa .tbl {	width: 100%; margin: 0 auto 6vw; }
#freespa ul li .txt { padding: 1em; font-size: 4vw; text-align: center; }
#freespa ul li { width: 100%; }
#freespa ul li .img img { width: 100%; }
}



/* zaoopen
---------------------------------------------------------------------- */
#zaoopen .zaoopen-item.zaoopen-bath{ display:flex; }
@media (min-width:1001px) {
#zaoopen h3.ch3_3 { font-size: 24px; line-height: 1; }
#zaoopen h3.ch3_3 span { font-size: 18px; }
#zaoopen { padding: 0 0 160px; }
#zaoopen .zaoopen-item.zaoopen-bath{ flex-direction:row-reverse; justify-content:flex-start; margin-bottom: 40px; }
#zaoopen .zaoopen-item.zaoopen-bath .zaoopen-bath--fig{ width:600px; }
#zaoopen .zaoopen-item.zaoopen-bath .zaoopen-bath--txt{ width:calc(100% - 600px); padding-right:100px; padding-top:10px; }
#zaoopen .zaoopen-item.zaoopen-bath .zaoopen-bath--txt .txt{ margin-bottom:50px; }
#zaoopen .cbtn2 { margin: 0 auto; }
}
@media (max-width:1000px) {
#zaoopen { padding: 0 0 24vw; }
#zaoopen h3.ch3_3 { line-height: 0.8; font-size: 6vw; }
#zaoopen .zaoopen-item.zaoopen-bath{ flex-direction:column; margin-bottom: 6vw; }
#zaoopen .zaoopen-item.zaoopen-bath .zaoopen-bath--fig{ margin-bottom:13vw; }
#zaoopen .zaoopen-item.zaoopen-bath .zaoopen-bath--txt ttl{ margin-bottom:6.6vw; }
#zaoopen .zaoopen-item.zaoopen-bath .zaoopen-bath--txt .txt{ margin-bottom:2.6vw; }
#zaoopen .cbtn2 { margin: 0 auto; }
}




/* ---------------------------------------------------------------------- */


@media (min-width: 1001px) and (max-width:1500px) {

} /* End @media (min-width: 1001px) and  (max-width:1500px) */


/* ---------------------------------------------------------------------- */


@media (min-width: 751px) and (max-width:1300px) {

} /* End @media (min-width: 1001px) and  (max-width:1390px) */


/* ---------------------------------------------------------------------- */