@charset "UTF-8";

/* ================================================== */
/* hero-area */
/* ================================================== */
#hero-area {
  background: url(../images/bg_hero-area_catering.jpg) #EFCA50 no-repeat center bottom;
  background-size: cover;
}

#hero-area h1 {
  font-size: 3.8rem;
}

/* ================================================== */
/* menu */
/* ================================================== */
#menu .container {
  background: none;
  background-size: 100%;
  position: relative;
}

#menu .cards {
  align-items: flex-end;
}

#menu .cards_small-content .cards_card_content {
  padding: 4rem 2rem;
}

#menu .plan-normal,
#menu .plan-strong {
  line-height: 1.6;
  overflow: visible;
  position: relative;
}

#menu .plan-normal .plan_description,
#menu .plan-strong .plan_description {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 4.5rem;
}

#menu .plan-normal figure img,
#menu .plan-strong figure img {
  width: auto;
}

#menu .plan-normal {
  border: 6px solid #AD8500;
}

#menu .plan-normal h3 {
  color: #AD8500;
  font-size: 1.6rem;
}

#menu .plan-normal figure img {
  max-height: 40px;
}

#menu .plan-normal .strong-text {
  color: #AD8500;
  font-size: 2rem;
}

#menu .plan-strong {
  border: 6px solid #FF7F00;
}

#menu .plan-strong .plan-strong_recommend {
  position: absolute;
  text-align: center;
  top: -24px;
  width: 100%;
}

#menu .plan-strong .plan-strong_recommend figure {
  background-color: #FF7F00;
  display: inline-block;
  padding: .5rem;
}

#menu .plan-strong .plan-strong_recommend img {
  width: 124px;
}

#menu .plan-strong h3 {
  color: #FF7F00;
}

#menu .plan-strong figure img {
  max-height: 60px;
}

#menu .plan-strong .strong-text {
  color: #FF7F00;
}

#menu .plan_description,
#menu .price_description {
  display: block;
}

#menu .plan-note,
#menu .price_description {
  font-size: 1.2rem;
}

#menu .plan_description {
  font-size: 1.4rem;
}

#menu .price_description {
  white-space: nowrap;
}

#menu .group_group {
  margin-bottom: 1rem;
}
#menu .group_group:last-child {
  margin-bottom: 0;
}

#menu .tab-header {
  font-size: 2rem;
}

#menu .tab-header .tab-trigger {
  border-bottom: 6px solid #ffffff;
}
#menu .tab-header .tab-trigger.is-active {
  border-bottom: 6px solid #222222;
}

#menu table tr th {
  padding-right: 1rem;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  #menu .plan-normal,
  #menu .plan-strong {
    width: 100%;
  }

  #menu .plan-option .cards_card_content {
    padding: 4rem 2rem;
  }

  #menu .tab-header {
    font-size: 1.4rem;
  }
}

/* ================================================== */
/* license */
/* ================================================== */
#license h2 {
  font-size: 2.4rem;
}

/* 2026-10-19 tap-anniv-04 C12: <table> → <dl class="rd-shopinfo">。文字の太さは旧 th/td と同じ 400 のまま */
#license .rd-shopinfo dt,
#license .rd-shopinfo dd {
  font-weight: 400;
}

/* ================================================== */
/* 2026-10-19 tap-anniv-04 C6・C7: オプション 4 表の縦積み見出し h4 / 初回限定バナーを小さく */
/* ================================================== */
#menu details h4 {
  font-family: "M PLUS 1p", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", Meiryo, sans-serif;
  font-size: 1.8rem;
  font-weight: 800;
  margin: 2.4rem 0 1.2rem;
}
#menu details h4:first-of-type {
  margin-top: 1.2rem;
}

#menu .banner img {
  max-width: 480px;
}

/* ================================================== */
/* 2026-10-19 tap-anniv-05 B3-12-c・B3-12-f（00 §3.2）: 375px の EN オプション表のはみ出しと JA hero キッカーの 2 行折返し。文言は不変 */
/* ================================================== */
@media screen and (max-width: 767px) {
  /* c: EN の "Estimate: Approx. 3 servings per person" が nowrap で th の最小幅 274px となり表が 341px（親 295px）→ th 内だけ折返しを許す。JA は lang で除外し表の寸法を変えない */
  html[lang="en"] #menu .plan-option th .price_description {
    white-space: normal;
  }
}
@media screen and (max-width: 480px) {
  /* f: JA「02 ｜ ケータリング ｜ 店舗から車で 1〜2 時間以内」は 12px/.14em で 317px > 291px → 字間 .04em で 282px（1 行・font-size 12px は維持）。EN は 11px/0 でも 1 行に入らないので対象外 */
  html[lang="ja"] #hero-area .rd-kicker {
    letter-spacing: .04em;
  }
}