@charset "utf-8";
/*
 * pp-board.css — 掲示板専用スタイル
 * 設置場所: wp-content/themes/lightning-child-sample/assets/css/pp-board.css
 *
 * 重要：WP Rocket の「Used CSS」除外リストに次の2行を必ず追加すること。
 *   (.*)/pp-board.css
 *   /board/(.*)
 * 追加しないと一覧の装飾が剥がれる。
 *
 * 【書体の方針】
 * Noto Sans JP 1書体のみ。階層はウェイト・サイズ・色で作る。
 * 日本語ゴシックを2種類混ぜると、骨格が近すぎて「対比」ではなく
 * 「揃っていない」に見える。数字も等幅書体を当てず tabular-nums で桁を揃える。
 *
 * 【ヘッダーの方針】
 * 濃いスレートグレー＋白文字で、ライト／ダークとも同じ。
 * 色の帯を明暗で反転させると必ず破綻する。彩度はアクティブなタブと
 * ボタンにだけ使い、面の色には使わない。
 */

.pb-html,
.pb-body,
.pbf,
.pbf-deal,
.pbf-done{
  --pb-bg:#FFFFFF;
  --pb-paper:#FFFFFF;
  --pb-paper2:#F7F8FA;
  --pb-ink:#151B21;
  --pb-ink2:#4B5761;
  --pb-ink3:#7B8790;
  --pb-line:#D8DEE3;
  --pb-line2:#EAEEF1;

  /* ヘッダーは両テーマ共通 */
  --pb-hd:#FFFFFF;
  --pb-on-hd:#0A1628;

  --pb-accent:#15597F;
  --pb-on-accent:#FFFFFF;

  /* 投稿ボタン専用。売りたい／買いたいのバッジと混同されないよう、
     ここでしか使わない色を1つ持たせる。ヘッダーの色帯と同じく
     ダークモードでも反転させない。 */
  --pb-cta:#0A1628;
  --pb-cta-hover:#1B2D48;
  --pb-on-cta:#FFFFFF;

  --pb-sell:#9E4A1E;
  --pb-sell-bg:#F8EBE3;
  --pb-buy:#125C74;
  --pb-buy-bg:#E0EEF2;
  --pb-nego:#79570A;
  --pb-nego-bg:#F8F1DC;
  --pb-done:#6E7981;
  --pb-done-bg:#E9ECEE;
  --pb-new:#1D6B3E;
}

/* ダークモードの配色は 2026-09-27 に廃止（小池さん「背景白地で」）。OSの設定にかかわらず白地で表示する */

/* ---------- 土台 ---------- */
/* テーマが html に背景色を持っているため、body の背景は画面全体に伝播しない。
   html 側も塗り、さらに body に min-height を与えて短いページでも下まで届かせる。 */
html.pb-html{background:var(--pb-bg)}
body.pb-body{
  min-height:100vh;
  margin:0;
  padding:0;
  background:var(--pb-bg);
  color:var(--pb-ink);
  font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",system-ui,sans-serif;
  font-size:14px;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
.pb-body *{box-sizing:border-box}
.pb-page{max-width:1180px;margin:0 auto;padding:22px 16px 70px}
.pb-board{
  background:var(--pb-paper);
  border:1px solid var(--pb-line);
  border-radius:3px;
  overflow:hidden;
}
:where(.pb-body) a{color:inherit;text-decoration:none}
:where(.pb-body) a:hover{text-decoration:underline}
.pb-body :focus-visible{outline:2px solid var(--pb-accent);outline-offset:2px}
.screen-reader-text{
  position:absolute;width:1px;height:1px;overflow:hidden;
  clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap;
}
/* 数字の桁を揃える。等幅書体は使わない */
.pb-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}

/* ---------- ヘッダー ---------- */
.pb-hd{background:var(--pb-hd);color:var(--pb-on-hd);padding:18px 20px 0}
.pb-hd-top{
  display:flex;align-items:baseline;justify-content:space-between;
  gap:14px;flex-wrap:wrap;padding-bottom:6px;
}
.pb-hd-name{
  font-weight:700;font-size:23px;line-height:1.35;letter-spacing:.02em;
  color:var(--pb-on-hd);font-feature-settings:"palt" 1;
}
.pb-hd-name:hover{text-decoration:none;opacity:.85}
.pb-hd-sub{
  font-size:13.5px;font-weight:400;color:var(--pb-on-hd);
  opacity:.72;margin-left:12px;letter-spacing:.01em;
}
/* 掲示板で一番押してほしい操作。
   白い長方形だと「押せるもの」に見えず、ヘッダーの一部として流される。
   専用色を当て、費用がかからないことをボタン自身に書いて、
   押す前の迷い（有料か／登録が要るか）をその場で消す。 */
.pb-hd-post{
  display:inline-flex;align-items:center;gap:11px;
  background:var(--pb-cta);color:var(--pb-on-cta);
  border-radius:6px;white-space:nowrap;
  padding:10px 20px 10px 16px;
  box-shadow:0 1px 0 rgba(255,255,255,.18) inset, 0 2px 6px rgba(0,0,0,.28);
  transition:background .15s ease, transform .15s ease, box-shadow .15s ease;
}
.pb-hd-post .plus{
  display:inline-flex;align-items:center;justify-content:center;
  width:24px;height:24px;border-radius:50%;
  background:rgba(31,20,5,.14);
  font-size:16px;font-weight:700;line-height:1;
}
.pb-hd-post .t{display:flex;flex-direction:column;gap:1px}
.pb-hd-post .l1{font-weight:700;font-size:15px;line-height:1.3;letter-spacing:.01em}
.pb-hd-post .l2{font-weight:500;font-size:11px;line-height:1.3;opacity:.78}
.pb-hd-post:hover{
  text-decoration:none;background:var(--pb-cta-hover);
  transform:translateY(-1px);
  box-shadow:0 1px 0 rgba(255,255,255,.22) inset, 0 4px 10px rgba(0,0,0,.32);
}
.pb-hd-post:active{transform:translateY(0);box-shadow:0 1px 3px rgba(0,0,0,.3)}
.pb-hd-post:focus-visible{outline:3px solid var(--pb-on-hd);outline-offset:2px}

/* 掲示板名の1段下に、相互リンクと投稿ボタンを左右で置く行。
   ボタンを見出しと同じ行に置くと右上の隅に張り付いて、
   ヘッダーの装飾のように見えてしまう。一段下ろしてタブの直上に置くと、
   目線が「掲示板名 → 何ができる場所か → 投稿する」の順に流れる。 */
.pb-hd-row{
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:12px 18px;flex-wrap:wrap;padding:2px 0 14px;
}
/* もう一方の掲示板への案内。
   掲示板名だけを並べても、初めて来た人には何が置いてある場所か分からない。
   名前の下に扱う品目を添え、押した先が想像できるようにする。 */
.pb-cross{display:flex;gap:10px 18px;flex-wrap:wrap;padding:0}
.pb-cross a{
  display:flex;flex-direction:column;gap:2px;
  padding:7px 13px 8px;border-radius:6px;
  border:1px solid rgba(255,255,255,.22);
  color:var(--pb-on-hd);
  transition:border-color .15s ease, background .15s ease;
}
.pb-cross .cl1{
  font-size:13px;font-weight:700;line-height:1.35;
  display:inline-flex;align-items:center;gap:6px;
}
.pb-cross .cl1 .arw{font-size:12px;opacity:.75}
.pb-cross .cl2{font-size:11.5px;font-weight:400;line-height:1.4;opacity:.66}
.pb-cross a:hover{
  text-decoration:none;border-color:rgba(255,255,255,.5);
  background:rgba(255,255,255,.07);
}
.pb-cross a:hover .cl2{opacity:.85}
.pb-cross a:focus-visible{outline:2px solid var(--pb-on-hd);outline-offset:2px}

.pb-tabs{display:flex;overflow-x:auto}
.pb-tab{
  font-weight:700;font-size:14px;line-height:1.4;
  padding:10px 18px;border-bottom:2px solid transparent;
  color:var(--pb-on-hd);opacity:.55;white-space:nowrap;
}
.pb-tab:hover{text-decoration:none;opacity:.8}
.pb-tab .n{
  font-size:12px;font-weight:400;margin-left:7px;opacity:.7;
  font-variant-numeric:tabular-nums;
}
.pb-tab.is-on{opacity:1;border-bottom-color:var(--pb-on-hd)}

/* ---------- 絞り込み ---------- */
.pb-filters{
  display:flex;gap:6px;flex-wrap:wrap;align-items:center;
  padding:11px 20px;background:var(--pb-paper2);
  border-bottom:1px solid var(--pb-line);
}
.pb-lbl{
  font-size:11.5px;font-weight:500;color:var(--pb-ink3);
  margin-right:4px;white-space:nowrap;
}
.pb-chip{
  background:var(--pb-paper);border:1px solid var(--pb-line);border-radius:2px;
  font-size:12.5px;font-weight:500;color:var(--pb-ink2);
  padding:4px 11px;white-space:nowrap;line-height:1.6;
}
.pb-chip:hover{text-decoration:none;border-color:var(--pb-accent);color:var(--pb-accent)}
.pb-chip.is-on{
  background:var(--pb-accent);border-color:var(--pb-accent);
  color:var(--pb-on-accent);font-weight:700;
}
.pb-sp{flex:1;min-width:6px}

