/* ==========================================================================
   rugby-drills.com プロフェッショナルUI（2026-10-06 デザイン部）
   Nike Training／海外トレーニング系SaaSを参考に、余白・ディープエメラルド・ダークトーン・力強い見出しへ。
   ・このファイルに刷新のCSSをすべてまとめてある。戻すときは functions.php の RD_PRO_UI を false に
     （または rd-pro.css/js の読み込みを消す）だけで、従来の見た目に戻る。
   ・元の style.css（子テーマ本体）は変更していない。
   ・v2（2026-10-06）：エメラルド（操作・状態）＋金（ブランドのしるし）の2アクセント体制。
     金はロゴ・サムネイル（約280枚に焼き込み済み）と同じトーンで、UI側にも「二次アクセント」として配置。
   ----------------------------------------------------------------------------
   【色のルール】（almond / flag へ展開するときの設計書。詳細はデザイン部ノート）
    1. 主色（エメラルド）＝「押せる・選ばれている」：ボタン・リンク・選択中ピル・フォーカス・ホバーの文字色
    2. 金＝「このサイトのしるし」：見出しの短い下線／ラベル脇の短い罫線／紺の面の上のアクセント（ナビのホバー線・ヘッダー罫線・
       Xボタン）／フッター上の罫線／カード・ウィジェットのホバー枠。面の塗りには使わない（ワンポイントだけ）
    3. 1コンポーネントにつき金は1か所まで。金の上に文字を載せるときは紺（#0a1f3a）。白地の上の金文字は濃い金（--rd-gold-d）
    4. 紺の面（ヘッダー・ナビ・サムネイル）では金が主役、白い面（カード・本文・サイドバー）ではエメラルドが主役
   ========================================================================== */

/* ==========================================================================
   ★サイトごとに差し替える部分（色トークン）。almond / flag へ展開するときはここだけ書き換える
   ========================================================================== */
:root{
  --rd-em:#0b6b4f;        /* 主アクセント（rugby＝ディープエメラルド） */
  --rd-em-d:#074a37;      /* 主アクセント：濃い側（ホバー・押下） */
  --rd-em-l:#e6f2ed;      /* 主アクセント：淡い側（選択中の背景など） */
  --rd-gold:#d69e2e;      /* 二次アクセント＝ロゴ・サムネイルの金（サイトのキーカラー） */
  --rd-gold-d:#a8721a;    /* 白地の上で文字・細い線に使う濃い金（コントラスト確保） */
  --rd-gold-l:#fbf3dc;    /* 金の淡い側（バッジの背景） */
  --rd-gold-hi:#f2c14e;   /* 暗い面・エメラルド面の上で使う明るい金（チェック、ホバー線） */
  --rd-ink:#0a1b2e;       /* 見出しのダークトーン */
  --rd-navy:#0a1f3a;      /* ヘッダー・ナビの紺 */
}
/* ==========================================================================
   ここから下は共通の部品（サイトが変わっても基本そのまま）
   ========================================================================== */
:root{
  --rd-text:#26323f;
  --rd-mute:#66737f;
  --rd-line:#e2e7e5;
  --rd-bg:#f3f5f4;
  --rd-radius:16px;
  --rd-shadow:0 1px 2px rgba(10,27,46,.06),0 4px 14px rgba(10,27,46,.06);
  --rd-shadow-up:0 4px 8px rgba(10,27,46,.08),0 22px 44px -8px rgba(10,27,46,.28);
  --rd-num:'Barlow Condensed','Arial Narrow',sans-serif;
}

/* ---------- 全体：余白と地色 ---------- */
body,
body .content,
body #content{background:var(--rd-bg) !important;}
body{color:var(--rd-text);-webkit-font-smoothing:antialiased;}
body #content-in{padding-top:8px;}
body .main{padding-top:28px !important;}
body .sidebar{padding-top:28px !important;}

