body#exclusive-benefits .rtc-monthly-benefits__lead {
  font-weight: 400;
}

body#exclusive-benefits .rtc-monthly-benefits__month-nav {
  margin-bottom: 32px;
}
@media (min-width: 767px) {
  body#exclusive-benefits .rtc-monthly-benefits__month-nav {
    margin-bottom: 48px;
  }
}

body#exclusive-benefits .rtc-benefits-nav {
  background-color: #fff;
  padding: 32px 18px 36px;
}
@media (min-width: 767px) {
  body#exclusive-benefits .rtc-benefits-nav {
    padding: 48px 36px 52px;
  }
}

body#exclusive-benefits .rtc-benefits-nav__title {
  font-family: "Noto Serif JP", serif;
  font-weight: 700;
  font-size: 24px;
  color: #1f3a5f;
  text-align: center;
  margin: 0 0 8px;
}
@media (min-width: 767px) {
  body#exclusive-benefits .rtc-benefits-nav__title {
    font-size: 30px;
  }
}

body#exclusive-benefits .rtc-benefits-nav__lead {
  font-family: "Noto Serif JP", serif;
  font-size: 13px;
  color: #555;
  text-align: center;
  margin: 0 0 28px;
}
@media (min-width: 767px) {
  body#exclusive-benefits .rtc-benefits-nav__lead {
    font-size: 15px;
    margin-bottom: 36px;
  }
}

body#exclusive-benefits .rtc-benefits-nav__year {
  font-family: "Noto Serif JP", serif;
  font-weight: 700;
  font-size: 22px;
  color: #1f3a5f;
  text-align: center;
  margin: 0 auto 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  max-width: 350px;
}
@media (min-width: 767px) {
  body#exclusive-benefits .rtc-benefits-nav__year {
    font-size: 26px;
    margin-bottom: 28px;
  }
}

body#exclusive-benefits .rtc-benefits-nav__year::before,
body#exclusive-benefits .rtc-benefits-nav__year::after {
  content: "";
  flex: 1 1 auto;
  border: 1px solid #C7A161;
}

body#exclusive-benefits .rtc-benefits-nav__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  max-width: 960px;
  margin: 0 auto;
}
@media (min-width: 767px) {
  body#exclusive-benefits .rtc-benefits-nav__grid {
    grid-template-columns: repeat(6, 1fr);
    gap: 14px;
  }
}

body#exclusive-benefits .rtc-benefits-nav__grid + .rtc-benefits-nav__grid {
  margin-top: 10px;
}
@media (min-width: 767px) {
  body#exclusive-benefits .rtc-benefits-nav__grid + .rtc-benefits-nav__grid {
    margin-top: 14px;
  }
}

/* 各月ボタン共通 */
body#exclusive-benefits .rtc-benefits-tab {
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid #c9c9c9;
  background: #e5e5e5;
  border-radius: 5px;
  padding: 10px 4px 12px;
  text-align: center;
  color: #717171;
  cursor: default;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
  line-height: 1.1;
}

body#exclusive-benefits .rtc-benefits-tab__num {
  display: block;
  font-size: 22px;
  font-weight: 700;
}
@media (min-width: 767px) {
  body#exclusive-benefits .rtc-benefits-tab__num {
    font-size: 26px;
  }
}

body#exclusive-benefits .rtc-benefits-tab__num small {
  font-size: 0.55em;
  font-weight: 700;
  margin-left: 2px;
}

body#exclusive-benefits .rtc-benefits-tab__en {
  display: block;
  margin-top: 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
}

/* 選択可能（白背景） */
body#exclusive-benefits .rtc-benefits-tab.is-available {
  background: #fff;
  border-color: #c09e5b;
  color: #1f3a5f;
  cursor: pointer;
}

body#exclusive-benefits .rtc-benefits-tab.is-available .rtc-benefits-tab__en {
  color: #b9932f;
}

body#exclusive-benefits .rtc-benefits-tab.is-available:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(31, 58, 95, 0.18);
}

