/** Shopify CDN: Minification failed

Line 538:133 Unexpected "*"

**/
/* ============================================================
 * c-fathers-day.css
 * 父の日ギフトLP 2026 専用スタイル
 *
 * 【スコープ】JSONテンプレート由来のセクションIDは
 *   shopify-section-template--<番号>__<キー>
 * という形式になるため、後方一致セレクタ [id$="__fd_X"] で
 * スコープする（数値部分はテンプレ複製で変わるがキー由来の
 * サフィックスは安定）。これでこのLPページのみに適用され、
 * 他ページの c-egift-* 等には波及しない。
 *
 * 【テイスト】全セクション「黒背景 + 白文字」のモノクロ統一。
 * 罫線・引用ブロック・アイコン類はホワイト系のグレーで揃える。
 *
 * このCSSは custom-liquid セクション(fd_style)経由でこのページ
 * でのみ読み込まれるため :root 定義でも他ページへ漏れない。
 * ============================================================ */

:root {
  --fd-ink: #1a1715;            /* メイン暗背景 */
  --fd-ink-2: #1f1c19;          /* 微妙にトーンを変える時の代替（差を控えめに） */
  --fd-paper: #ffffff;          /* 文字色（白） */
  --fd-paper-2: rgba(255,255,255,.78);  /* 説明文の弱め白 */
  --fd-paper-3: rgba(255,255,255,.56);  /* 補助テキスト */
  --fd-rule: rgba(255,255,255,.16);     /* 罫線 */
  --fd-rule-strong: rgba(255,255,255,.32); /* 強めの罫線 */
  --fd-accent: #c9a87a;         /* アクセント：ベージュゴールド（Buddy世界観に合う） */
  --fd-accent-soft: rgba(201,168,122,.55); /* 弱めアクセント */
}

/* ------------------------------------------------------------
 * 0. ページの背景だけ黒に揃える（ヘッダー・フッターは触らない）
 *    Shopify テーマで MainContent(本文エリア)だけが対象。これでセクション
 *    間に発生する隙間にも黒地が出る。ヘッダー・フッター・ナビゲーションは
 *    一切上書きしない（テーマ既定のスタイルを尊重）。
 * ------------------------------------------------------------ */
body.template-suffix-fathers-day-2026 #MainContent,
body.template-suffix-fathers-day-2026 main,
body.template-suffix-fathers-day-2026 .t4s-main-content {
  background: var(--fd-ink);
  color: var(--fd-paper);
}

/* fd_* セクションだけ、外側(div.shopify-section)と内側(<section>)を黒に。
   テーマ既定のセクションCSS（c-egift-bag は #fdf9f2 ベージュ、c-egift-merits は
   別色など）が specificity 高めに効いているので !important で確実に上書き。
   ヘッダー・フッターは一切触らない。fd_hero は背景画像を残すため除外。 */
body.template-suffix-fathers-day-2026 .shopify-section[id*="__fd_"]:not([id*="__fd_hero"]),
body.template-suffix-fathers-day-2026 .shopify-section[id*="__fd_"]:not([id*="__fd_hero"]) > section,
body.template-suffix-fathers-day-2026 .shopify-section[id*="__fd_"]:not([id*="__fd_hero"]) > .t4s-section-inner,
body.template-suffix-fathers-day-2026 .shopify-section[id*="__fd_"]:not([id*="__fd_hero"]) > [class*="t4s-section"] {
  background: var(--fd-ink) !important;
}

/* 黒地に黒文字で見えなくなるのを防ぐため、#MainContent 配下のテキスト
   要素は基本的に親色を継承（=白）させる。具体的な色指定があるボタン
   等は個別CSSで上書きされるので影響しない。 */
body.template-suffix-fathers-day-2026 #MainContent h1,
body.template-suffix-fathers-day-2026 #MainContent h2,
body.template-suffix-fathers-day-2026 #MainContent h3,
body.template-suffix-fathers-day-2026 #MainContent h4,
body.template-suffix-fathers-day-2026 #MainContent h5,
body.template-suffix-fathers-day-2026 #MainContent h6,
body.template-suffix-fathers-day-2026 #MainContent p,
body.template-suffix-fathers-day-2026 #MainContent li,
body.template-suffix-fathers-day-2026 #MainContent span:not([class*="badge"]):not([class*="tag"]),
body.template-suffix-fathers-day-2026 #MainContent strong,
body.template-suffix-fathers-day-2026 #MainContent em,
body.template-suffix-fathers-day-2026 #MainContent dt,
body.template-suffix-fathers-day-2026 #MainContent dd {
  color: inherit;
}

