/* 先方に見てもらう時の案内の帯（デザインの一部ではない・本番には持ち込まない）。
   ★撮影（shot-*.png）の時は隠す。 */
.proposal-bar { background: #33332f; color: #fff; font-family: 'Noto Sans JP', sans-serif; font-size: 13px; line-height: 1.4; letter-spacing: .06em; }
.proposal-bar .pb-inner { width: min(1280px, calc(100% - 32px)); margin: 0 auto; min-height: 40px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.proposal-bar a { color: #fff; text-decoration: none; opacity: .85; white-space: nowrap; }
.proposal-bar a:hover { opacity: 1; text-decoration: underline; }
.proposal-bar .pb-now { white-space: nowrap; }
.proposal-bar .pb-now strong { display: inline-block; margin-left: 6px; padding: 1px 12px; border-radius: 999px; background: #fff; color: #33332f; font-weight: 700; }
@media (max-width: 720px) { .proposal-bar { font-size: 12px; } .proposal-bar .pb-now .pb-label { display: none; } }

/* 押しても反応しない見本にする（proposal.js と対）。地図は動かせるとそこで話が広がるので固定の絵にする。 */
.c-embed-map iframe { pointer-events: none; }
html { -webkit-tap-highlight-color: transparent; }
/* 確認用の版は飛び先（href）を外す＝指の形が消えるので戻す（押せそうな見た目とホバーは残す）。 */
a:not([href]) { cursor: pointer; }