/* レポートボード・記事共通 — 出典: 旧WP mu-plugin taian-report-board.php wp_head スタイル */

.rb-board{background:#F8F9FB;padding:46px 0 74px}
.rb-inner{max-width:1000px;margin:0 auto;padding:0 20px;box-sizing:border-box;
  font-family:'Pretendard JP',Pretendard,sans-serif;color:#1A1A1A}

/* ── 一覧ヘッダ ── */
.rb-bar{display:flex;align-items:baseline;justify-content:space-between;
  padding-bottom:14px;margin-bottom:6px;border-bottom:2px solid #1A1A1A}
.rb-bar-ti{margin:0;font-size:19px;font-weight:700;letter-spacing:-.3px}
.rb-bar-cnt{font-size:13px;font-weight:500;color:#6B7280}
.rb-bar-cnt b{color:#000B83;font-weight:700}

/* ── 一覧 ── */
.rb-list{list-style:none;margin:0;padding:0}
.rb-item{border-bottom:1px solid #E7EAF3}
.rb-link{display:flex;align-items:center;gap:18px;padding:20px 8px;text-decoration:none;color:inherit;
  transition:background-color .15s ease}
.rb-link:hover{background:#fff}
.rb-no{flex:0 0 auto;width:34px;font-size:14px;font-weight:700;color:#C3C9D6;letter-spacing:-.5px}
.rb-tx{flex:1 1 auto;min-width:0}
.rb-ti{display:block;font-size:16.5px;font-weight:600;line-height:1.5;letter-spacing:-.3px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rb-link:hover .rb-ti{color:#000B83}
.rb-lead{display:block;margin-top:5px;font-size:13px;font-weight:400;line-height:1.6;color:#6B7280;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rb-meta{flex:0 0 auto;display:flex;align-items:center;gap:14px}
.rb-date{font-size:12.5px;font-weight:500;color:#9AA3B5}
.rb-views{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:500;
  color:#9AA3B5;white-space:nowrap}
.rb-views .rb-eye{width:14px;height:14px;flex:none;stroke-linecap:round;stroke-linejoin:round}
.rb-ar{width:7px;height:7px;border-right:2px solid #C3C9D6;border-top:2px solid #C3C9D6;
  transform:rotate(45deg);transition:border-color .15s ease}
.rb-link:hover .rb-ar{border-color:#000B83}

/* ── パンくず ── */
.rb-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:22px;
  font-size:12.5px;color:#8A93A6}
.rb-crumb a{color:#8A93A6;text-decoration:none}
.rb-crumb a:hover{color:#000B83}
.rb-crumb-cur{color:#1A1A1A;font-weight:600}
.rb-empty{margin:28px 0 0;padding:36px 0;text-align:center;font-size:14px;color:#8A93A6}
.rb-catmini{display:inline-block;margin-right:8px;padding:1px 7px;border-radius:9px;background:#EEF2FB;
  font-size:11px;font-weight:700;color:#000B83;vertical-align:1px}

/* ── 記事 ── */
.rb-article{background:#fff;border:1px solid #E7EAF3;border-radius:14px;padding:38px 40px 44px}
.rb-art-head{padding-bottom:20px;margin-bottom:28px;border-bottom:1px solid #EDF0F7}
.rb-art-ti{margin:0 0 14px;font-size:27px;font-weight:800;line-height:1.45;letter-spacing:-.6px}
.rb-art-meta{display:flex;align-items:center;gap:10px}
.rb-art-cat{display:inline-block;padding:3px 10px;border-radius:11px;background:#EEF2FB;
  font-size:11.5px;font-weight:700;color:#000B83}
.rb-art-date{font-size:12.5px;font-weight:500;color:#9AA3B5}
.rb-art-author{font-size:12.5px;font-weight:500;color:#6B7280}   /* 著者クレジット(編集部) — 10/6 */
.rb-art-meta .rb-views{margin-left:2px}

.rb-art-body{font-size:15.5px;line-height:1.95;color:#33383F}
.rb-art-body p{margin:0 0 20px}
.rb-art-body h2{margin:38px 0 16px;padding-left:12px;border-left:4px solid #000B83;
  font-size:20px;font-weight:700;line-height:1.5;color:#1A1A1A}
.rb-art-body h3{margin:30px 0 12px;font-size:17px;font-weight:700;color:#1A1A1A}
.rb-art-body h4{margin:24px 0 10px;font-size:15.5px;font-weight:700;color:#1A1A1A}
.rb-art-body ul,.rb-art-body ol{margin:0 0 20px;padding-left:22px}
.rb-art-body li{margin-bottom:8px}
.rb-art-body img{max-width:100%;height:auto;border-radius:10px;margin:8px 0 20px}
/* オープニング/クロージングのバナーは角丸なしの長方形 */
.rb-art-body img[src*="-banner"]{border-radius:0}
.rb-art-body a{color:#0047AB;text-decoration:underline}
.rb-art-body blockquote{margin:0 0 20px;padding:16px 18px;border-radius:10px;background:#F5F7FB;
  color:#4B5563;font-size:14.5px}
.rb-art-body table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:14px}
.rb-art-body th,.rb-art-body td{border:1px solid #E7EAF3;padding:10px 12px;text-align:left}
.rb-art-body th{background:#F5F7FB;font-weight:700}
.rb-art-body th.rb-srcl,.rb-art-body td.rb-srcl{white-space:nowrap;padding-left:8px;padding-right:8px}
@media (max-width:640px){.rb-art-body table:has(th.rb-srcl) th,.rb-art-body table:has(th.rb-srcl) td{padding:8px 5px;font-size:13px}}

/* ── 被害の実態 : 場面キー文章ブロック ── */
.rb-art-body .rb-core{margin:0 0 22px;padding:16px 22px;background:#F5F7FB;
  border-left:4px solid #000B83;border-radius:0 10px 10px 0}
.rb-art-body .rb-core p{margin:0 0 10px;font-weight:600;color:#1A1A1A}
.rb-art-body .rb-core p:last-child{margin-bottom:0}
.rb-art-body img{display:block}
/* ── マンガ ── */
.rb-art-body .rb-manga{margin:0 0 30px}
.rb-art-body .rb-manga img{width:100%;max-width:1084px;margin:0 auto;border-radius:10px}
.rb-art-body .rb-script{padding:22px 26px;background:#F8F9FB;border:1px solid #E7EAF3;border-radius:10px}
.rb-art-body .rb-script p{margin:0 0 9px;font-size:15px;line-height:1.9}
.rb-art-body .rb-script p:last-child{margin-bottom:0}
.rb-art-body .rb-script b{color:#000B83;font-weight:700}
.rb-art-body .rb-copyright{margin:44px 0 0;padding-top:18px;border-top:1px solid #EDF0F7;
  font-size:12.5px;line-height:1.9;color:#8A93A6}
.rb-art-body .rb-notice{margin:0 0 30px;padding:0 0 18px;border-bottom:1px solid #EDF0F7}
.rb-art-body .rb-notice p{margin:0 0 5px;font-size:12.5px;line-height:1.85;color:#8A93A6}
.rb-art-body .rb-notice p:last-child{margin-bottom:0}

/* ── 前後・一覧へ ── */
.rb-pn{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:stretch;margin-top:26px}
.rb-pn-it{display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:0;
  background:#fff;border:1px solid #E7EAF3;border-radius:12px;padding:14px 18px;
  text-decoration:none;color:inherit;transition:border-color .15s ease}
a.rb-pn-it:hover{border-color:#000B83}
.rb-pn-it.is-off{background:transparent;border-color:transparent}
.rb-pn-lb{font-size:11.5px;font-weight:600;color:#9AA3B5}
.rb-pn-next{text-align:right}
.rb-pn-ti{font-size:14px;font-weight:600;line-height:1.5;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rb-pn-list{display:flex;align-items:center;justify-content:center;padding:0 26px;
  background:#000B83;border-radius:12px;color:#fff;font-size:14px;font-weight:700;
  text-decoration:none;white-space:nowrap;transition:background-color .15s ease}
.rb-pn-list:hover{background:#0047AB}

/* ── 一覧下部: レポートトップへ戻る ── */
.rb-backhub{margin:0 0 22px;text-align:left}
.rb-backhub-btn{display:inline-flex;align-items:center;gap:9px;padding:13px 30px;background:#fff;
  border:1px solid #C9D3E4;border-radius:999px;font-size:14.5px;font-weight:700;color:#000B83;
  text-decoration:none;transition:background-color .15s ease,color .15s ease,border-color .15s ease}
.rb-backhub-btn svg{width:17px;height:17px}
.rb-backhub-btn:hover{background:#000B83;border-color:#000B83;color:#fff}

/* ── 記事フローティングリモコン ── */
.rb-remote{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:800;
  display:flex;flex-direction:row;gap:2px;padding:5px 7px;background:#fff;
  border:1px solid #E1E6F0;border-radius:16px;box-shadow:0 10px 26px rgba(0,11,131,.15)}
.rb-rm-it{display:flex;flex-direction:column;align-items:center;gap:3px;width:52px;padding:8px 2px;
  border:0;background:none;border-radius:10px;cursor:pointer;text-decoration:none;color:#3C465C;
  font-family:inherit;transition:background-color .12s ease,color .12s ease}
.rb-rm-it svg{width:17px;height:17px}
.rb-rm-it span{font-size:10px;font-weight:600;letter-spacing:-.2px;line-height:1}
.rb-rm-it:hover{background:#000B83;color:#fff}
.rb-rm-it.is-off{color:#C3C9D6;cursor:default;pointer-events:none}
@media (max-width:900px){
  .rb-remote{bottom:12px;gap:0;padding:4px}
  .rb-rm-it{width:46px;padding:7px 2px}
  .rb-rm-it svg{width:15px;height:15px}
  .rb-rm-it span{font-size:9.5px}
}

.rb-art-body p.rb-art-rel{margin:34px 0 0;padding-top:18px;border-top:1px solid #EDF0F7;
  font-size:14px;line-height:1.9;color:#4A5163}
.rb-art-body p.rb-art-rel a{color:#0047AB;text-underline-offset:2px}

/* ── 左下のレポート内ナビ(右下のチャット・電話ボタンと対になる位置) ── */
.rp-dock{position:fixed;left:40px;bottom:40px;z-index:9998;
  display:flex;flex-direction:column;gap:10px}
.rp-dock-it{display:flex;align-items:center;gap:9px;box-sizing:border-box;
  min-width:182px;height:52px;padding:0 16px;border-radius:14px;
  background:#fff;border:1px solid #E1E6F0;box-shadow:0 10px 26px rgba(0,11,131,.15);
  font-family:inherit;font-size:13px;font-weight:700;letter-spacing:-.2px;line-height:1;
  color:#3C465C;text-decoration:none;
  transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .2s ease}
.rp-dock-it svg{flex:0 0 auto;width:18px;height:18px}
.rp-dock-it.is-borep{min-width:200px}
.rp-dock-it span{line-height:1.3}
.rp-dock-it:hover{background:#000B83;border-color:#000B83;color:#fff;transform:translateY(-2px)}
.rp-dock-it.is-home{background:#001353;border-color:#001353;color:#fafafa}
.rp-dock-it.is-home:hover{background:#000B83;border-color:#000B83}
/* 1番目=一覧に戻る : 掲示板テーマカラーで塗る / 2番目=レポート : 同色の輪郭 */
.rp-dock-it.is-back{background:var(--dk,#001353);border-color:var(--dk,#001353);color:var(--dkt,#fff)}
.rp-dock-it.is-back:hover{background:var(--dk,#001353);border-color:var(--dk,#001353);
  color:var(--dkt,#fff);filter:brightness(1.09)}
.rp-dock-it.is-borep{min-width:200px;background:#fff;border-color:var(--dk,#E1E6F0);color:var(--dkd,#3C465C)}
.rp-dock-it.is-borep:hover{background:var(--dk,#000B83);border-color:var(--dk,#000B83);color:var(--dkt,#fff)}
/* 現在地(カテゴリ一覧ページ)ではグレーにして押せなくする */
.rp-dock-it.is-off{background:#F1F3F7;border-color:#E6E9F0;color:#B9BFCC;
  box-shadow:none;cursor:default;pointer-events:none;transform:none}
@media (max-width:900px){
  /* 幅が狭いと中央のリモコンとぶつかるので、アイコンだけの小さいボタンにする */
  .rp-dock{left:12px;bottom:20px;gap:8px}
  .rp-dock-it{min-width:0;width:44px;height:44px;padding:0;justify-content:center;border-radius:12px}
  .rp-dock-it.is-borep{min-width:0}
  .rp-dock-it span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;
    overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .rp-dock-it svg{width:17px;height:17px}
}

/* ── タブレット ── */
@media (max-width:900px){
  .rb-board{padding:34px 0 56px}
  .rb-article{padding:30px 26px 34px}
  .rb-art-ti{font-size:23px}
}

/* ── モバイル ── */
@media (max-width:640px){
  .rb-inner{padding:0 16px}
  .rb-bar-ti{font-size:17px}
  .rb-link{gap:12px;padding:16px 4px;align-items:flex-start}
  .rb-no{width:26px;font-size:12.5px;padding-top:2px}
  .rb-ti{font-size:15px;white-space:normal;line-height:1.55}
  .rb-lead{white-space:normal;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}
  .rb-meta{flex-direction:column;align-items:flex-end;gap:8px;padding-top:2px}
  .rb-views{font-size:12px}
  .rb-views .rb-eye{width:13px;height:13px}
  .rb-article{padding:24px 18px 28px;border-radius:12px}
  .rb-art-ti{font-size:20px;line-height:1.5}
  .rb-art-body{font-size:15px;line-height:1.9}
  .rb-art-body h2{font-size:18px;margin:30px 0 14px}
  .rb-art-body h3{font-size:16px}
  .rb-art-body .rb-core{padding:14px 16px;margin:0 0 18px}
  .rb-art-body .rb-core p{font-size:14.5px;line-height:1.85}
  .rb-art-body .rb-copyright{font-size:12px;margin-top:34px}
  .rb-art-body .rb-notice{margin-bottom:24px}
  .rb-art-body .rb-script{padding:16px 16px}
  .rb-art-body .rb-script p{font-size:14.5px;line-height:1.85}
  .rb-art-body .rb-notice p{font-size:11.5px;line-height:1.8}
  .rb-pn{grid-template-columns:1fr;gap:8px}
  .rb-pn-it.is-off{display:none}
  .rb-pn-next{text-align:left}
  .rb-pn-list{order:3;padding:13px 0}
}


/* ══════════════════════════════════════════════════════════
   記事一覧カード (Figma: Rectangle 273 / Group 406〜417)
   カード 925×(23+120n+23) / 角丸35 / 枠 #A2A2A2
   1行 = 高さ54 + 上下33 = ピッチ120。行間に 1px の区切り線。
   ══════════════════════════════════════════════════════════ */
.rb-board.is-card .rb-inner{max-width:925px;padding:0}
.rb-board.is-card .rb-bar{display:flex;align-items:center;justify-content:flex-start;gap:20px;margin:0 0 39px;padding:0;border:0}
.rb-board.is-card .rb-bar-ico{flex:none;width:55px;height:55px;line-height:0}
.rb-board.is-card .rb-bar-ico img{display:block;width:55px;height:55px}
.rb-board.is-card .rb-bar-ti{margin:0;font-size:24px;font-weight:700;line-height:20px;letter-spacing:0;color:#000}
.rb-board.is-card .rb-bar-cnt{margin-left:auto;font-size:16px;font-weight:600;line-height:20px;color:rgba(26,26,26,.4)}
.rb-board.is-card .rb-bar-cnt b{color:rgba(26,26,26,.4);font-weight:600}
/* 並び替えトグル (Figma: image 20 / 146×36) */
.rb-board.is-card .rb-sort{margin-left:20px;height:36px;border:1px solid #E8EBF3;border-radius:999px;background:#fff}
.rb-board.is-card .rb-sort-b{height:34px;padding:0 17px;font-size:13px;font-weight:700;border-radius:999px}
.rb-board.is-card .rb-sort-b + .rb-sort-b{border-left:0}
.rb-board.is-card .rb-sort-b.is-on{background:#000B83;color:#fff}

.rb-board.is-card .rb-list{background:#FFFFFF;border:1px solid #A2A2A2;border-radius:35px;padding:23px 50px;box-sizing:border-box}
.rb-board.is-card .rb-item{border:0}
.rb-board.is-card .rb-item + .rb-item{border-top:1px solid rgba(26,26,26,.2)}
.rb-board.is-card .rb-link{gap:0;padding:33px 15px;align-items:center}
.rb-board.is-card .rb-link:hover{background:transparent}
.rb-board.is-card .rb-no{flex:none;width:118px;font-family:'Mplus 1p','M PLUS 1p','Pretendard JP',Pretendard,sans-serif;font-size:32px;font-weight:800;line-height:20px;letter-spacing:-2px;color:#0069FE}
.rb-board.is-card .rb-tx{padding-right:28px}
.rb-board.is-card .rb-ti{font-size:24px;font-weight:700;line-height:20px;letter-spacing:0;color:#1A1A1A}
.rb-board.is-card .rb-link:hover .rb-ti{color:#0069FE}
.rb-board.is-card .rb-lead{margin-top:14px;font-size:18px;font-weight:500;line-height:20px;color:rgba(26,26,26,.4)}
/* 日付を上・閲覧数を下、矢印はその右に縦中央 */
.rb-board.is-card .rb-meta{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:18px;row-gap:5px}
.rb-board.is-card .rb-date{grid-column:1;grid-row:1;justify-self:end;font-size:15px;font-weight:600;line-height:20px;color:rgba(26,26,26,.4)}
.rb-board.is-card .rb-views{grid-column:1;grid-row:2;justify-self:end;font-size:13px;font-weight:600;line-height:20px;color:rgba(26,26,26,.4)}
.rb-board.is-card .rb-views .rb-eye{width:15px;height:15px}
.rb-board.is-card .rb-ar{grid-column:2;grid-row:1 / span 2;align-self:center;width:9.48px;height:9.48px;border-right-color:rgba(26,26,26,.4);border-top-color:rgba(26,26,26,.4)}
.rb-board.is-card .rb-link:hover .rb-ar{border-color:#0069FE}
.rb-board.is-card .rb-empty{background:#fff;border:1px solid #A2A2A2;border-radius:35px;margin:0;padding:70px 0;font-size:16px}

@media (max-width:768px){
  .rb-board.is-card .rb-inner{max-width:100%;padding:0 16px}
  .rb-board.is-card .rb-bar{gap:12px;margin-bottom:20px;flex-wrap:wrap}
  .rb-board.is-card .rb-bar-ico,.rb-board.is-card .rb-bar-ico img{width:34px;height:34px}
  .rb-board.is-card .rb-bar-ti{font-size:18px}
  .rb-board.is-card .rb-bar-cnt{font-size:13px}
  .rb-board.is-card .rb-sort{margin-left:0;margin-top:10px;width:100%;height:34px}
  .rb-board.is-card .rb-sort-b{flex:1 1 0;height:32px;padding:0;text-align:center;font-size:12px}
  .rb-board.is-card .rb-list{padding:4px 16px;border-radius:20px}
  .rb-board.is-card .rb-link{padding:20px 0;gap:12px;align-items:flex-start}
  .rb-board.is-card .rb-no{width:auto;min-width:34px;font-size:22px;line-height:1.2;letter-spacing:-1px}
  .rb-board.is-card .rb-tx{padding-right:8px}
  .rb-board.is-card .rb-ti{font-size:15.5px;line-height:1.55;white-space:normal}
  .rb-board.is-card .rb-lead{margin-top:6px;font-size:13px;line-height:1.6}
  .rb-board.is-card .rb-date{font-size:12px}
  .rb-board.is-card .rb-views{font-size:12px}
  .rb-board.is-card .rb-views .rb-eye{width:13px;height:13px}
  .rb-board.is-card .rb-meta{column-gap:10px;row-gap:4px}
  .rb-board.is-card .rb-empty{padding:44px 0;font-size:14px;border-radius:20px}
}

/* ── 被害の実態ボード: 連番は明朝(Zen Antique)・警告色。アイコンも別サイズ ── */
.rb-board.is-card.is-damage .rb-bar-ico,.rb-board.is-card.is-damage .rb-bar-ico img{width:51px;height:53px}
.rb-board.is-card.is-damage .rb-no{font-family:'Zen Antique','Noto Serif JP','Yu Mincho',YuMincho,'Hiragino Mincho ProN',serif;font-weight:400;color:#FF534B}
.rb-board.is-card.is-damage .rb-link:hover .rb-ti{color:#FF534B}
.rb-board.is-card.is-damage .rb-link:hover .rb-ar{border-color:#FF534B}
.rb-board.is-card.is-damage .rb-sort-b.is-on{background:#FF534B}
@media (max-width:768px){
  .rb-board.is-card.is-damage .rb-bar-ico,.rb-board.is-card.is-damage .rb-bar-ico img{width:33px;height:34px}
}

/* ══════════════════════════════════════════════════════════
   記事ページ カード (Figma: Group 422 / Rectangle 273)
   カード 925 / 角丸18 / 枠 #A2A2A2 / 内側余白 65-72-73
   見出し下に 2px の青いライン(#0069FE)。本文直下の要素だけ整形し、
   記事本文が独自スタイル(.taian-vis 等)を持つ場合は干渉しない。
   ══════════════════════════════════════════════════════════ */
.rb-board.is-card .rb-crumb{margin:0 0 17px;padding-left:15px;font-size:12px;font-weight:600;line-height:20px;color:rgba(26,26,26,.4)}
.rb-board.is-card .rb-crumb a{color:rgba(26,26,26,.4)}
.rb-board.is-card .rb-crumb-cur{color:rgba(26,26,26,.4);font-weight:600}
.rb-board.is-card .rb-article{background:#FFFFFF;border:1px solid #A2A2A2;border-radius:18px;padding:65px 72px 73px}
.rb-board.is-card .rb-art-head{margin:0 -30px;padding:0 30px 20px;border-bottom:2px solid #0069FE}
.rb-board.is-card .rb-art-ti{margin:0;font-size:30px;font-weight:700;line-height:1.4;letter-spacing:0;color:#1A1A1A}
.rb-board.is-card .rb-art-meta{display:flex;align-items:flex-end;gap:16px;margin-top:19px}
/* リード文が2行になったとき、日付と閲覧数はその2行目に合わせる(旅ボードと同じ) */
@supports (align-items:last baseline){
  .rb-board.is-card .rb-art-meta{align-items:last baseline}
}
.rb-board.is-card .rb-art-cat{display:none}
.rb-board.is-card .rb-art-sub{margin-right:auto;font-size:16px;font-weight:500;line-height:20px;color:#1A1A1A}
.rb-board.is-card .rb-art-date{flex:none;font-size:15px;font-weight:500;line-height:20px;color:rgba(26,26,26,.4)}
.rb-board.is-card .rb-art-author{flex:none;font-size:13px;font-weight:500;line-height:20px;color:rgba(26,26,26,.6)}
.rb-board.is-card .rb-art-meta .rb-views{flex:none;order:-1;font-size:15px;font-weight:500;line-height:20px;color:rgba(26,26,26,.4)}
.rb-board.is-card .rb-art-meta .rb-views .rb-eye{width:16px;height:16px}
.rb-board.is-card .rb-art-body{margin-top:48px;font-size:16px;font-weight:500;line-height:25px;color:#1A1A1A}
.rb-board.is-card .rb-art-body > p{margin:0 0 25px}
.rb-board.is-card .rb-art-body > h2{position:relative;margin:44px 0 20px;padding:0 0 0 19px;border:0;font-size:20px;font-weight:600;line-height:24px;color:#1A1A1A}
.rb-board.is-card .rb-art-body > h2::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:28px;background:#0069FE}
.rb-board.is-card .rb-art-body > h3{margin:34px 0 14px;font-size:18px;font-weight:700;line-height:24px;color:#1A1A1A}
.rb-board.is-card .rb-art-body > h4{margin:26px 0 10px;font-size:16px;font-weight:700;line-height:24px;color:#1A1A1A}
.rb-board.is-card .rb-art-body > img{display:block;width:100%;height:auto;margin:26px 0 30px;border-radius:10px}
.rb-board.is-card .rb-art-body > ul,.rb-board.is-card .rb-art-body > ol{margin:0 0 25px;padding-left:20px}
.rb-board.is-card .rb-art-body > ul > li,.rb-board.is-card .rb-art-body > ol > li{margin:0 0 8px;font-size:16px;font-weight:500;line-height:25px}
/* 塗りラベル (Figma: Rectangle 284「最終観察結果レポート」) */
.rb-board.is-card .rb-art-body .rb-tag{display:inline-block;margin:34px 0 18px;padding:4px 16px;background:#0069FE;font-size:20px;font-weight:700;line-height:24px;color:#FAFAFA}
/* 注記ボックス (Figma: Rectangle 276「現在の提携状況」) */
.rb-board.is-card .rb-art-body .rb-note{margin:26px 0;padding:29px 20px;background:rgba(0,105,254,.05);border:1px solid rgba(0,105,254,.8);border-radius:10px;text-align:center;font-size:20px;font-weight:700;line-height:24px;color:#1A1A1A}
.rb-board.is-card .rb-art-body .rb-note p{margin:0}

@media (max-width:768px){
  .rb-board.is-card .rb-crumb{margin:0 0 12px;padding-left:2px;font-size:11.5px;line-height:1.7}
  .rb-board.is-card .rb-article{padding:26px 18px 34px;border-radius:14px}
  .rb-board.is-card .rb-art-head{margin:0;padding:0 0 14px}
  .rb-board.is-card .rb-art-ti{font-size:21px;line-height:1.45}
  .rb-board.is-card .rb-art-meta{flex-wrap:wrap;gap:10px;margin-top:12px}
  .rb-board.is-card .rb-art-sub{width:100%;margin-right:0;font-size:14px;line-height:1.6}
  .rb-board.is-card .rb-art-date,.rb-board.is-card .rb-art-meta .rb-views{font-size:13px}
  .rb-board.is-card .rb-art-body{margin-top:26px;font-size:15px;line-height:1.9}
  .rb-board.is-card .rb-art-body > h2{margin:32px 0 14px;font-size:17.5px;padding-left:15px}
  .rb-board.is-card .rb-art-body > h2::before{width:4px;height:22px}
  .rb-board.is-card .rb-art-body > h3{font-size:16px;margin:26px 0 10px}
  .rb-board.is-card .rb-art-body .rb-tag{font-size:16px;padding:4px 12px;margin:26px 0 14px}
  .rb-board.is-card .rb-art-body .rb-note{padding:18px 14px;font-size:15.5px;line-height:1.6}
}

/* ── 被害の実態 記事: 見出し下ラインと強調枠を警告色に ────────
   .rb-core = 本文中の「その場面の要点」枠 (Figma: Rectangle 276)
   .rb-copyright = 末尾の注記 (Figma: 13px / #A7A7A7 / 上に区切り線)
   .rb-art-bn = 記事上下の帯バナー (Figma: 782x109 / 782x110)      */
.rb-board.is-card.is-damage .rb-art-head{border-bottom-color:#FF534B}
.rb-board.is-card.is-damage .rb-art-body > img{border-radius:0}
.rb-board.is-card.is-damage .rb-art-body .rb-core{margin:26px 0;padding:22px 30px;background:transparent;border:1px solid #FF534B;border-left:1px solid #FF534B;border-radius:10px}
/* 被害事例: 本文は中央揃え、編集部より以降は左揃え */
.rb-board.is-damage .rb-art-body{text-align:center}
.rb-board.is-damage .rb-art-body h2,
.rb-board.is-damage .rb-art-body h2 ~ *{text-align:left}
.rb-board.is-damage .rb-art-body ul,.rb-board.is-damage .rb-art-body ol{display:inline-block;text-align:left}
.rb-board.is-damage .rb-art-body h2 ~ ul,.rb-board.is-damage .rb-art-body h2 ~ ol{display:block}
.rb-board.is-damage .rb-art-body ul{list-style:disc;margin:0 0 20px;padding-left:26px}
.rb-board.is-damage .rb-art-body ol{list-style:decimal;margin:0 0 20px;padding-left:26px}
.rb-board.is-damage .rb-art-body li{margin-bottom:8px}
.rb-board.is-card.is-damage .rb-art-body .rb-core p{margin:0 0 9px;font-size:16px;font-weight:700;line-height:25px;color:#1A1A1A}
.rb-board.is-card.is-damage .rb-art-body .rb-core p:last-child{margin-bottom:0}
/* 「編集部から」見出し (Figma: 20px/700/#FF534B) */
.rb-board.is-card.is-damage .rb-art-body .rb-edit{margin:38px 0 6px;font-size:20px;font-weight:700;line-height:25px;color:#FF534B}
/* 末尾の情報提供ボックス (Figma: Rectangle 284 / 角丸なし) */
.rb-board.is-card.is-damage .rb-art-body .rb-contact{margin:30px 0 0;padding:14px 30px 16px;background:rgba(26,26,26,.05);border-radius:0}
.rb-board.is-card.is-damage .rb-art-body .rb-contact strong{display:block;margin:0 0 1px;font-size:16px;font-weight:700;line-height:25px;color:#1A1A1A}
.rb-board.is-card.is-damage .rb-art-body .rb-contact p{margin:0;font-size:13px;font-weight:500;line-height:25px;color:rgba(26,26,26,.5)}
.rb-board.is-card.is-damage .rb-art-body .rb-copyright{margin:40px 0 0;padding-top:15px;border-top:1px solid rgba(26,26,26,.2);font-size:13px;font-weight:500;line-height:18px;color:#A7A7A7}
.rb-board.is-card.is-damage .rb-art-body .rb-notice{margin:26px 0 27px;padding:0 0 26px;border-bottom:1px solid rgba(26,26,26,.2)}
.rb-board.is-card.is-damage .rb-art-body .rb-notice p{margin:0 0 4px;font-size:13px;font-weight:500;line-height:18px;color:#A7A7A7}
/* 帯バナー: 記事幅いっぱい。画像を差し替えるだけで使える */
.rb-board.is-card .rb-art-bn{display:block;margin:26px 0;line-height:0}
.rb-board.is-card .rb-art-bn img{display:block;width:100%;height:auto;border-radius:0}
.rb-board.is-card .rb-art-bn.is-top{margin:0 0 30px}
.rb-board.is-card .rb-art-bn.is-bottom{margin:30px 0 0}
@media (max-width:768px){
  .rb-board.is-card.is-damage .rb-art-body .rb-core{padding:16px 16px;margin:20px 0}
  .rb-board.is-card.is-damage .rb-art-body .rb-edit{margin:28px 0 4px;font-size:17px}
  .rb-board.is-card.is-damage .rb-art-body .rb-contact{padding:14px 16px}
  .rb-board.is-card.is-damage .rb-art-body .rb-contact strong{font-size:14.5px}
  .rb-board.is-card.is-damage .rb-art-body .rb-contact p{font-size:12px;line-height:1.8}
  .rb-board.is-card.is-damage .rb-art-body .rb-core p{font-size:14.5px;line-height:1.85}
  .rb-board.is-card.is-damage .rb-art-body .rb-copyright{margin-top:30px;font-size:12px;line-height:1.7}
  .rb-board.is-card .rb-art-bn{margin:18px 0}
}

/* ── マンガ記事 (Figma: Group 420 / Rectangle 285 / 276) ────────
   見出し下は1本線ではなく「線 — 星 — 線」。星は 15x15 の SVG。
   .rb-manga = 本編画像、.rb-script = セリフ全文の枠(#2189FF)      */
.rb-board.is-card.is-manga .rb-art-head{border-bottom:0;padding-bottom:0}
.rb-board.is-card.is-manga .rb-art-orn{display:flex;align-items:center;margin:22px -30px 0;line-height:0}
.rb-board.is-card.is-manga .rb-art-orn i{flex:1 1 auto;height:2px;background:#2189FF}
.rb-board.is-card.is-manga .rb-art-orn svg{flex:none;width:15px;height:15px;margin:0 20px;overflow:visible}
.rb-board.is-card.is-manga .rb-art-body{margin-top:34px}
.rb-board.is-card.is-manga .rb-art-body .rb-manga{margin:0 0 30px}
.rb-board.is-card.is-manga .rb-art-body .rb-manga img{display:block;width:100%;max-width:100%;height:auto;margin:0;border-radius:0}
/* セリフ全文の見出しは青バーなし */
.rb-board.is-card.is-manga .rb-art-body > h2{margin:0 0 12px;padding:0;font-size:20px;font-weight:600;line-height:24px;color:#1A1A1A}
.rb-board.is-card.is-manga .rb-art-body > h2::before{display:none}
.rb-board.is-card.is-manga .rb-art-body > h2 + p{margin:0 0 22px;font-size:15px;font-weight:400;line-height:24px;color:#1A1A1A}
/* セリフ枠 */
.rb-board.is-card.is-manga .rb-art-body .rb-script{margin:0;padding:28px 38px;background:#FFFFFF;border:1px solid #2189FF;border-radius:10px}
.rb-board.is-card.is-manga .rb-art-body .rb-script p{margin:0;font-size:16px;font-weight:600;line-height:35px;color:#1A1A1A}
.rb-board.is-card.is-manga .rb-art-body .rb-script b{color:#1A1A1A;font-weight:700}
@media (max-width:768px){
  .rb-board.is-card.is-manga .rb-art-orn{margin:16px 0 0}
  .rb-board.is-card.is-manga .rb-art-orn svg{margin:0 12px}
  .rb-board.is-card.is-manga .rb-art-body{margin-top:22px}
  .rb-board.is-card.is-manga .rb-art-body > h2{font-size:17px}
  .rb-board.is-card.is-manga .rb-art-body > h2 + p{font-size:13.5px;line-height:1.8}
  .rb-board.is-card.is-manga .rb-art-body .rb-script{padding:16px 16px}
  .rb-board.is-card.is-manga .rb-art-body .rb-script p{font-size:14.5px;line-height:2.1}
}

/* -- ページャ(一覧に data-pp があるときだけ JS が組み立てる) -- */
.rb-pager{display:none;justify-content:center;align-items:center;gap:8px;margin:34px 0 0;flex-wrap:wrap}
.rb-pager.is-on{display:flex}
.rb-pg{appearance:none;-webkit-appearance:none;min-width:40px;height:40px;padding:0 12px;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid #DFE4EE;border-radius:12px;background:#fff;color:#1A1A1A;
  font-family:inherit;font-size:14px;font-weight:700;line-height:1;cursor:pointer;
  transition:background-color .15s ease,color .15s ease,border-color .15s ease}
.rb-pg:hover:not(:disabled):not(.is-on){background:#F1F4FA}
.rb-pg.is-on{background:#000B83;border-color:#000B83;color:#fff;cursor:default}
.rb-pg:disabled{opacity:.3;cursor:default}
.rb-pg:focus-visible{outline:2px solid #0047AB;outline-offset:2px}
@media (max-width:768px){
  .rb-pager{gap:6px;margin-top:24px}
  .rb-pg{min-width:34px;height:34px;padding:0 9px;font-size:13px;border-radius:10px}
}

/* 記事の目次(ContentEnhancer.withToc — h2 が 3つ以上の記事)。選び方の目次と同じ形、旅ボードは紙の色に合わせる */
.rb-art-body .ek-toc{margin:28px 0 36px;padding:18px 22px;background:#f7f9fc;border:1px solid #dfe4ee;border-radius:10px;text-align:left}
.rb-art-body .ek-toc .ek-toc-ti{margin:0 0 8px !important;padding:0;font-size:15px;font-weight:800;color:#123a91;letter-spacing:.02em;line-height:1.5;text-indent:0}
.rb-art-body .ek-toc .ek-toc-list{margin:0 !important;padding:0 0 0 22px;list-style:decimal}
.rb-art-body .ek-toc .ek-toc-list li{margin:0 0 6px;padding:0;font-size:14.5px;line-height:1.7;list-style:decimal}
.rb-art-body .ek-toc .ek-toc-list li::before{content:none}
.rb-art-body .ek-toc .ek-toc-list a{color:#1a1a1a;text-decoration:none;border:0}
.rb-art-body .ek-toc .ek-toc-list a:hover{color:#123a91;text-decoration:underline}
/* 週間ニュース(is-travel でも is-card でもないボード)は見出し自体に番号が付いているので、目次の番号は出さない */
.rb-board:not(.is-travel):not(.is-card) .rb-art-body .ek-toc .ek-toc-list{list-style:none;padding-left:0}
.rb-board:not(.is-travel):not(.is-card) .rb-art-body .ek-toc .ek-toc-list li{list-style:none}
.rb-board.is-travel .rb-art-body .ek-toc{background:#faf6ee;border-color:#e4d9c3}
.rb-board.is-travel .rb-art-body .ek-toc .ek-toc-ti{color:#876F49}
.rb-art-body h2[id]{scroll-margin-top:110px}
@media (max-width:1023.98px){
.rb-art-body .ek-toc{margin:22px 0 28px;padding:14px 16px}
.rb-art-body .ek-toc .ek-toc-list li{font-size:13.5px}
.rb-art-body h2[id]{scroll-margin-top:76px}
}