/* 検索欄
   テーマ側が button に font-size:16px / padding:8px 32px を当てており、
   .pb-search button（詳細度 0,1,1）では負ける。掲示板は既存テーマの上に
   同居しているため、この2要素だけは詳細度を上げたうえで !important で固定する。
   ここを緩めるとボタンの文字が下にずれる。 */
.pb-search{display:flex;align-items:stretch;height:32px}
.pb-body .pb-search input[type="search"]{
  -webkit-appearance:none;appearance:none;
  font-family:inherit !important;
  font-size:13px !important;
  font-weight:400 !important;
  line-height:1 !important;
  color:var(--pb-ink);
  background:var(--pb-paper);
  border:1px solid var(--pb-line) !important;
  border-right:none !important;
  border-radius:2px 0 0 2px !important;
  padding:0 11px !important;
  margin:0 !important;
  width:190px;
  height:32px !important;
  min-height:0 !important;
  box-shadow:none !important;
}
.pb-body .pb-search button[type="submit"]{
  -webkit-appearance:none;appearance:none;
  display:inline-flex;align-items:center;justify-content:center;
  font-family:inherit !important;
  font-size:13px !important;
  font-weight:700 !important;
  line-height:1 !important;
  background:var(--pb-accent) !important;
  color:var(--pb-on-accent) !important;
  border:1px solid var(--pb-accent) !important;
  border-radius:0 2px 2px 0 !important;
  padding:0 18px !important;
  margin:0 !important;
  height:32px !important;
  min-height:0 !important;
  width:auto !important;
  cursor:pointer;
  box-shadow:none !important;
  text-shadow:none !important;
  letter-spacing:normal !important;
}

/* ---------- 掲載ルール ---------- */
/* ページの見出し。掲示板ページには h1 が1つも無かった。
   絞り込みの結果がそのままページの主題になるので、ここに置く。 */
.pb-h1{
  margin:0;padding:14px 20px 0;
  font-size:15px;font-weight:700;line-height:1.5;color:var(--pb-ink);
  font-feature-settings:"palt" 1;letter-spacing:.01em;
}

.pb-rules{
  padding:10px 20px;font-size:12.5px;color:var(--pb-ink2);
  border-bottom:1px solid var(--pb-line2);
  display:flex;gap:4px 22px;flex-wrap:wrap;line-height:1.6;
}
.pb-rules b{color:var(--pb-ink);font-weight:700}

/* ---------- 絞り込みの折りたたみ（スマホのみ） ----------
   PC では常に開いた状態にし、開閉ボタンもチェックボックスも出さない。
   スマホでは既定で畳む。絞り込み中のときだけ開いた状態で表示する
   （テンプレート側で checked を付けている）。JSは使っていない。 */
