/* page-reserve.php 固有スタイル */

.reserve-section__inner {
	max-width: 640px;
	margin: 0 auto;
}

.form-field {
	margin-bottom: 24px;
}

.form-field label {
	display: block;
	font-family: var(--font-serif-jp);
	font-size: 13px;
	color: var(--c-text);
	margin-bottom: 8px;
	letter-spacing: var(--ls-body);
}

.form-field input[type="text"],
.form-field input[type="email"],
.form-field input[type="tel"],
.form-field input[type="date"],
.form-field input[type="time"],
.form-field select,
.form-field textarea {
	width: 100%;
	border: 1px solid var(--c-border);
	background: var(--c-bg-panel);
	color: var(--c-text);
	font-family: var(--font-serif-jp);
	font-size: 14px;
	padding: 12px 14px;
	box-sizing: border-box;
}

.form-field textarea {
	min-height: 120px;
	resize: vertical;
}

.form-field input:focus,
.form-field select:focus,
.form-field textarea:focus {
	outline: 1px solid var(--c-gold);
	outline-offset: 2px;
	border-color: var(--c-gold);
}

/* 「確認のご連絡をもって〜」の注記はフォーム側(.liberty-reserve__consent)が出力する。
   テーマ側の重複分(.reserve-section__notice)は削除済み。 */

.reserve-section__cancel {
	margin-top: 48px;
	padding-top: 32px;
	border-top: 1px solid var(--c-border);
}

.reserve-section__cancel-label {
	font-family: var(--font-serif-en);
	font-size: 12px;
	letter-spacing: var(--ls-mid);
	color: var(--c-gold);
	margin: 0 0 12px;
}

.reserve-section__cancel-text {
	font-size: 13px;
	line-height: 1.9;
	color: var(--c-text-sub);
	white-space: pre-line;
}