@charset "UTF-8";
/*--- base ---*/

/*--- common ---*/
/* section */
/* background */
/* title */
/* text */
.auto-br span + span {
  margin-left: 0.5em;
}
/* button */
/* page-navi */
/* breadcrumb */
/* form style reset - Accessibility compliant */
/* burger btn */

/*--- video ---*/

/*--- header ---*/
.tel-int {
  display: block;
  font-size: 0.8em;
  text-align: right;
  margin-top: 0.5em;
}
.header-btn-reserve {
  width: fit-content;
  text-align: left;
  line-height: 1;
  padding: 0.5em 0.5em 0.3em;
  font-size: clamp(11px, calc(11px + (16 - 11) * ((100vw - 320px) / (1280 - 320))), 16px);
}
.hero-text {
  font-size: clamp(12px, calc(12px + (30 - 12) * ((100vw - 320px) / (1280 - 320))), 30px);
  letter-spacing: calc(var(--letter-spacing-base) * 2);
  line-height: 1.6;
}
.hero-text > span {
  letter-spacing: calc(var(--letter-spacing-base) * 4);
}
/*--- #hero ---*/

/*--- TOP ---*/
/* #top-topics */
/* topics-slider - slide under 2 */
/* #top-introduction */
.intro-catchcopy-main {
  line-height: 1.2;
  margin-bottom: 1em;
}
.intro-catchcopy-main::after {
  display: none;
}
.intro-catchcopy-main strong {
  padding: 0;
  margin-bottom: 0;
  text-indent: 0.1em;
}
.intro-catchcopy-main strong::before,
.intro-catchcopy-main strong::after {
  border: none;
  width: auto;
  height: auto;
  left: 0;
  font-weight: 400;
}
.intro-catchcopy-main strong::before {
  content: "“";
  top: -0.5em;
}
.intro-catchcopy-main strong::after {
  content: "”";
  bottom: -0.7em;
}
.intro-catchcopy-main {
  /*writing-mode: initial;*/
  letter-spacing: calc(var(--letter-spacing-base) * 5);
}
.intro-catchcopy-main strong span {
  font-style: italic;
  font-weight: 400;
}
.intro-catchcopy-sub {
  letter-spacing: calc(var(--letter-spacing-base) * 4);
}
.intro-list-inner dt {
  line-height: 1.4;
  margin-bottom: 0.5em;
}
/* .top-section-menu - common */
/* #top-blog */
/* cta */
.cta-inner h3 {
  font-size: clamp(12px, calc(12px + (32 - 12) * ((100vw - 320px) / (1280 - 320))), 32px);
  line-height: 1;
}
.cta-inner h3::before {
  margin-bottom: calc(var(--spacing-xxs) * 0.5);
}
.cta-inner.cta-web h3 span {
  margin: var(--spacing-xxs) auto ;
  font-size: clamp(10px, calc(10px + (16 - 10) * ((100vw - 320px) / (1280 - 320))), 16px);
}
.cta-note {
  line-height: 1;
}
.cta-link-brand {
  line-height: 1;
}
/* #top-information */
.information-list dd .tel-int {
  font-size: 1em;
  text-align: center;
  margin-top: 0;
}

/*--- lowerpage ---*/
/* lower - common */
.title-slider-text {
  writing-mode: initial;
  line-height: 1.4;
  width: 100%;
  height: auto;
  top: initial;
  bottom: 0;
  background: linear-gradient(to right, rgb(0 0 0 / 0.9), rgb(0 0 0 / 0.5), rgb(0 0 0 / 0));;
}
/* lower - menu */
.menu-category {
  letter-spacing: calc(var(--letter-spacing-base) * 6);
  line-height: 1.6;
  text-align: left;
  margin-bottom: 1.5em;
  text-indent: -1.3em;
  margin-left: 1.5em;
}
.price-num {
  margin: 0;
}
/* lower - course */
/* lower - drink */
/* lower - space */
/* lower - blog */
/* common - article */
/* lower - news */
/* lower - sitepolicy */

/*--- footer ---*/

/* 横長のviewport用 */
@media (orientation: landscape) {
}

/* SP */
@media print, screen and (max-width: 742px) {
  /*--- common ---*/
  /* section */
  /* background */
  /* title */
  /* text */
  /* button */
  /* page-navi */
  /* breadcrumb */
  /* form style reset - Accessibility compliant */
  /* burger btn */

  /*--- video ---*/

  /*--- header ---*/

  /*--- #hero ---*/

  /*--- TOP ---*/
  /* #top-topics */
  /* topics-slider - slide under 2 */
  /* #top-introduction */
  /* .top-section-menu - common */
  /* #top-blog */
  /* cta */
  /* #top-information */

  /*--- lowerpage ---*/
  /* lower - common */
  /* lower - menu */
  /* lower - course */
  /* lower - drink */
  /* lower - space */
  /* lower - blog */
  /* common - article */
  /* lower - news */
  /* lower - sitepolicy */
}

/* PC */
@media print, screen and (min-width: 743px) {
  /*--- common ---*/
  /* section */
  /* background */
  /* title */
  /* text */
  /* button */
  /* page-navi */
  /* breadcrumb */
  /* form style reset - Accessibility compliant */
  /* burger btn */

  /*--- video ---*/
  
  /*--- header ---*/
  .tel-int {
    font-size: 0.7em;
    margin-top: 0.25em;
  }
  .navi-menu-list li a::before {
    right: initial;
    left: 0;
  }

  /*--- #hero ---*/

  /*--- TOP ---*/
  /* #top-topics */
  /* topics-slider - slide under 2 */
  /* #top-introduction */
  #top-introduction .sticky-inner {
    padding-top: calc(var(--spacing-lg) * 0.9);
  }
  .intro-catchcopy {
    justify-content: center;
    gap: var(--spacing-md);
  }
  /* .top-section-menu - common */
  /* #top-blog */
  /* cta */
  .cta-reserve .tel-int {
    font-size: 0.6em;
    text-align: center;
  }
  /* #top-information */

  /*--- lowerpage ---*/
  /* lower - common */
  /* lower - menu */
  .menu-category {
    letter-spacing: calc(var(--letter-spacing-base) * 6);
    text-align: center;
    margin-bottom: 2em;
    text-indent: 0;
    margin-left: 0;
  }
  .menu-info {
    padding: 0.25em 0;
  }
  /* lower - course */
  /* lower - drink */
  #page-drink .menu-category {
    margin-bottom: 1.5em;
  }
  #page-drink .menu-inner {
    margin-bottom: var(--spacing-sm);
  }
  /* lower - space */
  /* lower - blog */
  /* common - article */
  /* lower - news */
  /* lower - sitepolicy */
}

/* hover style */
@media (hover: hover) {
  /*--- common ---*/
  /* section */
  /* background */
  /* title */
  /* text */
  /* button */
  /* page-navi */
  /* breadcrumb */
  /* form style reset - Accessibility compliant */
  /* burger btn */

  /*--- video ---*/
  
  /*--- header ---*/

  /*--- #hero ---*/

  /*--- TOP ---*/
  /* #top-topics */
  /* topics-slider - slide under 2 */
  /* #top-introduction */
  /* .top-section-menu - common */
  /* #top-blog */
  /* cta */
  /* #top-information */

  /*--- lowerpage ---*/
  /* lower - common */
  /* lower - menu */
  /* lower - course */
  /* lower - drink */
  /* lower - space */
  /* lower - blog */
  /* common - article */
  /* lower - news */
  /* lower - sitepolicy */
}

/*--- animation ---*/