.pb-narrow-cb{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
.pb-narrow-btn{display:none}

/* ---------- 一覧 ---------- */
.pb-list-wrap{overflow-x:auto}
table.pb-list{
  width:100%;border-collapse:collapse;font-size:13.5px;min-width:920px;table-layout:fixed;
  margin:0;background:transparent;
}
table.pb-list thead th{
  position:sticky;top:0;z-index:2;background:var(--pb-paper2);
  font-weight:500;font-size:12px;color:var(--pb-ink3);
  text-align:left;padding:9px 12px;
  border:none;border-bottom:1px solid var(--pb-line);white-space:nowrap;
}
table.pb-list tbody td{
  padding:11px 12px;border:none;border-bottom:1px solid var(--pb-line2);
  vertical-align:top;background:transparent;
}
table.pb-list tbody tr:hover td{background:var(--pb-paper2)}
table.pb-list tbody tr.is-done{color:var(--pb-ink3)}
table.pb-list tbody tr.is-done .item{font-weight:500;color:var(--pb-ink3)}

/* 年を入れるため 2026/09/07 が1行に収まる幅を取る。
   掲示板は「いつの情報か」が信用に直結するので、年を省かない。 */
.pb-list .c-date{
  font-size:12px;color:var(--pb-ink3);white-space:nowrap;width:92px;
  font-variant-numeric:tabular-nums;
}
.pb-list .c-date .new{
  display:block;font-size:10.5px;font-weight:700;
  color:var(--pb-new);letter-spacing:.06em;margin-top:1px;
}
.pb-list .c-kind{width:76px;white-space:nowrap}
.pb-k{
  display:inline-block;font-weight:700;font-size:12px;
  padding:2px 9px;border-radius:2px;line-height:1.6;
}
.pb-k-sell{background:var(--pb-sell-bg);color:var(--pb-sell)}
.pb-k-buy{background:var(--pb-buy-bg);color:var(--pb-buy)}
.pb-k-nego{background:var(--pb-nego-bg);color:var(--pb-nego);margin-left:5px}
.pb-k-done{background:var(--pb-done-bg);color:var(--pb-done)}

.pb-list .c-main{min-width:280px}
.pb-list .item{
  font-weight:700;font-size:15.5px;line-height:1.5;color:var(--pb-ink);
  font-feature-settings:"palt" 1;
}
/* 説明は2行で打ち切る。案件ごとに行の高さが変わると、
   ざっと上から下へ目を走らせる読み方ができなくなる。 */
.pb-list .desc{
  font-size:12.5px;font-weight:400;color:var(--pb-ink2);line-height:1.7;margin-top:3px;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
  overflow:hidden;
}

/* 右側4列は幅を決めて折り返させる。
   nowrap のままだと「300枚〜（10t車1台分）」「プラスチックパレット株式会社」の
   ような長い値がそのまま表に押し出し、横スクロールが出る。 */
/* 右側の5列は実寸で確保する。em だとこの列だけ文字を小さくしたときに
   基準がずれ、ボタンが枠からはみ出す。左右の余白も詰めて幅を稼ぐ。 */
.pb-list .c-qty,
.pb-list .c-place,
.pb-list .c-cond,
.pb-list .c-who{
  font-size:12px;color:var(--pb-ink2);overflow-wrap:anywhere;
}
table.pb-list tbody td.c-qty,
table.pb-list tbody td.c-place,
table.pb-list tbody td.c-cond,
table.pb-list tbody td.c-who,
table.pb-list tbody td.c-act,
table.pb-list thead th.c-qty,
table.pb-list thead th.c-place,
table.pb-list thead th.c-cond,
table.pb-list thead th.c-who,
table.pb-list thead th.c-act{padding-left:8px;padding-right:8px}

.pb-list .c-qty{width:108px;font-weight:500;color:var(--pb-ink);font-variant-numeric:tabular-nums}
.pb-list .c-place{width:96px}
.pb-list .c-cond{width:96px}
.pb-list .c-who{width:104px}
.pb-list .c-act{width:118px;white-space:nowrap;text-align:right}

/* 一覧のタイトルは個別ページへのリンク。色はそのままで下線だけ出す */
.pb-list .item a{color:inherit;text-decoration:none}
.pb-list .item a:hover{text-decoration:underline}

/* ---------- 個別案件ページ ---------- */
.pb-detail{padding:26px 28px 44px;max-width:820px}
.pb-crumb{margin:0 0 18px;font-size:12.5px}
.pb-crumb a{color:var(--pb-ink2)}
.pb-dt-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pb-dt-no{
  font-size:12px;color:var(--pb-ink3);letter-spacing:.04em;
  font-variant-numeric:tabular-nums;
}
.pb-dt-title{
  font-size:22px;font-weight:700;line-height:1.5;color:var(--pb-ink);
  margin:10px 0 22px;font-feature-settings:"palt" 1;
}
table.pb-dt-table{
  width:100%;border-collapse:collapse;font-size:13.5px;margin:0 0 24px;
  background:transparent;
}
table.pb-dt-table th,
table.pb-dt-table td{
  padding:10px 12px;border:none;border-bottom:1px solid var(--pb-line2);
  text-align:left;vertical-align:top;background:transparent;
}
table.pb-dt-table th{
  width:7.5em;font-weight:500;color:var(--pb-ink3);font-size:12.5px;
  background:var(--pb-paper2);
}
.pb-dt-exp{color:var(--pb-ink3);font-size:12.5px}
.pb-dt-body{
  font-size:14px;line-height:1.9;color:var(--pb-ink2);
  margin:0 0 30px;
}
.pb-dt-body p{margin:0 0 1em}
.pb-dt-photo{
  margin:0 0 24px;padding:12px 14px;
  border:1px solid var(--pb-line);border-radius:4px;background:var(--pb-paper2);
  font-size:12.5px;line-height:1.8;color:var(--pb-ink2);
}
.pb-dt-photo b{color:var(--pb-ink)}
.pb-dt-act{border-top:1px solid var(--pb-line);padding-top:24px}
.pb-ask-lg{font-size:14px;padding:11px 26px}
.pb-dt-note{margin:12px 0 0;font-size:12.5px;color:var(--pb-ink3);line-height:1.8}

@media (max-width:920px){
  .pb-detail{padding:20px 16px 40px}
  .pb-dt-title{font-size:19px}
  table.pb-dt-table th{width:6em}
}

.pb-ask{
  display:inline-block;background:var(--pb-paper);
  border:1px solid var(--pb-accent);color:var(--pb-accent);
  font-weight:700;font-size:12.5px;padding:5px 11px;border-radius:2px;line-height:1.6;
  white-space:nowrap;
}
.pb-ask:hover{background:var(--pb-accent);color:var(--pb-on-accent);text-decoration:none}
.pb-ask.is-off{border-color:var(--pb-line);color:var(--pb-ink3);background:transparent;cursor:default}

/* ---------- ページャ ---------- */
.pb-pager{
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  padding:13px 20px;border-top:1px solid var(--pb-line);background:var(--pb-paper2);
  font-size:12.5px;color:var(--pb-ink3);font-variant-numeric:tabular-nums;
}
.pb-pager .pages{display:flex;gap:4px;flex-wrap:wrap}
.pb-pager .page-numbers{
  border:1px solid var(--pb-line);background:var(--pb-paper);color:var(--pb-ink2);
  font-size:12.5px;padding:3px 10px;border-radius:2px;
}
.pb-pager .page-numbers:hover{text-decoration:none;border-color:var(--pb-accent);color:var(--pb-accent)}
.pb-pager .page-numbers.current{
  background:var(--pb-accent);border-color:var(--pb-accent);
  color:var(--pb-on-accent);font-weight:700;
}

/* ---------- 該当なし ---------- */
.pb-empty{padding:52px 20px;text-align:center;color:var(--pb-ink2)}
.pb-empty p{margin:0 0 10px}
.pb-empty a{color:var(--pb-accent);font-weight:700}

/* ---------- フッター ---------- */
.pb-bf{
  padding:14px 20px;border-top:1px solid var(--pb-line);background:var(--pb-paper);
  display:flex;gap:4px 22px;flex-wrap:wrap;font-size:12px;color:var(--pb-ink3);line-height:1.7;
}
.pb-bf b{color:var(--pb-ink2);font-weight:700}

/* ---------- スマホ ---------- */
@media (max-width:920px){
  .pb-page{padding:0 0 50px}
  .pb-board{border-radius:0;border-left:none;border-right:none}
  .pb-hd{padding:16px 16px 0}
  .pb-hd-row{align-items:stretch;gap:10px}
  .pb-hd-post{width:100%;justify-content:center;margin-top:2px}
  .pb-hd-name{font-size:20px}
  .pb-hd-sub{display:block;margin-left:0;margin-top:4px;font-size:13px}
  .pb-filters{padding:10px 16px}
  .pb-rules{padding:10px 16px}

  /* 絞り込みは1行のボタンに畳む。開いていると案件が1件も見えないまま
     画面1枚分をチップが埋めてしまう。 */
  .pb-narrow-btn{
    display:flex;align-items:center;gap:9px;
    margin:0;padding:12px 16px;
    background:var(--pb-paper2);border-bottom:1px solid var(--pb-line);
    color:var(--pb-ink2);font-size:13.5px;font-weight:500;
    cursor:pointer;user-select:none;
  }
  .pb-narrow-ico{font-size:15px;color:var(--pb-ink3);line-height:1}
  .pb-narrow-txt{flex:1;color:var(--pb-ink)}
  .pb-narrow-caret{font-size:11px;color:var(--pb-ink3);transition:transform .15s ease}
  .pb-narrow-cb:checked ~ .pb-narrow-btn .pb-narrow-caret{transform:rotate(180deg)}
  .pb-narrow-cb:focus-visible ~ .pb-narrow-btn{outline:2px solid var(--pb-accent);outline-offset:-2px}
  .pb-narrow-body{display:none}
  .pb-narrow-cb:checked ~ .pb-narrow-body{display:block}

  /* 補足は要点1行だけ出す。残りは掲載ルールのページで読める。 */
  .pb-rules{display:block;line-height:1.7}
  .pb-rules-more{display:none}

  /* もう一方の掲示板の説明文は畳む。まだこの掲示板も見ていない段階で
     2行を使う価値はない。 */
  .pb-cross .cl2{display:none}
  .pb-cross a{padding:8px 12px}
  .pb-hd-top{padding-bottom:4px}

  table.pb-list{min-width:0;font-size:13.5px;table-layout:auto}
  table.pb-list thead{display:none}
  table.pb-list tbody tr{
    display:grid;grid-template-columns:1fr auto;gap:2px 10px;
    padding:14px 16px;border-bottom:1px solid var(--pb-line2);
  }
  table.pb-list tbody td{padding:0;border:none}
  /* 表示のときに右5列へ入れた左右の余白を、カード表示では戻す */
  table.pb-list tbody td.c-qty,
  table.pb-list tbody td.c-place,
  table.pb-list tbody td.c-cond,
  table.pb-list tbody td.c-who,
  table.pb-list tbody td.c-act{padding-left:0;padding-right:0}
  .pb-list .item{font-size:15px}
  .pb-list .c-date{grid-column:1;order:1}
  .pb-list .c-date .new{display:inline;margin-left:7px}
  .pb-list .c-kind{grid-column:2;order:2;text-align:right;width:auto}
  .pb-list .c-main{grid-column:1/-1;order:3;margin-top:5px;min-width:0}
  /* カード表示の4項目。ラベル幅を揃えて2列に組む。
     以前は display:inline に全角スペース付きの見出しを当てていたが、
     グリッドの子はブロック化されるため各行が別の行になり、
     先頭の全角スペースぶんだけ字下げがばらついていた。 */
  .pb-list .c-qty,
  .pb-list .c-place,
  .pb-list .c-cond,
  .pb-list .c-who{
    grid-column:1/-1;order:4;
    display:grid;grid-template-columns:5em 1fr;gap:0 10px;
    font-size:12.5px;color:var(--pb-ink);white-space:normal;width:auto;
    line-height:1.75;
  }
  .pb-list .c-qty{margin-top:4px;font-weight:500}
  .pb-list .c-place,
  .pb-list .c-cond,
  .pb-list .c-who{color:var(--pb-ink2)}
  .pb-list .c-qty::before,
  .pb-list .c-place::before,
  .pb-list .c-cond::before,
  .pb-list .c-who::before{color:var(--pb-ink3);font-weight:400}
  .pb-list .c-qty::before{content:"数量"}
  .pb-list .c-place::before{content:"保管場所"}
  .pb-list .c-cond::before{content:"状態"}
  .pb-list .c-who::before{content:"投稿者"}
  .pb-list .c-act{grid-column:1/-1;order:5;text-align:left;margin-top:10px;width:auto}
  .pb-ask{display:block;width:100%;text-align:center;padding:10px}
  .pb-search{flex:1;min-width:180px}
  .pb-search input[type=search]{width:100%}
}


/* ============================================================
 * 投稿フォーム／問い合わせフォーム
 *
 * この2つは通常の固定ページ（テーマのヘッダー・フッター付き）に出る。
 * テーマ側の input / select / textarea / button の指定と綱引きになるため、
 * 箱の寸法にかかわる値は !important で固定している。検索ボタンと同じ理由。
 * ========================================================== */

/* フォームの器。board-form.php の中に置かれる */
.pb-formwrap{
  padding:32px 28px 48px;
  max-width:880px;
  margin:0 auto;
}
.pb-formhead{
  font-size:22px;font-weight:700;line-height:1.45;
  color:var(--pb-ink);margin:0 0 20px;
  font-feature-settings:"palt" 1;
}
.pbf,
.pbf-deal,
.pbf-done{
  font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",system-ui,sans-serif;
  color:var(--pb-ink);
  line-height:1.7;
}
.pb-formwrap p{color:var(--pb-ink2)}

/* 問い合わせページの案件表示 */
.pbf-deal{
  background:var(--pb-paper2);
  border:1px solid var(--pb-line);
  border-left:3px solid var(--pb-accent);
  border-radius:3px;
  padding:18px 20px;
  margin:0 0 26px;
}
.pbf-deal-no{font-size:12px;color:var(--pb-ink3);font-variant-numeric:tabular-nums}
.pbf-deal-title{
  font-size:18px;font-weight:700;line-height:1.5;margin:4px 0 12px;
  color:var(--pb-ink);font-feature-settings:"palt" 1;
}
.pbf-deal-spec{
  display:grid;grid-template-columns:auto 1fr;gap:4px 16px;
  margin:0;font-size:13.5px;
}
.pbf-deal-spec dt{color:var(--pb-ink3);white-space:nowrap}
.pbf-deal-spec dd{margin:0;color:var(--pb-ink2)}
.pbf-deal-desc{
  margin:12px 0 0;padding-top:12px;border-top:1px solid var(--pb-line2);
  font-size:13px;color:var(--pb-ink2);
}

/* 送信後 */
.pbf-done{
  background:var(--pb-paper2);border:1px solid var(--pb-line);
  border-left:3px solid var(--pb-new);border-radius:3px;padding:26px 24px;
}
.pbf-done h2{font-size:19px;font-weight:700;margin:0 0 10px;color:var(--pb-ink)}
.pbf-done p{margin:0 0 8px;font-size:14px;color:var(--pb-ink2)}
.pbf-done p:last-child{margin-bottom:0}

/* フォーム本体 */
.pbf-lead{
  font-size:13.5px;color:var(--pb-ink2);
  background:var(--pb-paper2);border:1px solid var(--pb-line2);
  border-radius:3px;padding:12px 14px;margin:0 0 22px;
}
.pbf-lead b{color:var(--pb-ink);font-weight:700}

.pbf-err{
  font-size:13.5px;font-weight:700;color:var(--pb-sell);
  background:var(--pb-sell-bg);border:1px solid var(--pb-sell);
  border-radius:3px;padding:11px 14px;margin:0 0 20px;
}

.pbf-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:16px 18px;margin:0 0 8px;
}
.pbf-f{display:flex;flex-direction:column;gap:6px;min-width:0}
.pbf-f.pbf-wide{grid-column:1/-1}

