@charset "utf-8";

.main-picture{ min-width: initial; height: auto; background: url(/img/main-img.jpg) no-repeat center 0; background-size: auto 20rem;}

.main-contents{ position: relative; padding: 0 0 2.5rem; width: 100%; min-width: auto; font-size: 0;}
.main-contents h2{ margin: 1.5rem auto 0; font-size: 1.1rem;}
.main-contents h2 + p{ padding: .75rem 0 2.5rem; font-size: .7rem;}
.main-contents h2 + p::after{ bottom: 1.5rem; width: 5rem; height: .25rem;}

.sale .sale-container{ margin: 0 .5rem; flex-wrap: wrap;}
.sale .sale-container a{ flex-wrap: wrap;}
.sale .sale-container a img{ display: block; width: 100%;}
.sale .sale-container a p{ display: block; padding-top: 2.5rem; padding-bottom: 6.8rem; width: 100%; background: url(/img/main/salepattern.png) no-repeat bottom; background-size: 100% auto; font-size: .8rem;}

.main-dish ul{ margin: 0 .5rem; flex-wrap: wrap;}
.main-dish ul li{ width: 100%; border: .25rem solid #848095;}
.main-dish ul li span{ bottom: -.25rem; left: -.25rem; right: -.25rem; padding-right: .65rem; height: 2.2rem; font-size: .85rem; line-height: 2.2rem;}


.swiper{ width: 100%; height: auto;}
.swiper.accommSwiper, .swiper.facilSwiper{ height: auto;}
.swiper-slide .so-card > img{ display: block; width: 100%; height: 10.85rem;}
.swiper-slide .so-card .card-container{ display: block; width: 100%; vertical-align: baseline;}
.swiper-slide .so-card .card-container a{ display: block; margin: 1rem .75rem 1rem auto; width: 3.5rem; height: 1.25rem; border-radius: .9rem; font-size: .6rem; line-height: 1.25rem;}
.swiper-slide .so-card .card-container .card-title{ margin: .75rem; text-align: left;}
.swiper-slide .so-card .card-container .card-title span{ padding-bottom: .25rem; border-bottom: .05rem solid #3E2B2C; font-size: 1.1rem;}
.swiper-slide .so-card .card-container .card-title span:last-child{ padding: .25rem 0; font-size: 1rem; color: #856F57;}
.swiper-slide .so-card .card-container .card-content{ padding: 0 .75rem; width: calc(100% - 1.5rem); font-size: .7rem; line-height: 1rem;}
.swiper-slide .so-card .card-container .accomm-gallary{ padding-bottom: 3.5rem;}
.swiper-slide .so-card .card-container .accomm-gallary img{ width: 3.7rem; height: 3.7rem; margin-right: .2rem;}
.swiper-slide .so-card .card-container .accomm-gallary img.active{ border: .25rem solid #AF8D5D;}
.page-number{ bottom: 1.25rem; right: 3.45rem; font-size: .7rem;}

.swiper-button-prev,
.swiper-button-next{ width: .75rem; height: 1.3115rem; background-size: .75rem 1.3115rem;}

/* 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;}