/* ==========================================================================
   ARIEL Renewal Base Standard / Central Content Background
   --------------------------------------------------------------------------
   Source page:
   - public/_preview/ariel-renewal-base-standard-202607.html

   Purpose:
   - This file defines the current standard background for ARIEL renewed pages.
   - Keep central content white with a very light gray grid.
   - Keep shadows and decorative pseudo-backgrounds off.
   - Preview-only at this stage. Live Blade/routes are untouched.
   ========================================================================== */

html body .main-story.ariel-center-v1.ariel-cast-detail-main.ariel-price-system-main-20260704 {
  min-height: 1120px !important;
  background-color: #ffffff !important;
  background-image:
    linear-gradient(rgba(205, 205, 205, .10) 1px, transparent 1px),
    linear-gradient(90deg, rgba(205, 205, 205, .10) 1px, transparent 1px) !important;
  background-size: 22px 22px !important;
  background-position: 0 0 !important;
  background-repeat: repeat !important;
  border-color: rgba(202, 238, 245, .88) !important;
  box-shadow: none !important;
}

html body .main-story.ariel-center-v1.ariel-cast-detail-main.ariel-price-system-main-20260704::before,
html body .main-story.ariel-center-v1.ariel-cast-detail-main.ariel-price-system-main-20260704::after {
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  opacity: 0 !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

html body .main-story.ariel-center-v1.ariel-cast-detail-main.ariel-price-system-main-20260704 .ariel-base-standard-bg-only-202607 {
  display: block !important;
  width: 100% !important;
  min-height: 1120px !important;
}

@media screen and (max-width: 640px) {
  html body .main-story.ariel-center-v1.ariel-cast-detail-main.ariel-price-system-main-20260704 {
    min-height: 920px !important;
    background-image:
      linear-gradient(rgba(205, 205, 205, .09) 1px, transparent 1px),
      linear-gradient(90deg, rgba(205, 205, 205, .09) 1px, transparent 1px) !important;
    background-size: 20px 20px !important;
  }

  html body .main-story.ariel-center-v1.ariel-cast-detail-main.ariel-price-system-main-20260704 .ariel-base-standard-bg-only-202607 {
    min-height: 920px !important;
  }
}

/* ARIEL base title css 202607 START */
html body .main-story.ariel-center-v1.ariel-cast-detail-main.ariel-price-system-main-20260704 .ariel-base-title-demo-202607 {
  padding: 40px 16px 0 !important;
  text-align: center !important;
}

html body .main-story.ariel-center-v1.ariel-cast-detail-main.ariel-price-system-main-20260704 .center-section-title.ariel-base-title-202607 {
  margin: 0 0 24px !important;
  padding: 0 !important;
  text-align: center !important;
}

html body .main-story.ariel-center-v1.ariel-cast-detail-main.ariel-price-system-main-20260704 .center-section-title.ariel-base-title-202607 span {
  position: relative !important;
  z-index: 1 !important;
  display: inline-block !important;
  width: fit-content !important;
  max-width: max-content !important;
  margin: 0 auto !important;
  padding: 0 0 7px !important;
  color: #02afce !important;
  font-family: "waverly-cf", "Times New Roman", Georgia, serif !important;
  font-size: clamp(28px, 7.4vw, 42px) !important;
  line-height: 1.05 !important;
  letter-spacing: .045em !important;
  font-weight: 400 !important;
  text-shadow: none !important;
}

html body .main-story.ariel-center-v1.ariel-cast-detail-main.ariel-price-system-main-20260704 .center-section-title.ariel-base-title-202607 span::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 8px !important;
  z-index: -1 !important;
  width: 100% !important;
  height: 8px !important;
  transform: translateX(-50%) !important;
  background: repeating-linear-gradient(-50deg, rgba(245,216,122,.82) 0 1px, rgba(245,216,122,.82) 1px 2px, rgba(255,255,255,0) 2px 5px) !important;
  opacity: .88 !important;
  pointer-events: none !important;
}

html body .main-story.ariel-center-v1.ariel-cast-detail-main.ariel-price-system-main-20260704 .center-section-title.ariel-base-title-202607 strong {
  display: block !important;
  margin: 8px 0 0 !important;
  color: #222222 !important;
  font-family: "Noto Sans JP", "Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic", Meiryo, sans-serif !important;
  font-size: clamp(14px, 3.8vw, 17px) !important;
  line-height: 1.45 !important;
  letter-spacing: .05em !important;
  font-weight: 400 !important;
  text-shadow: none !important;
}

