/* 仙台泉ヶ岳 — ご予約・お問い合わせ（page-reserve）専用CSS
   lower.css のトークン（--blue/--deep/--ink/--soft/--line/フォント）を継承。
   本文文字色は黒（var(--ink)）／背景は background-color で指定（shorthand禁止）。 */

/* ---------- お申し込みメニュー ---------- */
.rsv-menu{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:clamp(38px,5vw,64px);background-color:var(--line);border:1px solid var(--line)}
.rsv-menu-card{padding:clamp(26px,3vw,40px) clamp(20px,2.4vw,32px);background-color:var(--white)}
.rsv-menu-card small{display:block;color:var(--blue);font-family:var(--font-en);font-size:9px;font-weight:700;letter-spacing:.2em}
.rsv-menu-card h3{margin:12px 0 0;font-family:var(--font-min);font-size:20px;font-weight:600;letter-spacing:.02em;color:var(--ink)}
.rsv-menu-card p{margin:12px 0 0;font-size:13px;line-height:1.9;color:var(--ink)}

/* ---------- フォーム全体レイアウト ---------- */
.rsv-wrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(32px,4vw,64px);align-items:start}
.rsv-wrap .feature-head{grid-column:1/-1}
.rsv-wrap .wpcf7{min-width:0}
.rsv-side{display:grid;gap:20px}
.rsv-side .guide-card{background-color:var(--soft)}
.rsv-tel{display:inline-block;margin-top:4px;color:var(--blue);font-family:var(--font-en);font-size:26px;font-weight:700;letter-spacing:.02em}
.rsv-fallback{font-size:15px;color:var(--ink)}

/* ---------- フォーム本体 ---------- */
.rsv-form{border-top:1px solid var(--ink)}
.rsv-note{margin:0;padding:22px 0;font-size:13px;line-height:1.9;color:var(--ink)}
.rsv-row{display:grid;grid-template-columns:210px minmax(0,1fr);gap:8px 28px;align-items:start;padding:22px 0;border-top:1px solid var(--line)}
.rsv-label{display:block;padding-top:10px;font-size:14px;font-weight:700;letter-spacing:.04em;color:var(--ink)}
.rsv-req{display:inline-block;margin-left:6px;padding:2px 7px;background-color:var(--blue);color:var(--white);font-family:var(--font-jp);font-size:10px;font-weight:700;letter-spacing:.08em;vertical-align:2px}
.rsv-input{min-width:0}
.rsv-help{display:block;margin-top:8px;font-size:12px;color:#4a565c}
.rsv-unit{margin-left:10px;font-size:14px;color:var(--ink)}

.rsv-input input[type="text"],
.rsv-input input[type="tel"],
.rsv-input input[type="email"],
.rsv-input input[type="date"],
.rsv-input input[type="number"],
.rsv-input textarea{
  width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:0;
  background-color:var(--white);color:var(--ink);
  font-family:var(--font-jp);font-size:16px;line-height:1.7;
  -webkit-appearance:none;appearance:none
}
.rsv-input textarea{min-height:180px;resize:vertical}
.rsv-input input:focus,.rsv-input textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 2px rgba(20,101,138,.14)}
.rsv-input input::placeholder,.rsv-input textarea::placeholder{color:#8d979c}
.rsv-input--narrow{display:flex;align-items:center}
.rsv-input--narrow .wpcf7-form-control-wrap{width:150px}

/* チェックボックス */
.rsv-check .wpcf7-checkbox{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.rsv-check .wpcf7-list-item{margin:0}
.rsv-check .wpcf7-list-item label{display:flex;align-items:center;gap:10px;padding:13px 15px;border:1px solid var(--line);background-color:var(--white);cursor:pointer;transition:border-color .2s,background-color .2s}
.rsv-check .wpcf7-list-item label:hover{border-color:var(--blue)}
.rsv-check .wpcf7-list-item input[type="checkbox"]{width:18px;height:18px;margin:0;accent-color:var(--blue);flex:0 0 auto}
.rsv-check .wpcf7-list-item-label{font-size:14px;color:var(--ink)}

/* ハニーポット（人間には見せない・ボット除け） */
.rsv-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* 送信ボタン */
.rsv-submit{padding:32px 0 0;border-top:1px solid var(--line);text-align:center}
.rsv-submit input[type="submit"]{
  min-width:320px;padding:19px 40px;border:0;border-radius:0;
  background-color:var(--deep);color:var(--white);
  font-family:var(--font-jp);font-size:15px;font-weight:700;letter-spacing:.12em;
  cursor:pointer;transition:background-color .25s;-webkit-appearance:none;appearance:none
}
.rsv-submit input[type="submit"]:hover{background-color:var(--blue)}
.rsv-submit input[type="submit"]:disabled{opacity:.5;cursor:default}

/* CF7 メッセージ */
.wpcf7 form .wpcf7-response-output{margin:24px 0 0;padding:15px 18px;border:1px solid var(--line);font-size:14px;color:var(--ink)}
.wpcf7 form.sent .wpcf7-response-output{border-color:#1f7a4d;background-color:#f2f9f5}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output{border-color:#b4352c;background-color:#fdf4f3}
.wpcf7-not-valid-tip{display:block;margin-top:7px;font-size:12px;font-weight:700;color:#b4352c}
.rsv-input .wpcf7-not-valid{border-color:#b4352c}
.wpcf7-spinner{margin:14px auto 0;display:block}

/* ---------- レスポンシブ ---------- */
@media(max-width:1080px){
  .rsv-wrap{grid-template-columns:1fr}
  .rsv-menu{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .rsv-row{grid-template-columns:1fr;gap:6px;padding:20px 0}
  .rsv-label{padding-top:0}
  .rsv-check .wpcf7-checkbox{grid-template-columns:1fr}
  .rsv-submit input[type="submit"]{min-width:0;width:100%}
  .rsv-menu{grid-template-columns:1fr}
  .rsv-input--narrow .wpcf7-form-control-wrap{width:120px}
}