/* ------------------------------------------------------------
 * 1. HERO ([id$="__fd_hero"] / c-egift-hero 流用)
 *    画像内にすでにキャッチコピーが焼き込まれているため、テキスト/オーバーレイ/CTAは全て非表示。
 *    背景画像はテーマエディタ側「c-eギフトヒーロー > 背景画像」で差し替える。
 * ------------------------------------------------------------ */
[id$="__fd_hero"] .t4s-c-egift-hero__bg {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
[id$="__fd_hero"] .t4s-c-egift-hero {
  aspect-ratio: 1672 / 941;
  min-height: 0;
  height: auto;
}
[id$="__fd_hero"] .t4s-c-egift-hero__overlay,
[id$="__fd_hero"] .t4s-c-egift-hero__container,
[id$="__fd_hero"] .t4s-c-egift-hero__content { display: none !important; }

@media (max-width: 768px) {
  [id$="__fd_hero"] .t4s-c-egift-hero { aspect-ratio: 941 / 1672; }
}

/* ------------------------------------------------------------
 * 2. E-GIFT 主CTA ([id$="__fd_egift"]) / FINAL CTA ([id$="__fd_final"])
 *    暗いベタ地のCTAセクション
 * ------------------------------------------------------------ */
[id$="__fd_egift"] .t4s-c-egift-hero,
[id$="__fd_final"] .t4s-c-egift-hero {
  min-height: 0;
  height: auto;
  background: var(--fd-ink);
}
[id$="__fd_egift"] .t4s-c-egift-hero__bg,
[id$="__fd_final"] .t4s-c-egift-hero__bg { display: none; }
[id$="__fd_egift"] .t4s-c-egift-hero__overlay,
[id$="__fd_final"] .t4s-c-egift-hero__overlay { background: var(--fd-ink); }
[id$="__fd_egift"] .t4s-c-egift-hero__container,
[id$="__fd_final"] .t4s-c-egift-hero__container {
  padding: 72px 24px;
  justify-content: center;
}
[id$="__fd_egift"] .t4s-c-egift-hero__content { max-width: 520px; }
[id$="__fd_final"] .t4s-c-egift-hero__content { max-width: 520px; text-align: center; align-items: center; }
[id$="__fd_egift"] .t4s-c-egift-hero__title,
[id$="__fd_egift"] .t4s-c-egift-hero__desc,
[id$="__fd_final"] .t4s-c-egift-hero__title,
[id$="__fd_final"] .t4s-c-egift-hero__desc { color: var(--fd-paper); }
[id$="__fd_egift"] .t4s-c-egift-hero__desc p,
[id$="__fd_final"] .t4s-c-egift-hero__desc p { color: var(--fd-paper-2); }
/* primary は白地黒文字、secondary は白アウトライン */
[id$="__fd_egift"] .t4s-c-egift-hero__primary-btn,
[id$="__fd_final"] .t4s-c-egift-hero__primary-btn {
  background: var(--fd-paper); color: var(--fd-ink); width: 100%; justify-content: center;
}
[id$="__fd_egift"] .t4s-c-egift-hero__primary-btn:hover,
[id$="__fd_final"] .t4s-c-egift-hero__primary-btn:hover { color: var(--fd-ink); }
[id$="__fd_egift"] .t4s-c-egift-hero__secondary-link,
[id$="__fd_final"] .t4s-c-egift-hero__secondary-link {
  color: var(--fd-paper); width: 100%; justify-content: center; padding: 15px 24px;
  border: 1px solid rgba(255,255,255,.55); text-decoration: none;
}
[id$="__fd_egift"] .t4s-c-egift-hero__secondary-link:hover,
[id$="__fd_final"] .t4s-c-egift-hero__secondary-link:hover { color: var(--fd-paper); border-color: var(--fd-paper); }
[id$="__fd_egift"] .t4s-c-egift-hero__cta-block,
[id$="__fd_final"] .t4s-c-egift-hero__cta-block { width: 100%; gap: 10px; }

/* ------------------------------------------------------------
 * 3. WHY ([id$="__fd_why"] / c-brand-message)
 *    JSON側で bg_color: #1a1715 にしているが、文字色は CSS で確実に白へ
 * ------------------------------------------------------------ */
[id$="__fd_why"],
[id$="__fd_why"] * { color: var(--fd-paper) !important; }
[id$="__fd_why"] .t4s-c-brand-message__bg-text { color: rgba(255,255,255,.06) !important; }

/* ------------------------------------------------------------
 * 4. WHO ([id$="__fd_who"] / c-egift-merits 流用)
 *    番号付きの縦リスト。1段濃いインクで「奥行き」を出す
 * ------------------------------------------------------------ */
[id$="__fd_who"] { background: var(--fd-ink-2) !important; }
[id$="__fd_who"] .t4s-section-inner,
[id$="__fd_who"] .t4s-container,
[id$="__fd_who"] .t4s-row,
[id$="__fd_who"] .t4s-col-item { background: var(--fd-ink-2) !important; }
[id$="__fd_who"] .t4s-c-egift-merits__grid {
  display: flex;
  flex-direction: column;
  gap: 0;
  counter-reset: fd-who;
}
[id$="__fd_who"] .t4s-c-egift-merits__card {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 16px;
  padding: 22px 0;
  border-top: 1px solid var(--fd-rule);
  background: transparent;
  box-shadow: none;
  text-align: left;
}
[id$="__fd_who"] .t4s-c-egift-merits__card:last-child { border-bottom: 1px solid var(--fd-rule); }
[id$="__fd_who"] .t4s-c-egift-merits__media { display: none; }
[id$="__fd_who"] .t4s-c-egift-merits__card::before {
  counter-increment: fd-who;
  content: "0" counter(fd-who);
  font-style: italic;
  font-size: 22px;
  color: var(--fd-paper-2);
  line-height: 1;
}
[id$="__fd_who"] .t4s-c-egift-merits__title {
  margin: 0;
  font-size: 17px;
  font-weight: 600;
  color: var(--fd-paper) !important;
}
[id$="__fd_who"] .t4s-c-egift-merits__text { display: none; }
[id$="__fd_who"] .t4s-c-egift-merits__top-heading,
[id$="__fd_who"] .t4s-c-egift-merits__top-heading * { color: var(--fd-paper) !important; }

/* ------------------------------------------------------------
 * 5. PERFUME INTROS ([id$="__fd_perfume_intros"] / c-egift-merits 流用)
 *    GOODDAY / OVER / ALIVE の商品キャッチ。
 *    fd_who とは別のレイアウト: 3カラム横並び (PC) / 縦並び (SP)
 *    番号は表示せず、商品名 + キャッチを並べる。
 * ------------------------------------------------------------ */
[id$="__fd_perfume_intros"] { background: var(--fd-ink); }
[id$="__fd_perfume_intros"] .t4s-c-egift-merits__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  border-top: 1px solid var(--fd-rule);
  border-bottom: 1px solid var(--fd-rule);
}
@media (max-width: 768px) {
  [id$="__fd_perfume_intros"] .t4s-c-egift-merits__grid {
    grid-template-columns: 1fr;
  }
}
[id$="__fd_perfume_intros"] .t4s-c-egift-merits__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 14px;
  padding: 40px 24px;
  background: transparent;
  box-shadow: none;
  border-right: 1px solid var(--fd-rule);
}
[id$="__fd_perfume_intros"] .t4s-c-egift-merits__card:last-child { border-right: 0; }
@media (max-width: 768px) {
  [id$="__fd_perfume_intros"] .t4s-c-egift-merits__card {
    border-right: 0;
    border-bottom: 1px solid var(--fd-rule);
    padding: 30px 16px;
  }
  [id$="__fd_perfume_intros"] .t4s-c-egift-merits__card:last-child { border-bottom: 0; }
}
[id$="__fd_perfume_intros"] .t4s-c-egift-merits__media { display: none; }
[id$="__fd_perfume_intros"] .t4s-c-egift-merits__title {
  margin: 0;
  font-size: 22px;
  letter-spacing: .12em;
  font-weight: 600;
  color: var(--fd-paper) !important;
  font-family: var(--font-heading-family, inherit);
}
[id$="__fd_perfume_intros"] .t4s-c-egift-merits__text,
[id$="__fd_perfume_intros"] .t4s-c-egift-merits__text * {
  display: block;
  margin: 0;
  font-size: 14px;
  line-height: 1.85;
  color: var(--fd-paper-2) !important;
}
[id$="__fd_perfume_intros"] .t4s-c-egift-merits__top-heading,
[id$="__fd_perfume_intros"] .t4s-c-egift-merits__top-heading * { color: var(--fd-paper) !important; }