@media screen and (max-width: 640px) {
  html body .main-story.ariel-center-v1.ariel-cast-detail-main.ariel-price-system-main-20260704 .ariel-base-title-demo-202607 {
    padding-top: 34px !important;
  }

  html body .main-story.ariel-center-v1.ariel-cast-detail-main.ariel-price-system-main-20260704 .center-section-title.ariel-base-title-202607 span::after {
    bottom: 7px !important;
    height: 7px !important;
  }
}
/* ARIEL base title css 202607 END */

/* ARIEL base typography css 202607 START */
html body .main-story.ariel-center-v1.ariel-cast-detail-main.ariel-price-system-main-20260704 {
  font-family: "Noto Sans JP", "Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic", Meiryo, sans-serif !important;
  font-weight: 400;
  font-style: normal;
  font-variant-numeric: lining-nums proportional-nums;
  color: #222222;
}

html body .main-story.ariel-center-v1.ariel-cast-detail-main.ariel-price-system-main-20260704 p,
html body .main-story.ariel-center-v1.ariel-cast-detail-main.ariel-price-system-main-20260704 li,
html body .main-story.ariel-center-v1.ariel-cast-detail-main.ariel-price-system-main-20260704 dt,
html body .main-story.ariel-center-v1.ariel-cast-detail-main.ariel-price-system-main-20260704 dd,
html body .main-story.ariel-center-v1.ariel-cast-detail-main.ariel-price-system-main-20260704 a,
html body .main-story.ariel-center-v1.ariel-cast-detail-main.ariel-price-system-main-20260704 span,
html body .main-story.ariel-center-v1.ariel-cast-detail-main.ariel-price-system-main-20260704 strong,
html body .main-story.ariel-center-v1.ariel-cast-detail-main.ariel-price-system-main-20260704 em,
html body .main-story.ariel-center-v1.ariel-cast-detail-main.ariel-price-system-main-20260704 small,
html body .main-story.ariel-center-v1.ariel-cast-detail-main.ariel-price-system-main-20260704 th,
html body .main-story.ariel-center-v1.ariel-cast-detail-main.ariel-price-system-main-20260704 td,
html body .main-story.ariel-center-v1.ariel-cast-detail-main.ariel-price-system-main-20260704 div {
  font-family: inherit;
}

html body .main-story.ariel-center-v1.ariel-cast-detail-main.ariel-price-system-main-20260704 .center-section-title.ariel-base-title-202607 span {
  font-family: "waverly-cf", "Times New Roman", Georgia, serif !important;
}

html body .main-story.ariel-center-v1.ariel-cast-detail-main.ariel-price-system-main-20260704 .center-section-title.ariel-base-title-202607 strong {
  font-family: "Noto Sans JP", "Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic", Meiryo, sans-serif !important;
  color: #222222 !important;
}
/* ARIEL base typography css 202607 END */


/* ariel-base-title-common-no-old-class-202607 START */
/*
  下層ページ共通タイトル。
  古い page class に依存せず、main-story ariel-center-v1 配下の
  .center-section-title.ariel-base-title-202607 に統一して効かせる。
*/
html body .main-story.ariel-center-v1 .ariel-base-title-demo-202607 {
  padding: 40px 16px 0 !important;
  text-align: center !important;
}

html body .main-story.ariel-center-v1 .center-section-title.ariel-base-title-202607 {
  margin: 0 0 24px !important;
  padding: 0 !important;
  text-align: center !important;
}

html body .main-story.ariel-center-v1 .center-section-title.ariel-base-title-202607 span {
  position: relative !important;
  z-index: 1 !important;
  display: inline-block !important;
  width: fit-content !important;
  max-width: max-content !important;
  margin: 0 auto !important;
  padding: 0 0 7px !important;
  color: #02afce !important;
  font-family: "waverly-cf", "Times New Roman", Georgia, serif !important;
  font-size: clamp(28px, 7.4vw, 42px) !important;
  line-height: 1.05 !important;
  letter-spacing: .045em !important;
  font-weight: 400 !important;
  text-shadow: none !important;
}

html body .main-story.ariel-center-v1 .center-section-title.ariel-base-title-202607 span::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 8px !important;
  z-index: -1 !important;
  width: 100% !important;
  height: 8px !important;
  transform: translateX(-50%) !important;
  background: repeating-linear-gradient(-50deg, rgba(245,216,122,.82) 0 1px, rgba(245,216,122,.82) 1px 2px, rgba(255,255,255,0) 2px 5px) !important;
  opacity: .88 !important;
  pointer-events: none !important;
}

