@charset "UTF-8";

/* =============================================================
   期間限定メニュー 共通パーツ（全シーズン流用）
   - season__set  : 人気のセットメニュー
   - season__other: その他のメニューはこちらから
   画像は img/menu/season_common/ 直下を参照（各シーズン固有画像は season_common/{slug}/）
   ※ page-legacy.php で各シーズンページに自動読み込み（per-slug CSS より前）
============================================================= */

/* other
-----------------------------*/
main#main .season__other {
  padding-block: calc(6 * var(--legacy-base));
  background: url('../img/menu/season_common/season_other-bg.webp') top center/ cover no-repeat;
}

main#main .season__other-title {
  font-weight: var(--fw-black);
  font-size: calc(2 * var(--legacy-base));
  text-align: center;
  margin-bottom: var(--sp30);
}

main#main .season__other-btns {
  display: grid;
  list-style-type: none;
  grid-auto-columns: 1fr;
  gap: 20px 15px;
  grid-template-areas:
    'season__other-btns-ramen season__other-btns-set'
    'season__other-btns-side season__other-btns-kids'
    'season__other-btns-menu season__other-btns-menu';
}

main#main .season__other-btns-ramen {
  grid-area: season__other-btns-ramen;
}

main#main .season__other-btns-set {
  grid-area: season__other-btns-set;
}

main#main .season__other-btns-side {
  grid-area: season__other-btns-side;
}

main#main .season__other-btns-kids {
  grid-area: season__other-btns-kids;
}

main#main .season__other-btns-menu {
  grid-area: season__other-btns-menu;
}

main#main li[class^='season__other-btns-'] {
  background: var(--clr-white);
  border-radius: 15px;
  box-shadow: 0px 0px 5px -1px #4f4f4f;
}

main#main li[class^='season__other-btns-']>a {
  display: block;
  padding-top: calc(2 * var(--legacy-base));
  padding-bottom: calc(2 * var(--legacy-base));
  text-align: center;
}

main#main .season__other-btns-name {
  font-weight: var(--fw-black);
  font-size: calc(1.6 * var(--legacy-base));
  text-align: center;
  color: var(--clr-accent-1);
}

main#main .season__other-btns-menu>.season__other-btns-name {
  font-size: calc(1.8 * var(--legacy-base));
}

@media (min-width: 769px) {
  main#main .season__other {
    padding-block: calc(calc(6 * var(--legacy-base)) * 1.4);
  }

  main#main .season__other-title {
    font-size: calc(calc(2 * var(--legacy-base)) * 1.4);
  }

  main#main .season__other-btns-name {
    font-size: calc(calc(1.6 * var(--legacy-base)) * 1.4);
  }
}

/* set
-----------------------------*/
main#main .season__set {
  padding-top: calc(4.5 * var(--legacy-base));
  padding-bottom: calc(6.5 * var(--legacy-base));
  background: url('../img/menu/season_common/set_bg.webp') top center/ cover no-repeat;
}

main#main .season__menu-set img {
  height: auto;
  aspect-ratio: 970 / 610;
}

main#main .season__menu-set+.season__menu-set {
  margin-top: calc(6 * var(--legacy-base));
}

main#main .season__set--wrap {
  background: url('../img/menu/season_common/set_text-bg.webp') center center/ cover no-repeat;
  padding: var(--sp10) 0 var(--sp15) 4.4%;
}

main#main .season__menu-set--title {
  font-weight: var(--fw-b);
  font-size: calc(3 * var(--legacy-base));
}

main#main .season__menu-set--text {
  font-weight: var(--fw-b);
  font-size: calc(1.6 * var(--legacy-base));
  margin-top: clamp(calc(0.5 * var(--legacy-base)), 1.333vw, calc(0.7 * var(--legacy-base)));
  letter-spacing: 0.1em;
}

main#main .season__set--title {
  margin-inline: calc(1.2 * var(--legacy-base));
  margin-bottom: var(--sp20);
}

main#main .season__price-top {
  margin-top: clamp(calc(0.5 * var(--legacy-base)), 1.333vw, calc(0.7 * var(--legacy-base)));
}

main#main .season__menu-set--text-deco {
  color: var(--clr-accent-2);
}

main#main .season__set--text--price {
  font-size: calc(2.5 * var(--legacy-base));
}

main#main .season__set--text--price::before {
  content: '＋';
  font-size: calc(2 * var(--legacy-base));
  vertical-align: baseline;
}

main#main .season__set--text--price-yen {
  font-size: calc(1.8 * var(--legacy-base));
}

main#main .season__set--text--price-tax {
  font-size: calc(1.3 * var(--legacy-base));
}

main#main .season__set--text--box {
  width: clamp(calc(13.5 * var(--legacy-base)), 36vw, calc(18.9 * var(--legacy-base)));
  padding-block: 2px 3px;
  text-align: center;
  font-size: clamp(calc(1.5 * var(--legacy-base)), 4vw, calc(2.1 * var(--legacy-base)));
  font-weight: var(--fw-m);
  font-family: var(--f-noto-sans-jp);
  background-color: var(--clr-accent-2);
  color: var(--clr-white);
  font-size: calc(1.4 * var(--legacy-base));
}

@media (min-width: 769px) {
  main#main .season__set {
    padding-top: calc(calc(4.5 * var(--legacy-base)) * 1.4);
    padding-bottom: calc(calc(6.5 * var(--legacy-base)) * 1.4);
  }

  main#main .season__menu-set--title {
    font-size: calc(calc(3 * var(--legacy-base)) * 1.4);
  }

  main#main .season__menu-set--text {
    font-size: calc(calc(1.6 * var(--legacy-base)) * 1.4);
  }

  main#main .season__menu-set+.season__menu-set {
    margin-top: calc(calc(6 * var(--legacy-base)) * 1.4);
  }

  main#main .season__set--title {
    margin-inline: 0;
  }

  main#main .season__set--text--box {
    font-size: calc(calc(1.4 * var(--legacy-base)) * 1.4);
  }

  main#main .season__set--text--price {
    font-size: calc(calc(2.5 * var(--legacy-base)) * 1.4);
  }

  main#main .season__set--text--price-yen {
    font-size: calc(calc(1.8 * var(--legacy-base)) * 1.4);
  }

  main#main .season__set--text--price-tax {
    font-size: calc(calc(1.3 * var(--legacy-base)) * 1.4);
  }
}