@charset "UTF-8";

body{}

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

◆　common

----------------------------------------------------*/
.page-ttl{padding: 80px 0 40px;width: 90%;margin:0 auto;}
.page-ttl h5.h1-en{letter-spacing: 0.1rem;font-weight: bold;margin-bottom: 24px;font-size:20px;}
.page-ttl h1{color:#fff;font-size: 46px;margin-top: -5px;}
.page-ttl .target{font-size: 26px;}
.page-ttl .place{font-size: 28px;margin-top: -15px;}
.page-ttl .lead{margin: 20px 0 40px;}

@media(max-width: 768px){
  .page-ttl{padding: 40px 0 20px;}
  .page-ttl h5.h1-en{letter-spacing: 0.1rem;font-weight: bold;margin-bottom: 10px;font-size:16px;}
  .page-ttl h1{color:#fff;font-size: 24px;margin-top:-5px;}
  .page-ttl .target{font-size: 16px;}
  .page-ttl .place{font-size: 18px;margin-top: -5px;}
  .page-ttl .lead{margin: 20px 0 10px;}
}


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

◆　lounge

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

/*-- slider --*/
#slide-lounge1{width: 100%;height: 0;padding-bottom:56.8%;background: url(../images/slide_lounge_1.jpg) center center no-repeat;background-size:cover; }
#slide-lounge2{width: 100%;height: 0;padding-bottom:56.8%;background: url(../images/slide_lounge_2.jpg) center center no-repeat;background-size:cover; }
#slide-lounge3{width: 100%;height: 0;padding-bottom:56.8%;background: url(../images/slide_lounge_3.jpg) center center no-repeat;background-size:cover; }
#slide-lounge4{width: 100%;height: 0;padding-bottom:56.8%;background: url(../images/slide_lounge_4.jpg) center center no-repeat;background-size:cover; }


.lounge-ctn{width: 100%;max-width: 1100px;margin: 30px auto 0;}
.lounge-ctn div{width: 45.5%;margin-bottom: 50px;display: grid;flex-direction: column;}
.lounge-ctn h2{color:#fff;font-weight: bold;margin-top: 10px;font-size: 22px;line-height: 30px;}
.lounge_detail{margin-top: auto;}
.lounge-ctn .txt{margin-top: 10px;margin-bottom: 10px;}
.lounge-ctn a{text-decoration: underline;}
@media(max-width: 768px){
  .lounge-ctn div{width: 100%;margin-bottom: 40px;}
  .lounge-ctn h2{color:#fff;font-weight: bold;margin-top: 15px;font-size: 18px;line-height: 24px;}
  .lounge-ctn .txt{margin-top: 10px;margin-bottom: 0;}
  .lounge-ctn a{text-decoration: underline;}
  .lounge_detail{margin-top: 15px;}
}

/* table ---------------------------------------*/

#service table{color:#fff;font-size: 16px;}
#service table th{width:9em;}

@media (max-width: 768px) {
  #service table{font-size: 14px;}
  #service table th{width:8em;}
}

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

◆　spa

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

/*-- slider --*/
#slide-spa1{width: 100%;height: 0;padding-bottom:56.8%;background: url(../images/slide_spa_1.jpg) center center no-repeat;background-size:cover; }
#slide-spa2{width: 100%;height: 0;padding-bottom:56.8%;background: url(../images/slide_spa_2.jpg) center center no-repeat;background-size:cover; }
#slide-spa3{width: 100%;height: 0;padding-bottom:56.8%;background: url(../images/slide_spa_3.jpg) center center no-repeat;background-size:cover; }
#slide-spa4{width: 100%;height: 0;padding-bottom:56.8%;background: url(../images/slide_spa_4.jpg) center center no-repeat;background-size:cover; }

/*-- service --*/
section#service{padding:100px 0 0;}
#service h3{color: #fff;font-size: 17px;margin-top: 20px;}
.menu-list{margin-bottom: 20px;}
.menu-list h4{color:#a28977;font-size: 18px;font-weight: bold;}
@media(max-width: 768px){
  section#service{padding:30px 0;}
  #service h3{color: #fff;font-size: 15px;margin-top: 20px;}
  .menu-list{margin-bottom: 10px;}
  .menu-list h4{font-size: 14px;}
}

ul.short{font-size: 14px;}
ul.annotation{font-size: 14px;margin-top: 50px;}

section#facility{width: 100%;background: url(../images/washi.jpg)repeat;padding: 70px 0;}
section#facility p,section#facility p a,section#facility div p{color:#000;}
section#facility p a{text-decoration: underline;}
@media(max-width: 768px){
  ul.short{font-size: 14px;}
  ul.annotation{font-size: 14px;margin-top: 30px;}

  section#facility{padding: 40px 0;}
  section#facility p,section#facility p a,section#facility div p{color:#000;}
  section#facility p a{text-decoration: underline;}
}

.facility-ctn{margin: 30px 0 50px;}
.facility-ctn div{width: 45%;text-align: left;}
.facility-ctn div h2,.facility-ctn div p{color:#000;}
.facility-ctn div h2{font-weight: bold;font-size: 22px;}
.facility-ctn div p{margin-top: -5px;}
.facility-ctn div img{margin-top: 10px;}

@media(max-width: 768px){
  .facility-ctn{margin: 20px 0 10px;}
  .facility-ctn div{width: 100%;text-align: left;margin-bottom: 20px;}
  .facility-ctn div h2,.facility-ctn div p{color:#000;}
  .facility-ctn div h2{font-weight: bold;font-size: 20px;}
  .facility-ctn div p{margin-top: -5px;}
  .facility-ctn div img{margin-top: 10px;}
}

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

◆　restaurant

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

.shop-ctn{width: 90%;max-width: 1100px;margin: 0 auto;}
.shop-ctn div{width: 30.5%;margin-bottom: 50px;display: flex;flex-direction: column;}
.shop-ctn h2{color:#fff;font-weight: bold;margin-top: 10px;font-size: 22px;line-height: 30px;}
.shop_detail{margin-top: auto;}
.shop-ctn .txt{margin-top: 10px;margin-bottom: 10px;}
.shop-ctn a{text-decoration: underline;}
@media(max-width: 768px){
  .shop-ctn div{width: 100%;margin-bottom: 40px;}
  .shop-ctn h2{color:#fff;font-weight: bold;margin-top: 15px;font-size: 18px;line-height: 24px;}
  .shop-ctn .txt{margin-top: 10px;margin-bottom: 0;}
  .shop-ctn a{text-decoration: underline;}
  .shop_detail{margin-top: 15px;}
}

section#reserve{padding: 60px 0 20px}
#reserve h2{color: #fff;font-size: 20px;}
#reserve .reception{font-size: 18px;margin-top: 3px;}
#reserve .tel-num{font-size: 34px;font-weight: bold;letter-spacing: 0.2rem;}
#reserve .time{font-size: 18px;letter-spacing: 0.1rem;}
@media(max-width: 768px){
section#reserve{padding: 20px 0 20px}
  #reserve h2{color: #fff;font-size: 16px;}
  #reserve .reception{font-size: 14px;margin-top: 3px;}
  #reserve .tel-num{font-size: 24px;font-weight: bold;letter-spacing: 0.1rem;}
  #reserve .time{font-size: 14px;letter-spacing: 0.05rem;}
}


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

◆　room

----------------------------------------------------*/
.check{margin-bottom: 20px;}

ul.nav{max-width:1000px;width: 90%;margin:0 auto;display: flex;justify-content: space-between;}
li.nav-item{width: 23%;text-indent:0;padding-left: 0}
li.nav-item a{text-align: center;}
li.nav-item a,li.nav-item a:hover{color: #fff;}
li.nav-item p{text-align: center;}
li.nav-item h3{font-size:18px;text-align: center !important;margin-top: 10px;margin-bottom: 5px;}
.nav-link{padding: 0 !important;background:#fff; }
.nav-link:focus img{opacity: 0.6;transition: 0.2s; }

@media(max-width: 768px){
  p.check{margin-bottom: 10px;}
  p.tetsuduki{font-size: 12px;}
  ul.nav{max-width:1000px;width: 95%;margin:0 auto;display: flex;justify-content: space-between;}
  li.nav-item{width: 48%;text-indent:0;padding-left: 0;margin-bottom: 20px;}
  li.nav-item a{text-align: center;}
  li.nav-item a,li.nav-item a:hover{color: #fff;}
  li.nav-item p{text-align: center;}
  li.nav-item h3{font-size:14px;text-align: center !important;}
}

.room-image{margin-top: 20px;}

.tab-pane{padding: 60px 0 0;}
.tab-pane h3{color:#fff;text-align: center;}
.tab-pane h2{color:#fff;text-align: center;margin-top: 15px;}
.tab-pane h2 ruby{font-size: 36px;margin-top: 5px;letter-spacing: 0.1rem;margin-bottom: 30px;}
.tab-pane h2 span{font-size: 36px;}
.tab-pane h2 ruby rt{font-size: 12px;}

@media(max-width: 768px){
  .tab-pane{padding: 20px 0 0;}
  .tab-pane h2 ruby{font-size: 20px;margin-top: 5px;letter-spacing: 0.1rem;margin-bottom: 20px;}
  .tab-pane h2 span{font-size: 20px;}
  .tab-pane h2 ruby rt{font-size: 10px;}
}

.swiper-container {width: 100%;}
.swiper-container .swiper-slide img {max-width: 100%;height: auto;}

/*-- slider --*/
#slide-room-a1{width: 100%;height: 0;padding-bottom:56.8%;background: url(../images/slide_room_a1.jpg) center center no-repeat;background-size:cover; }
#slide-room-a2{width: 100%;height: 0;padding-bottom:56.8%;background: url(../images/slide_room_a2.jpg) center center no-repeat;background-size:cover; }
#slide-room-a3{width: 100%;height: 0;padding-bottom:56.8%;background: url(../images/slide_room_a3.jpg) center center no-repeat;background-size:cover; }
#slide-room-a4{width: 100%;height: 0;padding-bottom:56.8%;background: url(../images/slide_room_a4.jpg) center center no-repeat;background-size:cover; }

/*-- slider --*/
#slide-room-b1{width: 100%;height: 0;padding-bottom:56.8%;background: url(../images/slide_room_b1.jpg) center center no-repeat;background-size:cover; }
#slide-room-b2{width: 100%;height: 0;padding-bottom:56.8%;background: url(../images/slide_room_b2.jpg) center center no-repeat;background-size:cover; }
#slide-room-b3{width: 100%;height: 0;padding-bottom:56.8%;background: url(../images/slide_room_b3.jpg) center center no-repeat;background-size:cover; }
#slide-room-b4{width: 100%;height: 0;padding-bottom:56.8%;background: url(../images/slide_room_b4.jpg) center center no-repeat;background-size:cover; }
#slide-room-b5{width: 100%;height: 0;padding-bottom:56.8%;background: url(../images/slide_room_b5.jpg) center center no-repeat;background-size:cover; }

/*-- slider --*/
#slide-room-gs1{width: 100%;height: 0;padding-bottom:56.8%;background: url(../images/slide_room_gs1.jpg) center center no-repeat;background-size:cover; }
#slide-room-gs2{width: 100%;height: 0;padding-bottom:56.8%;background: url(../images/slide_room_gs2.jpg) center center no-repeat;background-size:cover; }
#slide-room-gs3{width: 100%;height: 0;padding-bottom:56.8%;background: url(../images/slide_room_gs3.jpg) center center no-repeat;background-size:cover; }
#slide-room-gs4{width: 100%;height: 0;padding-bottom:56.8%;background: url(../images/slide_room_gs4.jpg) center center no-repeat;background-size:cover; }
#slide-room-gs5{width: 100%;height: 0;padding-bottom:56.8%;background: url(../images/slide_room_gs5.jpg) center center no-repeat;background-size:cover; }

/*-- slider --*/
#slide-room-c1{width: 100%;height: 0;padding-bottom:56.8%;background: url(../images/slide_room_c1.jpg) center center no-repeat;background-size:cover; }
#slide-room-c2{width: 100%;height: 0;padding-bottom:56.8%;background: url(../images/slide_room_c2.jpg) center center no-repeat;background-size:cover; }
#slide-room-c3{width: 100%;height: 0;padding-bottom:56.8%;background: url(../images/slide_room_c3.jpg) center center no-repeat;background-size:cover; }
#slide-room-c4{width: 100%;height: 0;padding-bottom:56.8%;background: url(../images/slide_room_c4.jpg) center center no-repeat;background-size:cover; }
#slide-room-c5{width: 100%;height: 0;padding-bottom:56.8%;background: url(../images/slide_room_c5.jpg) center center no-repeat;background-size:cover; }

/*-- slider --*/
#slide-room-d1{width: 100%;height: 0;padding-bottom:56.8%;background: url(../images/slide_room_d1.jpg) center center no-repeat;background-size:cover; }
#slide-room-d2{width: 100%;height: 0;padding-bottom:56.8%;background: url(../images/slide_room_d2.jpg) center center no-repeat;background-size:cover; }
#slide-room-d3{width: 100%;height: 0;padding-bottom:56.8%;background: url(../images/slide_room_d3.jpg) center center no-repeat;background-size:cover; }
#slide-room-d4{width: 100%;height: 0;padding-bottom:56.8%;background: url(../images/slide_room_d4.jpg) center center no-repeat;background-size:cover; }

.tab-pane .txt-area{margin-top: 40px;}
.tab-pane .txt-area .spec{margin-top: 40px;}
.tab-pane .txt-area div{width: 100%;max-width: 560px;margin: 70px auto 0;}

.key{margin-top: 60px;}
#service table.key-link{margin-top: 30px;}
#service table.key-link th{width: 500px;}
#service table.key-link td a{text-decoration: underline;}



@media(max-width: 768px){
  .tab-pane .txt-area{margin-top: 20px;}
  .tab-pane .txt-area .spec{;margin-top: 20px;}
  .tab-pane .txt-area div{width: 85%;margin: 30px auto 0;}
  #service table.key-link th{width: 100%;}
  #service table.key-link th{display: block;}
  #service table.key-link td{display: block;margin-bottom: 15px;}
}