/* ------------------------------------------------------------
 * 6. PRODUCTS ([id$="__fd_products"] / c-featured-collection 流用)
 *    このテーマの商品カードはハイフン区切り命名（BEMではない）：
 *    .t4s-product-wrapper / .t4s-product-inner / .t4s-product-info
 *    .t4s-product-title / .t4s-product-price
 * ------------------------------------------------------------ */
[id$="__fd_products"] { background: var(--fd-ink); }

/* 商品カード本体の白を全て透過に */
[id$="__fd_products"] .t4s-product,
[id$="__fd_products"] .t4s-product-wrapper,
[id$="__fd_products"] .t4s-product-inner,
[id$="__fd_products"] .t4s-product-info,
[id$="__fd_products"] .t4s-product-action,
[id$="__fd_products"] .t4s-product-bottom,
[id$="__fd_products"] .t4s-row-cols-mb-1 > .t4s-col-item,
[id$="__fd_products"] .t4s-col-item {
  background: transparent !important;
  background-color: transparent !important;
}

/* 画像ロード前のローダー背景もカード自体の地色に合わせる */
[id$="__fd_products"] .lazyloadt4s-loader,
[id$="__fd_products"] .t4s-product-main-image-link,
[id$="__fd_products"] .t4s-product-thumbnail {
  background: transparent !important;
  background-color: transparent !important;
}

