/* =========================================
   GRM CF Confirm
========================================= */

/* =========================================
   確認ボタン
========================================= */
.grm-cf-confirm-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;

	min-height:44px;
	padding:0 20px;

	background:#111;
	color:#fff;

	border:none;
	border-radius:4px;

	font-size:14px;
	font-weight:600;
	line-height:1;

	cursor:pointer;

	text-decoration:none;
	box-sizing:border-box;

	position:relative;
	z-index:10;
}

/* =========================================
   モーダル
========================================= */
.grm-cf-confirm{
	position:fixed;
	inset:0;

	z-index:99999;

	background:rgba(0,0,0,0.7);

	padding:40px;

	overflow:auto;
	box-sizing:border-box;
}

/* =========================================
   モーダルBOX
========================================= */
.grm-cf-confirm-box{
	max-width:800px;
	margin:0 auto;

	background:#fff;

	padding:30px;

	box-sizing:border-box;

	text-align:left;
}

/* =========================================
   行
========================================= */
.grm-cf-confirm-row{
	padding:15px 0;
	border-bottom:1px solid #eee;

	display:block;
	text-align:left;
}

/* =========================================
   名前
========================================= */
.grm-cf-confirm-name{
	font-weight:700;
	margin-bottom:8px;
}

/* =========================================
   値
========================================= */
.grm-cf-confirm-value{
	line-height:1.7;
	white-space:pre-wrap;
	word-break:break-word;
	text-align:left;
}

/* =========================================
   ボタンエリア
========================================= */
.grm-cf-confirm-actions{
	display:flex;
	gap:10px;
	margin-top:20px;
}

/* =========================================
   戻る
========================================= */
.grm-cf-confirm-back{
	display:inline-flex;
	align-items:center;
	justify-content:center;

	min-height:44px;
	padding:0 20px;

	background:#eee;
	color:#333;

	border:none;
	border-radius:4px;

	cursor:pointer;
}

/* =========================================
   送信
========================================= */
.grm-cf-confirm-submit{
	display:inline-flex;
	align-items:center;
	justify-content:center;

	min-height:44px;
	padding:0 20px;

	background:#111;
	color:#fff;

	border:none;
	border-radius:4px;

	cursor:pointer;
}

/* =========================================
   Error Summary
========================================= */
.cf-error-summary{
	margin-bottom:30px;
	padding:20px;
	border:1px solid #dc3232;
	background:#fff5f5;
	border-radius:6px;
}

.cf-error-summary-title{
	margin:0 0 10px;
	color:#dc3232;
	font-size:16px;
	font-weight:700;
	line-height:1.6;
}

.cf-error-summary-list{
	margin:0;
	padding-left:20px;
}

.cf-error-summary-list li{
	margin-bottom:6px;
	color:#dc3232;
	font-size:14px;
	line-height:1.7;
}

/* =========================================
   Field Error
========================================= */
.cf-error{
	margin-top:8px;
	color:#dc3232;
	font-size:13px;
	line-height:1.6;
	font-weight:700;
}

/* =========================================
   Error Field
========================================= */
.cf-error-field{
	border:2px solid #dc3232 !important;
	background-color:#fff5f5 !important;
}

/* =========================================
   Error Field
========================================= */
input.cf-error-field,
textarea.cf-error-field,
select.cf-error-field{
	border:2px solid #dc3232 !important;
	background-color:#fff5f5 !important;
}

.cf-error-check{
	border:2px solid #dc3232 !important;
	background-color:#fff5f5 !important;
	border-radius:6px;
	padding:10px;
}

/* =========================================
   Contact Form 7 の入力欄の下に出る赤文字のエラーを非表示
========================================= */
/* Contact Form 7 の入力欄の下に出る赤文字のエラーを非表示にする */
.wpcf7-form .wpcf7-not-valid-tip {
	display: none !important;
}

/* 送信ボタンの下などに出る全体の枠線メッセージもすべて非表示にする */
.wpcf7-response-output {
	display: none !important;
}

.grm-cf-confirm-wrap input,
 .grm-cf-confirm-wrap textarea {
	padding: 10px;
	border: 1px solid #ddd;
	background-color: #ddd;
}