/*ContactFormカスタマイズ*/

table.CF7_table {
	width: 95%;
	margin: 0 auto;
	border: 3px solid #e5e5e5;
}

table.CF7_table tr {
	border: 1px solid #e5e5e5;
}

table.CF7_table td {
	border: 0px solid #e5e5e5;
}

/*入力欄*/
.CF7_table input,.CF7_table textarea {
	border: 1px solid #d8d8d8;
}

.CF7_table placeholder {
	color: #797979;
}

/*「必須」文字*/
.CF7_req {
	font-size: 1em;
	padding: 5px;
	background: #dc143c; /*赤*/
	color: #ffffff;
	border-radius: 1px;
	margin-right: 1em;
	font-size: 1em;
}

/*「任意」文字*/
.CF7_unreq {
	font-size: 1em;
	padding: 5px;
	background: #bdbdbd;/*グレー*/
	color: #fff;
	border-radius: 1px;
	margin-right: 1em;
}

/*文字*/
.CF7_req1 {
	font-size: 1.5em;
	padding: 5px;
	border-radius: 1px;
	margin-right: 1em;
}

/* タイトル列 */
@media screen and (min-width: 768px) {
	.CF7_table th {
	width: 45%; /*横幅*/
	background-color: #ebedf5; /*ブルーグレー*/
	text-align: left;
	}	
}

/* レスポンシブ */
@media screen and (max-width: 768px){
	table.CF7_table {
	width: 95%;
}
.CF7_table tr, .CF7_table td, .CF7_table th {
	display: block;
	width: 100%;
line-height: 2.5em;
}
.CF7_table th {
	background-color:#ebedf5;
}
}

/* 「送信する」ボタン */
.wpcf7 input.wpcf7-submit {
	background-color: #1456db; /*青*/
	border: 0;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 auto;
}

/* 「戻る」ボタン */
 #back1{
background: red;
border: none;
display: inline-block;
color: #FFFFFF;
padding: 13px 75px 13px 75px;
border-radius: 5px;
font-size: 20px;
font-weight: bold; 
}

.CF7_btn {
	text-align: center;
	margin-top: 20px;
}

.wpcf7-spinner {
	width: 0;
	margin: 0;
}

/* reCAPTCHA　ボタン　非表示 */
.grecaptcha-badge { visibility: hidden; }

/*モバイル時のヘッダーを消さないカスタマイズ*/

@media (max-width: 991.98px){
	.site-header {
		position:fixed !important;
		top:0px;
	}
	.header_scrolled .site-header-logo{
		display:block;
	}
	body {
		/* モバイル時のヘッダーの高さ */
		 padding-top:64px;
	}
	/* ヘッダー透過の時 */
	.site-header--trans--true+div {
		/* モバイル時のヘッダー高さ分マイナスオフセット */
		margin-top:-64px;
	}
}

/*モバイル時のgooglemap縦横調整　カスタマイズ*/

.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

/* スクロールバーの幅 */
.scroll-box::-webkit-scrollbar { width: 10px; }

/* スクロールバー背景色 */
.scroll-box::-webkit-scrollbar-track { background: #f1f1f1; }

/* スクロールバーのつまみの色 */
.scroll-box::-webkit-scrollbar-thumb { border-radius: 6px; background: #c1c1c1; }

/* 本文調整 */
.bs {
  margin-bottom: 1.0em;
}

/* スクロールバー調整 */
.scroll-box {
margin-left: auto;
margin-right: auto;
width: 80%;
height: 200px;
overflow-y: scroll;
border: 1px solid #ddd;
background-color: #f8f4f4;
}


/* カラムブロックの中のmargin */
.wp-block-columns {
    margin-bottom: 0em;
}

/* カラムブロックの中のiframeのmargin */
.wp-block-columns iframe{
margin-bottom:0;
}

/*****　MTS Simple Booking Cのカレンダーの右側が切れる対策　*****/
/*　セルの余白を設定　*/
.monthly-calendar th,
.monthly-calendar td {
    padding: 5px;
}
 
/*　フィールドセット幅を設定　*/
.content-form fieldset {
    width: 97%;
    padding: 3px;
}
 
/*　テーブル幅を設定　*/
.monthly-calendar table,
.day-calendar table,
.content-form table {
    width: 98%;
    margin: 5px;
}

/*　ハンバーガーメニュー非表示　*/
body.device-mobile .vk-mobile-nav-menu-btn {
	display: none;
}