/* 商品タイトル・価格・説明文・ベンダーを白文字に */
[id$="__fd_products"] .t4s-product-title,
[id$="__fd_products"] .t4s-product-title a,
[id$="__fd_products"] .t4s-product-vendor,
[id$="__fd_products"] .t4s-product-description,
[id$="__fd_products"] .t4s-product-price,
[id$="__fd_products"] .t4s-product-price *,
[id$="__fd_products"] .t4s-pr-title,
[id$="__fd_products"] .t4s-pr-title a {
  color: var(--fd-paper) !important;
}
[id$="__fd_products"] .t4s-product-price del { color: var(--fd-paper-3) !important; }

/* 「詳しく見る」「お気に入りに追加」などのボタン */
[id$="__fd_products"] .t4s-product-btn,
[id$="__fd_products"] .t4s-pr-action-btn,
[id$="__fd_products"] .t4s-product-action a,
[id$="__fd_products"] .t4s-product-action button {
  background: var(--fd-paper) !important;
  color: var(--fd-ink) !important;
  border-color: var(--fd-paper) !important;
}
[id$="__fd_products"] .t4s-product-btn:hover,
[id$="__fd_products"] .t4s-pr-action-btn:hover {
  background: transparent !important;
  color: var(--fd-paper) !important;
}

/* fragrance / 50mlシリーズ 等のセクションヘッダーラベル */
[id$="__fd_products"] .t4s-cl-left-label,
[id$="__fd_products"] .t4s-cl-right-label,
[id$="__fd_products"] [class*="left-label"],
[id$="__fd_products"] [class*="right-label"] {
  color: var(--fd-paper) !important;
}

/* ------------------------------------------------------------
 * 7. HOW ([id$="__fd_how"])
 *    タブを隠して「3ステップ」表現に寄せる。
 *    1段濃いインクで PRODUCTS との段差を作る
 * ------------------------------------------------------------ */
[id$="__fd_how"] { background: var(--fd-ink-2) !important; }
[id$="__fd_how"] .t4s-section-inner,
[id$="__fd_how"] .t4s-container,
[id$="__fd_how"] .t4s-row,
[id$="__fd_how"] .t4s-col-item { background: var(--fd-ink-2) !important; }
[id$="__fd_how"] .t4s-c-egift-howto__tabs { display: none; }
[id$="__fd_how"] .t4s-c-egift-howto,
[id$="__fd_how"] .t4s-c-egift-howto * { color: var(--fd-paper) !important; }
[id$="__fd_how"] .t4s-c-egift-howto__step-num,
[id$="__fd_how"] .t4s-c-egift-howto__step-title { color: var(--fd-paper) !important; }
[id$="__fd_how"] .t4s-c-egift-howto__step-text { color: var(--fd-paper-2) !important; }
[id$="__fd_how"] .t4s-c-egift-howto__step {
  border: 1px solid var(--fd-rule);
  background: transparent;
}