.pbf-f label,
.pbf-f .pbf-label{
  font-size:13px;font-weight:700;color:var(--pb-ink);
  display:flex;align-items:baseline;gap:7px;
}
.pbf-f .req{font-size:11px;font-weight:700;color:var(--pb-sell)}
.pbf-f .opt{font-size:11px;font-weight:400;color:var(--pb-ink3)}
.pbf-f .hint{font-size:11.5px;color:var(--pb-ink3);line-height:1.6}

.pbf input[type="text"],
.pbf input[type="email"],
.pbf input[type="tel"],
.pbf select,
.pbf textarea{
  -webkit-appearance:none;appearance:none;
  font-family:inherit !important;
  font-size:14px !important;
  font-weight:400 !important;
  line-height:1.6 !important;
  color:var(--pb-ink);
  background:var(--pb-paper);
  border:1px solid var(--pb-line) !important;
  border-radius:2px !important;
  padding:9px 11px !important;
  margin:0 !important;
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  min-height:0 !important;
  box-shadow:none !important;
}
.pbf select{
  background-image:linear-gradient(45deg,transparent 50%,var(--pb-ink3) 50%),linear-gradient(135deg,var(--pb-ink3) 50%,transparent 50%);
  background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;
  background-size:5px 5px,5px 5px;
  background-repeat:no-repeat;
  padding-right:34px !important;
}
.pbf textarea{resize:vertical;min-height:96px !important}
.pbf input:focus,
.pbf select:focus,
.pbf textarea:focus{outline:2px solid var(--pb-accent);outline-offset:1px;border-color:var(--pb-accent) !important}

.pbf-checks{
  display:flex;flex-wrap:wrap;gap:8px 18px;
  padding:10px 12px;background:var(--pb-paper2);
  border:1px solid var(--pb-line);border-radius:2px;
}
.pbf-checks label{
  font-size:13.5px;font-weight:400;color:var(--pb-ink2);
  display:inline-flex;align-items:center;gap:6px;cursor:pointer;
}
.pbf-checks input[type="checkbox"]{width:auto !important;margin:0 !important}

.pbf-sec{
  font-size:15px;font-weight:700;color:var(--pb-ink);
  margin:30px 0 6px;padding-top:22px;border-top:1px solid var(--pb-line);
}
.pbf-note{font-size:12.5px;color:var(--pb-ink3);line-height:1.7;display:block}

.pbf-submit{
  margin-top:28px;padding-top:22px;border-top:1px solid var(--pb-line);
  display:flex;align-items:center;gap:18px;flex-wrap:wrap;
}
.pbf-submit button{
  -webkit-appearance:none;appearance:none;
  font-family:inherit !important;
  font-size:15px !important;
  font-weight:700 !important;
  line-height:1 !important;
  background:var(--pb-accent) !important;
  color:var(--pb-on-accent) !important;
  border:1px solid var(--pb-accent) !important;
  border-radius:2px !important;
  padding:14px 40px !important;
  margin:0 !important;
  height:auto !important;
  min-height:0 !important;
  width:auto !important;
  cursor:pointer;
  box-shadow:none !important;
  text-shadow:none !important;
}
.pbf-submit .pbf-note{flex:1;min-width:200px}

/* ハニーポット。人には見せない */
.pbf-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

@media (max-width:600px){
  .pbf-grid{grid-template-columns:1fr}
  .pbf-submit button{width:100% !important;text-align:center}
}

@media (max-width:600px){
  .pb-formwrap{padding:20px 16px 34px}
  .pb-formhead{font-size:19px}
}


/* ============================================================
 * 掲示板内の文章ページ（掲載ルール・免責事項など）
 * ========================================================== */
.pb-formwrap h2{
  font-size:17px;font-weight:700;line-height:1.5;color:var(--pb-ink);
  margin:34px 0 12px;padding-top:22px;border-top:1px solid var(--pb-line);
  font-feature-settings:"palt" 1;
}
.pb-formwrap h2:first-of-type{margin-top:22px}
.pb-formwrap h3{
  font-size:14.5px;font-weight:700;color:var(--pb-ink);
  margin:22px 0 6px;
}
.pb-formwrap p{
  font-size:14px;line-height:1.9;color:var(--pb-ink2);margin:0 0 14px;
}
.pb-formwrap p strong,
.pb-formwrap li strong{color:var(--pb-ink);font-weight:700}
.pb-formwrap ul,
.pb-formwrap ol{
  margin:0 0 16px;padding-left:1.4em;
}
.pb-formwrap li{
  font-size:14px;line-height:1.9;color:var(--pb-ink2);margin-bottom:7px;
}
.pb-formwrap li:last-child{margin-bottom:0}
.pb-formwrap a{color:var(--pb-accent);text-decoration:underline}

.pb-formwrap .pb-lede{
  font-size:14.5px;color:var(--pb-ink);
  background:var(--pb-paper2);border:1px solid var(--pb-line2);
  border-radius:3px;padding:14px 16px;margin-bottom:6px;
}
.pb-formwrap .pb-strong{
  color:var(--pb-ink);font-weight:500;
  border-left:3px solid var(--pb-accent);
  padding:2px 0 2px 14px;margin-bottom:16px;
}
.pb-formwrap .pb-date{
  font-size:12.5px;color:var(--pb-ink3);
  margin-top:32px;padding-top:18px;border-top:1px solid var(--pb-line);
}

/* 定義表 */
.pb-formwrap table.pb-kv{
  width:100%;border-collapse:collapse;margin:0 0 18px;
  border:1px solid var(--pb-line);
}
.pb-formwrap table.pb-kv th,
.pb-formwrap table.pb-kv td{
  text-align:left;padding:10px 14px;font-size:13.5px;
  border-bottom:1px solid var(--pb-line2);vertical-align:top;
}
.pb-formwrap table.pb-kv th{
  width:150px;white-space:nowrap;font-weight:500;
  color:var(--pb-ink3);background:var(--pb-paper2);
}
.pb-formwrap table.pb-kv td{color:var(--pb-ink2)}
.pb-formwrap table.pb-kv tr:last-child th,
.pb-formwrap table.pb-kv tr:last-child td{border-bottom:none}

/* 問い合わせフォームの第三者提供の明示 */
.pbf-consent{
  font-size:13px;line-height:1.8;color:var(--pb-ink2);
  background:var(--pb-paper2);border:1px solid var(--pb-line);
  border-left:3px solid var(--pb-nego);border-radius:3px;
  padding:13px 15px;margin:24px 0 0;
}
.pbf-consent b{color:var(--pb-ink);font-weight:700}
.pbf-consent a{color:var(--pb-accent);text-decoration:underline}

@media (max-width:600px){
  .pb-formwrap table.pb-kv th{width:auto;display:block;border-bottom:none;padding-bottom:2px}
  .pb-formwrap table.pb-kv td{display:block;padding-top:0}
}

/* 案件問い合わせフォームの下に置く、運営あて窓口への導線 */
.pbf-alt{
  max-width:880px;margin:26px auto 0;padding:12px 14px;
  border:1px solid var(--pb-line);border-radius:4px;background:var(--pb-paper2);
  font-size:12.5px;line-height:1.8;color:var(--pb-ink2);
}
.pbf-alt b{color:var(--pb-ink)}

/* 同意文のすぐ下に置く確認先。掲載ルールと個人情報の取り扱いを並べる。
   同意の前に読むべきものが2つあるので、文中リンクにせず独立させる。 */
.pbf-consent-links{
  margin:8px 0 0;display:flex;gap:18px;flex-wrap:wrap;font-size:12.5px;
}
.pbf-consent-links a{color:var(--pb-accent);font-weight:500;text-decoration:underline}

/* ---------- 空のときの誘い ---------- */
.pb-empty-sub{
  font-size:13px;line-height:1.9;color:var(--pb-ink3);
  max-width:32em;margin:0 auto 16px;
}
.pb-empty-btn{
  display:inline-block;background:var(--pb-cta);color:var(--pb-on-cta);
  font-weight:700;font-size:14px;padding:10px 22px;border-radius:6px;
  box-shadow:0 2px 6px rgba(0,0,0,.24);
}
.pb-empty-btn:hover{background:var(--pb-cta-hover);text-decoration:none}

/* ---------- 品目別・地域別の解説 ----------
   一覧の下に置く。来た人が最初に見たいのは案件そのもので、
   上に長文を置くと案件にたどり着く前に離脱する。 */
/* 一覧と地続きに見えると「何の文章か」が分からなくなるので、帯を1本入れて
   別の塊であることを示す。
   読みやすい行長（52em前後）に収めつつ、帯と本文の左端を必ず揃えること。
   帯だけ全幅・本文だけ左寄せにすると、右半分が空いた箱に見える。 */