/* ---------- ヘッダー・グローバルナビ：より暗く引き締める ---------- */
body .navi,
body #navi,
body .navi-in > ul{background:var(--rd-navy) !important;}
body .navi-in > ul.menu-pc > li > a{
  position:relative;
  letter-spacing:.06em;
  font-weight:700;
  transition:color .2s ease,background .2s ease;
}
/* ホバー線：スキン(silk)の `.navi-in a::after`（width:0→ホバーで100%、border-bottom 2px の白線、0.3s）と同じ ::after を
   共有しているため、幅(100%)がleft:18%の分だけ右にずれ、白い下線との二重線にもなっていた。幅・枠を打ち消す */
body .navi-in > ul.menu-pc > li > a::after,
body .navi-in > ul.menu-pc > li > a:hover::after{
  content:"";position:absolute;left:18%;right:18%;bottom:6px;height:2px;
  width:auto !important;border:0 !important;display:block;
  background:var(--rd-gold);transform:scaleX(0);transform-origin:center;transition:transform .25s ease;
}
body .navi-in > ul.menu-pc > li:hover > a{background:rgba(255,255,255,.04) !important;}
body .navi-in > ul.menu-pc > li:hover > a::after,
body .navi-in > ul.menu-pc > li > a:hover::after,
body .navi-in > ul.menu-pc > li.current-menu-item > a::after,
body .navi-in > ul.menu-pc > li.current-menu-ancestor > a::after{transform:scaleX(1);}
/* 紺の面の下端に金の細い罫線（ヘッダー全体を「ロゴの金」で締める） */
body .navi{border-bottom:3px solid var(--rd-gold);}
/* Xシェアボタン：紺の面の上なので金（ロゴの「.com」と同じ金） */
body .rd-header-x-share{background:var(--rd-gold);color:var(--rd-navy);}
body .rd-header-x-share:hover{background:#fff;color:var(--rd-navy);}
body .search-box .search-submit{background:var(--rd-em) !important;}
body .search-box .search-submit:hover,
body .search-box .search-submit:focus{background:var(--rd-em-d) !important;}
body .search-box.input-box:focus-within{border-color:var(--rd-em);box-shadow:0 0 0 3px rgba(11,107,79,.15);}

/* ---------- 絞り込み：カプセル型ピル ---------- */
body #content-top{padding:32px 0 8px !important;}
body #content-top-in{
  display:block !important;
  padding-left:29px !important;padding-right:29px !important;
}
body #content-top-in #search-2{display:none;}   /* 検索はヘッダーとサイドバー側にあるため重複を省略 */
body .widget-content-top{max-width:none;}

/* JS有効時：元のselectは送信用に残して視覚的に隠す */
form.searchandfilter.rd-pills-on > div:not(.rd-filter){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}
form.searchandfilter.rd-pills-on{position:relative;}

.rd-filter,
body #custom_html-4 form.searchandfilter > .rd-filter{
  position:relative;background:#fff;border:1px solid var(--rd-line);border-radius:20px;
  padding:14px 20px !important;box-shadow:var(--rd-shadow);
}
.rd-filter [hidden]{display:none !important;}
/* カードの上辺に金の短い線（ブランドのしるし） */
.rd-filter::before{content:"";position:absolute;left:28px;top:-1px;width:56px;height:3px;border-radius:0 0 3px 3px;background:var(--rd-gold);}