/* ------------------------------------------------------------
 * 8. BAG ([id$="__fd_bag"])
 * ------------------------------------------------------------ */
[id$="__fd_bag"] { background: var(--fd-ink); }

/* 画像エリア（デフォルトでベージュ背景なのでこのLPでは透過に） */
[id$="__fd_bag"] .t4s-c-egift-bag__media,
[id$="__fd_bag"] .t4s-c-egift-bag__image-wrap,
[id$="__fd_bag"] .t4s-c-egift-bag__visual {
  background: transparent !important;
  background-color: transparent !important;
}

/* shopper-blk.png は四隅に薄いグレー(225,225,225)が焼き込まれている。
   暫定対応として画像エリアを縮小＋ライトグレーを"フォトフレーム"として演出。
   完全対応はユーザーに透過PNG差し替えを依頼する。 */
[id$="__fd_bag"] .t4s-c-egift-bag__media,
[id$="__fd_bag"] .t4s-c-egift-bag__visual {
  max-width: 360px;
  margin: 0 auto;
  padding: 24px;
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 4px;
  box-shadow: 0 6px 24px rgba(0,0,0,.4);
}
[id$="__fd_bag"] .t4s-c-egift-bag__media img,
[id$="__fd_bag"] .t4s-c-egift-bag__visual img {
  display: block;
  background: transparent !important;
}
[id$="__fd_bag"] .t4s-c-egift-bag,
[id$="__fd_bag"] .t4s-c-egift-bag * { color: var(--fd-paper); }
[id$="__fd_bag"] .t4s-c-egift-bag__top-heading,
[id$="__fd_bag"] .t4s-c-egift-bag__subheading { color: var(--fd-paper) !important; }
[id$="__fd_bag"] .t4s-c-egift-bag__desc,
[id$="__fd_bag"] .t4s-c-egift-bag__desc p { color: var(--fd-paper-2) !important; }
[id$="__fd_bag"] .t4s-c-egift-bag__feat-title { color: var(--fd-paper) !important; }
[id$="__fd_bag"] .t4s-c-egift-bag__feat-text { color: var(--fd-paper-2) !important; }
[id$="__fd_bag"] .t4s-c-egift-bag__note {
  margin-top: 28px;
  padding: 20px 0 0;
  border-top: 1px solid var(--fd-rule);
  font-size: 13px;
  line-height: 1.85;
  color: var(--fd-paper-2) !important;
}
[id$="__fd_bag"] .t4s-c-egift-bag__cta {
  background: var(--fd-paper); color: var(--fd-ink) !important;
}

/* ------------------------------------------------------------
 * 9. VOICE ([id$="__fd_voice"])
 *    罫線のみのクォート主役レイアウト。やや濃いインクで質感
 * ------------------------------------------------------------ */
[id$="__fd_voice"] { background: var(--fd-ink-2) !important; }
[id$="__fd_voice"] .t4s-section-inner,
[id$="__fd_voice"] .t4s-container,
[id$="__fd_voice"] .t4s-row,
[id$="__fd_voice"] .t4s-col-item { background: var(--fd-ink-2) !important; }
[id$="__fd_voice"] .t4s-c-egift-testimonials,
[id$="__fd_voice"] .t4s-c-egift-testimonials__top-heading,
[id$="__fd_voice"] .t4s-c-egift-testimonials__top-heading * { color: var(--fd-paper) !important; }
[id$="__fd_voice"] .t4s-c-egift-testimonials__grid {
  display: flex;
  flex-direction: column;
  gap: 0;
}
[id$="__fd_voice"] .t4s-c-egift-testimonials__card {
  background: transparent;
  border: 0;
  border-top: 1px solid var(--fd-rule);
  border-radius: 0;
  box-shadow: none;
  padding: 30px 0 28px;
}
[id$="__fd_voice"] .t4s-c-egift-testimonials__card:last-child {
  border-bottom: 1px solid var(--fd-rule);
}
[id$="__fd_voice"] .t4s-c-egift-testimonials__role {
  background: transparent !important;
  color: var(--fd-paper-3) !important;
  border: 0 !important;
  padding: 0 !important;
  font-size: 11px;
  letter-spacing: .14em;
  font-weight: 500;
}
[id$="__fd_voice"] .t4s-c-egift-testimonials__stars {
  color: var(--fd-paper-3) !important;
  font-size: 12px;
  filter: grayscale(1);
}
[id$="__fd_voice"] .t4s-c-egift-testimonials__body {
  font-size: 18px;
  line-height: 1.7;
  color: var(--fd-paper) !important;
  font-weight: 500;
  border-left: 2px solid var(--fd-paper);
  padding-left: 18px;
  margin: 14px 0 16px;
}
[id$="__fd_voice"] .t4s-c-egift-testimonials__author,
[id$="__fd_voice"] .t4s-c-egift-testimonials__meta {
  color: var(--fd-paper-3) !important;
}
[id$="__fd_voice"] .t4s-c-egift-testimonials__product {
  color: var(--fd-paper-3) !important;
  font-style: italic;
}

