@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD (銀座ダイヤモンドシライシ 来店予約ガイド)
    Theme URI: http://localhost:8092
    Description: SWELL 子テーマ（銀座ダイヤモンドシライシ 来店予約ガイド カラースキーム適用）
    Version: 1.0.0
    Author: 銀座ダイヤモンドシライシ 来店予約ガイド編集部
    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* ============================================
   銀座ダイヤモンドシライシ 来店予約ガイド カラースキーム
   メイン: #1F3A5F ／ CTA: #C9A24B
   ============================================ */
:root{
  --color_main:#1F3A5F !important;
  --color_main_dark:#142840 !important;
  --color_main_thin:#E8EDF3 !important;
  --color_link:#1F3A5F !important;

  /* ロゴ表示サイズの強制上書き（重要・絶対に消さない）
     SWELL は loos_customizer.logo_size_pc=240 を内部で 40px相当に変換するが、
     DBクローンで構築した直後はカスタマイザー画面で再保存しないと変換キャッシュが効かず、
     生の 240px が --logo_size_pc に焼かれてヘッダー帯が異常に太くなる（実例: 294px）。
     この強制上書きで毎回 takara と同じスリムヘッダー（94px帯）を担保する。
     カスタマイザーで「ロゴサイズ」を再保存すれば SWELL自身が再計算してくれるが、
     その操作を忘れても破綻しないようテンプレに内蔵。本番でも害なし。 */
  --logo_size_pc:40px !important;
  --logo_size_sp:48px !important;
}

/* --- メインCTA（loos/button color=red）: CV 色＋ピル型塗り --- */
.swell-block-button.red_ .swell-block-button__link{
  background-color:#C9A24B !important;
  border-radius:9999px !important;
}
.swell-block-button.red_ .swell-block-button__link:hover{
  background-color:#A8842F !important;
}

/* --- 副CTA（loos/button color=green）: メイン色アウトラインピル型
       2026-05-29 ie-method で確定。比較系・補助動線用に「メインCTA塗り＋副CTAアウトライン」で
       CV優先順位を明確に伝える。SWELL素のgreen_（ライム緑 #62D847）はブランド色と整合しないため
       強制上書き。記事HTML側は <!-- wp:loos/button color="green" --> のまま使用可。 --- */
.swell-block-button.green_ .swell-block-button__link{
  background-color:transparent !important;
  color:#1F3A5F !important;
  border:2px solid #1F3A5F !important;
  border-radius:9999px !important;
  font-weight:700 !important;
  transition:.2s;
}
.swell-block-button.green_ .swell-block-button__link:hover{
  background-color:#1F3A5F !important;
  color:#ffffff !important;
}

/* --- h2：左バー＋極薄ティント（SWELL既定装飾は無効化） --- */
.post_content h2{
  background:#E8EDF3;
  border:none;
  border-left:6px solid #1F3A5F;
  border-radius:0 4px 4px 0;
  padding:.6em .7em;
  color:#142840;
}
.post_content h2::before,
.post_content h2::after{display:none !important;}

/* --- h3：左ボーダー --- */
.post_content h3{
  border:none;
  border-left:5px solid #C9A24B;
  padding:.1em .65em;
  color:#142840;
}
.post_content h3::before,
.post_content h3::after{display:none !important;}

/* --- CTAボタン：PCで存在感を強化 --- */
@media (min-width:960px){
  .swell-block-button.red_ .swell-block-button__link{
    padding-top:1.15em !important;
    padding-bottom:1.15em !important;
    font-size:1.2em !important;
    font-weight:700 !important;
  }
}

/* --- FAQ：質問（Q）の文字に色 --- */
.swell-block-faq .faq_q{
  color:#2E6CA6;
}

/* --- ヒーロー見出し：スマホ版のみ改行（br.br-sp）。PCは1行 --- */
.br-sp{display:none;}
@media (max-width:600px){
  .br-sp{display:inline;}
}

/* --- モバイル固定CTA（画面下スリムバー・スマホのみ）--- */
.m-fixed-cta{display:none;}
@media (max-width:600px){
  .m-fixed-cta{
    display:block;position:fixed;left:0;right:0;bottom:0;z-index:999;
    background:#C9A24B;box-shadow:0 -2px 8px rgba(0,0,0,.18);
  }
  .m-fixed-cta a{
    display:block;text-align:center;color:#fff;font-weight:700;
    padding:13px 10px;font-size:.95em;line-height:1.3;text-decoration:none;
  }
  body{padding-bottom:54px;}
}

