/* Komatsubara Contact Menu 1.0.1 ／ 色はHPのGOLD系（診療日カレンダーと同じ） */

.kcm{max-width:760px;margin:0 auto;font-size:15px;line-height:1.8}
.kcm *{box-sizing:border-box}

.kcm-choose{border:1px solid #e2ddd2;border-radius:6px;padding:14px 18px 10px;margin:0 0 24px;background:#faf8f4;min-width:0}
.kcm-choose legend{padding:0 8px;font-weight:700;color:#996f0a;font-size:16px}
/* 押せる範囲を広く（スマホで指1本で選べるように、1行の高さ44px以上） */
.kcm-choice{display:flex;align-items:center;gap:10px;min-height:44px;padding:4px 6px;margin:0;border-radius:4px;cursor:pointer}
.kcm-choice:hover{background:#f3ecdc}
.kcm-choice input{flex:0 0 auto;width:20px;height:20px;margin:0;accent-color:#b8860b}
.kcm-choice input:checked+span{font-weight:700;color:#7a5808}

.kcm-panel{padding:20px 0 0;border-top:1px solid #e2ddd2;margin-bottom:24px}
.kcm-panel[hidden]{display:none !important}
.kcm-heading{margin:0 0 10px;font-size:17px;color:#996f0a;border:0;background:none;padding:0}
.kcm-heading::before,.kcm-heading::after{display:none}
.kcm-body p{margin:0 0 10px}
.kcm-actions{margin:16px 0 8px}
.kcm-btn{display:inline-block;margin:0 8px 8px 0;padding:12px 26px;background:#b8860b;color:#fff !important;border:1px solid #b8860b;border-radius:4px;text-decoration:none !important;line-height:1.5}
.kcm-btn:hover,.kcm-btn:focus{background:#996f0a;border-color:#996f0a}
.kcm-btn--sub{background:#fff;color:#996f0a !important}
.kcm-btn--sub:hover,.kcm-btn--sub:focus{background:#faf3e4;border-color:#b8860b}
.kcm-note{font-size:13px;color:#6b6b6b;margin:8px 0 0}
.kcm-fallback{padding:12px 14px;border-left:4px solid #b8860b;background:#faf8f4}
.kcm-form{margin-top:6px}
.kcm-form[hidden]{display:none !important}

/* v1.0.1 送信が完了しました（フォームと置き換わる） */
.kcm-done{margin:16px 0 8px;padding:22px 22px 14px;border:2px solid #b8860b;border-radius:8px;background:#fdf9ef;outline:none;scroll-margin-top:90px}
.kcm-done-title{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:20px;font-weight:700;color:#7a5808;line-height:1.4}
.kcm-done-title::before{content:"✓";flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#b8860b;color:#fff;font-size:20px}
.kcm-done-body p{margin:0 0 10px;font-size:15px;line-height:1.8}

@media (max-width:600px){
  .kcm{font-size:15px}
  .kcm-choose{padding:12px 12px 8px}
  .kcm-btn{display:block;text-align:center;margin-right:0}
}