/* ------------------------------------------------------------
 * 10. FAQ ([id$="__fd_faq"])
 *     アイコンと罫線を白系へ
 * ------------------------------------------------------------ */
[id$="__fd_faq"] { background: var(--fd-ink); }
[id$="__fd_faq"] .t4s-c-egift-faq,
[id$="__fd_faq"] .t4s-c-egift-faq__top-heading,
[id$="__fd_faq"] .t4s-c-egift-faq__top-heading *,
[id$="__fd_faq"] .t4s-c-egift-faq__question,
[id$="__fd_faq"] .t4s-c-egift-faq__answer,
[id$="__fd_faq"] .t4s-c-egift-faq__answer * { color: var(--fd-paper) !important; }
[id$="__fd_faq"] .t4s-c-egift-faq__answer { color: var(--fd-paper-2) !important; }
[id$="__fd_faq"] .t4s-c-egift-faq__item {
  border-top: 1px solid var(--fd-rule);
  background: transparent;
}
[id$="__fd_faq"] .t4s-c-egift-faq__item:last-child {
  border-bottom: 1px solid var(--fd-rule);
}
[id$="__fd_faq"] .t4s-c-egift-faq__q-icon,
[id$="__fd_faq"] .t4s-c-egift-faq__a-icon,
[id$="__fd_faq"] .t4s-c-egift-faq__chevron {
  color: var(--fd-paper) !important;
}

/* ============================================================
 * セクション縦リズム
 *   ink（メイン）セクション：上下 80px
 *   ink-2（淡）セクション ：上下 56px に絞り、薄い帯が広がらないように
 *   薄い色は余白も浅くするのが鉄則（同じ余白だと淡側が大きく見える錯視）
 * ============================================================ */
[id$="__fd_perfume_intros"] .t4s-c-egift-merits,
[id$="__fd_bag"] .t4s-c-egift-bag,
[id$="__fd_faq"] .t4s-c-egift-faq {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}
[id$="__fd_who"] .t4s-c-egift-merits,
[id$="__fd_voice"] .t4s-c-egift-testimonials {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}
[id$="__fd_how"] .t4s-c-egift-howto {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}

/* ============================================================
 * エディトリアル装飾レイヤー
 *   ① ヒーローから本文への暗いグラデ繋ぎ
 *   ② Challenge 大文字背景の復活
 *   ③ セクション見出しに細罫＋小さなゴールドのドット
 *   ④ アクセントカラー(ベージュゴールド)の最小限注入
 *   ⑤ VOICE 引用ブロックの強化
 *   ⑥ FINAL CTA の上下細罫＋香る感
 * ============================================================ */

/* ① HERO → WHY の繋ぎ。ヒーロー画像底辺を黒へフェードさせて段差を消す */
body.template-suffix-fathers-day-2026 [id$="__fd_hero"] {
  position: relative;
}
body.template-suffix-fathers-day-2026 [id$="__fd_hero"]::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 120px;
  background: linear-gradient(180deg, transparent 0%, var(--fd-ink) 100%);
  pointer-events: none;
  z-index: 2;
}

/* ② WHY の "Challenge" 大文字背景のサイズ・字間調整。
   色／透明度は c-brand-message セクションの「背景テキスト設定」(JSON: bg_text_color/bg_text_opacity) で制御。 */