/* --- CTA特典パネル（特典コールアウト＋予約ボタンを一体の枠に／スラッシュ不使用）--- */
.cta-box{
  max-width:560px; margin:1.3em auto; padding:1.05em 1.2em 1.2em;
  background:#F8F4EA; border:1px solid #E4D6B2; border-radius:12px;
}
.cta-catch{ text-align:center; margin:0 0 .7em; line-height:1.45; }
.cta-catch .label{
  display:block; font-weight:700; font-size:.9rem; color:#1F3A5F; letter-spacing:.02em;
}
.cta-catch .offer{
  display:block; font-weight:700; font-size:1.35rem; color:#142840;
  margin-top:.12em; line-height:1.4;
}
.cta-catch .gift{ color:#A8842F; white-space:nowrap; }  /* 金額は語中で折らない */
.cta-box .swell-block-button{ margin-bottom:0; }          /* ボタンを枠内に収める */
/* 2行ボタン（枠なしCTAのサブ行）＝小さい誘い文句＋主アクション */
.swell-block-button__link .btn-sub{
  display:block; font-size:.76em; font-weight:600; opacity:.95;
  margin-bottom:.12em; letter-spacing:.02em; line-height:1.3;
}
@media (max-width:600px){
  .cta-box{ padding:.9em .85em 1em; }
  .cta-catch .label{ font-size:.84rem; }
  .cta-catch .offer{ font-size:1.18rem; }
  .swell-block-button__link .btn-sub{ font-size:.72em; }
}

/* --- CTAボタンを少し大きく（横幅・余白を増やす）--- */
.swell-block-button.-size-large > .swell-block-button__link{
  padding:1.05em 2.6em; min-width:min(500px,100%);
}

/* 本文リストの黒丸は標準のまま（ゴールド装飾は不採用）。
   「項目：説明」の並列はリストでなく is-style-stripes 表に、要点グループは cap-block に寄せる方針。 */

/* --- フェア告知ボックス（フェア感＋可読性）--- */
.fair-box{
  border:1px solid #E4D6B2; border-radius:14px; overflow:hidden;
  margin:1.5em 0; background:#fff; box-shadow:0 2px 12px rgba(31,58,95,.07);
}
.fair-box__head{
  background:linear-gradient(135deg,#1F3A5F 0%,#2E6CA6 100%);
  color:#fff; text-align:center; padding:1.05em 1.1em .95em;
}
.fair-box__badge{
  display:inline-block; background:#C9A24B; color:#fff; font-size:.72rem;
  font-weight:700; letter-spacing:.08em; padding:.22em .95em; border-radius:999px;
  margin-bottom:.55em;
}
.fair-box__title{ font-size:1.5rem; font-weight:700; line-height:1.25; margin:0; color:#fff; }
.fair-box__period{ font-size:.92rem; margin:.35em 0 0; opacity:.95; }
.fair-box__body{ padding:1.05em 1.15em 1.1em; }
.fair-box__row{
  display:flex; gap:.85em; align-items:flex-start;
  padding:.65em 0; border-bottom:1px dashed #EADCB6;
}
.fair-box__row:last-of-type{ border-bottom:0; }
.fair-box__label{
  flex:0 0 5.4em; background:#E8EDF3; color:#1F3A5F; font-weight:700;
  font-size:.86rem; text-align:center; padding:.4em .2em; border-radius:6px; line-height:1.35;
}
.fair-box__sub{ display:block; font-size:.7rem; font-weight:400; }
.fair-box__items{ flex:1 1 auto; }
.fair-box__items p{ margin:.18em 0; line-height:1.6; }
.fair-box__note{ color:#A8842F; font-size:.8em; margin-left:.45em; font-weight:700; }
.fair-box__caution{ font-size:.8rem; color:#777; margin:.75em 0 0; line-height:1.55; }
/* 通年ギフトカード版＝主役。ゴールドのヘッダー＋金額を大きく */
.fair-box--gift{ box-shadow:0 3px 16px rgba(201,162,75,.20); }
.fair-box--gift .fair-box__head{ background:linear-gradient(135deg,#C9A24B 0%,#A8842F 100%); }
.fair-box--gift .fair-box__badge{ background:#1F3A5F; }
.fair-box--gift .fair-box__title{ font-size:1.35rem; display:flex; align-items:baseline; justify-content:center; gap:.12em; flex-wrap:wrap; }
.fair-box__amount{ font-size:2.1rem; font-weight:800; line-height:1.05; letter-spacing:.01em; }
@media (max-width:600px){ .fair-box__amount{ font-size:1.8rem; } .fair-box--gift .fair-box__title{ font-size:1.18rem; } }
@media (max-width:600px){
  .fair-box__title{ font-size:1.28rem; }
  .fair-box__row{ flex-direction:column; gap:.3em; }
  .fair-box__label{ flex:none; align-self:flex-start; padding:.3em .8em; }
}

/* 公開前（ドリップ未公開）の内部リンクは「準備中」のグレー文字に（クリック不可・公開時に自動<a>化） */
.link-pending{ color:#9aa3ad; }
/* 箇条書きリスト内の準備中項目には「（準備中）」を付与（公開で<a>化されると自動で消える）。
   店舗の地域ブロック(.cap_box)は件数が多く煩雑なので付けない＝グレー＋注釈のまま。記事本文(<p>)も対象外。 */
.wp-block-list .link-pending::after{ content:"（準備中）"; font-size:.82em; }
.cap_box .link-pending::after{ content:none; }