/* 売買物件（/buy/・詳細・マンションページの「現在売出中の物件」） ★2026.10.01 新設
   ネイビー×ゴールド。CSS変数は使わず固定色（スコープ外でも崩れないように）。 */
.bb-page{background:#f6f4ef;color:#1d2733;padding:24px 0 56px}
.bb-wrap{max-width:980px;margin:0 auto;padding:0 16px}
.bb-bc{font-size:13px;color:#5b6674;margin:0 0 14px}
.bb-bc a{color:#0A1E33;text-decoration:none}
.bb-bc span{margin:0 6px;color:#9aa3ad}
.bb-h1{font-size:26px;line-height:1.35;color:#0A1E33;margin:0 0 10px;font-weight:700}
.bb-lead{color:#3c4856;margin:0 0 18px;line-height:1.8}
.bb-eyebrow{display:inline-block;background:#0A1E33;color:#D6B56C;font-size:12px;letter-spacing:.08em;padding:3px 10px;margin:0 0 8px}
.bb-price{font-size:34px;font-weight:700;color:#0A1E33;margin:4px 0;line-height:1.2}
.bb-facts{font-size:16px;color:#3c4856;margin:0 0 16px}
.bb-filter{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;background:#fff;border:1px solid #e3dccb;border-top:3px solid #B48A4A;padding:16px;margin:0 0 18px}
.bb-filter label{display:flex;flex-direction:column;font-size:12px;color:#5b6674;gap:4px}
.bb-filter input,.bb-filter select{font-size:15px;padding:8px;border:1px solid #cfd6de;border-radius:4px;background:#fff;color:#1d2733;min-width:0;width:100%;box-sizing:border-box}
.bb-range{display:flex;align-items:center;gap:4px}
.bb-count{font-weight:700;color:#0A1E33;margin:0 0 10px}
.bb-empty{background:#fff;padding:24px;border:1px solid #e3dccb}
.bb-card-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin:0 0 20px}
.bb-card-item{display:flex;flex-direction:column;background:#fff;border:1px solid #e3dccb;text-decoration:none;color:#1d2733;transition:box-shadow .2s,border-color .2s}
.bb-card-item:hover{border-color:#B48A4A;box-shadow:0 4px 14px rgba(10,30,51,.12)}
.bb-card-img{display:block;aspect-ratio:4/3;background:#eef0f3;overflow:hidden}
.bb-card-img img{width:100%;height:100%;object-fit:contain;display:block}
.bb-card-body{display:flex;flex-direction:column;gap:4px;padding:12px 14px}
.bb-card-name{font-weight:700;color:#0A1E33;font-size:15px}
.bb-card-price{font-size:22px;font-weight:700;color:#8a6a2f}
.bb-card-meta,.bb-card-acc{font-size:13px;color:#4a5563}
.bb-pager{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 20px}
.bb-pager a,.bb-pager .bb-cur{padding:6px 12px;border:1px solid #cfd6de;background:#fff;color:#0A1E33;text-decoration:none}
.bb-pager .bb-cur{background:#0A1E33;color:#D6B56C;border-color:#0A1E33}
.bb-btn{display:inline-block;background:#0A1E33;color:#D6B56C;border:1px solid #B48A4A;padding:12px 26px;font-size:16px;font-weight:700;text-decoration:none;cursor:pointer;text-align:center}
.bb-btn:hover{background:#13304f;color:#e6c98a}
.bb-btn-gold{background:#D6B56C;color:#0A1E33;border-color:#D6B56C}
.bb-btn-gold:hover{background:#e6c98a;color:#0A1E33}
.bb-figure{margin:0 0 18px;background:#fff;border:1px solid #e3dccb;padding:8px;text-align:center}
.bb-figure img{max-width:100%;height:auto}
.bb-cta-top{margin:0 0 22px}
.bb-sec{background:#fff;border:1px solid #e3dccb;padding:18px 20px;margin:0 0 16px}
.bb-sec h2{font-size:18px;color:#0A1E33;margin:0 0 12px;padding-left:10px;border-left:4px solid #B48A4A}
.bb-tbl{width:100%;border-collapse:collapse}
.bb-tbl th,.bb-tbl td{text-align:left;padding:9px 10px;border-bottom:1px solid #eee7d6;font-size:14px;vertical-align:top}
.bb-tbl th{width:30%;color:#5b6674;font-weight:600;background:#faf8f3}
.bb-link{color:#0A1E33;font-weight:700}
.bb-cta-bottom{background:#0A1E33;color:#fff;padding:26px 20px;text-align:center;margin:0 0 16px}
.bb-cta-bottom h2{color:#D6B56C;font-size:20px;line-height:1.6;margin:0 0 18px}
.bb-cta-bottom p{margin:0 0 16px;color:#dfe5ec}
.bb-note{font-size:12px;color:#6b7684;line-height:1.7;margin:10px 0 0}
/* マンション詳細ページ内ブロック */
.bb-mblock,.mdb-section.bb-mblock{background:transparent;padding-left:24px;padding-right:24px}
/* ★2026.10.24：すぐ上の地図の枠と同じ幅・同じ左右の余白で中央に置く（.mdb-wrap-narrow と同じ 760px−左右24px） */
.bb-mblock-inner{max-width:712px;margin:0 auto;padding:22px 20px;border:1px solid #B48A4A;background:#fffdf7;box-sizing:border-box}
/* ★2026.10.24：物件カードは枠いっぱいに広げる（1件なら全幅、複数なら均等に並べる） */
.bb-mblock .bb-card-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:12px}
.bb-mblock .bb-card-img img{object-fit:cover}
@media (min-width:760px){
  .bb-mblock .bb-card-item:only-child{flex-direction:row;align-items:stretch}
  .bb-mblock .bb-card-item:only-child .bb-card-img{flex:0 0 52%;aspect-ratio:4/3}
  .bb-mblock .bb-card-item:only-child .bb-card-body{justify-content:center;padding:20px 26px;gap:8px}
  .bb-mblock .bb-card-item:only-child .bb-card-name{font-size:19px}
  .bb-mblock .bb-card-item:only-child .bb-card-price{font-size:30px}
}
@media (max-width:600px){.bb-mblock-inner{padding:18px 14px}}
.bb-mblock-title{font-size:20px;color:#0A1E33;margin:0 0 6px;padding-left:10px;border-left:4px solid #B48A4A}
.bb-mblock-lead{color:#4a5563;margin:0 0 14px;font-size:14px}
@media (max-width:600px){.bb-h1{font-size:22px}.bb-price{font-size:28px}.bb-tbl th{width:38%}}
/* ★2026.10.23 写真ギャラリー（スマホは横にスワイプ、PCは並べて表示）とキャッチ */
.bb-catch{font-size:1.05rem;font-weight:700;color:#0b2e5c;margin:0 0 12px;line-height:1.6}
.bb-gallery{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 0 18px;padding-bottom:6px;-webkit-overflow-scrolling:touch}
.bb-gallery__item{flex:0 0 86%;margin:0;scroll-snap-align:start;position:relative;background:#fff;border:1px solid #e3dccb;border-radius:10px;overflow:hidden}
.bb-gallery__item img{display:block;width:100%;height:240px;object-fit:cover}
.bb-gallery__item.is-plan img{object-fit:contain;background:#fff}
.bb-gallery__item figcaption{position:absolute;left:8px;top:8px;background:#0b2e5c;color:#fff;font-size:.75rem;padding:2px 8px;border-radius:999px}
@media(min-width:768px){.bb-gallery{display:grid;grid-template-columns:repeat(3,1fr);overflow:visible}.bb-gallery__item{flex:none}.bb-gallery__item img{height:220px}}

/* ★2026.10.24：写真の拡大表示（←　→で前後へ） */
.bb-lb{position:fixed;inset:0;z-index:10000;background:rgba(8,14,24,.92);display:flex;align-items:center;justify-content:center}
.bb-lb[hidden]{display:none}
.bb-lb__fig{margin:0;max-width:min(92vw,1100px);max-height:84vh;display:flex;flex-direction:column;align-items:center}
.bb-lb__img{max-width:100%;max-height:78vh;object-fit:contain;background:#fff;border-radius:6px}
.bb-lb__cap{color:#fff;font-size:.85rem;margin-top:8px;min-height:1em}
.bb-lb__nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:#0b2e5c;font-size:2rem;line-height:1;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.35)}
.bb-lb__nav:hover{background:#fff}
.bb-lb__prev{left:14px}.bb-lb__next{right:14px}
.bb-lb__close{position:absolute;top:12px;right:14px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;font-size:1.3rem;cursor:pointer}
.bb-lb__count{position:absolute;bottom:14px;left:0;right:0;text-align:center;color:#fff;font-size:.9rem;margin:0}
@media(max-width:600px){.bb-lb__nav{width:42px;height:42px;font-size:1.6rem}.bb-lb__prev{left:6px}.bb-lb__next{right:6px}}

/* ★2026.10.24：売買物件ページの便利な機能（諸費用シミュレーター・簡易図面） */
.bb-tools{display:grid;grid-template-columns:1fr;gap:12px;margin:0 0 20px}
.bb-tool{background:#fff;border:1px solid #e3dccb;border-left:4px solid #B48A4A;padding:14px 16px}
.bb-tool-ttl{margin:0 0 4px;font-weight:700;color:#0A1E33;font-size:15px}
.bb-tool-txt{margin:0;font-size:13px;color:#4a5563;line-height:1.7}
@media(min-width:768px){.bb-tools{grid-template-columns:1fr 1fr}}

/* ★2026.10.24：売買物件のお問い合わせ（賃貸の棟ページと同じフォームを使う。ここは物件の自動入力欄だけ） */
.bbq-page{padding-top:4px}
.ctw-buy-auto{display:inline-block;background:#1F6E4D;color:#fff;font-size:11px;font-weight:700;padding:1px 8px;border-radius:999px;margin-left:6px;vertical-align:middle}
.ctw-buy-prop{display:flex;gap:12px;align-items:center;border:1px solid #B48A4A;background:#fffdf7;border-radius:6px;padding:10px 12px;margin-top:6px}
.ctw-buy-prop img{width:96px;height:72px;object-fit:cover;flex:0 0 auto;border-radius:4px}
.ctw-buy-prop b{display:block;color:#0A1E33;font-size:15px;line-height:1.4}
.ctw-buy-price{display:block;color:#8a6a2f;font-weight:700;font-size:18px;margin:2px 0}
.ctw-buy-prop small{display:block;color:#5a6b7d;font-size:12px;line-height:1.5}
/* ★2026.10.24：売買物件ページの「暮らし生活便利システムを採用」（賃貸のトップと同じ折りたたみ） */
.bb-life{margin:0 0 18px;padding:12px 16px;background:#fffdf7;border:1px solid #e3dccb;border-left:4px solid #b08d4f;border-radius:8px}
.bb-life>summary{list-style:none;cursor:pointer;font-weight:700;font-size:15px;color:#0A1E33;min-height:28px}
.bb-life>summary::-webkit-details-marker{display:none}
.bb-life>summary::after{content:" ＋";font-weight:400;color:#8a6a35}
.bb-life[open]>summary::after{content:" －"}
.bb-life-d{margin:6px 0 0;font-size:13px;line-height:1.7;color:#4a5563}