@charset "utf-8";


/*===================================

ヘッダー

===================================*/

.header__container {
 display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 100px; 
}

.header__logo-link {
  display: inline-block;
}
.header__logo {
  max-width: 100px;
}

@media(max-width: 1366px) {

  .header__container {
     padding: 10px 40px; 
   }


}
@media(max-width: 1080px) {

  .header__logo {
    width: 22%;
    margin-inline:auto;
    line-height: 1;
  }

}

@media(max-width: 834px) {


}

@media(max-width: 667px) {

  .header__container {
    flex-direction: column;
  }
  .header__logo {
    width: 30%;
    margin-inline:auto;
    line-height: 1;
  }

}
/*===================================

グローバルナビ

===================================*/


.global-nav {
  margin-left: auto;
  padding:10px 0 10px
}
.global-nav__list  {
  display: flex;
  justify-content: space-between;
  justify-content: flex-end;
  align-items: center;
  column-gap: 40px;
}

.global-nav__item {
  font-size: 14px;
}

.global-nav__link {
      position: relative;
      transition: .3s;
}
.global-nav__link:hover {
  
}
.global-nav__link:hover:after {
    bottom: -5px;
    opacity: 1;
}
.global-nav__link:after {
    transition: .3s;
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #134E78;
    bottom: 0;
    left: 0;
    opacity: 0;
}


.global-nav__telephone {
  font-family: "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Yu Mincho Light", "YuMincho", "Yu Mincho", "游明朝体", "Yu Gothic UI", "ＭＳ 明朝", "MS Mincho", sans-serif;
}


.global-nav__telephone-link {
  font-size: clamp(20px, 28 / 1366 * 100vw, 28px);
  font-weight: 500;
}

@media(max-width: 1080px) {

}

@media(max-width: 834px) {

}


@media(max-width: 667px) {

  


}

/*===================================

グローバルナビ

===================================*/

.mainvisual {
  width: 100%;
  background: url(img/mv_pc.jpg?) no-repeat top center / cover;
  height: 850px;
  position: relative;
}

.mainvisual__catchcopy {
  position: absolute;
  right: 15%;
  top: 40%;
}
.mainvisual__catchcopy-jp {
  font-size: clamp(16px, 30 / 1024 * 100vw, 30px);
  line-height: 1.5;
  margin-bottom: 10px;
  color: #333;
}

.mainvisual__catchcopy-en {
  font-size: clamp(11px, 14 / 1024 * 100vw, 14px);
  line-height: 1;
  position: relative;
  padding-right: 90px;
  display: inline-block;
  color: #a68b62;
}

.mainvisual__catchcopy-en::before {
  content: "";
  width: 80px;
  height: 1px;
  background: #a68b62;
position: absolute;
right: 0;
top: 5px;
bottom: 0;
margin: auto;
}




@media(max-width: 1366px) {
  .mainvisual {
    height: 650px;
  }
}


@media(max-width: 1080px) {
  .mainvisual {
    height: 400px;
  }
}

@media(max-width: 834px) {

}


@media(max-width: 667px) {

  .mainvisual {
    background: url(./img/mv_sp.jpg) no-repeat left / cover;
  height: 400px;
  }
  .mainvisual__catchcopy {
    right: 5px;
    top: 200px;
  }

  .mainvisual__catchcopy-jp {
    margin-bottom: 0;
    letter-spacing: 0.05em;
  }
  .mainvisual__catchcopy-en::before {
    width: 70px;
top: 0;

  }
}


/*===================================
about
===================================*/

.about {
  padding: 150px 50px 80px;
  }

  .about__container {
    max-width: 1300px;
    margin-inline: auto;
    display: flex;
    justify-content: space-between;
  }

  .about__textbox {
    position: relative;
    font-size: 16px;
    padding-top: 60px;
    width: 40%;
  }

  .about__heading {
    font-size: clamp(22px, 28 / 1200 * 100vw, 28px);
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 30px;
    line-height: 2;
    padding-top: 20px;
  }

  .about__heading:before  {
    content: "About";
    font-size: clamp(13px, 16 / 1200 * 100vw, 16px);
    color: #a68b62;
    line-height: 1;
    position: absolute;
    top: 0;
    font-family: 'Noto Serif JP', serif;
  }
  

  .about__heading:after {
    content: "";
    background: #333;
    width: 90px;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;

  }
.about__heading-sub {
  font-size: 16px;
  color: #a68b62;
}

  .about__imgbox {
    max-width: 690px;
    width: 53.08%;
  }

  .about__text span.-gold{
    color: #a68b62;
  }
  
  
  @media(max-width: 1080px) {
    .about {
      padding: 100px 50px 80px;
      }
    
    .about__imgbox {
      width: 45%;
    }
    
    .about__textbox {
      width: 50%;
      padding-top: 30px;
    }

  }
  
  @media(max-width: 834px) {

    .about__container {
      flex-direction: column;
      max-width: 700px;
      margin-inline: auto;
    }


    .about__textbox,
    .about__imgbox {
     width: 100%;
    }

    .about__textbox {
      padding-top: 0;
      margin-bottom: 40px;
    }
  }
  
  
  @media(max-width: 667px) {
    .about {
      padding: 40px 20px 50px;
      }

      .about__heading {
        padding-bottom: 15px;
      }
      .about__heading:before {
        width: 70px;
      }

  
  }
  
  

/*===================================
reservation
===================================*/

  .reservation__list-dt {
font-weight: 600;
  }
.reservation__list {
  margin-bottom: 30px;
  text-align: left;
}
.reservation__list:last-child {
  margin-bottom: 0;
}
.reservation__list-dd span.-red{
color: #f00;
}
  
  @media(max-width: 834px) {

  
  }
  
  
  @media(max-width: 667px) {
 

  
  }