[id$="__fd_why"] .brand-message__bg-text,
[id$="__fd_why"] [class*="bg-text"],
[id$="__fd_why"] [class*="bgtext"] {
  font-size: clamp(96px, 18vw, 240px) !important;
  letter-spacing: .04em;
  font-weight: 700;
}

/* WHY 本文に上品な余白とアクセントの細い縦罫
   上下余白は c-brand-message セクションの「カスタム余白設定」(JSON: use_custom_padding/pc_padding_*/sp_padding_*) に委ねる。
   ここで !important で強制すると、テーマエディタの余白設定が無効化されるため定義しない。 */
[id$="__fd_why"] {
  position: relative;
}
[id$="__fd_why"] .t4s-c-brand-message__main,
[id$="__fd_why"] [class*="brand-message__main"] {
  font-size: clamp(22px, 3vw, 34px);
  letter-spacing: .04em;
  line-height: 1.55;
}
[id$="__fd_why"] .t4s-c-brand-message__main::before,
[id$="__fd_why"] [class*="brand-message__main"]::before {
  content: "";
  display: block;
  width: 1px;
  height: 40px;
  margin: 0 auto 24px;
  background: var(--fd-accent-soft);
}
/* WHY 説明文の幅を広げて改行が飛ばないように。文字も少し大きめに */
[id$="__fd_why"] .t4s-c-brand-message__desc,
[id$="__fd_why"] [class*="brand-message__desc"],
[id$="__fd_why"] .t4s-c-brand-message__description,
[id$="__fd_why"] [class*="brand-message__description"],
[id$="__fd_why"] p {
  max-width: 720px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: clamp(13px, 1.1vw, 15px) !important;
  line-height: 1.95 !important;
  color: var(--fd-paper-2) !important;
}

/* ③ セクション見出し .t4s-egift-h の装飾
   - テーマ既定の左右罫線(::before / ::after)を活かし、長さを制御してエディトリアル感に
   - 見出しの上にゴールドの小さな点を配置（テキスト自体は中央）
   - 見出し色も明示的に白へ */
body.template-suffix-fathers-day-2026 .t4s-egift-h {
  position: relative;
  padding-top: 28px;
  margin-bottom: 36px !important;
  text-align: center;
}
body.template-suffix-fathers-day-2026 .t4s-egift-h .t4s-egift-h__text {
  font-size: clamp(20px, 2.4vw, 30px);
  letter-spacing: .12em;
  font-weight: 500;
  color: var(--fd-paper);
  display: inline-block;
  padding: 0 24px;
}
/* テーマ既定の両側罫線（::before / ::after）の幅と色を上書き */
body.template-suffix-fathers-day-2026 .t4s-egift-h::before,
body.template-suffix-fathers-day-2026 .t4s-egift-h::after {
  background: var(--fd-rule-strong) !important;
  max-width: 64px !important;
  flex-basis: 64px !important;
  height: 1px !important;
  align-self: center;
}
/* 見出しの上にゴールドの● */
body.template-suffix-fathers-day-2026 .t4s-egift-h {
  /* 自前のドットを ::after でなく実装するため別要素にbg */
  background-image: radial-gradient(circle, var(--fd-accent) 0 3px, transparent 3.5px);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 6px 6px;
}
/* 縮めたい見出しは padding を少なめに（ink-2のWHO/HOW/VOICE） */
[id*="__fd_who"] .t4s-egift-h,
[id*="__fd_how"] .t4s-egift-h,
[id*="__fd_voice"] .t4s-egift-h {
  padding-top: 22px;
  margin-bottom: 28px !important;
}

/* ④ アクセント色の控えめ注入 */
/* WHO の番号をゴールドに */
[id$="__fd_who"] .t4s-c-egift-merits__card::before {
  color: var(--fd-accent) !important;
}
/* PERFUME INTROS の商品名下に薄いゴールドの下線アクセント */
[id$="__fd_perfume_intros"] .t4s-c-egift-merits__title {
  position: relative;
  padding-bottom: 14px;
}
[id$="__fd_perfume_intros"] .t4s-c-egift-merits__title::after {
  content: "";
  position: absolute;
  bottom: 0; left: 50%;
  width: 24px; height: 1px;
  background: var(--fd-accent);
  transform: translateX(-50%);
}