.pb-hub{
  padding:0 0 38px;background:var(--pb-paper2);
  border-top:1px solid var(--pb-line);
}
.pb-hub-head{
  background:var(--pb-paper);border-bottom:1px solid var(--pb-line);
  margin-bottom:26px;
}
/* 見出しの帯と本文は必ず同じ幅・同じ左右余白にする。
   幅を em で指定すると、見出し(14px)と本文(13.5px)で基準が変わって左端がずれる。
   px で揃えること。
   詳細度にも注意。.pb-hub h2 が (0,1,1) なので、.pb-hub-title 単独 (0,1,0) では
   margin を上書きされて中央寄せが効かない。 */
.pb-hub .pb-hub-title{
  box-sizing:border-box;
  max-width:1140px;margin:0 auto;padding:13px 20px;
  font-size:14px;font-weight:700;color:var(--pb-ink);
  letter-spacing:.01em;font-feature-settings:"palt" 1;
}
/* 本文は読みやすい行長（40字前後＝640px）で止め、余る右側は関連リンクで埋める。
   空けたままだと「表示が壊れている」ように見える。 */
.pb-hub-grid{
  box-sizing:border-box;
  max-width:1140px;margin:0 auto;padding:0 20px;
  display:grid;grid-template-columns:minmax(0,1fr) 264px;gap:0 48px;
  align-items:start;
}
.pb-hub .pb-hub-body{max-width:640px}

.pb-hub-side{display:flex;flex-direction:column;gap:18px}
.pb-side-box{
  background:var(--pb-paper);border:1px solid var(--pb-line);border-radius:4px;
  padding:14px 16px;
}
.pb-side-box h3{
  margin:0 0 10px;padding:0;border:none;
  font-size:12.5px;font-weight:700;color:var(--pb-ink3);
  letter-spacing:.04em;
}
.pb-side-box ul{margin:0;padding:0;list-style:none;max-width:none}
.pb-side-box li{
  margin:0;padding:7px 0;border-top:1px solid var(--pb-line2);
  font-size:12.5px;line-height:1.7;
}
.pb-side-box li:first-child{border-top:none;padding-top:0}
.pb-side-box li:last-child{padding-bottom:0}
.pb-side-box a{color:var(--pb-ink2);text-decoration:none}
.pb-side-box a:hover{color:var(--pb-accent);text-decoration:underline}
.pb-side-op p{
  margin:0 0 11px;font-size:11.5px;line-height:1.75;color:var(--pb-ink2);
}
.pb-side-op p:last-child{margin-bottom:0}
.pb-side-op b{color:var(--pb-ink3);font-weight:500;font-size:11px}
.pb-side-op span{color:var(--pb-ink3)}
.pb-hub h2{
  font-size:15px;font-weight:700;color:var(--pb-ink);
  margin:26px 0 10px;line-height:1.6;font-feature-settings:"palt" 1;
}
.pb-hub h2:first-child{margin-top:0}
.pb-hub h3{
  font-size:14px;font-weight:700;color:var(--pb-ink);
  margin:24px 0 9px;padding-left:10px;line-height:1.6;
  border-left:3px solid var(--pb-accent);
}
.pb-hub h3:first-child{margin-top:0}
.pb-hub .pb-hub-lead{
  font-size:13px;color:var(--pb-ink3);margin:0 0 22px;line-height:1.85;
}
.pb-hub p{
  font-size:13.5px;line-height:1.95;color:var(--pb-ink2);margin:0 0 1.1em;
}
.pb-hub strong,.pb-hub b{color:var(--pb-ink);font-weight:700}
.pb-hub ul,.pb-hub ol{margin:0 0 1.1em;padding-left:1.4em}
.pb-hub li{font-size:13.5px;line-height:1.9;color:var(--pb-ink2);margin-bottom:5px}
.pb-hub a{color:var(--pb-accent);text-decoration:underline}

/* よくある質問（入口のみ）
   文言は pp-board.php の pb_faq() が持ち、表示と FAQPage が同じ配列を読む。 */
.pb-faq{margin-top:30px;padding-top:24px;border-top:1px solid var(--pb-line)}
.pb-faq dl{margin:0}
.pb-faq dt{
  position:relative;margin:20px 0 7px;padding-left:22px;
  font-size:13.5px;font-weight:700;line-height:1.75;color:var(--pb-ink);
}
.pb-faq dt:first-of-type{margin-top:0}
.pb-faq dt::before{
  content:"Q";position:absolute;left:0;top:0;
  font-size:12.5px;font-weight:700;color:var(--pb-accent);
}
.pb-faq dd{
  margin:0;padding-left:22px;
  font-size:13px;line-height:1.95;color:var(--pb-ink2);
}

@media (max-width:920px){
  .pb-h1{padding:12px 16px 0;font-size:14.5px}
  .pb-hub{padding:0 0 26px}
  .pb-hub-head{margin-bottom:20px}
  .pb-hub .pb-hub-title{padding:12px 16px}
  .pb-hub-grid{grid-template-columns:1fr;gap:26px 0;padding:0 16px}
  .pb-hub .pb-hub-body{max-width:none}
}


/* ============================================================
   PB_LIGHT_2026 白地・サイト共通の見た目に（2026-09-27）
   ============================================================ */