html body .main-story.ariel-center-v1 .center-section-title.ariel-base-title-202607 strong {
  display: block !important;
  margin: 8px 0 0 !important;
  color: #e67dad !important;
  font-family: "Noto Sans JP", "Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic", Meiryo, sans-serif !important;
  font-size: clamp(14px, 3.8vw, 17px) !important;
  line-height: 1.45 !important;
  letter-spacing: .05em !important;
  font-weight: 500 !important;
  text-shadow: none !important;
}

@media screen and (max-width: 640px) {
  html body .main-story.ariel-center-v1 .ariel-base-title-demo-202607 {
    padding-top: 34px !important;
  }

  html body .main-story.ariel-center-v1 .center-section-title.ariel-base-title-202607 span::after {
    bottom: 7px !important;
    height: 7px !important;
  }
}
/* ariel-base-title-common-no-old-class-202607 END */

/* ariel-lower-page-title-top-space-202607 START */
/*
  下層ページ共通：
  トップページ以外の標準タイトルブロックに上余白を作る。
  古い page class には依存しない。
  対象は ariel-base-standard-bg-only-202607 を持つページのみ。
*/
html body .main-story.ariel-center-v1 .ariel-base-standard-bg-only-202607 {
  padding-top: 34px !important;
}

html body .main-story.ariel-center-v1 .ariel-base-title-demo-202607 {
  margin-top: 0 !important;
}

@media screen and (max-width: 640px) {
  html body .main-story.ariel-center-v1 .ariel-base-standard-bg-only-202607 {
    padding-top: 30px !important;
  }
}
/* ariel-lower-page-title-top-space-202607 END */

/* ariel-center-outer-border-off-202607 START */
/*
  ARIEL renewed lower pages:
  中央コンテンツ全体の外枠だけを全ページで無効化。
  本文カード・FAQ枠・GUIDE枠・CONTENTS MENUカード枠は触らない。
*/
html body .story-grid > .main-story.ariel-center-v1:not(#ariel-center-border-keep),
html body .main-story.ariel-center-v1:not(#ariel-center-border-keep) {
  border: 0 !important;
  border-color: transparent !important;
  outline: 0 !important;
}
/* ariel-center-outer-border-off-202607 END */

/* ariel-common-contents-menu-design-202607 START */
/*
  ARIEL CONTENTS MENU common design.
  GUIDE / FAQ / SCHEDULE and future renewed lower pages share this.
  Do not redesign per page.
*/

html body .main-story.ariel-center-v1 .ariel-base-standard-bg-only-202607 > section.center-contents-menu-section#contents-menu {
  margin: 34px 0 0 !important;
  padding: 34px 18px 30px !important;
  border: 0 !important;
  box-shadow: none !important;
  background-color: #ffffff !important;
  background-image:
    linear-gradient(45deg, rgba(245,252,254,.86) 25%, transparent 25%, transparent 75%, rgba(245,252,254,.86) 75%, rgba(245,252,254,.86)),
    linear-gradient(45deg, rgba(245,252,254,.86) 25%, transparent 25%, transparent 75%, rgba(245,252,254,.86) 75%, rgba(245,252,254,.86)) !important;
  background-size: 44px 44px, 44px 44px !important;
  background-position: 0 0, 22px 22px !important;
  background-repeat: repeat !important;
}

html body .main-story.ariel-center-v1 .ariel-base-standard-bg-only-202607 > section.center-contents-menu-section#contents-menu::before,
html body .main-story.ariel-center-v1 .ariel-base-standard-bg-only-202607 > section.center-contents-menu-section#contents-menu::after {
  display: none !important;
  content: none !important;
}

html body .main-story.ariel-center-v1 .ariel-base-standard-bg-only-202607 > section.center-contents-menu-section#contents-menu .center-section-title {
  margin: 0 0 26px !important;
}

html body .main-story.ariel-center-v1 .ariel-base-standard-bg-only-202607 > section.center-contents-menu-section#contents-menu .center-section-title span {
  color: #02afce !important;
  font-family: "waverly-cf", "Times New Roman", Georgia, serif !important;
  font-weight: 400 !important;
}

