/* レポートボード専用(history) — 出典: 旧WP taian-report-board.php wp_head 条件ブロック */
/* 旅ボード : 記事一覧を1件ずつの独立カードに(Figma: Rectangle 273 / 925x180 / R25) */
.rb-board.is-travel .rb-inner{max-width:925px;padding:0}
.rb-board.is-travel .rb-bar{display:flex;align-items:center;justify-content:flex-start;gap:20px;margin:0 0 39px;padding:0;border:0}
.rb-board.is-travel .rb-bar-ico{flex:none;width:55px;height:55px;line-height:0}
.rb-board.is-travel .rb-bar-ico svg{display:block;width:55px;height:55px}
.rb-board.is-travel .rb-bar-ti{margin:0;font-size:24px;font-weight:700;line-height:20px;letter-spacing:0;color:#000}
.rb-board.is-travel .rb-bar-cnt{margin-left:auto;font-size:16px;font-weight:600;line-height:20px;color:rgba(26,26,26,.4)}
/* 並び替えは他ボードと同じ丸ピル。共通CSSの .rb-sort{margin-left:auto} と
   余白を取り合って件数が中央に寄るので、こちらは固定値にする。 */
.rb-board.is-travel .rb-sort{margin-left:20px;height:36px;border:1px solid #E8EBF3;
  border-radius:999px;background:#fff}
.rb-board.is-travel .rb-sort-b{height:34px;padding:0 17px;font-size:13px;font-weight:700;border-radius:999px}
.rb-board.is-travel .rb-sort-b + .rb-sort-b{border-left:0}
/* 件数の数字と並び替えボタンは、旅ボードの色(#876F49)に合わせる */
.rb-board.is-travel .rb-bar-cnt b{color:#876F49;font-weight:700}
.rb-board.is-travel .rb-sort-b.is-on{background:#876F49;color:#fff}
.rb-board.is-travel .rb-sort-b:hover:not(.is-on){background:#F5F0E6;color:#876F49}
.rb-board.is-travel .rb-sort-b:focus-visible{outline-color:#876F49}

/* 枠は持たせず、カードを縦に積む */
.rb-board.is-travel .rb-list{display:flex;flex-direction:column;gap:16px;
  background:none;border:0;border-radius:0;padding:0}
.rb-board.is-travel .rb-item{border:0;height:180px;border-radius:25px;box-sizing:border-box;overflow:hidden;
  background-color:#FFFFFF;background-position:center;background-size:cover;background-repeat:no-repeat;
  transition:transform .2s ease,box-shadow .2s ease}
/* 背景は6枚を順に回す。1ページ6件なので、ページが変わっても同じ並びで出る。 */
.rb-board.is-travel .rb-item:nth-child(6n+1){background-image:url(/wp-content/themes/taian-bridge-rwd/assets/images/report/report-history-card-bg-1.webp?v=1)}
.rb-board.is-travel .rb-item:nth-child(6n+2){background-image:url(/wp-content/themes/taian-bridge-rwd/assets/images/report/report-history-card-bg-2.webp?v=1)}
.rb-board.is-travel .rb-item:nth-child(6n+3){background-image:url(/wp-content/themes/taian-bridge-rwd/assets/images/report/report-history-card-bg-3.webp?v=1)}
.rb-board.is-travel .rb-item:nth-child(6n+4){background-image:url(/wp-content/themes/taian-bridge-rwd/assets/images/report/report-history-card-bg-4.webp?v=1)}
.rb-board.is-travel .rb-item:nth-child(6n+5){background-image:url(/wp-content/themes/taian-bridge-rwd/assets/images/report/report-history-card-bg-5.webp?v=1)}
.rb-board.is-travel .rb-item:nth-child(6n){background-image:url(/wp-content/themes/taian-bridge-rwd/assets/images/report/report-history-card-bg-6.webp?v=1)}
.rb-board.is-travel .rb-item + .rb-item{border-top:0}
.rb-board.is-travel .rb-item:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(78,46,10,.16)}
.rb-board.is-travel .rb-link{position:relative;display:flex;flex-direction:column;justify-content:center;
  align-items:flex-start;height:100%;padding:0 0 0 165px;gap:0}
.rb-board.is-travel .rb-link:hover{background:none}

/* 通し番号 (Figma: 06) */
.rb-board.is-travel .rb-no{position:absolute;left:68px;top:50%;transform:translateY(-50%);width:auto;
  font-family:'Noto Serif JP','Yu Mincho',YuMincho,'Hiragino Mincho ProN',serif;
  font-size:40px;font-weight:700;line-height:20px;letter-spacing:-2px;color:#876F49}

/* タイトル : 439x64 の枠に上下中央。2行を超えたら省略 */
.rb-board.is-travel .rb-tx{flex:none;width:439px;height:64px;display:flex;align-items:center;padding:0}
.rb-board.is-travel .rb-ti{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;white-space:normal;text-overflow:clip;
  font-size:26px;font-weight:700;line-height:32px;letter-spacing:0;color:#1A1A1A}
.rb-board.is-travel .rb-link:hover .rb-ti{color:#4E2E0A}
.rb-board.is-travel .rb-lead{display:none}

/* 日付・閲覧数 (Figma: Group 431 / Group 421) */
/* 静的に置く(絶対配置にすると矢印の基準枠になってしまう) */
.rb-board.is-travel .rb-meta{position:static;flex:none;margin-top:10px;gap:13px;align-items:center}
.rb-board.is-travel .rb-date{font-size:15px;font-weight:600;line-height:20px;color:rgba(26,26,26,.4)}
.rb-board.is-travel .rb-views{font-size:13px;font-weight:600;line-height:20px;color:rgba(26,26,26,.4)}
.rb-board.is-travel .rb-views .rb-eye{width:16.5px;height:16.5px}

/* 矢印 = 円ボタン (Figma: Ellipse 39 + Vector 51) */
.rb-board.is-travel .rb-ar{position:absolute;right:44px;top:50%;transform:translateY(-50%);
  width:45px;height:45px;border:0;border-radius:50%;background:transparent;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45 45'%3E%3Ccircle cx='22.5' cy='22.5' r='22.5' fill='%234E2E0A'/%3E%3Cpath d='M19.5 13.5L28 22L19.5 30.5' fill='none' stroke='%23FAFAFA' stroke-width='2.5' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat;
  transition:background-image .2s ease,filter .2s ease}
.rb-board.is-travel .rb-ar::before{content:none}
.rb-board.is-travel .rb-link:hover .rb-ar{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45 45'%3E%3Ccircle cx='22.5' cy='22.5' r='22.5' fill='%23876F49'/%3E%3Cpath d='M19.5 13.5L28 22L19.5 30.5' fill='none' stroke='%23FAFAFA' stroke-width='2.5' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3C/svg%3E")}

@media (max-width:768px){
  .rb-board.is-travel .rb-inner{max-width:100%;padding:0 16px}
  .rb-board.is-travel .rb-bar{gap:12px;margin-bottom:20px}
  .rb-board.is-travel .rb-bar-ico,.rb-board.is-travel .rb-bar-ico svg{width:34px;height:34px}
  .rb-board.is-travel .rb-bar-ti{font-size:18px}
  .rb-board.is-travel .rb-bar-cnt{font-size:13px}
  .rb-board.is-travel .rb-list{gap:12px}
  .rb-board.is-travel .rb-item{height:auto;border-radius:16px}
  .rb-board.is-travel .rb-link{min-height:118px;padding:18px 62px 18px 60px}
  .rb-board.is-travel .rb-no{left:16px;font-size:26px;line-height:1;letter-spacing:-1px}
  /* 縦フレックス + align-items:flex-start なので、幅を明示しないと内容幅まで伸びる */
  .rb-board.is-travel .rb-tx{width:100%;height:auto;display:block}
  .rb-board.is-travel .rb-ti{font-size:16px;line-height:1.55}
  .rb-board.is-travel .rb-meta{margin-top:10px;gap:10px}
  .rb-board.is-travel .rb-date{font-size:12px}
  .rb-board.is-travel .rb-views{font-size:12px}
  .rb-board.is-travel .rb-views .rb-eye{width:13px;height:13px}
  .rb-board.is-travel .rb-ar{right:14px;width:34px;height:34px}
}

/* ページャの色は旅ボードのトーンに寄せる(骨格は共通CSS側) */
.rb-board.is-travel .rb-pg{border-color:rgba(78,46,10,.28);background:#FFFDF9;color:#4E2E0A}
.rb-board.is-travel .rb-pg:hover:not(:disabled):not(.is-on){background:#F1E6D4}
.rb-board.is-travel .rb-pg.is-on{background:#4E2E0A;border-color:#4E2E0A;color:#FAFAFA}
.rb-board.is-travel .rb-pg:focus-visible{outline-color:#876F49}

/* ── 旅ボード 記事詳細 : デザイン案(925/782/718) ── */
.rb-board.is-travel .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-travel .rb-crumb a{color:rgba(26,26,26,.4)}
.rb-board.is-travel .rb-crumb-cur{color:rgba(26,26,26,.4);font-weight:600}

.rb-board.is-travel .rb-article{background:#FFFFFF;border:1px solid #A2A2A2;border-radius:18px;padding:55px 71px 73px}
.rb-board.is-travel .rb-art-head{padding:0;margin:0;border:0}
.rb-board.is-travel .rb-art-ti{margin:0;font-size:30px;font-weight:700;line-height:1.4;letter-spacing:0;color:#1A1A1A}
.rb-board.is-travel .rb-art-meta{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:19px}
/* リード文が2行になったとき、日付と閲覧数はその2行目に合わせる */
@supports (align-items:last baseline){
  .rb-board.is-travel .rb-art-meta{align-items:last baseline}
}
.rb-board.is-travel .rb-art-cat{display:none}
.rb-board.is-travel .rb-art-sub{font-size:20px;font-weight:500;line-height:1.4;color:#1A1A1A}
.rb-board.is-travel .rb-art-date{flex:none;font-size:15px;font-weight:500;line-height:20px;color:rgba(26,26,26,.4)}
.rb-board.is-travel .rb-art-author{flex:none;font-size:13px;font-weight:500;line-height:20px;color:rgba(26,26,26,.6)}
.rb-board.is-travel .rb-art-meta{justify-content:flex-start}
.rb-board.is-travel .rb-art-sub{margin-right:auto}
.rb-board.is-travel .rb-art-meta .rb-views{flex:none}
.rb-board.is-travel .rb-art-orn{margin:25px 0 36px;line-height:0;text-align:center}
.rb-board.is-travel .rb-art-orn svg{display:block;width:100%;height:20px}

.rb-board.is-travel .rb-art-body{font-size:16px;font-weight:500;line-height:25px;color:#1A1A1A}
.rb-board.is-travel .rb-art-body p{margin:0 0 25px}
.rb-board.is-travel .rb-art-body figure{margin:0 auto 18px;max-width:76%}
.rb-board.is-travel .rb-art-body figure img{display:block;width:auto;max-width:100%;height:auto;max-height:360px;margin:0 auto;border-radius:0}
.rb-board.is-travel .rb-art-body figcaption{margin-top:10px;font-size:11.5px;font-weight:400;line-height:20px;color:rgba(26,26,26,.6);text-align:center}
.rb-board.is-travel .rb-art-body h2{margin:44px 0 0;padding:0;border:0;font-size:20px;font-weight:600;line-height:24px;color:#1A1A1A}
.rb-board.is-travel .rb-art-body .rb-stop{margin:44px 0 0;font-size:13px;font-weight:600;line-height:24px;color:#876F49}
.rb-board.is-travel .rb-art-body .rb-stop + h2{margin-top:0}
.rb-board.is-travel .rb-art-body h2 + p{margin-top:18px}
.rb-board.is-travel .rb-art-body h2 + figure{margin-top:18px}
.rb-board.is-travel .rb-art-body ul,.rb-board.is-travel .rb-art-body ol{margin:0 0 25px;padding-left:20px}
.rb-board.is-travel .rb-art-body ul{list-style:disc}
.rb-board.is-travel .rb-art-body li{margin:0 0 6px;font-size:16px;font-weight:500;line-height:25px}
.rb-board.is-travel .rb-art-body hr{margin:40px 0 29px;border:0;border-top:1px solid rgba(26,26,26,.2)}
.rb-board.is-travel .rb-art-body hr + .rb-stop{margin-top:0}

.rb-board.is-travel .rb-note{margin:18px 0 25px;padding:15px 32px 15px 25px;background:rgba(135,111,73,.1);border-left:7px solid #CFB78F}
.rb-board.is-travel .rb-note b{display:block;font-size:16px;font-weight:600;line-height:24px;color:#1A1A1A}
.rb-board.is-travel .rb-note p{margin:0;font-size:16px;font-weight:400;line-height:24px;color:#1A1A1A}
.rb-board.is-travel .rb-note.is-read{background:#EEEEEE;border-left-color:transparent}
.rb-board.is-travel .rb-note.is-next{background:rgba(0,71,171,.1);border-left-color:transparent}
.rb-board.is-travel .rb-note.is-next b{color:#0047AB}

.rb-board.is-travel .rb-src{margin:60px 0 0}
.rb-board.is-travel .rb-src-ti{margin:0 0 5px;font-size:15px;font-weight:500;line-height:24px;color:rgba(26,26,26,.6)}
.rb-board.is-travel .rb-src ul{margin:0;padding:0;list-style:none}
.rb-board.is-travel .rb-src li{margin:0;font-size:13px;font-weight:400;line-height:24px;color:rgba(26,26,26,.6)}
.rb-board.is-travel .rb-src li::before{content:"•  "}
.rb-board.is-travel .rb-src-note{margin:24px 0 0;font-size:13px;font-weight:400;line-height:24px;color:rgba(26,26,26,.6)}
@media (max-width:768px){
  .rb-board.is-travel .rb-crumb{margin:0 0 12px;padding-left:2px;font-size:11.5px;line-height:1.7}
  .rb-board.is-travel .rb-article{padding:26px 18px 34px;border-radius:14px}
  .rb-board.is-travel .rb-art-ti{font-size:21px;line-height:1.45}
  .rb-board.is-travel .rb-art-meta{flex-direction:column;align-items:flex-start;gap:6px;margin-top:12px}
  .rb-board.is-travel .rb-art-sub{font-size:15px;line-height:1.6}
  .rb-board.is-travel .rb-art-date{font-size:13px}
  .rb-board.is-travel .rb-art-orn{margin:18px 0 24px}
  .rb-board.is-travel .rb-art-body{font-size:15px;line-height:1.9}
  .rb-board.is-travel .rb-art-body p{margin:0 0 20px}
  .rb-board.is-travel .rb-art-body h2{margin:32px 0 0;font-size:17.5px;line-height:1.5}
  .rb-board.is-travel .rb-art-body figure{max-width:92%}
  .rb-board.is-travel .rb-art-body figure img{max-height:270px}
  .rb-board.is-travel .rb-art-body figcaption{margin-top:8px;font-size:11px;line-height:1.7}
  .rb-board.is-travel .rb-art-body .rb-stop{margin:32px 0 2px;font-size:12px;line-height:1.5}
  .rb-board.is-travel .rb-art-body hr{margin:28px 0 22px}
  .rb-board.is-travel .rb-art-body li{font-size:15px;line-height:1.9}
  .rb-board.is-travel .rb-note{margin:16px 0 20px;padding:14px 16px 14px 13px;border-left-width:5px}
  .rb-board.is-travel .rb-note b{font-size:14.5px;line-height:1.6}
  .rb-board.is-travel .rb-note p{font-size:14px;line-height:1.75}
  .rb-board.is-travel .rb-src{margin-top:38px}
  .rb-board.is-travel .rb-src-ti{font-size:13.5px;line-height:1.7}
  .rb-board.is-travel .rb-src li{font-size:12px;line-height:1.85}
  .rb-board.is-travel .rb-src-note{margin-top:18px;font-size:12px;line-height:1.85}
}