/* ONEPAGE-20261029 v2 棟ページ (トップ) の見た目。 style.css / sellbuy.css の上に重ねる (棟ページだけが読む)。
   ユーザー指示 (2026-10-29)「AI っぽい箱のデザインをやめる。 大手ポータルのような見やすさに」
   → 不動産ポータルの型: 灰色の見出し帯・罫線で囲った表・項目名セルは薄い灰色・紺と赤の四角いボタン・字は小さめで密に。
   英字の小見出し (MANSION DATA / FOR BUYERS) は出さない。 影・グラデーション・角丸の箱・左の色線・パステルのチップは使わない。 */
.station.op{--op-ink:#222;--op-ink2:#444;--op-mut:#6a6f75;--op-line:#cfd5db;--op-line2:#9aa3ab;--op-soft:#eef1f4;--op-bar:#e7ebef;
  --op-navy:#1f3b57;--op-red:#c0392b;--op-green:#1f6f5f;--op-link:#1a4fa0;--op-buy:#c0392b;--op-buy-bg:#fbeae7;--op-sell:#1a4fa0;--op-sell-bg:#e9eff9}
.station.op{color:var(--op-ink);font-size:14px;line-height:1.75}
.station.op a{color:var(--op-link)}
.station.op .kick{display:none}
.station.op h1{font-size:24px;font-weight:800;letter-spacing:0;line-height:1.35;margin:8px 0 6px;padding:0 0 8px;border-bottom:3px solid var(--op-navy)}
.station.op .sub{font-size:12.5px;color:var(--op-mut);margin:0 0 12px}
.station.op .op-what{display:inline-block;color:var(--op-ink);font-weight:700;border-left:1px solid var(--op-line);padding-left:10px;margin-left:4px}

/* ---- ページ全体 = 灰色の地に白い 1 枚の面 ---- */
body{background:#eceff2}
@media (min-width:760px){.station.op{background:#fff;padding:12px 28px 34px;border:1px solid var(--op-line)}}
@media (max-width:759px){.station.op{background:#fff;padding:6px 12px 24px;margin:0 -6px;border-top:1px solid var(--op-line);border-bottom:1px solid var(--op-line)}}

/* ---- 章: 箱をやめる。 見出しは灰色の帯 ---- */
.station.op section{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;margin:0 0 34px}
.station.op section.nobd{margin-bottom:22px}
.station.op h2{font-size:16px;font-weight:800;color:var(--op-ink);margin:0 0 12px;padding:8px 12px;background:var(--op-bar);
  border:0;border-bottom:1px solid var(--op-line);border-radius:0;box-shadow:none;letter-spacing:0;line-height:1.5}
.station.op h2::before,.station.op h2::after{display:none;content:none}
.station.op h2.plain{background:none;border:0;padding:0}
.station.op h3{font-size:14.5px;font-weight:800;margin:18px 0 8px;padding:0 0 4px;border:0;border-bottom:1px solid var(--op-line);background:none}
.station.op h3::before{display:none;content:none}
.station.op .lead{font-size:14px;line-height:1.85;margin:0 0 10px}
.station.op .note{font-size:12px;color:var(--op-mut);line-height:1.8}
.station.op .acc{font-size:12px;color:var(--op-mut)}

/* ---- 数字: 大きなタイルではなく「項目名 | 値」の表 ---- */
.station.op .kpis{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0 0 12px;border:1px solid var(--op-line);border-bottom:0}
.station.op .kpi{display:grid;grid-template-columns:150px 1fr;background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;margin:0;border-bottom:1px solid var(--op-line)}
.station.op .kpi:nth-child(odd){border-right:1px solid var(--op-line)}
.station.op .kpi .l{display:flex;align-items:center;font-size:12px;color:var(--op-ink2);background:var(--op-soft);padding:7px 10px;letter-spacing:0;line-height:1.5}
.station.op .kpi strong{display:inline;font-size:17px;font-weight:800;color:var(--op-ink);padding:7px 10px 0;letter-spacing:0}
.station.op .kpi strong small{font-size:11px;font-weight:600;color:var(--op-mut)}
.station.op .kpi em{display:block;font-size:11px;color:var(--op-mut);padding:0 10px 6px;line-height:1.5}
.station.op .kpi strong,.station.op .kpi em{grid-column:2}
.station.op .kpi .l{grid-row:1 / span 2}
@media (max-width:700px){.station.op .kpis{grid-template-columns:1fr}.station.op .kpi:nth-child(odd){border-right:0}.station.op .kpi{grid-template-columns:120px 1fr}}
.station.op .slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:0;border:1px solid var(--op-line);margin:10px 0}
.station.op .slot{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;display:grid;grid-template-columns:1fr;border-right:1px solid var(--op-line)}
.station.op .slot:last-child{border-right:0}
.station.op .slot .sl{background:var(--op-soft);font-size:12px;padding:6px 10px;color:var(--op-ink2);border-bottom:1px solid var(--op-line)}
.station.op .slot .sv{font-size:17px;font-weight:800;padding:7px 10px}
.station.op .slot .sv small{font-size:11px;font-weight:600;color:var(--op-mut)}

/* ---- 概要 (dl) = 項目名セルが灰色の表 ---- */
.station.op .spec{gap:0;border-top:1px solid var(--op-line);border-left:1px solid var(--op-line);margin:8px 0 0}
.station.op .spec div{padding:0;border-bottom:1px solid var(--op-line);border-right:1px solid var(--op-line);align-items:stretch;gap:0;font-size:13px}
.station.op .spec dt{flex:0 0 96px;background:var(--op-soft);color:var(--op-ink2);font-size:12px;padding:7px 10px;display:flex;align-items:center;letter-spacing:0}
.station.op .spec dd{padding:7px 10px;font-weight:600}
@media (min-width:760px){.station.op .spec{grid-template-columns:1fr 1fr}}

/* ---- 管理費カード → 表 ---- */
.station.op .feerow{gap:0;border:1px solid var(--op-line);border-bottom:0}
.station.op .feecard{background:transparent;border:0;border-radius:0;box-shadow:none;padding:12px 14px;border-bottom:1px solid var(--op-line)}
.station.op .pill{border-radius:2px}

/* ---- 表 ---- */
.station.op table{font-size:13px;border:1px solid var(--op-line)}
.station.op thead th{background:var(--op-soft);color:var(--op-ink2);font-weight:700;border-bottom:1px solid var(--op-line)}
.station.op th,.station.op td{padding:7px 10px;border-bottom:1px solid var(--op-line);border-right:1px solid var(--op-line)}
.station.op th:last-child,.station.op td:last-child{border-right:0}

/* ---- ボタン・CTA: 四角・紺と赤 ---- */
.station.op .btn{border-radius:2px;box-shadow:none;transform:none;background:var(--op-red);color:#fff;padding:12px 24px;font-weight:800;font-size:14px;border:1px solid var(--op-red)}
.station.op .btn:hover{transform:none;filter:brightness(.95);box-shadow:none;color:#fff}
.station.op .btn.w{background:#fff;color:var(--op-navy);border:1px solid var(--op-navy)}
.station.op .cta{background:var(--op-soft);border:1px solid var(--op-line);border-radius:0;box-shadow:none;padding:18px 20px;margin:0 0 20px;color:var(--op-ink);overflow:visible}
.station.op .cta::before,.station.op .cta::after{display:none;content:none}
.station.op .cta .cvis{display:none}
.station.op .cta .cbody{max-width:none}
.station.op .cta h2{color:var(--op-ink);background:none;border:0;padding:0;margin:0 0 8px;font-size:16px}
.station.op .cta p{color:var(--op-ink2);font-size:13.5px}
.station.op .cta .ctasub a{color:var(--op-link)}
.station.op .cta .btn{background:var(--op-red)}
.station.op .cta .btn.w{background:#fff;color:var(--op-navy);border-color:var(--op-navy)}
.station.op .op-cta{margin:14px 0 6px;display:flex;flex-wrap:wrap;gap:8px}
.station.op .op-guide{font-size:13px;line-height:1.85;margin:0 0 30px;padding:10px 12px;background:var(--op-soft);border:1px solid var(--op-line)}

/* ---- ページ内の目次 = タブ風の帯 (パステルのチップをやめる) ---- */
.station.op .jumpnav{gap:0;border:1px solid var(--op-line);background:var(--op-soft);margin:12px 0 16px;padding:0}
.station.op .jumpnav a{border-radius:0;background:transparent;color:var(--op-ink2);font-size:12.5px;font-weight:700;padding:9px 13px;border-right:1px solid var(--op-line);border-left:0;border-top:0;border-bottom:0}
.station.op .jumpnav a:hover{background:#fff;color:var(--op-navy);text-decoration:none}

/* ---- 旧 sell/buy 面の部品を平らに ---- */
.station.op .board,.station.op .hero,.station.op .prelist,.station.op .stance,.station.op .telcta,.station.op .related,
.station.op .netbox,.station.op .mcount,.station.op .chance,.station.op .teaser,.station.op .reasons,.station.op .dialogue,.station.op .bface{
  background:transparent;border:0;border-radius:0;box-shadow:none}
.station.op .board{margin:0 0 26px;padding:0}
.station.op .board h2{font-size:16px;margin-bottom:4px}
.station.op .board .bsub{margin:0 0 10px}
.station.op .prelist,.station.op .stance{border:1px solid var(--op-line);padding:12px 14px;background:var(--op-soft)}
.station.op .stance h2{background:none;border:0;padding:0;font-size:14px;margin-bottom:6px}
.station.op .telcta{border-top:1px solid var(--op-line);padding:16px 0 0}
.station.op .related{border-top:1px solid var(--op-line);padding:14px 0 0;margin-top:10px}
.station.op .netbox table{border:1px solid var(--op-line)}
.station.op .netbox td{border-bottom:1px solid var(--op-line)}
.station.op .netbox tr.total td{border-top:2px solid var(--op-line2)}
.station.op .mcount{padding:10px 12px;border:1px solid var(--op-line);background:var(--op-soft);border-radius:0}
.station.op .sbhead,.station.op .sbhead-sell,.station.op .sbhead-buy{background:transparent!important;color:inherit!important;padding:0!important;margin:0 0 18px!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.station.op .hubguide{display:none}

/* ---- 買いたい方 / 売りたい方 のタブ (ポータルのタブ: 枠付き・選択中は紺地に白) ---- */
.station.op .op-tabs{margin:0 0 30px}
.station.op .op-r{position:absolute;opacity:0;width:0;height:0;left:0;top:0;pointer-events:none}
.station.op .op-tabbar{display:grid;grid-template-columns:1fr 1fr;gap:8px;border:0;margin:0}
.station.op .op-tab{display:block;padding:16px 12px 14px;text-align:center;font-weight:800;cursor:pointer;line-height:1.35;-webkit-tap-highlight-color:transparent;user-select:none;border:2px solid}
.station.op .op-tab .op-tl{display:block;font-size:19px;letter-spacing:.02em}
.station.op .op-tab .op-tl::before{content:'▶';font-size:12px;margin-right:6px;vertical-align:2px}
.station.op .op-tab small{display:block;font-size:11.5px;font-weight:600;margin-top:5px;line-height:1.5}
.station.op .tb-buy{color:var(--op-buy);background:var(--op-buy-bg);border-color:var(--op-buy)}
.station.op .tb-sell{color:var(--op-sell);background:var(--op-sell-bg);border-color:var(--op-sell)}
.station.op #op-buy:checked ~ .op-tabbar .tb-buy{background:var(--op-buy);color:#fff}
.station.op #op-sell:checked ~ .op-tabbar .tb-sell{background:var(--op-sell);color:#fff}
.station.op #op-buy:checked ~ .op-tabbar .tb-buy small,.station.op #op-sell:checked ~ .op-tabbar .tb-sell small{color:#fff;opacity:.9}
.station.op #op-buy:checked ~ .op-tabbar .tb-buy .op-tl::before,.station.op #op-sell:checked ~ .op-tabbar .tb-sell .op-tl::before{content:'▼'}
.station.op .op-pane{display:none;padding:16px 16px 14px;margin-top:8px;border:2px solid}
.station.op .op-pane-buy{border-color:var(--op-buy)}
.station.op .op-pane-sell{border-color:var(--op-sell)}
@media (max-width:759px){.station.op .op-pane{padding:12px 10px 10px}}
.station.op .op-pane-buy .btn{background:var(--op-buy);border-color:var(--op-buy)}
.station.op .op-pane-sell .btn{background:var(--op-sell);border-color:var(--op-sell)}
.station.op .op-pane-buy .btn.w{background:#fff;color:var(--op-buy);border-color:var(--op-buy)}
.station.op .op-pane-sell .btn.w{background:#fff;color:var(--op-sell);border-color:var(--op-sell)}
.station.op .op-pane-buy h2{background:var(--op-buy-bg);border-bottom-color:var(--op-buy)}
.station.op .op-pane-sell h2{background:var(--op-sell-bg);border-bottom-color:var(--op-sell)}
.station.op .op-switch{margin:14px 0 0;padding:10px 0 0;border-top:1px dashed var(--op-line);font-size:13px;color:var(--op-ink2)}
.station.op .op-switch a{font-weight:800}
.station.op #op-buy:checked ~ .op-pane-buy{display:block}
.station.op #op-sell:checked ~ .op-pane-sell{display:block}
.station.op .op-head{margin:0 0 18px;padding:0 0 12px;border-bottom:1px solid var(--op-line)}
.station.op .op-h{font-size:18px;font-weight:800;border:0;padding:0;margin:0 0 6px;background:none;line-height:1.45}
.station.op .op-head-buy .op-h{color:var(--op-buy)}
.station.op .op-head-sell .op-h{color:var(--op-sell)}
.station.op .op-pane-buy .op-switch a{color:var(--op-sell)}
.station.op .op-pane-sell .op-switch a{color:var(--op-buy)}
.station.op .op-lead{margin:0;font-size:13.5px;line-height:1.85;color:var(--op-ink2)}
.station.op .op-pane section:last-child{margin-bottom:10px}

/* ---- 買いたい方: フォロー登録のメリット (3 つの枠) ---- */
.station.op .op-merit{margin:0 0 28px;padding:0}
.station.op .op-merit h2.plain{font-size:15px;margin:0 0 10px;padding:8px 12px;background:var(--op-bar);border-bottom:1px solid var(--op-line)}
.station.op .op-merits{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 10px}
.station.op .op-merits div{padding:12px 14px;border:1px solid var(--op-line);background:#fff}
.station.op .op-merits div{border-color:var(--op-buy)}
.station.op .op-merits b{display:block;font-size:14px;font-weight:800;color:var(--op-buy);margin:0 0 4px;padding:0 0 4px;border-bottom:1px solid var(--op-line)}
.station.op .op-merits span{display:block;font-size:12.5px;line-height:1.7;color:var(--op-ink2)}
@media (max-width:700px){.station.op .op-merits{grid-template-columns:1fr}}
.station.op .op-merit .op-cta{margin:8px 0 4px}

/* ---- 実行時に差し込まれる部品 (parts/mnsub.js・ミニ査定) の箱も平らに ---- */
.station.op #mnsub{border-radius:0!important;box-shadow:none!important;border:1px solid var(--op-line)!important;max-width:none!important;padding:18px 16px 16px!important;margin:24px 0!important;background:var(--op-soft)!important}
.station.op #mnsub h3{border:0!important;padding:0!important}
.station.op #mnsub .m-go,.station.op #mnsub input,.station.op #mnsub textarea,.station.op #mnsub .m-sides label,.station.op #mnsub .m-check,.station.op #mnsub .m-perks,.station.op #mnsub .m-counts,.station.op #mnsub .m-tag,.station.op #mnsub .m-msg,.station.op #mnsub .m-promise{border-radius:2px!important;box-shadow:none!important}
.station.op #mnsub .m-go{background:var(--op-navy)!important}
.station.op #mnsub .m-tag{background:var(--op-navy)!important;color:#fff!important}
.station.op #mnsub[data-side="buy"]{border:2px solid var(--op-buy)!important;background:var(--op-buy-bg)!important}
.station.op #mnsub[data-side="buy"] .m-go,.station.op #mnsub[data-side="buy"] .m-tag{background:var(--op-buy)!important}
.station.op #mnsub[data-side="sell"]{border:2px solid var(--op-sell)!important;background:var(--op-sell-bg)!important}
.station.op #mnsub[data-side="sell"] .m-go,.station.op #mnsub[data-side="sell"] .m-tag{background:var(--op-sell)!important}
.station.op #mnsub .m-sides label:has(input[value="buy"]:checked){border-color:var(--op-buy)!important;background:var(--op-buy-bg)!important}
.station.op #mnsub .m-sides label:has(input[value="sell"]:checked){border-color:var(--op-sell)!important;background:var(--op-sell-bg)!important}
.station.op #mini .msbox,.station.op #mini .msrep,.station.op #msrep{border-radius:0;box-shadow:none}
.station.op .sbhead-sell .kick{display:none}
/* 「選ばれる理由」のカード (sellbuy.css .why) も平らに: 角丸・グラデーション・上の色線を外し、罫線の枠だけ */
.station.op .whys{gap:8px}
.station.op .why{border-radius:0;background:#fff;border:1px solid var(--op-line);box-shadow:none;padding:12px 14px}
.station.op .why::before{display:none;content:none}
.station.op .why .wt{color:var(--op-mut)}
.station.op .why .wv{color:var(--op-ink);font-size:1.15rem}
.station.op .whyend{border-radius:0;background:var(--op-soft);border:1px solid var(--op-line)}
/* 章が「ふわっと」現れる演出 (style.css .rise) は棟ページでは使わない。 最初から全部見える */
.station.op .rise{opacity:1!important;transform:none!important;transition:none!important}

/* ---- 下に固定の入口 (買いたい方=赤 / 売りたい方=青)。 600px スクロールしたら出る・タブの近くでは消える・スマホでは低く ---- */
.ctabar,.ctafloat{display:none!important}
.station.op{padding-bottom:70px}
.opbar{position:fixed;left:0;right:0;bottom:0;z-index:70;display:flex;gap:8px;justify-content:center;padding:8px 12px calc(8px + env(safe-area-inset-bottom));
  background:rgba(255,255,255,.96);border-top:1px solid #cfd5db;transform:translateY(110%);transition:transform .25s;pointer-events:none}
.opbar.on{transform:none;pointer-events:auto}
.opbar .opb{flex:1 1 0;max-width:300px;display:block;text-align:center;color:#fff;text-decoration:none;font-weight:800;font-size:14px;line-height:1.25;padding:9px 8px;border-radius:3px}
.opbar .opb small{display:block;font-size:10.5px;font-weight:600;opacity:.92;margin-top:2px}
.opbar .opb-buy{background:#c0392b}.opbar .opb-sell{background:#1a4fa0}
.opbar .opb:hover{filter:brightness(.95);color:#fff;text-decoration:none}
/* FLIP-20261030 (ユーザー指示 2026-10-30)
   ① 下固定の 買いたい/売りたい ボタンの文字: .station.op a{color:紺} が .opbar .opb{color:#fff} より強く、紺地に紺で見えなかった → 白
   ③ 買いたい/売りたい の切替はジャンプせず、パネルが回転して入れ替わる (reduced-motion なら即時) */
.station.op .opbar .opb,.station.op .opbar .opb:hover{color:#fff}
.station.op .op-tabs{perspective:1400px}
.station.op .op-pane{backface-visibility:hidden;transform-origin:50% 40%}
.station.op .op-pane.flip-out{animation:opFlipOut .22s ease-in both}
.station.op .op-pane.flip-in{animation:opFlipIn .32s ease-out both}
@keyframes opFlipOut{from{transform:rotateY(0);opacity:1}to{transform:rotateY(-90deg);opacity:.15}}
@keyframes opFlipIn{from{transform:rotateY(90deg);opacity:.15}to{transform:rotateY(0);opacity:1}}
@media (prefers-reduced-motion:reduce){.station.op .op-pane.flip-out,.station.op .op-pane.flip-in{animation:none}}
@media (max-width:600px){.opbar{padding:6px 8px calc(6px + env(safe-area-inset-bottom))}.opbar .opb{font-size:13px;padding:7px 6px}.opbar .opb small{font-size:10px}}

/* ---- 登録フォーム (parts/mnsub.js) を大手の相談フォームの形に: 段階表示・ご登録の物件・必須/任意 の文字 ---- */
.station.op #mnsub .m-steps{display:flex;gap:0;margin:0 0 14px;border:1px solid #cfd5db;font-size:12px;font-weight:700;background:#fff}
.station.op #mnsub .m-steps span{flex:1;text-align:center;padding:7px 4px;color:#6a6f75;border-right:1px solid #cfd5db}
.station.op #mnsub .m-steps span:last-child{border-right:0}
.station.op #mnsub .m-steps span.on{background:#222;color:#fff}
.station.op #mnsub h3{font-size:17px!important;margin:0 0 8px!important}
.station.op #mnsub .m-subject{margin:0 0 12px;padding:8px 10px;background:#fff;border:1px solid #cfd5db;font-size:13px}
.station.op #mnsub .m-subject b{font-weight:800}
.station.op #mnsub .m-addr{display:block;font-size:12px;color:#6a6f75}
.station.op #mnsub .m-req,.station.op #mnsub .m-opt{display:inline-block;font-style:normal;font-size:10.5px;font-weight:700;padding:1px 6px;margin-left:6px;border-radius:2px;vertical-align:1px}
.station.op #mnsub .m-req{background:#c0392b;color:#fff}
.station.op #mnsub .m-opt{background:#e7ebef;color:#444}
.station.op #mnsub label.m-lb{font-size:13px!important}
.station.op #mnsub .m-sides label{border-radius:2px!important}

/* ---- 対話形式の章 (_sb_dialogue .dlgbox) は高さを止めて中でスクロール (ユーザー指示 10/29「縦長にしない」) ---- */
.station.op .dlgbox{max-height:420px;overflow-y:auto;border:1px solid #cfd5db;padding:12px 14px;background:#fff}
.station.op .dlg .lead{font-size:13.5px}

/* FLAT-20261031 begin */
/* FLAT-20261031 (ユーザー指示 2026-10-31「棟ページもまだ AI っぽい部品が残っている」)
   似たマンションのカード・札・絞り込みボタン、外観/地図の枠、近くの棟の札、登録フォームの中の箱を、角丸・影なしの罫線に。
   CTA は 1 ボタン (マンションの査定) + 小さなリンク 2 本 (土地・戸建て / 一棟) に揃えた (テンプレ側)。 */
.sn a.snbtn{border-radius:2px;background:#c0392b;color:#fff}
.sn a.snbtn:hover{background:#a93226;color:#fff}
.station.op .bface .hface,.station.op .bface .hmap,.station.op .hface.sv .svframe,.station.op .tw,.station.op .simmap,.station.op .rvmap{border-radius:0;box-shadow:none}
.station.op .simcard{border-radius:0;box-shadow:none;border:1px solid var(--op-line);background:#fff}
.station.op .simcard.on{border:2px solid var(--op-navy);box-shadow:none}
.station.op .simwhy i{border-radius:2px;background:#fff;border:1px solid var(--op-line);color:var(--op-ink2)}
.station.op .simchips button{border-radius:0;border:1px solid var(--op-line);background:#fff;color:var(--op-ink2)}
.station.op .simchips button.on{background:var(--op-navy);border-color:var(--op-navy);color:#fff}
.station.op .bldglinks a{border-radius:0;background:#fff;border:1px solid var(--op-line)}
.station.op .rvme{border-radius:2px;background:var(--op-navy)}
.station.op #mnsub .m-form div{border-radius:0!important}
/* 査定の入口: 絵の列 (.cvis) を消したあとも 290px の列が残り、文字が細い列に詰まっていた → 1 列に */
.station.op .cta{display:block}
.station.op .cta .cbody p{max-width:none}
.station.op .cta .ctasub{margin:10px 0 0;font-size:13px;line-height:1.9}
.station.op .cta .ctasub a{color:var(--op-link)}
@media (max-width:700px){.station.op .cta .cbtns .btn{display:block;width:100%;text-align:center}}
/* FLAT-20261031 end */
/* TRIM-20261101 begin */
/* TRIM-20261101 棟ページ: 見出し直下の 1 行帯 (成約価格の目安 / 売り出し中 / 最寄駅) と折りたたみ。
   折りたたみの基本形は style.css の TRIM ブロック (.trd)。 ここは棟ページの部品 (.station.op) に負けないように同じ形を強める。 */
.station.op .trband{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 18px;margin:8px 0 12px;padding:9px 12px;
  border:1px solid var(--op-line,#cfd5db);background:#fff;border-radius:0;box-shadow:none;font-size:13px;line-height:1.6;color:var(--op-ink2,#444)}
.station.op .trband b{margin:0 2px;font-size:22px;font-weight:800;color:var(--op-ink,#222);font-variant-numeric:tabular-nums;letter-spacing:0}
.station.op .trband span{white-space:nowrap}
@media (max-width:600px){.station.op .trband{gap:2px 14px}.station.op .trband b{font-size:20px}}
.station.op .trd{margin:6px 0 14px;border:1px solid var(--op-line,#cfd5db);background:#fff;border-radius:0;box-shadow:none}
.station.op .trd>summary{font-size:15px;font-weight:700;color:var(--op-ink,#222);background:#eef1f4}
.station.op .trd .note{margin:0}
.station.op .op-switch{margin-top:6px}
/* TRIM-20261101 end */
/* TRIM2-20261101 begin */
/* TRIM2-20261101 棟ページ 2 回目の削ぎ落とし (ユーザー指示 11/01「人は読まない。大事なことは目立たせ、説明は極力シンプルに」)。
   建物の詳しい情報・地図・グラフ・FAQ の残り・近くの棟の残り・当社の立場を折りたたみ (.trd) に。
   .trd.trh = 章の見出しを兼ねる折りたたみ (17px)。 影・角丸・グラデーション・左の色線・絵文字は使わない。 */
.station.op .trd.trh{margin:22px 0 14px}
.station.op .trd.trh>summary{font-size:17px;padding:11px 12px}
.station.op .trd>summary .trs small{display:block;margin:2px 0 0;font-size:12px;font-weight:600;color:#6a6f75}
.station.op .trd .spec{margin:0}
.station.op .trd{margin:4px 0 10px}
.station.op .trd.trn{margin:2px 0 10px}
.station.op .trd.trn>summary{padding:6px 12px}
/* スマホは章と章の間を詰める (34px → 22px)。 見出しの帯と罫線で区切りは分かる */
@media (max-width:600px){.station.op section{margin-bottom:22px}.station.op section.nobd{margin-bottom:14px}.station.op .trd.trh{margin:14px 0 10px}.station.op .trd.trh>summary{font-size:15px}}
.station.op .trd .rvmap{margin:0}
.station.op .trd .trb>h2:first-child,.station.op .trd .trb>h3:first-child{margin-top:0}
.station.op .trd .bldglinks{margin:0}
.station.op .bldglinks+.trd{margin-top:2px}
.station.op .op-merit1{margin:2px 0 10px;font-size:15px;line-height:1.6}
.station.op .op-merit1 b{font-weight:800}
.station.op .op-merit .trd .op-merits{margin:0}
.station.op .dlgbox .trd{margin:8px 0 0}
.station.op .dlgbox .trd>.trb{padding:6px 0 0}
.station.op #stance{margin:18px 0 0;padding:0;border:0;background:none}
.station.op #stance .trb p{margin:0;font-size:13px;line-height:1.8;color:var(--op-ink2,#444)}
/* TRIM2-20261101 end */