html.pb-html,.pb-body{background:#FFFFFF;color-scheme:light}
.pb-hd{border-top:3px solid #C8960C;border-bottom:1px solid var(--pb-line);padding-bottom:0}
.pb-hd-sub{opacity:1;color:var(--pb-ink2)}
.pb-hd-post{box-shadow:0 2px 6px rgba(10,22,40,.16)}
.pb-hd-post:hover{box-shadow:0 4px 12px rgba(10,22,40,.2)}
.pb-hd-post .plus{background:transparent;border:1.5px solid #C8960C;color:#C8960C}
.pb-hd-post{border-bottom:3px solid #C8960C}
.pb-cross a{border-color:var(--pb-line);background:var(--pb-paper2)}
.pb-cross a:hover{border-color:#C8960C;background:#FFFFFF}
.pb-tab{color:var(--pb-ink2)}
.pb-tab.is-on{color:var(--pb-on-hd);border-bottom-color:#C8960C}
/* サイトの帯（ロゴ・商品・会社案内・電話） */
.pb-site{background:#0A1628;color:#fff;font-size:13px}
.pb-site-in{max-width:1100px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.pb-site a{color:#fff;text-decoration:none}
.pb-site a:hover{color:#E5C06A;text-decoration:none}
.pb-site-logo{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:14px;letter-spacing:.02em;margin-right:auto}
.pb-site-mark{display:block;flex:0 0 auto;border:1px solid rgba(200,150,12,.55)}
.pb-site-name{display:flex;flex-direction:column;line-height:1.25}
.pb-site-name .ja{font-size:15px;font-weight:700;letter-spacing:.04em}
.pb-site-name .en{font-size:10px;font-weight:500;letter-spacing:.14em;color:#C8960C}
.pb-site-nav{display:flex;gap:16px;flex-wrap:wrap}
.pb-site-tel{font-weight:700;letter-spacing:.03em}
.pb-site-tel small{font-weight:400;opacity:.75;margin-left:6px;font-size:11px}
@media (max-width:600px){.pb-site-nav{display:none}.pb-site-tel small{display:none}.pb-site-name .ja{font-size:13px}.pb-site-name .en{display:none}}


/* ============================================================
 * 2026-10-11 使いやすさの見直し（PB 3.7.0）
 *   ・一覧の上に「売りたい／買いたい」の入口ボタンと、使い方の3手順
 *   ・一覧は表からカードへ（投稿者の列は廃止）
 *   ・当社の買取募集は「当社の買取窓口」にまとめて一覧の下へ
 * ========================================================== */

/* 入口ページでは掲示板名がそのまま h1 */
.pb-hd-h1{margin:0;display:inline;font-size:23px}
.pb-hd-h1 a{color:inherit}
.pb-hd-h1 a:hover{text-decoration:none;opacity:.85}

/* もう一方の掲示板への小さな案内（掲示板名の行の右端） */
.pb-cross-sm a{
  flex-direction:row;padding:5px 11px;border:1px solid var(--pb-line);
  border-radius:999px;background:var(--pb-paper2);color:var(--pb-ink2);
}
.pb-cross-sm .cl1{font-size:12.5px}
.pb-cross-sm a:hover{border-color:var(--pb-accent);color:var(--pb-accent);background:var(--pb-paper)}

/* 売りたい／買いたいの入口 */
.pb-start{
  display:grid;grid-template-columns:1fr 1fr;gap:12px;
  padding:14px 0 0;
}
.pb-go{
  position:relative;display:flex;flex-direction:column;gap:3px;
  padding:14px 48px 15px 16px;border-radius:8px;
  border:1.5px solid var(--pb-line);background:var(--pb-paper);
  color:var(--pb-ink);
  transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.pb-go:hover{text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 12px rgba(10,22,40,.10)}
.pb-go-sell{border-left:5px solid var(--pb-sell)}
.pb-go-buy{border-left:5px solid var(--pb-buy)}
.pb-go-sell:hover{border-color:var(--pb-sell)}
.pb-go-buy:hover{border-color:var(--pb-buy)}
.pb-go-k{
  align-self:flex-start;font-size:11.5px;font-weight:700;
  padding:1px 8px;border-radius:2px;line-height:1.6;
}
.pb-go-sell .pb-go-k{background:var(--pb-sell-bg);color:var(--pb-sell)}
.pb-go-buy .pb-go-k{background:var(--pb-buy-bg);color:var(--pb-buy)}
.pb-go-l1{font-size:17px;font-weight:700;line-height:1.45;font-feature-settings:"palt" 1}
.pb-go-l2{font-size:12.5px;color:var(--pb-ink2);line-height:1.6}
.pb-go-arw{
  position:absolute;right:16px;top:50%;transform:translateY(-50%);
  width:28px;height:28px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:var(--pb-cta);color:var(--pb-on-cta);font-size:14px;font-weight:700;
}

/* 使い方の3手順 */
.pb-steps{
  list-style:none;counter-reset:pbs;
  display:grid;grid-template-columns:repeat(3,1fr);gap:8px 14px;
  margin:14px 0 0;padding:0;
}
.pb-steps li{
  counter-increment:pbs;position:relative;
  padding:0 0 0 32px;font-size:12.5px;line-height:1.55;color:var(--pb-ink2);
}
.pb-steps li::before{
  content:counter(pbs);position:absolute;left:0;top:1px;
  width:22px;height:22px;border-radius:50%;
  background:var(--pb-paper2);border:1px solid var(--pb-line);
  font-size:12px;font-weight:700;color:var(--pb-ink);
  display:flex;align-items:center;justify-content:center;
}
.pb-steps b{display:block;color:var(--pb-ink);font-size:13.5px;font-weight:700}
.pb-proxy{margin:12px 0 4px;font-size:12.5px;line-height:1.7;color:var(--pb-ink2)}
.pb-proxy a{color:var(--pb-accent);text-decoration:underline}
.pb-start + .pb-steps + .pb-proxy + .pb-tabs{margin-top:6px}

/* ---------- カード型の一覧 ---------- */
.pb-cards{display:flex;flex-direction:column}
.pb-card{
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"meta act" "title act" "desc act" "spec act";
  gap:4px 28px;padding:16px 20px 17px;
  border-bottom:1px solid var(--pb-line2);
}
.pb-card:hover{background:var(--pb-paper2)}
.pb-card-meta{grid-area:meta;display:flex;align-items:center;gap:6px 8px;flex-wrap:wrap}
.pb-card-meta .pb-k-nego{margin-left:0}
.pb-card-date{font-size:12px;color:var(--pb-ink3);font-variant-numeric:tabular-nums}
.pb-card-date .new{margin-left:7px;font-size:10.5px;font-weight:700;color:var(--pb-new);letter-spacing:.06em}
.pb-op{
  font-size:11.5px;font-weight:500;color:var(--pb-ink2);line-height:1.6;
  border:1px solid var(--pb-line);border-radius:2px;padding:1px 7px;background:var(--pb-paper);
}
.pb-card-title{
  grid-area:title;margin:3px 0 0;
  font-size:17px;font-weight:700;line-height:1.5;color:var(--pb-ink);
  font-feature-settings:"palt" 1;
}
.pb-card-title a{color:inherit}
.pb-card-desc{
  grid-area:desc;margin:0;font-size:13px;line-height:1.75;color:var(--pb-ink2);
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
}
.pb-card-spec{
  grid-area:spec;display:flex;flex-wrap:wrap;gap:4px 24px;
  margin:6px 0 0;font-size:13px;line-height:1.6;
}
.pb-card-spec div{display:flex;gap:7px;min-width:0}
.pb-card-spec dt{color:var(--pb-ink3);font-weight:400;white-space:nowrap}
.pb-card-spec dd{margin:0;color:var(--pb-ink);font-weight:500;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.pb-card-act{
  grid-area:act;display:flex;flex-direction:column;justify-content:center;
  align-items:stretch;gap:8px;min-width:136px;
}
.pb-card .pb-ask{text-align:center;padding:9px 14px;font-size:13.5px;border-radius:4px}
.pb-more{font-size:12.5px;text-align:center;color:var(--pb-accent)}
.pb-card.is-done .pb-card-title,
.pb-card.is-done .pb-card-spec dd{color:var(--pb-ink3);font-weight:500}

/* ---------- 当社の買取窓口 ---------- */
.pb-window{padding:20px 20px 22px;border-top:1px solid var(--pb-line);background:var(--pb-paper)}
.pb-window-head h2{margin:0;font-size:16px;font-weight:700;line-height:1.5;color:var(--pb-ink)}
.pb-window-head p{margin:4px 0 0;font-size:12.5px;line-height:1.7;color:var(--pb-ink2)}
.pb-window-list{list-style:none;margin:12px 0 0;padding:0;border:1px solid var(--pb-line2);border-radius:6px}
.pb-window-list li{
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"t btn" "m btn";gap:2px 18px;align-items:center;
  padding:11px 14px;border-bottom:1px solid var(--pb-line2);
}
.pb-window-list li:last-child{border-bottom:none}
.pb-window-t{grid-area:t;font-size:14px;font-weight:700;color:var(--pb-ink)}
.pb-window-m{grid-area:m;font-size:12px;color:var(--pb-ink3)}
.pb-window-list .pb-ask{grid-area:btn;border-radius:4px}

/* ---------- 該当なし ---------- */
.pb-empty-acts{display:flex;gap:12px 18px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:6px}
.pb-empty a.pb-empty-btn{color:var(--pb-on-cta)}
.pb-empty-reset{font-size:13px}

/* ---------- 投稿フォーム ---------- */
.pbf-proxy{
  margin:12px 0 0;padding:11px 14px;border-radius:4px;
  background:var(--pb-paper2);border:1px solid var(--pb-line2);
  font-size:13px;line-height:1.8;color:var(--pb-ink2);
}
.pbf-proxy b{color:var(--pb-ink)}
.pbf-proxy a{color:var(--pb-accent);text-decoration:underline}
.pbf-more summary{
  cursor:pointer;font-size:13px;font-weight:500;color:var(--pb-accent);
  list-style:revert;
}
.pbf-more[open] summary{margin-bottom:6px}
.pbf-more select{max-width:240px}

@media (max-width:920px){
  .pb-hd-h1{font-size:20px}
  .pb-hd-top{align-items:flex-start}
  .pb-card{padding:15px 16px 16px}
  .pb-window{padding:18px 16px 20px}
}
@media (max-width:600px){
  .pb-start{grid-template-columns:1fr;gap:10px;padding-top:12px}
  .pb-go{padding:12px 46px 13px 14px}
  .pb-go-l1{font-size:16px}
  .pb-steps{grid-template-columns:1fr;gap:7px;margin-top:12px}
  .pb-steps li{padding-left:30px}
  .pb-steps b{display:inline;font-size:13px;margin-right:6px}
  .pb-card{
    grid-template-columns:1fr;
    grid-template-areas:"meta" "title" "desc" "spec" "act";
    gap:4px;
  }
  .pb-card-title{font-size:16px}
  .pb-card-spec{display:grid;grid-template-columns:1fr;gap:1px}
  .pb-card-spec div{display:grid;grid-template-columns:5em 1fr;gap:0 10px}
  .pb-card-act{flex-direction:row;align-items:center;margin-top:10px;min-width:0}
  .pb-card-act .pb-ask{flex:1;width:auto}
  .pb-more{padding:0 6px}
  .pb-window-list li{grid-template-columns:1fr;grid-template-areas:"t" "m" "btn"}
  .pb-window-list .pb-ask{margin-top:8px}
}


/* ============================================================
 * 2026-10-11 一覧の下の案内（PB 3.8.0）
 *   右の枠を廃止し、1列・中央寄せ。見出しの帯を太くして別の塊だと分かるように。
 * ========================================================== */
.pb-guide{background:var(--pb-paper2);padding-bottom:40px}
.pb-guide .pb-hub-head{background:var(--pb-paper);border-bottom:1px solid var(--pb-line);margin-bottom:24px}
.pb-guide .pb-hub-title{
  max-width:900px;padding:18px 20px 16px;margin:0 auto;
  font-size:19px;font-weight:700;letter-spacing:.01em;
}
.pb-guide-in{box-sizing:border-box;max-width:900px;margin:0 auto;padding:0 20px}
.pb-guide .pb-hub-body{max-width:none}

/* 見出しは左線ではなく、塊ごとの白い面で区切る */
.pb-guide h3{border-left:none;padding-left:0;font-size:16px;margin:0 0 12px}
.pb-gd-block{
  background:var(--pb-paper);border:1px solid var(--pb-line);border-radius:8px;
  padding:20px 22px;margin-top:16px;
}

/* 売りたい方へ／探している方へ */
.pb-gd-who{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pb-gd-card{
  display:flex;flex-direction:column;
  background:var(--pb-paper);border:1px solid var(--pb-line);border-radius:8px;
  padding:20px 22px;border-top:4px solid var(--pb-line);
}
.pb-gd-sell{border-top-color:var(--pb-sell)}
.pb-gd-buy{border-top-color:var(--pb-buy)}
.pb-gd-card h3{font-size:17px;margin-bottom:8px}
.pb-guide p.pb-gd-lead{font-size:13.5px;line-height:1.85;color:var(--pb-ink2);margin:0 0 12px}
.pb-guide p.pb-gd-cap{font-size:12px;font-weight:700;color:var(--pb-ink3);margin:0 0 6px;letter-spacing:.04em}
.pb-guide ul.pb-gd-check{list-style:none;margin:0 0 14px;padding:0}
.pb-guide .pb-gd-check li{
  position:relative;padding-left:26px;margin:0 0 6px;
  font-size:14px;line-height:1.7;color:var(--pb-ink);
}
.pb-gd-check li::before{
  content:"";position:absolute;left:2px;top:4px;width:16px;height:16px;border-radius:3px;
  background:var(--pb-buy-bg);
}
.pb-gd-check li::after{
  content:"";position:absolute;left:7px;top:6px;width:5px;height:9px;
  border:solid var(--pb-buy);border-width:0 2px 2px 0;transform:rotate(45deg);
}
.pb-gd-sell .pb-gd-check li::before{background:var(--pb-sell-bg)}
.pb-gd-sell .pb-gd-check li::after{border-color:var(--pb-sell)}
.pb-gd-ex{border:1px solid var(--pb-line2);border-radius:6px;overflow:hidden;margin:0 0 10px}
.pb-guide .pb-gd-ex p{margin:0;padding:8px 12px;font-size:13px;line-height:1.7;color:var(--pb-ink)}
.pb-guide .pb-gd-ex p + p{border-top:1px solid var(--pb-line2);background:var(--pb-paper2)}
.pb-gd-ex span{
  display:inline-block;font-size:11px;font-weight:700;padding:0 7px;border-radius:2px;margin-right:9px;line-height:1.8;
}
.pb-gd-ex .ng{background:var(--pb-done-bg);color:var(--pb-done)}
.pb-gd-ex .ok{background:#E3F1E8;color:var(--pb-new)}
.pb-guide p.pb-gd-note{font-size:12px;line-height:1.75;color:var(--pb-ink3);margin:0 0 14px}
.pb-guide a.pb-gd-btn{
  margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;
  background:var(--pb-cta);color:var(--pb-on-cta);text-decoration:none;
  font-size:14px;font-weight:700;padding:10px 18px;border-radius:6px;
}
.pb-guide a.pb-gd-btn:hover{background:var(--pb-cta-hover)}

/* 掲載できるもの */
.pb-guide ul.pb-gd-tags{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.pb-guide .pb-gd-tags li{
  margin:0;padding:6px 12px;border-radius:999px;
  background:var(--pb-paper2);border:1px solid var(--pb-line);
  font-size:13.5px;font-weight:500;color:var(--pb-ink);line-height:1.5;
}
.pb-guide ul.pb-gd-oknote{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:4px 20px}
.pb-guide .pb-gd-oknote li{margin:0;font-size:13px;color:var(--pb-new);font-weight:500}
.pb-guide .pb-gd-oknote li::before{content:"○ "}
.pb-guide p.pb-gd-caution{
  margin:0;padding:10px 12px;border-radius:6px;background:var(--pb-nego-bg);
  font-size:12.5px;line-height:1.75;color:var(--pb-ink2);
}

/* どこに出すか迷ったら */
.pb-gd-route{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.pb-gd-rt{
  display:flex;flex-direction:column;gap:6px;
  border:1px solid var(--pb-line);border-radius:6px;padding:14px 14px 12px;
}
.pb-gd-rt.is-board{border-color:var(--pb-cta);box-shadow:inset 0 0 0 1px var(--pb-cta)}
.pb-guide .pb-gd-rt p{margin:0}
.pb-guide .pb-gd-rt .nm{font-size:14.5px;font-weight:700;color:var(--pb-ink);line-height:1.5}
.pb-guide .pb-gd-rt .fit{font-size:13px;line-height:1.75;color:var(--pb-ink2)}
.pb-gd-rt .fit span{display:block;font-size:11px;font-weight:700;color:var(--pb-ink3);letter-spacing:.04em}
.pb-guide .pb-gd-rt a{margin-top:auto;padding-top:6px;font-size:13px;font-weight:700;text-decoration:none}
.pb-guide .pb-gd-rt a:hover{text-decoration:underline}
.pb-guide p.pb-gd-small{margin:12px 0 0;font-size:12.5px;line-height:1.85;color:var(--pb-ink3)}

/* 地域から探す・相談先 */
.pb-guide ul.pb-gd-areas,
.pb-guide ul.pb-gd-links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.pb-guide .pb-gd-areas li,
.pb-guide .pb-gd-links li{margin:0}
.pb-guide .pb-gd-areas a,
.pb-guide .pb-gd-links a{
  display:inline-flex;align-items:center;gap:6px;
  padding:7px 14px;border:1px solid var(--pb-line);border-radius:6px;background:var(--pb-paper);
  font-size:13.5px;font-weight:500;color:var(--pb-ink);text-decoration:none;
}
.pb-guide .pb-gd-areas a:hover,
.pb-guide .pb-gd-links a:hover{border-color:var(--pb-accent);color:var(--pb-accent)}

/* よくある質問（開閉式） */
.pb-guide .pb-faq{
  margin-top:16px;padding:20px 22px;border:1px solid var(--pb-line);border-radius:8px;
  background:var(--pb-paper);
}
.pb-faq-q{border-top:1px solid var(--pb-line2)}
.pb-faq-q:first-of-type{border-top:none}
.pb-faq-q summary{
  position:relative;list-style:none;cursor:pointer;
  padding:12px 28px 12px 24px;font-size:14px;font-weight:700;line-height:1.7;color:var(--pb-ink);
}
.pb-faq-q summary::-webkit-details-marker{display:none}
.pb-faq-q summary::before{content:"Q";position:absolute;left:0;top:12px;color:var(--pb-accent);font-size:13px}
.pb-faq-q summary::after{content:"＋";position:absolute;right:4px;top:12px;color:var(--pb-ink3);font-weight:400}
.pb-faq-q[open] summary::after{content:"－"}
.pb-guide .pb-faq-q p{margin:0;padding:0 0 14px 24px;font-size:13.5px;line-height:1.9;color:var(--pb-ink2)}

/* この掲示板を作った理由（折りたたみ） */
.pb-story{margin-top:16px;border:1px solid var(--pb-line);border-radius:8px;background:var(--pb-paper)}
.pb-story summary{
  cursor:pointer;padding:16px 22px;font-size:14.5px;font-weight:700;color:var(--pb-ink);
}
.pb-story-body{padding:4px 22px 10px;border-top:1px solid var(--pb-line2)}
.pb-guide .pb-story-body h3{font-size:15px;margin:18px 0 8px}

@media (max-width:920px){
  .pb-guide .pb-hub-title{padding:16px 16px 14px;font-size:17px}
  .pb-guide-in{padding:0 16px}
}
@media (max-width:640px){
  .pb-gd-who,.pb-gd-route{grid-template-columns:1fr}
  .pb-gd-card,.pb-gd-block,.pb-guide .pb-faq{padding:16px}
  .pb-guide a.pb-gd-btn{align-self:stretch;justify-content:center}
  .pb-story summary{padding:14px 16px}
  .pb-story-body{padding:4px 16px 8px}
}
.pb-guide .pb-gd-text{margin-top:0}
.pb-guide .pb-gd-text h2,.pb-guide .pb-gd-text h3{margin-top:22px}
.pb-guide .pb-gd-text > :first-child{margin-top:0}

/* ============================================================
 * 2026-10-11 フォームページの上部（board-form.php）
 *   掲示板名の行に相互リンクを小さく右寄せ。タイトルの上に戻り先、下に3段階。
 * ========================================================== */
.pb-hd-form{padding-bottom:16px;border-bottom:1px solid var(--pb-line)}
.pb-hd-form .pb-hd-top{align-items:center;padding-bottom:0}
.pb-formwrap{padding-top:22px}
.pb-formback{margin:0 0 10px;font-size:13px}
.pb-formback a{color:var(--pb-ink2)}
.pb-formback a:hover{color:var(--pb-accent)}
.pb-formhead{margin-bottom:16px}
.pb-formsteps{
  list-style:none;counter-reset:pfs;margin:0 0 24px;padding:0;
  display:grid;grid-template-columns:repeat(3,1fr);
  border:1px solid var(--pb-line);border-radius:8px;overflow:hidden;
}
.pb-formsteps li{
  counter-increment:pfs;position:relative;margin:0;
  padding:11px 14px 11px 46px;background:var(--pb-paper);
  font-size:12px;line-height:1.5;color:var(--pb-ink3);
}
.pb-formsteps li + li{border-left:1px solid var(--pb-line)}
.pb-formsteps li::before{
  content:counter(pfs);position:absolute;left:14px;top:50%;transform:translateY(-50%);
  width:22px;height:22px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:var(--pb-paper2);border:1px solid var(--pb-line);
  font-size:12px;font-weight:700;color:var(--pb-ink2);
}
.pb-formsteps b{display:block;font-size:13.5px;color:var(--pb-ink);font-weight:700}
.pb-formsteps li.is-now{background:var(--pb-paper2)}
.pb-formsteps li.is-now::before{background:var(--pb-cta);border-color:var(--pb-cta);color:var(--pb-on-cta)}

@media (max-width:600px){
  .pb-formwrap{padding-top:16px}
  .pb-formsteps{grid-template-columns:1fr}
  .pb-formsteps li + li{border-left:none;border-top:1px solid var(--pb-line)}
  .pb-formsteps li{padding:9px 12px 9px 44px}
}
/* 本文の左端を掲示板名の左端（20px）にそろえる。中央寄せだと見出しだけ浮いて見える */
.pb-formwrap{margin:0;padding-left:20px;padding-right:20px}
@media (max-width:920px){.pb-formwrap{padding-left:16px;padding-right:16px}}
.pbf-alt{margin-left:0;margin-right:0}

/* ============================================================
 * 2026-10-11 掲示板共通フッター（pb_board_footer）
 *   運営者情報（左）と掲示板のルール類（右）の2列。
 * ========================================================== */
.pb-ft{border-top:1px solid var(--pb-line);background:var(--pb-paper2)}
.pb-ft-in{
  display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px 40px;
  padding:22px 20px 24px;
}
.pb-ft-op{margin:0;display:flex;flex-direction:column;gap:8px}
.pb-ft-op div{display:grid;grid-template-columns:6.5em 1fr;gap:0 12px;align-items:baseline}
.pb-ft-op dt{font-size:12px;font-weight:700;color:var(--pb-ink3)}
.pb-ft-op dd{margin:0;font-size:13px;line-height:1.7;color:var(--pb-ink)}
.pb-ft-op dd span{margin-left:10px;font-size:12px;color:var(--pb-ink3)}
.pb-ft-op dd a{color:var(--pb-ink);font-weight:700}
.pb-ft-cap{margin:0 0 6px;font-size:12px;font-weight:700;color:var(--pb-ink3)}
.pb-ft-nav ul{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:4px}
.pb-ft-nav li{margin:0}
.pb-ft-nav li a{font-size:13px;color:var(--pb-ink2)}
.pb-ft-nav li a:hover,.pb-ft-home:hover{color:var(--pb-accent)}
.pb-ft-home{font-size:12.5px;font-weight:700;color:var(--pb-accent)}

@media (max-width:640px){
  .pb-ft-in{grid-template-columns:1fr;padding:20px 16px}
  .pb-ft-op dd span{display:block;margin-left:0}
  .pb-ft-nav{border-top:1px solid var(--pb-line);padding-top:14px}
}
/* .pb-formwrap ol / li の本文用の余白（左1.4em・下7px）が3段階にも効いてしまうため打ち消す */
.pb-formwrap ol.pb-formsteps{padding:0;margin:0 0 24px}
.pb-formwrap .pb-formsteps li{margin:0;font-size:12px;line-height:1.5;color:var(--pb-ink3)}
/* 2026-10-11 フォームは1列を中央に置く（左寄せだと右4分の1が空く）。
   戻るリンク・見出し・3段階・フォームをまとめて同じ幅で中央へ */
.pb-formwrap{max-width:800px;margin:0 auto;padding-left:24px;padding-right:24px}
.pbf-alt{max-width:752px;margin-left:auto;margin-right:auto}
@media (max-width:920px){.pb-formwrap{padding-left:16px;padding-right:16px}}
.pb-ft-op dd a[href^="mailto:"]{font-weight:500;overflow-wrap:anywhere}

/* ============================================================
 * 2026-10-11 フッター刷新（PB 3.8.3）
 *   サイトのヘッダーと同じ濃紺＋金の線。ブランド／問い合わせ／リンクの3列。
 * ========================================================== */
.pb-ft{
  border-top:3px solid #c8960c;background:#0a1628;color:#C9D2DC;
}
.pb-ft-in{
  display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:28px 44px;
  padding:34px 28px 30px;
}
.pb-ft a{color:inherit}
.pb-ft-logo{display:inline-flex;align-items:center;gap:12px;text-decoration:none}
.pb-ft-logo:hover{text-decoration:none;opacity:.9}
.pb-ft-logo span{display:flex;flex-direction:column;line-height:1.3}
.pb-ft-logo b{color:#FFFFFF;font-size:15px;font-weight:700;letter-spacing:.02em}
.pb-ft-logo small{color:#c8960c;font-size:10.5px;font-weight:700;letter-spacing:.12em;margin-top:2px}
.pb-ft p{margin:0}
.pb-ft-tag{margin-top:14px !important;font-size:13px;line-height:1.85;color:#C9D2DC}
.pb-ft-addr{margin-top:12px !important;font-size:12px;line-height:1.85;color:#8E9BAA}
.pb-ft-cap{
  font-size:11.5px;font-weight:700;letter-spacing:.12em;color:#c8960c;
  margin:0 0 10px !important;
}
.pb-ft-tel{
  display:flex;align-items:baseline;gap:10px;text-decoration:none;
  color:#FFFFFF !important;font-size:24px;font-weight:700;letter-spacing:.02em;
  font-variant-numeric:tabular-nums;line-height:1.3;
}
.pb-ft-tel:hover{text-decoration:none;color:#E7C25A !important}
.pb-ft .k{
  display:inline-block;min-width:3.6em;font-size:10.5px;font-weight:700;letter-spacing:.1em;
  color:#8E9BAA;
}
.pb-ft-tel .k{min-width:auto;font-size:11px;color:#c8960c}
.pb-ft-hours{font-size:12px;color:#8E9BAA;margin:4px 0 14px !important}
.pb-ft-row{
  display:flex;align-items:baseline;flex-wrap:wrap;gap:0 4px;
  padding:8px 0;border-top:1px solid rgba(255,255,255,.10);
  font-size:13.5px;color:#FFFFFF;font-variant-numeric:tabular-nums;
}
.pb-ft-row small{margin-left:8px;font-size:11.5px;color:#8E9BAA}
.pb-ft-row a{color:#FFFFFF;overflow-wrap:anywhere}
.pb-ft-row a:hover{color:#E7C25A}
.pb-ft-nav ul{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column;gap:7px}
.pb-ft-nav ul:last-child{margin-bottom:0}
.pb-ft-nav li{margin:0}
.pb-ft-nav li a{font-size:13px;color:#C9D2DC;text-decoration:none}
.pb-ft-nav li a::before{content:"›";margin-right:7px;color:#c8960c}
.pb-ft-nav li a:hover{color:#FFFFFF;text-decoration:underline}
.pb-ft-bottom{
  display:flex;justify-content:space-between;align-items:center;gap:8px 16px;flex-wrap:wrap;
  padding:14px 28px;border-top:1px solid rgba(255,255,255,.10);
  font-size:11.5px;color:#8E9BAA;letter-spacing:.03em;
}
.pb-ft-bottom a{color:#C9D2DC;font-weight:700;text-decoration:none}
.pb-ft-bottom a:hover{color:#FFFFFF}
.pb-ft :focus-visible{outline:2px solid #c8960c;outline-offset:2px}

@media (max-width:920px){
  .pb-ft-in{grid-template-columns:1fr 1fr;padding:28px 20px 24px}
  .pb-ft-brand{grid-column:1/-1}
  .pb-ft-bottom{padding:12px 20px}
}
@media (max-width:600px){
  .pb-ft-in{grid-template-columns:1fr;gap:26px}
  .pb-ft-tel{font-size:22px}
  .pb-ft-nav{border-top:1px solid rgba(255,255,255,.10);padding-top:20px}
}

/* ============================================================
 * 2026-10-11 戻る導線（フォーム・個別案件）
 *   押せるボタン＋いまどこにいるかのパンくず
 * ========================================================== */
.pb-back{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin:0 0 18px}
.pb-back-btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:7px 16px 7px 8px;border-radius:999px;
  background:var(--pb-paper);border:1px solid var(--pb-line);
  font-size:13.5px;font-weight:700;color:var(--pb-ink) !important;text-decoration:none !important;
  box-shadow:0 1px 2px rgba(10,22,40,.06);
  transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.pb-back-btn .ico{
  display:inline-flex;align-items:center;justify-content:center;
  width:24px;height:24px;border-radius:50%;
  background:var(--pb-cta);color:var(--pb-on-cta);font-size:17px;line-height:1;padding-bottom:2px;
}
.pb-back-btn:hover{border-color:var(--pb-accent);box-shadow:0 3px 8px rgba(10,22,40,.12);transform:translateX(-2px)}
.pb-formwrap ol.pb-back-trail,
.pb-back-trail{
  list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;
  font-size:12.5px;color:var(--pb-ink3);
}
.pb-formwrap .pb-back-trail li,
.pb-back-trail li{margin:0;font-size:12.5px;line-height:1.6;color:var(--pb-ink3)}
.pb-back-trail li + li::before{content:"›";margin:0 8px;color:var(--pb-ink3)}
.pb-back-trail a{color:var(--pb-ink2) !important;text-decoration:none !important}
.pb-back-trail a:hover{color:var(--pb-accent) !important;text-decoration:underline !important}
.pb-back-trail [aria-current]{color:var(--pb-ink);font-weight:500}
@media (max-width:600px){
  .pb-back{gap:8px}
  .pb-back-trail{width:100%}
}