/* スタッフごとのオプション対応。スタッフ詳細の一覧と、予約フォームの対応不可の表示 */
.p-opts{margin-top:12px;padding:12px 14px;border:1px solid var(--gold-deep);border-radius:14px;background:rgba(214,192,143,.06)}
.p-opts-h{font-size:13px;font-weight:500;letter-spacing:.06em;color:var(--gold)}
.p-opts.is-all{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.p-opts-all{font-size:13px;color:var(--paper)}
.p-opts-list{display:grid;grid-template-columns:1fr;gap:6px;margin:8px 0 0;padding:0;list-style:none}
.p-opts-list li{display:flex;align-items:baseline;gap:8px;font-size:13px;line-height:1.5;color:var(--paper)}
.p-opts-mark{flex:none;width:1em;text-align:center;font-weight:500;color:var(--gold)}
.p-opts-list li.is-ng{color:var(--mute-2)}
.p-opts-list li.is-ng .p-opts-mark{color:var(--mute-2)}
.p-opts-list li small{margin-left:auto;font-size:11.5px;white-space:nowrap}
@media (min-width:768px){
  .p-opts-list{grid-template-columns:1fr 1fr;column-gap:20px}
}

/* 予約フォーム: 選んだスタッフが対応できないオプション */
.opt-item.is-ng{cursor:not-allowed}
.opt-item.is-ng input,.opt-item.is-ng .opt-name,.opt-item.is-ng .opt-price{opacity:.45}
.opt-ng-tag{flex:none;font-size:12px;color:var(--paper-2)}
.opt-note{margin-top:8px;font-size:12px;line-height:1.7;color:var(--mute)}
#optNgAlert{margin-top:10px}