/* 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 bottom no-repeat;
	background-size: 25vw;}
}



/* tbl
---------------------------------------------------------------------- */
.restaurant-cnt .tbl{ display:flex; border-top:1px solid #a0a0a0; border-bottom:1px solid #a0a0a0; }
.restaurant-cnt .tbl + .tbl{ border-top:none; }
.restaurant-cnt .tbl > dt{ color: #4D1000; }
@media (min-width:1001px) {
.restaurant-cnt .tbl{ flex-direction:row; justify-content:flex-start; }
.restaurant-cnt .tbl > dt{ padding:0.8em 0.8em 0.8em 1.5em; display:flex; flex-direction:column; justify-content:center; }
.restaurant-cnt .tbl > dd{ padding:0.8em 1.5em 0.8em 0.8em; }
.restaurant-cnt .tbl > dd small{ display:inline-block; margin-left:1em; font-size:14px; }
}
@media (max-width:1000px) {
.restaurant-cnt .tbl{ flex-direction:column; justify-content:flex-start; }
.restaurant-cnt .tbl > dt{ padding:0.8em 0.8em 0em 0.8em; }
.restaurant-cnt .tbl > dd{ padding:0.5em 0.8em 0.8em 0.8em; }
.restaurant-cnt .tbl > dd small{ display:block; font-size:3.73vw; }
}


/* slick
---------------------------------------------------------------------- */
.restaurant_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;  }
.restaurant_gallery .slick-dots li button{ border: 0; outline: none; background: transparent; color:transparent; font-size:0; line-height:0; padding:0; cursor: pointer; }
.restaurant_gallery .slick-dots li button::before{ content:""; display:inline-block; border-radius:50%; background-color:#d2d2cc; opacity:1; vertical-align:middle; }
@media (min-width:1001px) {
.restaurant_gallery .slick-dots{ bottom: 40px; padding:0 40px; }
.restaurant_gallery .slick-dots li{ width:10px; height:15px; margin:0 10px; }
.restaurant_gallery .slick-dots li.slick-active{ width:15px; height:15px;  }
.restaurant_gallery .slick-dots li button::before{ width:10px; height:10px; }
.restaurant_gallery .slick-dots li.slick-active button::before{ width:15px; height:15px;  }
}
@media (max-width:1000px) {
.restaurant_gallery .slick-dots{ bottom: 7vw; padding:0 2vw; }
.restaurant_gallery .slick-dots li{ width:5px; height:10px; margin:0 5px; }
.restaurant_gallery .slick-dots li.slick-active{ width:10px; height:10px;  }
.restaurant_gallery .slick-dots li button{ height:10px; }
.restaurant_gallery .slick-dots li button::before{ width:5px; height:5px; }
.restaurant_gallery .slick-dots li.slick-active button::before{ width:10px; height:10px;  }
}


/* color
---------------------------------------------------------------------- */
.c-brown{ color: #4D1000; }


/* intro
---------------------------------------------------------------------- */
#intro{}
@media (min-width:1001px) {
#intro { padding: 80px 0 150px 0; }
#intro .cmenu2 { margin-bottom: 0; }
}
@media (max-width:1000px) {
#intro { padding: 10vw 0; }
}


#intro .intro-ttl{ color: #4d7954; line-height:1.6em; text-align:center; }
@media (min-width:1001px) {
#intro .intro-ttl{ margin-bottom:25px; font-size:26px; letter-spacing:5px;  }
}
@media (max-width:1000px) {
#intro .intro-ttl{ margin-bottom:6vw; font-size: 6vw; letter-spacing: 0.5vw; }
}


@media (min-width:1001px) {
#intro .intro-txt{ text-align:center; }
}



/* stay
---------------------------------------------------------------------- */
#stay { position:relative;/* background: url(../../images/bg1.png) repeat;*/ }
#stay::after { content:""; position:absolute; z-index:1; left:0; display:block; width:calc(100% - 30%); margin-right:30%; background: url(../../images/bg2.png) repeat; }
@media (min-width:1001px) {
#stay { padding:90px 0 150px 0; }
/*#stay::after { top:330px; height:calc(100% - (330px + 1200px)); }*/
#stay::after { top:330px; height:calc(100% - 330px ); }
}
@media (max-width:1000px) {
#stay { padding:20vw 0; }
#stay::after { top:66vw; height:calc(100% - 66vw);  }
}
@media (min-width:1001px) {
#stay .stay-ttl{ margin-bottom:60px; }
}
@media (max-width:1000px) {
#stay .stay-ttl{ margin-bottom:6vw; }
}
#stay h3 { font-size: 34px; text-align: center; color: #4d7954; margin-bottom: 50px;	line-height: 1.5; background: url("../../images/icon_pica.svg") top center no-repeat; padding-top: 30px; }
#stay h3 span { display: block; font-size: 16px; font-weight: bold; font-family: 'EB Garamond', serif; }
#stay .stay-item { position:relative; z-index:2; }
/*#stay .stay-plan--fig img{ border-radius:5px; }*/
#stay h4 { color: #4d7954; }
/*#stay .stay-item--tbl{ display:flex; flex-wrap:wrap; flex-direction:column;  }*/

@media (min-width:1001px) {
	#stay h3 span { font-size: 16px; }
#stay .stay-item + .stay-item{ margin-top:100px; }
#stay .stay-plan--fig{ margin-bottom:50px; }
#stay .stay-plan--txt { padding: 0 55px ; }
#stay .stay-main--txt { text-align: center; }
#stay .stay-main--txt p { text-align: center; }
#stay h4 { margin-bottom:25px;  font-size:24px;}
#stay .stay-item--txt{ margin-bottom:35px; }
#stay .stay-plan--txt p { margin-bottom: 30px; }
#stay .stay-item ul { display: flex; padding: 0 55px; }
#stay .stay-item ul li { width: 400px; }
#stay .stay-item ul li:nth-child(1) { margin-right: 10px; }
#stay .stay-item ul li:nth-child(2) { margin-left: 10px; }
#stay .stay-item ul li a { width: 100%; }
#stay .stay-item--tbl{ align-items:center; }
}

@media (max-width:1000px) {
	#stay h3 { font-size: 6vw; }
	#stay h3 span { font-size: 3.2vw; }
#stay .stay-item + .stay-item{ margin-top:18vw; }
#stay .stay-plan--fig{ margin-bottom:6vw; }
#stay h4 { margin-bottom:2.6vw;  font-size:6vw; }
#stay .stay-item--txt{ margin-bottom:9.3vw; }
#stay .stay-plan--txt p { margin-bottom: 4vw; }
#stay .stay-item ul li:nth-child(1) { margin-bottom: 4vw; }
#stay .stay-item ul li a { width: 100%; }
}

#stay .stay-main{ position:relative; z-index:2; }
#stay .stay-main--fig img{ width:100%; border-radius:0; }

@media (min-width:1001px) {
#stay .stay-main--fig { margin-bottom: 45px; }
#stay .stay-main--fig img{ height:450px; object-fit:cover;  }
#stay .stay-main--tbl .tbl{ width:390px; }
#stay .stay-main--tbl .tbl dt{ width:70px; }
}
@media (max-width:1000px) {
#stay .stay-main--fig { margin-bottom: 13vw; }
}
#stay .stay-menu{ display:flex; align-items:flex-start; background-color:#ffffff; }
#stay .stay-menu--txt{ text-align:left; }
@media (min-width:1001px) {
#stay .stay-menu{ flex-direction:row; justify-content:space-between; padding:50px; }
#stay .stay-menu--fig{ width:500px; margin-bottom:0; }
#stay .stay-menu--txt{ width:calc(100% - (500px + 50px)); }
}
@media (max-width:1000px) {
#stay .stay-menu{ flex-direction:column; padding:5.3vw;}
#stay .stay-menu--fig{ margin-bottom:6vw; }
}



/* pager
---------------------------------------------------------------------- */
/*#pager,#btm_plan { background: #ffffff; }*/
@media (min-width:1000px) {
#pager { padding: 100px 0 150px; }
#btm_plan { padding: 100px 0 60px; }
#btm_plan a.cbtn2 { margin: 0 auto; width: initial; min-width: 350px; max-width: 600px; }
#pager .cmenu2 { justify-content: space-between; }
#pager .cmenu2 li { display: inline-block; width: auto; }
#pager .cmenu2 li a { padding-right: 1.5em; }
}
@media (max-width:1000px) {
#pager { padding: 20vw 0 ; }
#btm_plan { padding: 20vw 0 8vw; }

#btm_plan a.cbtn2 { margin: 0 auto; width: 100%; }
#pager .cmenu2 {  }
#pager .cmenu2 li { width: 100%; }
#pager .cmenu2 li a { padding-right: 1.5em; }
}

/* pager
---------------------------------------------------------------------- */
@media (min-width:1000px) {
#pager { padding: 0 0 150px; }
#pager .cflex { justify-content: space-between; }
#pager .cflex a { display: block; width: 300px; height: 60px; line-height: 60px; text-align: center;
	border-bottom: #818181 1px solid; }
#pager .cflex li:first-child a {
	background: url(../../images/cal_prev.svg) left 20px center no-repeat; }
#pager .cflex li:first-child a:hover { background-position: left 15px center; }
#pager .cflex li:last-child a {
	background: url(../../images/cal_next.svg) right 20px center no-repeat; }
#pager .cflex li:last-child a:hover { background-position: right 15px center; }
}
@media (max-width:1000px) {
#pager { padding: 0 0 20vw 0 ; }
#pager .cflex { width: 70vw; margin: 0 auto; }
#pager .cflex li { width: 100%; margin-bottom: 4vw; }
#pager .cflex a { display: block; width: 100%; height: 12vw; line-height: 12vw; text-align: center;
	border-bottom: #818181 1px solid; }
#pager .cflex li:first-child a {
	background: url(../../images/cal_prev.svg) left 2vw center no-repeat; background-size: 1.4vw auto; }
#pager .cflex li:last-child a {
	background: url(../../images/cal_next.svg) right 2vw center no-repeat; background-size: 1.4vw 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) */


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