/* カンプ提案キット（scripts/mockup/kit/proposal.css）— 先方に見てもらう時だけの見た目。デザインの一部ではない・本番には持ち込まない。
   ★このファイルは sync.mjs が各サイトの mockups/ へ写す。直すなら scripts/mockup/kit/ の元を直して写し直す（写しを直さない）。
   中身: ①上の案内の帯（案の切り替え・ダミーの印の表示切り替え）②ダミーの印 .dm ③押しても動かない見本の指の形・地図の固定。
   撮影（?shot=1）では帯を隠す（html.is-shot）。 */
.proposal-bar { position: relative; z-index: 1000; background: #1d1f27; color: #fff; font-family: 'Noto Sans JP', sans-serif; font-size: 13px; line-height: 1.4; letter-spacing: .04em; }
.proposal-bar .pb-inner { width: min(1320px, calc(100% - 24px)); margin: 0 auto; min-height: 42px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.proposal-bar a, .proposal-bar button { color: #fff; opacity: .82; white-space: nowrap; font-size: 13px; }
.proposal-bar a:hover, .proposal-bar button:hover { opacity: 1; }
.proposal-bar .pb-tabs { display: flex; align-items: center; gap: 4px; }
.proposal-bar .pb-tabs .pb-label { margin-right: 8px; opacity: .7; }
.proposal-bar .pb-tabs a { padding: 3px 12px; border-radius: 999px; }
.proposal-bar .pb-tabs a.is-now { background: #fff; color: #1d1f27; opacity: 1; font-weight: 700; }
.proposal-bar .pb-dm { border: 1px solid rgba(255,255,255,.4); border-radius: 999px; padding: 4px 12px; }
.proposal-bar .pb-dm::before { content: ''; display: inline-block; width: 8px; height: 8px; margin-right: 6px; border-radius: 2px; background: #ffd46b; vertical-align: 1px; }
html.is-shot .proposal-bar { display: none; }
@media (max-width: 760px) {
  .proposal-bar .pb-tabs .pb-label, .proposal-bar .pb-back span { display: none; }
  .proposal-bar .pb-tabs a { padding: 3px 9px; }
  .proposal-bar .pb-dm { padding: 4px 9px; font-size: 12px; }
}

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

/* ダミーの印（クライアント指示「ダミーとわかるように」）。
   原稿が無く、こちらで仮に書いた文章の頭に付ける。既存サイト・名刺から取った文章には付けない。
   上の案内の帯のボタンで消せる（html.hide-dm）＝完成形の見え方も確かめられる。 */
.dm {
  display: inline-block;
  vertical-align: .18em;
  margin-right: .6em;
  padding: .35em .6em .3em;
  border-radius: 3px;
  background: #ffd46b;
  color: #5a3a00;
  font: 700 11px/1 'Noto Sans JP', sans-serif;
  letter-spacing: .08em;
  white-space: nowrap;
  text-shadow: none;
  -webkit-text-fill-color: #5a3a00;
}
.dm.is-block { display: table; margin: 0 0 .9em; }
html.hide-dm .dm { display: none; }