@charset "utf-8";

.swiper.mainpictureSwiper .swiper-slide{ height: auto;}
.reservation-bar-container{ height: auto;}
.reservation-bar{ display: grid; grid-template-columns: 2fr 1fr 1fr 2fr; grid-template-rows: 3.5rem 3.5rem 2.75rem; margin: 0 .5rem; width: calc(100% - 1rem); text-align: left;}
.reservation-bar li{ display: block; padding: .5rem; font-size: 0;}
.reservation-bar li .reserv-title{ display: block; padding-bottom: .3rem; font-size: .7rem; color: #AAAAAA;}
.reservation-bar li .reserv-content{ padding: 0; font-size: .8rem;}
.reservation-bar li:nth-child(1){ grid-column: 1 / span 2; border-bottom: .05rem solid #DFDFDF;}
.reservation-bar li:nth-child(2){ grid-column: 3 / span 2; border-bottom: .05rem solid #DFDFDF; text-align: right;}
.reservation-bar li:nth-child(4){ grid-column: 2 / span 2;}
.reservation-bar li:nth-child(6){ grid-column: 1 / span 4;}
.reservation-bar li:nth-child(3) span:first-child,.reservation-bar li:nth-child(4) span:first-child,.reservation-bar li:nth-child(5) span:first-child{ display: inline; padding: 0; line-height: 2.5rem;}
.reservation-bar li:nth-child(3) span:last-child,.reservation-bar li:nth-child(4) span:last-child,.reservation-bar li:nth-child(5) span:last-child{ float: right; line-height: 2.5rem;}
.reservation-bar li::after{ top: 50%; transform: translateY(-50%); width: .05rem; height: 1.75rem;}
.reservation-bar li:nth-child(2)::after{content: none;}
.reservation-bar li select{ float: right; padding: 0; width: calc(100% - 1.35rem); max-width: 3rem; height: 2.5rem; font-size: .7rem; text-align: right;}
.reservation-bar li input[type=text]{ padding-left: 0; width: 100%; height: 1.2rem; font-size: .7rem; vertical-align: top;}
.reservation-bar .check-out input[type=text]{ text-align: right;}
.reservation-bar .check-in{padding-left: .5rem;}
.reservation-bar .search-button{ padding: 0;}
.reservation-bar .search-button a{ width: 100%; background-color: #3E2B2C; line-height: 2rem; font-size: .8rem; text-align: center;}
.reservation-bar .headcount-children button{ margin-left: .25rem; width: .75rem; height: .75rem;  vertical-align: .6rem;}
.reservation-bar .headcount-children button a::before{ left: auto; right: 7px;}
.reservation-bar .headcount-children button a::after{ left:  auto; right: 7px; border-right: 7px solid #957E50; border-left-color: transparent;}
.reservation-bar .headcount-children select{ width: calc(100% - 3rem); }

.main-contents{ margin: 4.35rem 0 0; width: 100%;}
.main-contents h2{ padding-top: 0; margin: 0 .5rem 1rem; font-size: 1.1rem; color: #3E2B2C;}
.main-contents h2 span{ margin-left: 1rem; font-size: .6rem;} 

.swiper.mainSwiper{ margin: 0 .5rem; width: calc(100% - 1rem); height: auto;}
.swiper-slide{ font-size: 0;}
.swiper-slide .so-card{ margin: 0 .15rem .3rem; height: calc(100% - .3rem); box-shadow: 0 .15rem .3rem rgb(0 0 0 / 16%);}
.swiper-slide .so-card img{ height: auto;}
.swiper-slide .so-card .card-title{ margin: 0 .5rem; width: calc(100% - 1rem); height: 4rem; border-bottom: .05rem solid #707070;}
.swiper-slide .so-card .card-title span{ top: 1.5rem; left: 0; font-size: .6rem; line-height: .95rem;}
.swiper-slide .so-card .card-title span:last-child{ bottom: .6rem; right: .5rem; font-size: .5rem;}
.swiper-slide .so-card .card-title::before,
.swiper-slide .so-card .card-title::after{ content: none;}
.swiper-slide .so-card .card-content{ padding: .6rem .5rem; width: calc(100% - 1rem); height: 3.8rem; font-size: .6rem; line-height: .95rem;}
#main-swiper-prev,
#main-swiper-next{ top: 50%; transform: translateY(-50%); margin: 0; width: auto; height: ; background-image: none;}
#main-swiper-prev{ left: .65rem;}
#main-swiper-next{ right: .65rem;} 
#main-swiper-prev::after{ content: url("/img/slideButtonPrev.png"); font-size: 0;}
#main-swiper-next::after{ content: url("/img/slideButtonNext.png"); font-size: 0;}
#main-swiper-prev::after,
#main-swiper-next::after{ display: block;}

.container{ width: 100%; margin: 0;}

.restaurant{ margin-bottom: 4rem;} 
.restaurant .r-card{ margin: 0 .5rem 2rem; width: calc(100% - 1rem); height: auto;}
.restaurant .r-card img{ width: 100%; height: auto;}
.restaurant .r-card .card-title{ display: block; position: relative; margin: 1rem .5rem 0; width: calc(100% - 1rem); height: auto; border-bottom: .05rem solid #707070; vertical-align: baseline;}
.restaurant .r-card .card-title span{ display: block; font-size: .6rem; line-height: .95rem;}
.restaurant .r-card .card-title span:nth-child(2){ padding-bottom: .9rem; margin-top: .65rem; font-size: .9rem; line-height: 1.35rem;}
.restaurant .r-card .card-title a{ bottom: .75rem; right: 0; padding: 5px; font-size: .5rem;}
.restaurant .r-card .card-content{ position: static; padding: .75rem .5rem 1.5rem; width: calc(100% - 1rem); height: auto; font-size: .6rem; line-height: .95rem;}

.gallery{ margin-bottom: 4rem;}
.gallery video{ margin: 0 .5rem; width: calc(100% - 1rem);} 

/* popup */
#popup-area{ top: 0;}
#popup-area .kr-show-wrap{ border: .1rem solid #4A433B;}
#popup-area .kr-show-wrap #kr-show{ padding: 1rem;}
#popup-area .kr-show-wrap #kr-show img{ width: 10rem; height: 15rem; border: .05rem solid #CDCBBE}
#popup-area .kr-show-wrap button{height: 2rem;border-top: .05rem solid #E9E9E9;}
#popup-area .kr-show-wrap button:first-of-type{ border-right: .05rem solid #E9E9E9;}