html body .main-story.ariel-center-v1 .ariel-base-standard-bg-only-202607 > section.center-contents-menu-section#contents-menu .center-section-title strong {
  color: #e67dad !important;
  font-family: "Noto Sans JP", "Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic", Meiryo, sans-serif !important;
  font-weight: 500 !important;
}

html body .main-story.ariel-center-v1 .ariel-base-standard-bg-only-202607 > section.center-contents-menu-section#contents-menu .center-contents-menu-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

html body .main-story.ariel-center-v1 .ariel-base-standard-bg-only-202607 > section.center-contents-menu-section#contents-menu .center-contents-menu-card,
html body .main-story.ariel-center-v1 .ariel-base-standard-bg-only-202607 > section.center-contents-menu-section#contents-menu .center-contents-menu-card.is-accent-pink,
html body .main-story.ariel-center-v1 .ariel-base-standard-bg-only-202607 > section.center-contents-menu-section#contents-menu .center-contents-menu-card.is-accent-blue,
html body .main-story.ariel-center-v1 .ariel-base-standard-bg-only-202607 > section.center-contents-menu-section#contents-menu .center-contents-menu-card.is-accent-gold {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 92px !important;
  padding: 16px 8px !important;
  border: 1px solid rgba(2, 175, 206, .68) !important;
  border-radius: 9px !important;
  background-color: #ffffff !important;
  background-image: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(246,252,255,.96) 100%) !important;
  box-shadow: none !important;
  text-decoration: none !important;
  overflow: hidden !important;
}

html body .main-story.ariel-center-v1 .ariel-base-standard-bg-only-202607 > section.center-contents-menu-section#contents-menu .center-contents-menu-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 6px !important;
  z-index: 0 !important;
  border: 1px solid rgba(2, 175, 206, .28) !important;
  border-radius: 7px !important;
  background: transparent !important;
  pointer-events: none !important;
  box-shadow: none !important;
}

html body .main-story.ariel-center-v1 .ariel-base-standard-bg-only-202607 > section.center-contents-menu-section#contents-menu .center-contents-menu-card em {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  margin: 0 0 8px !important;
  color: #e67dad !important;
  -webkit-text-fill-color: #e67dad !important;
  font-family: "waverly-cf", "Times New Roman", Georgia, serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  text-align: center !important;
}

html body .main-story.ariel-center-v1 .ariel-base-standard-bg-only-202607 > section.center-contents-menu-section#contents-menu .center-contents-menu-card strong {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  margin: 0 !important;
  color: #333333 !important;
  -webkit-text-fill-color: #333333 !important;
  font-family: "Noto Sans JP", "Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic", Meiryo, sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  letter-spacing: .04em !important;
  text-align: center !important;
}

@media screen and (max-width: 640px) {
  html body .main-story.ariel-center-v1 .ariel-base-standard-bg-only-202607 > section.center-contents-menu-section#contents-menu {
    margin-top: 30px !important;
    padding: 30px 12px 28px !important;
  }

  html body .main-story.ariel-center-v1 .ariel-base-standard-bg-only-202607 > section.center-contents-menu-section#contents-menu .center-contents-menu-grid {
    gap: 10px !important;
  }

  html body .main-story.ariel-center-v1 .ariel-base-standard-bg-only-202607 > section.center-contents-menu-section#contents-menu .center-contents-menu-card {
    min-height: 86px !important;
    padding: 14px 6px !important;
  }
}

@media screen and (max-width: 374px) {
  html body .main-story.ariel-center-v1 .ariel-base-standard-bg-only-202607 > section.center-contents-menu-section#contents-menu {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  html body .main-story.ariel-center-v1 .ariel-base-standard-bg-only-202607 > section.center-contents-menu-section#contents-menu .center-contents-menu-grid {
    gap: 8px 6px !important;
  }

  html body .main-story.ariel-center-v1 .ariel-base-standard-bg-only-202607 > section.center-contents-menu-section#contents-menu .center-contents-menu-card {
    min-height: 78px !important;
    padding: 11px 4px !important;
  }

  html body .main-story.ariel-center-v1 .ariel-base-standard-bg-only-202607 > section.center-contents-menu-section#contents-menu .center-contents-menu-card em {
    font-size: 10px !important;
  }

  html body .main-story.ariel-center-v1 .ariel-base-standard-bg-only-202607 > section.center-contents-menu-section#contents-menu .center-contents-menu-card strong {
    font-size: 12px !important;
  }
}
/* ariel-common-contents-menu-design-202607 END */