/* 選択中（ネイビー背景） */
body#exclusive-benefits .rtc-benefits-tab.is-active {
  background: #0d2b4e;
  border: 2px solid #996e1c;
  color: #e7c877;
  cursor: default;
}

body#exclusive-benefits .rtc-benefits-tab.is-active .rtc-benefits-tab__en {
  color: #e7c877;
}

body#exclusive-benefits .rtc-benefits-tab.is-active:hover {
  transform: none;
  box-shadow: none;
}

/* 公開前（斜線背景） */
body#exclusive-benefits .rtc-benefits-tab.is-future {
  border-color: #e0e0e0;
  color: #717171;
  background-color: #fff;
  background-image: repeating-linear-gradient(
    -45deg,
    rgba(0, 0, 0, 0.05),
    rgba(0, 0, 0, 0.05) 2px,
    transparent 2px,
    transparent 8px
  );
}

/* パネル切り替え */
body#exclusive-benefits .rtc-monthly-benefits__month {
  display: none;
}

body#exclusive-benefits .rtc-monthly-benefits__month.is-active {
  display: block;
}

/* =========================================================
   MFX（min-fx.jp）の exclusive-benefits ページと同じ表示にするための上書き
   ※このファイルは style.css の後に読み込まれるため優先される
   ※MFX側は exclusive-benefits を「改修対象外・master相当」に維持しつつ、
   　共有ブロックの一部（section余白/グラデ角度/desc/card-tier/grid余白）が
   　波及した状態。その実表示どおりを再現する。
   ========================================================= */

/* セクション余白（MFX: 20px 0 50px / PC 40px 0） */
body#exclusive-benefits section {
  padding: 20px 0 50px;
}
@media (min-width: 767px) {
  body#exclusive-benefits section {
    padding: 40px 0;
  }
}

/* トップセクション：上マージンで -2px（MFXはmargin-top） */
body#exclusive-benefits section.top {
  margin-top: -2px;
  margin-bottom: 0;
}

/* 金色グラデーション（MFX: 90deg）
   ※ background ショートハンドだと .bg-text の background-clip:text を
   　リセットして切り抜きが壊れるため、background-image で指定する */
body#exclusive-benefits .bg-linear--03 {
  background-image: linear-gradient(90deg, #d0aa74 0%, #bc975e 15%, #c5a76c 30%, #e7d491 45%, #d2b87a 60%, #c5a76c 72%, #bc975e 85%, #d0aa74 100%);
}

/* 見出し（section.top内・master相当）：MFXの実表示に合わせる
   ※MFXは section.top スコープで 24px固定・padding 0 0 12px・余白30px に固定している */
body#exclusive-benefits section.top .section-title--style02 {
  padding-top: 30px;
  margin-bottom: 30px;
}
body#exclusive-benefits section.top .section-title--style02 h3 {
  padding: 0 0 12px;
  font-size: 24px;
}

/* section-title__desc のフォントサイズ（MFX: 16px / PC 18px） */
body#exclusive-benefits .section-title__desc {
  font-size: 16px;
}
@media (min-width: 767px) {
  body#exclusive-benefits .section-title__desc {
    font-size: 18px;
  }
}

/* 特典セクション背景色・余白（MFX実表示: #2c3745 / 50px 0 40px・PC 60px 0）
   ※MFXは exclusive-benefits を master相当に維持しているため改修版(#20344c/80px)ではない */
body#exclusive-benefits section.rtc-monthly-benefits {
  background-color: #2c3745;
  padding: 50px 0 40px;
}
@media (min-width: 767px) {
  body#exclusive-benefits section.rtc-monthly-benefits {
    padding: 60px 0;
  }
}

/* カード会員ランク見出しの下余白（MFX: 18px） */
body#exclusive-benefits section.rtc-monthly-benefits .rtc-monthly-benefits__card-tier {
  margin-bottom: 18px;
}

/* グリッド列の下余白を常に0に（MFXは全幅で margin-bottom:0） */
body#exclusive-benefits section.rtc-monthly-benefits .rtc-monthly-benefits__grid > [class*="col-"] {
  margin-bottom: 0;
}