@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* ===== Contact Form 7（お問い合わせ /contact/）=====
   フォーム本体は CF7 管理画面に登録し、hk_contact_form_shortcode フィルタで出力する */
.rsv-form .wpcf7 form > p,
.rsv-form .hk-form-row { margin-bottom: 24px; }
.rsv-form .wpcf7 form label {
  display: block;
  font-family: var(--display);
  font-size: 14px;
  color: var(--gold);
  letter-spacing: 0.15em;
  margin-bottom: 0;
}
.rsv-form .wpcf7 input[type="text"],
.rsv-form .wpcf7 input[type="email"],
.rsv-form .wpcf7 input[type="tel"],
.rsv-form .wpcf7 select,
.rsv-form .wpcf7 textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid var(--gray-300);
  font-size: 13px;
  font-family: var(--sans);
  color: var(--ink);
  letter-spacing: 0.05em;
  background: #fff;
  margin-top: 10px;
}
/* チェックボックス・ラジオの選択肢は縦並び・通常書体 */
.rsv-form .wpcf7 .wpcf7-list-item { display: block; margin: 0 0 10px; }
.rsv-form .wpcf7 .wpcf7-list-item label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--sans);
  font-size: 13px;
  color: var(--ink);
  letter-spacing: 0.05em;
  margin-bottom: 0;
}
.rsv-form .wpcf7 .wpcf7-list-item input[type="checkbox"],
.rsv-form .wpcf7 .wpcf7-list-item input[type="radio"] { width: auto; margin: 0; }
.rsv-form .hk-form-note {
  display: block;
  font-size: 11px;
  color: var(--gray-700, #777);
  letter-spacing: 0.05em;
  line-height: 1.9;
  margin-top: 0;
}
/* Cloudflare Turnstile をフォーム末尾（送信ボタン直前）に並べ替え
   プラグインがフォーム先頭に自動挿入しても、flexのorderで位置を変更する */
.rsv-form .wpcf7 form { display: flex; flex-direction: column; }
.rsv-form .wpcf7 form .cf-turnstile,
.rsv-form .wpcf7 form .cf7-turnstile {
  order: 98;
  margin: 16px auto 0;
}
.rsv-form .wpcf7 form .hk-form-submit { order: 99; }
.rsv-form .wpcf7 form .wpcf7-response-output { order: 100; }

.rsv-form .hk-form-submit { text-align: center; margin-top: 36px; }
.rsv-form .wpcf7 input[type="submit"] {
  padding: 14px 60px;
  background: var(--navy);
  color: #fff;
  border: none;
  cursor: pointer;
  font-size: 12px;
  letter-spacing: 0.3em;
  font-family: var(--display);
}
.rsv-form .wpcf7 .wpcf7-spinner { display: block; margin: 12px auto 0; }
.rsv-form .wpcf7 .wpcf7-not-valid-tip { font-size: 11px; margin-top: 6px; }
.rsv-form .wpcf7 .wpcf7-response-output {
  margin: 24px 0 0;
  padding: 12px 16px;
  font-size: 12px;
  letter-spacing: 0.05em;
}