/* 閉じている間も見える帯：開くボタン＋選択中の条件 */
.rd-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;}
.rd-open{
  appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;flex:none;
  background:var(--rd-em);color:#fff;border:0;border-radius:999px;padding:11px 18px 11px 20px;
  font:inherit;font-size:14px;font-weight:800;letter-spacing:.04em;line-height:1.2;box-shadow:0 8px 18px -8px rgba(11,107,79,.7);
}
.rd-open svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.rd-open:hover{background:var(--rd-em-d);}
.rd-open-chev{display:inline-flex;margin-left:2px;}
.rd-open-chev svg{width:16px;height:16px;transition:transform .2s ease;}
.rd-filter.is-open .rd-open-chev svg{transform:rotate(180deg);}
.rd-count{
  font-style:normal;font-size:12px;font-weight:800;min-width:20px;height:20px;line-height:20px;text-align:center;border-radius:10px;
  background:var(--rd-gold-hi);color:var(--rd-navy);padding:0 6px;
}
.rd-active{display:flex;flex-wrap:wrap;align-items:center;gap:8px;flex:1 1 220px;min-width:0;}
.rd-hint{font-size:13px;color:var(--rd-mute);}
.rd-active-k{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--rd-mute);}
.rd-achip{
  appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;gap:6px;cursor:pointer;max-width:100%;
  background:var(--rd-em-l);color:var(--rd-em-d);border:1px solid rgba(11,107,79,.25);border-radius:999px;
  font:inherit;font-size:13px;font-weight:700;line-height:1.2;padding:6px 10px 6px 12px;
}
.rd-achip svg{width:12px;height:12px;flex:none;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;}
.rd-achip:hover{background:var(--rd-em);color:#fff;}
.rd-filter-clear{
  margin-left:auto;appearance:none;border:0;background:none;color:var(--rd-mute);font:inherit;font-size:13px;
  text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:4px 0;flex:none;
}
.rd-filter-clear:hover{color:var(--rd-em);}

/* パネルの中身（PC・スマホ共通） */
.rd-panel{display:none;}
.rd-panel.is-open{display:block;}
.rd-backdrop{display:none;}
.rd-draft{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0 6px;}
.rd-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:36px;row-gap:2px;}
.rd-grid.is-collapsed{display:none;}
.rd-row{display:flex;align-items:flex-start;gap:12px;padding:7px 0;min-width:0;}
.rd-row.is-wide{grid-column:1 / -1;}
.rd-filter-label{
  flex:0 0 66px;padding-top:9px;font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--rd-mute);
}
.rd-pills{display:flex;flex-wrap:wrap;gap:8px;flex:1;min-width:0;}
.rd-pill{
  appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;gap:0;max-width:100%;
  border:1.5px solid var(--rd-line);background:#fff;color:var(--rd-text);
  font:inherit;font-size:13.5px;font-weight:600;line-height:1;
  padding:9px 15px;border-radius:999px;cursor:pointer;
  transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.rd-pill-ic{display:inline-block;width:0;overflow:hidden;opacity:0;transition:width .18s ease,margin .18s ease,opacity .18s ease;}
.rd-pill-ic svg{width:14px;height:14px;display:block;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;}
.rd-pill:hover{border-color:var(--rd-em);color:var(--rd-em);transform:translateY(-1px);}
.rd-pill:focus-visible,.rd-open:focus-visible,.rd-achip:focus-visible,.rd-apply:focus-visible,.rd-panel-close:focus-visible,.rd-reset:focus-visible{outline:3px solid rgba(11,107,79,.35);outline-offset:2px;}
.rd-pill.is-active{
  background:var(--rd-em);border-color:var(--rd-em);color:#fff;
  box-shadow:0 6px 14px -4px rgba(11,107,79,.55);
}
.rd-pill.is-active .rd-pill-ic{width:14px;opacity:1;margin-right:6px;color:var(--rd-gold-hi);}   /* 選択中のチェックだけ金（エメラルド面の上の金） */
.rd-pill.is-active:hover{background:var(--rd-em-d);border-color:var(--rd-em-d);color:#fff;}
/* 今の条件と組み合わせると0件になる選択肢は薄く（押せない） */
.rd-pill.is-zero{opacity:.4;cursor:not-allowed;border-style:dashed;background:#fafbfa;}
.rd-pill.is-zero:hover{transform:none;border-color:var(--rd-line);color:var(--rd-text);}
.rd-more{
  appearance:none;border:0;background:none;margin:8px 0 2px;padding:6px 0;cursor:pointer;
  font:inherit;font-size:13px;font-weight:700;color:var(--rd-em);letter-spacing:.04em;text-align:left;
}
.rd-more:hover{color:var(--rd-em-d);}
.rd-grid-more{border-top:1px solid var(--rd-line);margin-top:6px;padding-top:8px;}
/* 決定バー：すべて外す／該当件数／この条件で見る */
.rd-panel-foot{display:flex;align-items:center;gap:14px;border-top:1px solid var(--rd-line);margin-top:10px;padding-top:12px;}
.rd-reset{appearance:none;border:0;background:none;color:var(--rd-mute);font:inherit;font-size:13px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:4px 0;flex:none;}
.rd-reset:hover{color:var(--rd-em);}
.rd-result{flex:1;text-align:right;font-size:13px;font-weight:700;color:var(--rd-mute);}
.rd-result b{font-family:var(--rd-num);font-size:24px;line-height:1;font-weight:700;color:var(--rd-em);margin:0 2px;}
.rd-apply{
  appearance:none;-webkit-appearance:none;cursor:pointer;flex:none;border:0;border-radius:999px;background:var(--rd-em);color:#fff;
  font:inherit;font-size:14px;font-weight:800;letter-spacing:.04em;padding:11px 24px;box-shadow:0 8px 18px -8px rgba(11,107,79,.7);
}
.rd-apply:hover{background:var(--rd-em-d);}
.rd-apply:disabled{background:#c9d2cf;box-shadow:none;cursor:not-allowed;}
/* 結果ページ：見出しの件数／0件の案内 */
.rd-h1-count{display:inline-block;margin-left:12px;padding:3px 11px;border-radius:999px;vertical-align:middle;background:var(--rd-em-l);color:var(--rd-em-d);font-size:13px;font-weight:800;letter-spacing:.04em;}
.rd-empty{margin-top:14px;padding:14px 18px;border-radius:14px;background:var(--rd-gold-l);}
.rd-empty-t{margin:0 0 4px !important;font-weight:800;color:var(--rd-ink);}
.rd-empty-s{margin:0 0 10px !important;font-size:13px;color:var(--rd-text);}
.rd-empty-l{display:flex;flex-wrap:wrap;gap:8px;}

/* PC：ボタンの直下に開く（閉じている間は帯だけ。開いたら選択中のチップは帯からパネル内へ） */
@media screen and (min-width:768px){
  .rd-panel{margin-top:14px;border-top:1px solid var(--rd-line);padding-top:4px;}
  .rd-panel-bar{display:none;}
  .rd-filter.is-open .rd-active,.rd-filter.is-open .rd-filter-clear{display:none;}
}
/* スマホ：条件は下から出るシートに格納（中は縦スクロール／背面は固定／閉じるとボタンは常に見える） */
@media screen and (max-width:767px){
  .rd-filter,
  body #custom_html-4 form.searchandfilter > .rd-filter{padding:12px 14px !important;border-radius:16px;}
  .rd-filter::before{left:16px;}
  .rd-open{flex:1 1 100%;padding:14px 18px;font-size:15px;}
  .rd-active{flex-basis:100%;}
  .rd-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;background:rgba(10,27,46,.55);opacity:0;pointer-events:none;transition:opacity .25s ease;}
  .rd-backdrop.is-open{opacity:1;pointer-events:auto;}
  .rd-panel,.rd-panel.is-open{
    position:fixed;left:0;right:0;bottom:0;z-index:100001;display:flex;flex-direction:column;margin:0;padding:0;border:0;
    max-height:88vh;max-height:88dvh;background:#fff;border-radius:20px 20px 0 0;
    box-shadow:0 -12px 40px rgba(10,27,46,.35);
    transform:translateY(105%);visibility:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),visibility 0s linear .3s;
  }
  .rd-panel.is-open{transform:none;visibility:visible;transition:transform .3s cubic-bezier(.2,.8,.2,1),visibility 0s;}
  .rd-panel-bar{
    display:flex;align-items:center;justify-content:space-between;flex:none;
    padding:16px 18px 12px;border-bottom:1px solid var(--rd-line);position:relative;
  }
  .rd-panel-bar::before{content:"";position:absolute;left:50%;top:7px;width:40px;height:4px;margin-left:-20px;border-radius:2px;background:var(--rd-line);}
  .rd-panel-bar strong{font-size:16px;font-weight:800;color:var(--rd-ink);}
  .rd-panel-close{appearance:none;border:0;background:var(--rd-bg);color:var(--rd-ink);font:inherit;font-size:13px;font-weight:700;padding:8px 14px;border-radius:999px;cursor:pointer;}
  .rd-panel-body{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:4px 18px 16px;}
  .rd-panel-foot{flex:none;margin:0;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -6px 16px -10px rgba(10,27,46,.35);gap:10px;flex-wrap:wrap;}
  .rd-result{flex:1 1 auto;text-align:left;order:-1;flex-basis:100%;font-size:12.5px;}
  .rd-reset{order:1;}
  .rd-apply{order:2;flex:1;padding:13px 16px;}
  .rd-grid{display:block;}
  .rd-grid.is-collapsed{display:block;}   /* スマホは全条件をシートに並べる（「さらに条件」ボタンは不要） */
  .rd-more{display:none;}
  .rd-grid-more{border-top:0;margin-top:0;padding-top:0;}
  .rd-row{flex-direction:column;gap:8px;padding:12px 0;border-bottom:1px solid var(--rd-line);}
  .rd-grid > .rd-row:last-child{border-bottom:0;}
  .rd-grid-main + .rd-grid-more > .rd-row:first-child{border-top:0;}
  .rd-filter-label{flex:none;padding-top:0;font-size:12.5px;}
  .rd-pill{padding:10px 15px;font-size:14px;}
}
/* シートを開いている間は背面のページを固定（iOS Safari のスクロール連鎖対策。位置は JS が top に保持） */
html.rd-lock{overflow:hidden !important;}
html.rd-lock body{position:fixed !important;left:0;right:0;width:100%;overflow:hidden !important;}

/* JS無効時のフォールバック（元のselect）も色だけ揃える */
.searchandfilter select.postform:focus{border-color:var(--rd-em);}
.searchandfilter input[type="submit"]{background:var(--rd-em);}
.searchandfilter input[type="submit"]:hover,.searchandfilter input[type="submit"]:focus{background:var(--rd-em-d);color:#fff;}

/* ---------- セクション見出し（新着ドリル） ---------- */
body .list-new-entries-title{display:block !important;margin:8px 0 26px !important;text-align:left !important;}
body .list-new-entries-title .list-title-in{
  position:static !important;display:block !important;padding:0 !important;white-space:normal !important;
  font-size:32px;font-weight:800;letter-spacing:-.01em;color:var(--rd-ink);line-height:1.2;
}
body .list-new-entries-title .list-title-in::before{
  content:"LATEST DRILLS" !important;position:static !important;display:block !important;width:auto !important;height:auto !important;
  background:none !important;margin:0 0 8px !important;transform:none !important;
  font-family:var(--rd-num);font-size:14px;font-weight:700;letter-spacing:.24em;color:var(--rd-em);
}
body .list-new-entries-title .list-title-in::after{
  content:"" !important;position:static !important;display:block !important;width:44px !important;height:4px !important;
  margin:14px 0 0 !important;transform:none !important;border-radius:2px;background:var(--rd-gold) !important;
}

/* ---------- ドリルカード ---------- */
body .ect-vertical-card .entry-card-wrap,
body .ect-2-columns .entry-card-wrap{
  background:#fff !important;border:1px solid var(--rd-line) !important;border-radius:var(--rd-radius) !important;
  box-shadow:var(--rd-shadow) !important;overflow:hidden;
  transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s ease,border-color .28s ease;
  will-change:transform;
}
body .ect-vertical-card .entry-card-wrap:hover,
body .ect-2-columns .entry-card-wrap:hover{
  transform:translateY(-6px);box-shadow:var(--rd-shadow-up) !important;border-color:#cfd8d4 !important;
  background:#fff !important;
}
body .ect-vertical-card .entry-card,
body .ect-2-columns .entry-card{background:transparent !important;border:0 !important;box-shadow:none !important;}
body .entry-card-thumb{overflow:hidden;margin:0 !important;border-radius:0 !important;}
body .entry-card-thumb-image{display:block;transition:transform .5s cubic-bezier(.2,.7,.2,1);}
body .entry-card-wrap:hover .entry-card-thumb-image{transform:scale(1.045);}
/* 「ガイド」カテゴリ（選び方・観戦ガイド等）はドリル記事と区別する金の縁取り（2026-10-07）。
   カテゴリ=guide の投稿カードには Cocoon が自動で class="category-guide-post" を付与するので、
   記事を新規公開するたびに手作業で分ける必要はない（サムネイル画像自体にも同じ金の縁を焼き込み済み）。 */
body .category-guide-post .entry-card-thumb{position:relative;box-shadow:inset 0 0 0 4px var(--rd-gold);}
body .entry-card-content{padding:18px 22px 16px !important;}
body .entry-card-snippet{
  font-size:13px;line-height:1.75;color:var(--rd-mute);margin:0 0 12px !important;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
/* アイコン付きメタ行 */
.rd-meta{display:flex;flex-wrap:wrap;gap:6px 8px;margin:0 0 12px;}
.rd-chip{
  display:inline-flex;align-items:center;gap:5px;
  background:#f1f4f3;color:var(--rd-ink);border-radius:999px;padding:5px 11px 5px 9px;
  font-size:12px;font-weight:600;line-height:1;white-space:nowrap;
}
.rd-chip svg{width:14px;height:14px;flex:none;fill:none;stroke:var(--rd-em);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.rd-chip b{font-weight:800;}
.rd-chip-k{color:var(--rd-mute);font-weight:600;}
.rd-chip-date{margin-left:auto;background:none;padding-right:2px;font-family:var(--rd-num);font-size:15px;font-weight:600;letter-spacing:.06em;color:var(--rd-mute);}
.rd-chip-date svg{stroke:var(--rd-mute);}
.rd-chip-cat{background:var(--rd-gold-l);color:var(--rd-gold-d);}
.rd-chip-cat svg{stroke:var(--rd-gold-d);}
.rd-bars{display:inline-flex;gap:2px;margin-left:2px;align-items:flex-end;}
.rd-bars i{display:block;width:3px;border-radius:1px;background:#cdd5d2;}
.rd-bars i:nth-child(1){height:6px;} .rd-bars i:nth-child(2){height:9px;} .rd-bars i:nth-child(3){height:12px;}
.rd-bars i.on{background:var(--rd-em);}
.rd-chip-int.lv3 .rd-bars i.on{background:var(--rd-gold);}
.rd-chip-int.lv3 svg{stroke:var(--rd-gold-d);}
/* 日付：数字にメリハリ */
body .rd-meta ~ .entry-card-meta{display:none !important;}   /* 日付はチップ側へ移したので元の行は隠す */
body .entry-card-categorys{display:none !important;}   /* カテゴリはチップ側に移したので重複を消す */
body .entry-card-info{float:none;}

/* ---------- 記事ページ：見出しと本文のタイポグラフィ ---------- */
body .entry-title{
  font-size:26px;font-weight:800;line-height:1.45;letter-spacing:0;color:var(--rd-ink);
  margin-bottom:.8em;
}
body .article .entry-content{font-size:16px;line-height:1.95;color:var(--rd-text);}
body .article h2{
  font-size:24px;font-weight:900;color:var(--rd-ink);letter-spacing:.01em;
  background:none !important;border:0 !important;padding:0 0 14px !important;margin:3em 0 1.2em !important;
  position:relative;
}
body .article h2::after{
  content:"";position:absolute;left:0;bottom:0;width:100%;height:3px !important;
  background:linear-gradient(90deg,var(--rd-gold) 0,var(--rd-gold) 56px,var(--rd-line) 56px) !important;
}
body .article h2::before{font-family:var(--rd-num);font-weight:800;color:var(--rd-em);margin-right:.3em;}
body .article h3{
  font-size:18px;font-weight:800;color:var(--rd-ink);
  background:none !important;border:0 !important;border-left:4px solid var(--rd-gold) !important;
  padding:2px 0 2px 14px !important;margin:2.4em 0 1em !important;
}
body .article .entry-content ol > li::marker{font-family:var(--rd-num);font-weight:800;color:var(--rd-em);}
body .article .entry-content strong{color:var(--rd-ink);}
body .article a:not(.btn):not([class*="button"]){color:var(--rd-em);}
body .article a:not(.btn):not([class*="button"]):hover{color:var(--rd-em-d);}
/* 目次：すっきり */
body .toc{border:1px solid var(--rd-line) !important;border-radius:var(--rd-radius);box-shadow:none !important;background:#fff;}
body .toc .toc-title{font-weight:800;color:var(--rd-ink);}
body .toc-content ol li::before,
body .toc ul li::before{background:var(--rd-em) !important;color:#fff !important;}
/* 動画：角丸と影で映像を主役に */
body .rd-video iframe{border-radius:14px;box-shadow:0 18px 40px -16px rgba(10,27,46,.45);max-width:100%;}
/* 関連記事・本文下の見出し */
body .related-entry-heading{font-weight:900;color:var(--rd-ink);}

/* ---------- サイドバー ---------- */
/* 中身が空のウィジェット（custom_html-7）が白い空箱になるのを防ぐ */
body .sidebar #custom_html-7{display:none !important;}
body .sidebar .widget-sidebar-title{
  background:none !important;border:0 !important;border-bottom:3px solid var(--rd-ink) !important;
  color:var(--rd-ink) !important;font-size:15px;font-weight:900;letter-spacing:.1em;text-align:left !important;
  padding:0 0 10px !important;margin-bottom:14px;
}
body .sidebar .widget-sidebar-title{position:relative;border-bottom:1px solid var(--rd-line) !important;}
body .sidebar .widget-sidebar-title::after{content:"" !important;position:absolute;left:0;bottom:-1px;width:40px;height:3px;background:var(--rd-gold) !important;border:0 !important;}
body .sidebar .widget{
  background:#fff;border:1px solid var(--rd-line);border-radius:var(--rd-radius);padding:22px 22px 16px !important;box-shadow:var(--rd-shadow);
}
body .rd-page-nav-link{text-align:left;padding:12px 4px;transition:color .15s,padding-left .2s;}
body .rd-page-nav-link:hover{color:var(--rd-em) !important;padding-left:10px;}
body .widget-entry-card-title{font-weight:700;color:var(--rd-ink);}
body .widget-entry-card:hover .widget-entry-card-title{color:var(--rd-em);}

/* ---------- ページ送り ---------- */
body .pagination .page-numbers{border-radius:999px;border-color:var(--rd-line);}
body .pagination .current,
body .pagination .page-numbers:hover{background:var(--rd-em);border-color:var(--rd-em);color:#fff;}

/* ---------- 金の二次アクセント（色のルール2・3） ---------- */
.rd-eyebrow::before{content:"";display:inline-block;width:16px;height:2px;margin:0 8px 3px 0;vertical-align:middle;background:var(--rd-gold);}
body .ect-vertical-card .entry-card-wrap:hover,
body .ect-2-columns .entry-card-wrap:hover{border-color:var(--rd-gold) !important;}   /* ホバー：カードの縁が金（サムネの金の上辺と呼応） */
body .footer{border-top:3px solid var(--rd-gold);}
body .pagination .current{box-shadow:inset 0 -3px 0 var(--rd-gold);}
body .article .entry-content ol > li::marker{color:var(--rd-gold-d);}
body .toc-content ol li::before,
body .toc ul li::before{background:var(--rd-gold) !important;color:var(--rd-navy) !important;}

/* ---------- 記事内CTAボタン（2026-10-07、ガイド記事のアフィリエイトリンク向け） ----------
   使い方：<p class="rd-cta-wrap"><a href="..." rel="nofollow" class="rd-cta-btn">ボタンの文言</a></p>
   ・本文に直接ボタンを置きたいだけなら rd-cta-btn 単体でもよい（rd-cta-wrap は中央寄せ用のラッパー）
   ・1x1トラッキング画像タグは別途そのまま残す（このクラスとは無関係） */
.rd-cta-wrap{text-align:center;margin:1.4em 0;}
.rd-cta-btn{
  display:inline-flex;align-items:center;gap:.5em;
  background:var(--rd-em);color:#fff !important;
  font-weight:700;font-size:1.05em;line-height:1.3;
  padding:.85em 1.8em;border-radius:999px;
  border:2px solid var(--rd-gold);
  box-shadow:var(--rd-shadow-up);
  text-decoration:none !important;
  transition:background .2s ease,transform .15s ease;
}
.rd-cta-btn:hover{background:var(--rd-em-d);transform:translateY(-1px);}
.rd-cta-btn:active{transform:translateY(0);}
.rd-cta-btn::after{content:"→";font-size:.95em;}
.rd-cta-btn .rd-cta-sub{display:block;font-size:.72em;font-weight:500;opacity:.9;}

/* ---------- タブレット ---------- */
@media screen and (max-width:1023px){
  .rd-grid{column-gap:24px;}
}

/* ---------- スマホ ---------- */
@media screen and (max-width:480px){
  body #content-top{padding:16px 0 0 !important;}
  body #content-top-in{padding-left:12px !important;padding-right:12px !important;}
  body .list-new-entries-title .list-title-in{font-size:24px;}
  body .entry-title{font-size:21px;}
  body .article h2{font-size:20px;}
  /* 旧：サムネのみ表示を上書き。サムネ＋強度・人数のメタ行だけ見せる（タイトルは画像に焼き込み済み） */
  body .ect-2-columns .entry-card-wrap,
  body .fpt-2-columns .entry-card-wrap{
    background:#fff !important;border:1px solid var(--rd-line) !important;border-radius:var(--rd-radius) !important;
    box-shadow:var(--rd-shadow) !important;overflow:hidden !important;margin:0 0 14px 0 !important;
  }
  body .ect-2-columns .entry-card-content,
  body .fpt-2-columns .entry-card-content{display:block !important;padding:12px 14px 12px !important;}
  body .ect-2-columns .entry-card-snippet,
  body .ect-2-columns .entry-card-meta,
  body .fpt-2-columns .entry-card-snippet,
  body .fpt-2-columns .entry-card-meta{display:none !important;}
  body .ect-2-columns .rd-meta{margin:0;}
  body .ect-2-columns .rd-chip-cat{display:none;}   /* サムネイルにカテゴリ名が焼き込み済み */
  body .sidebar .widget{padding:18px 16px 12px !important;}
}

@media (prefers-reduced-motion:reduce){
  body .entry-card-wrap,body .entry-card-thumb-image,.rd-pill{transition:none !important;}
  body .entry-card-wrap:hover{transform:none !important;}
  body .entry-card-wrap:hover .entry-card-thumb-image{transform:none !important;}
}