/* BAG の deadline note 上のラベル感を演出 */
[id$="__fd_bag"] .t4s-c-egift-bag__note {
  position: relative;
  padding-top: 28px !important;
}
[id$="__fd_bag"] .t4s-c-egift-bag__note::before {
  content: "DEADLINE";
  display: block;
  font-size: 10px;
  letter-spacing: .3em;
  color: var(--fd-accent) !important;
  margin-bottom: 8px;
}

/* FAQ アイコンをゴールドに */
[id$="__fd_faq"] .t4s-c-egift-faq__q-icon,
[id$="__fd_faq"] .t4s-c-egift-faq__chevron {
  color: var(--fd-accent) !important;
}

/* ⑤ VOICE 引用ブロックを上品に強化 */
[id$="__fd_voice"] .t4s-c-egift-testimonials__card {
  padding: 36px 0 32px !important;
  position: relative;
}
/* 大きな引用記号を左上に薄く配置 */
[id$="__fd_voice"] .t4s-c-egift-testimonials__card::before {
  content: "\201C";  /* " */
  position: absolute;
  top: 12px; left: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 80px;
  line-height: 1;
  color: var(--fd-accent);
  opacity: .35;
}
[id$="__fd_voice"] .t4s-c-egift-testimonials__body {
  border-left: 2px solid var(--fd-accent) !important;
  padding-left: 22px !important;
  font-size: 20px !important;
  font-style: normal;
}
[id$="__fd_voice"] .t4s-c-egift-testimonials__role {
  color: var(--fd-accent) !important;
}

/* ⑥ FINAL CTA：上下に細罫を入れて「締め」感を出す */
[id$="__fd_final"] .t4s-c-egift-hero__container {
  position: relative;
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}
[id$="__fd_final"] .t4s-c-egift-hero__content::before {
  content: "";
  display: block;
  width: 1px;
  height: 56px;
  margin: 0 auto 36px;
  background: var(--fd-accent-soft);
}
[id$="__fd_final"] .t4s-c-egift-hero__content::after {
  content: "BUDDY × FATHER'S DAY 2026";
  display: block;
  margin-top: 30px;
  font-size: 10px;
  letter-spacing: .42em;
  color: var(--fd-accent);
  text-align: center;
}
[id$="__fd_final"] .t4s-c-egift-hero__title {
  font-size: clamp(28px, 4vw, 44px) !important;
  letter-spacing: .04em !important;
  line-height: 1.45 !important;
}

/* FINAL の primary ボタンを少しだけ高級感を持たせる */
[id$="__fd_final"] .t4s-c-egift-hero__primary-btn {
  border: 1px solid var(--fd-accent);
  position: relative;
  overflow: hidden;
}

/* EGIFT 主CTA も同様に質感アップ */
[id$="__fd_egift"] .t4s-c-egift-hero__title {
  font-size: clamp(26px, 3.6vw, 40px) !important;
  letter-spacing: .04em !important;
  line-height: 1.45 !important;
}
[id$="__fd_egift"] .t4s-c-egift-hero__container {
  padding-top: 96px !important;
  padding-bottom: 96px !important;
}
[id$="__fd_egift"] .t4s-c-egift-hero__content::before {
  content: "E-GIFT";
  display: block;
  font-size: 10px;
  letter-spacing: .42em;
  color: var(--fd-accent);
  margin-bottom: 18px;
}

/* PRODUCTS の上ラベル(fragrance / 50mlシリーズ)もゴールド */
[id$="__fd_products"] .t4s-cl-left-label,
[id$="__fd_products"] .t4s-cl-right-label,
[id$="__fd_products"] [class*="left-label"],
[id$="__fd_products"] [class*="right-label"] {
  color: var(--fd-accent) !important;
  letter-spacing: .24em;
  font-size: 11px !important;
}

/* PRODUCTS の top_heading をエディトリアルに */
[id$="__fd_products"] .t4s-fc-heading,
[id$="__fd_products"] [class*="top-heading"],
[id$="__fd_products"] [class*="topheading"] {
  font-size: clamp(20px, 2.4vw, 30px) !important;
  letter-spacing: .14em !important;
  font-weight: 500 !important;
}

/* PERFUME INTROS の3カラム間ホバーで微かな上昇 */
[id$="__fd_perfume_intros"] .t4s-c-egift-merits__card {
  transition: transform .3s ease, background .3s ease;
}
[id$="__fd_perfume_intros"] .t4s-c-egift-merits__card:hover {
  transform: translateY(-4px);
  background: rgba(201,168,122,.04) !important;
}