@charset "UTF-8";

/* ***********************************************
2025-04-09 追加
 お問い合わせ、仏壇位牌カタログ、荘厳仏具カタログ申込み
 確認画面追加プラグイン Contact Form Plus用のCSS
*********************************************** */
/* 固定ページ「お問い合わせ」の入力内容はformタグ内に入るが
Contact Form Plusの確認画面では
formにvisibility: hidden が指定されているので再表示設定 */

.wpcf7cp-form-hide .inquerySection,
.wpcf7cp-form-hide .shogonCatalogSection,
.wpcf7cp-form-hide .butsudanCatalogSection{
	visibility: visible !important;
}
/* フォーム入力tableと確認ボタンは非表示 */
.wpcf7cp-form-hide .tbl-form{
	visibility: hidden !important;
}
.wpcf7cp-form-hide .btn-form{
	display:none;
}
div.wpcf7{
	max-width:960px;
	margin-right:auto;
	margin-left:auto;
}
div#wpcf7cpcnf{
	padding-top: 320px;
}
/*////////////////////////////////////////////*/
/* PC, Tablet(768px and up) */
@media print, screen and (min-width: 768px) {
	div#wpcf7cpcnf{
		padding-top: 270px;
	}
}/*END media query*/
/*////////////////////////////////////////////*/


/* ▼SP BEGIN▼Table under 769px BEGIN▼ */
/* 以下スマホ用レスポンシブテーブルCSS */
@media only screen and (max-width:767px){
	#wpcf7cpcnf table{
		display: block;
		margin-left:0;
		margin-right:0;
	}
	#wpcf7cpcnf table tr{
		display: block;
		margin-bottom: 12px;
	}
	#wpcf7cpcnf table th,
	#wpcf7cpcnf table td{
		display: list-item;
		list-style-type: none;
		border: none;
	}
	#wpcf7cpcnf table th{
		text-align:left;
		font-weight:bold;
	}
}/* ▲SP END▲Table under 769px END▲ */

/* ----------------------------------
 確認画面 table
------------------------------------- */
#wpcf7cpcnf table{
	margin-bottom: 1em;
}
#wpcf7cpcnf table tr {
	margin-bottom: 1em;
}
#wpcf7cpcnf table th {
	margin-bottom: 0.5em;
}
#wpcf7cpcnf table td{
	padding-left:10px;
	padding-right:10px;
}
/* ボタン */
.wpcf7cp-btns{
	text-align:center;
	padding-right:10px;
	padding-left:10px;
	max-width:620px;
	margin-left:auto;
	margin-right:auto;
}
.wpcf7cp-btns:after{
	content:"";
	display:table;
	clear:both;
}
.wpcf7cp-btns button{
	/* 送信ボタンなどのiOSでのデフォルトスタイルをリセット */
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
	/* 以下デザイン */
	background-color: #bf9d6d;
	border: 1px solid #bf9d6d;
	border-radius: 4px;
	display: inline-block;
	padding:2px 12px 0 12px;
	margin-bottom: 0;
	color: #fff;
	font-size: 90%;
	font-weight: 400;
	line-height: 1;
	height:40px; 
	text-align: center;
	white-space: nowrap;
	vertical-align: bottom;
	display:block;
	max-width:280px;
}
.wpcf7cp-btns button:hover{
	opacity:0.7;
}
/* 編集（戻る）ボタン */
.wpcf7cp-btns button.wpcf7cp-cfm-edit-btn{
	float:left;
	width:30%;
	margin-right:2%;
	background-color:#dbc232;
	border:1px solid #dbc232;
}
/* この内容で送信するボタン */
.wpcf7cp-btns button.wpcf7cp-cfm-submit-btn{
	float:left;
	width:66%;
	margin-left:2%;
}
/* 確認ボタン */
.btn-form input#btn-submit{
	float:none;
	margin-left:auto;
	margin-right:auto;
}
/*** 確認画面用タイトルを振り分け ***/
.wpcf7cp-form-hide .tl-form,
.wpcf7cp-form-hide .tl-sent{
	display:none;
}
.wpcf7cp-form-hide .tl-confirmed{
	display:inline;
}
/*** 確認画面用メッセージを振り分け ***/
.wpcf7cp-form-hide .inq-step1{
	display:none;
}
.wpcf7cp-form-hide .inq-step2{
	display:block;
}
#wpcf7cpcnf table{
	border-bottom:1px solid #ccc;
}
#wpcf7cpcnf table small,
#wpcf7cpcnf table p.comment-note{
	color:#777;
}
/*////////////////////////////////////////////*/
/* PC, Tablet(768px and up) */
@media print, screen and (min-width: 768px) {
	/* フォーム */
	#wpcf7cpcnf table{
		margin-bottom:40px;
	}
	#wpcf7cpcnf table td,
	#wpcf7cpcnf table th{
		padding: 20px 30px;
	}
	#wpcf7cpcnf table th{
		width:12em;
	}
	.wpcf7cp-btns button{
		height:60px;
		max-width:420px;
		font-size:1.25em;
	}
}/*END media query*/
/*////////////////////////////////////////////*/