@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;700&display=swap');

/*--- CSS Variables ---*/
:root {
  --font-family-base: 'Ibarra Real Nova', 'Noto Serif TC', serif;
  --line-height-base: 1.9;
}

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

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

/*--- TOP ---*/
/* #top-topics */
/* topics-slider - slide under 2 */
/* #top-introduction */
.intro-catchcopy-main {
  font-weight: 400;
}
.intro-catchcopy-main strong {
  padding: 0.5em 0 0.3em;
  margin: 0.5em 0;
}
.intro-catchcopy-main::after {
  height: 1.5em;
}
.intro-catchcopy-sub {
  letter-spacing: calc(var(--letter-spacing-base) * 8);
}
/* .top-section-menu - common */
/* #top-blog */
/* cta */
.cta-link:not(.footer-cta) a.cta-tabelog,
.cta-link:not(.footer-cta) a.cta-hotpepper {
  gap: var(--spacing-xxs);
}
.cta-link a span.material-symbols-outlined {
  margin-right: 0;
}
/* #top-information */
.information-list dd .tel-int {
  font-size: 1em;
  text-align: center;
  margin-top: 0;
}

/*--- lowerpage ---*/
/* lower - common */
.title-slider-text {
  text-orientation: upright;
}
/* lower - menu */
.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;
    line-height: 1.2;
  }

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

  /*--- TOP ---*/
  /* #top-topics */
  /* topics-slider - slide under 2 */
  /* #top-introduction */
  /* .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 */
  #page-course .menu-inner {
    gap: var(--spacing-sm);
  }
  #page-course .menu-info {
    width: calc(65% - var(--spacing-sm));
  }
  /* lower - course */
  /* lower - drink */
  /* 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 ---*/