/*//////// form ///////////*/

select,option,input,textarea,
button{
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border:0;
    background:white;
		padding:0;
    }

.formarea .req:after{
	content:"*";
	color:red;
	padding-left:5px;
	}
.formarea{
	background:url(../../contact/img/hana.png) no-repeat -10% 110%  #FFEAB8;
	border-radius:15px;
	padding:5%;
}
.formarea dl{
	padding: 0 .5em;
	margin:.5em 0;
	display: flex;
	align-items:center;
	text-align: left;
	}
.formarea dl dt{
	width:20%;
	color:#7F5D2A;
	}
.formarea dl dd{
	width:70%;
	}

.formarea input,
.formarea select{
	font-size:15px;
	}
.formarea input,
.formarea textarea,
.formarea select{
	padding:8px;
	margin:5px 0;
	border-radius:5px;
	width:100%;
	border:1px solid #cbcbcb;
	}

.formarea input:focus,
.formarea textarea:focus{
	border-color:#5e5e5e;
	}
.formarea input[type="checkbox"]{
	width:30px;
	height: 30px ;
	vertical-align: middle;
	position: relative;
	}
.formarea input[type="checkbox"]:checked:before{
	content:"";
	display: block;
	border-right:4px solid red;
	border-bottom:4px solid red;
	width:8px;
	height: 16px;
	z-index: 5;
	transform:rotate(45deg) translate(10px,-6px);
	-webkit-transform:rotate(45deg) translate(10px,-6px);
	}
.formarea input[type="radio"]{
	width:25px;
	height: 25px ;
	vertical-align: middle;
	position: relative;
	border-radius:30px;
	}
.formarea input[type="radio"]:checked:before{
	content:"";
	display: block;
	background:red;
	width:10px;
	height:10px;
	border-radius:10px;
	transform:translate(-25%,-25%);
	}
.formarea .inline{
	display: inline-block;
	width:auto;
	}

.formarea .submit{
	margin:50px auto;
	max-width: 400px;
	}
.formarea button{
	cursor: pointer;
	font-size:1.1rem;
	font-family:'Noto Sans JP', sans-serif;
	padding:1em 2em;
}
.formarea .b{
	height: 0;
	overflow: hidden;
}
.wp-block-booking-booking button.btn{
	display: block;
	max-width: 300px;
	width: 100%;
	margin:2rem auto;
	background: #D16F0D;
	padding: .5em 2.3em;
	color: white;
	font-weight: normal;
	font-size: clamp(15px,1.8vw,20px);
	position: relative;
	box-shadow: 0 3px 6px rgba(0,0,0,.16);
	text-shadow:none;
	border:0;
}
.wp-block-booking-booking button.btn:hover:after{
	animation: liner .5s ease-in-out;
}
.wp-block-booking-booking button.btn:hover{
		background: #e28426;
		color:white;
	}
	.wp-block-booking-booking .booking_form .form-group {
		max-width: 600px;
		margin:1em auto;
	}
	.wp-block-booking-booking .form-group input[type="text"],
	.wp-block-booking-booking .form-group textarea{
		width:100%;
	}
	.wp-block-booking-booking .wpbc_times_selector div {
		background:white;
	}

/* .formarea .btn{
	background:black;
	padding:15px 0;
	text-align: center;
	font-size:1rem;
	color:white;
	cursor:pointer;
	width:100%;
	font-family:'Noto Sans JP', sans-serif;
	transition:.3s all ease;
	}
.formarea .btn:hover{
	box-shadow:0 6px 6px rgba(0,0,0,.25);
	}
.formarea .btn[disabled="disabled"]{
	color:#c7c7c7;
	border-color:#c7c7c7;
	}
.formarea .btn[disabled="disabled"]:hover{
	cursor:auto;
	box-shadow:none;
	} */
.formarea .back_btn{
	background:white;
	color:black;
	border:1px solid black;
}

/*///// error ///////////*/

.error {
	color:red;
	background:#ffe600;
	display: inline-block;
	padding:3px 10px;
	margin:5px 0;
	text-align: center;
	}
.error-message{
	color:#ff7474;
	text-align: left;
	}
.error-message .title h3{
	text-align: center;
	}
.error-message .section ul {
	list-style: none;
	padding-left:20px;
	}
.error-message .message ul li{
	text-align: center;
	list-style: none;
	}

.thanks .title h3{
	text-align: center;
	font-size:2.5rem;
	margin:5% auto;
	font-weight: 500;
}
.chk {
    height: 0;
    overflow: hidden;
    padding: 0;
}
.koumokuText {
    display: block;
    text-align: left;
}
.input01 {
	display: block;
    -webkit-appearance: none;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.45px;
    border: 1px solid #b1b1b1;
    border-radius: 3px;
    height: 45px;
    overflow: hidden;
    padding: 10px;
    box-sizing: border-box;
}
/*////////////////////////////////////////////////////////*/
	@media screen and (max-width:835px){
		/** フォーム **/

	.formarea .err_msg {
			color : #ff0000;
			font-weight:bold;
			font-size: 1em;
	}

	/* ■ //フォーム ■ */
	/*///////////////// 769 /////////////////////////*/
	}

/*////////////////////////////////////////////////////////*/
@media screen and (max-width:641px){
	.formarea dl{
		display: block;
	}
	.formarea dl dt{
		width:auto;
		text-align: left;
	}
	.formarea dl dd{
		width:100%;
	}
	/*///////////////// 640 ///////////////////////////////*/
}

/*////////////////////////////////////////////////////////*/
@media screen and (max-width:429px){
	.thanks .title h3{
		font-size:2.0rem;
		margin-top:10%;
	}

/*///////////////// 480 ///////////////////////////////*/
}