@charset "UTF-8";
/* =================================
 form.css
================================= */

#reserve.reserve {
	font-size: 1.8rem;
	line-height: 170%;
}
.area-reserve-number {
	background-color: rgba(184, 151, 113, 0.3);
	margin: 40px 0;
	padding: 20px;
}
.ttl-reserve-number-01, .ttl-form-flow-01 {
	font-size: 2.4rem !important;
	font-weight: 700;
	letter-spacing: 0.1rem;
	margin-bottom: 0;
}
.txt-reserve-number {
	color: #9a7347;
	font-size: 5rem;
	font-weight: 500;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	letter-spacing: 0.1rem;
	margin-bottom: 0;
}
.txt-reserve-business {
	font-size: 2rem;
}
.box-form-flow {
	border: 1px #b89771 solid;
	margin: 40px 0;
	padding: 30px;
}
.nav-form-flow {
	background-color: #b89771;
	color: #ffffff;
	font-size: 2rem;
	font-weight: 500;
	padding: 10px;
	margin: 20px 0;
	border: 5px solid #fff;
}
.finish {
	background-color: #9F7646;
}
.txt-form-flow-01 {
	margin-bottom: 0;
}
.txt-reserve-form-01 {
	color: #9c3e84;
	font-size: 2.4rem;
	font-weight: 700;
	border-bottom: 1px solid #a7a7a7;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.box-reserve-form {
	border-bottom: 1px solid #a7a7a7;
	padding-bottom: 20px;
	margin: 0 0 20px 0;
}
.ico-form-required {
	background-color: #ea1761;
	color: #fff;
	padding: 5px;
	margin-left: 10px;
	font-size: 1.4rem;
}
.box-reserve-form:last-child {
	margin-bottom: 80px;
}
#reserve .btn {
	border-radius: 10px;
	background-color: #b89771;
	font-size: 2rem;
	color: #ffffff;
	padding: 5px 40px;
	width: 100%;
}
#reserve .btn.re {
	background-color: #fff;
	color: #b89771;
	border: solid 2px #b89771;
}
.box-reserve-form-textarea {
	width: 80%;
}
#reserve.reserve .box-reserve-form input, #reserve.reserve .box-reserve-form textarea {
	background-color: #e6e6e6;
	border: none;
	padding: 5px 10px;
	width:100%;
}
.ttl-reserve-form-01 {
	font-weight: 700;
}
.txt-reserve-form-date-02, .txt-reserve-form-hour, .txt-reserve-form-minute {
	background-color: #e6e6e6;
	border: none;
}
.txt-reserve-form-date-02 {
	width: 100%;
	margin-bottom: 15px;
}
.txt-reserve-form-hour {
	width: 100%;
}
.txt-reserve-form-minute {
	width: 100%;
}
.privacy {
   border: 1px solid #CCCCCC  ;
   font-size: 1.5rem;
   height: 150px;
   margin: 30px 0;
   overflow: auto;
    padding: 10px;
}
 .text-error{
	 color:#D02326;
 }
@media screen and (max-width:767px) {
#reserve.reserve {
	font-size: 1.6rem;
}
.area-reserve-number {
	margin: 40px 0;
	padding: 20px;
}
.ttl-reserve-number-01, .ttl-form-flow-01 {
	font-size: 1.6rem !important;
}
.txt-reserve-number {
	font-size: 3.6rem;
	margin-bottom: 0;
}
.txt-reserve-business {
	font-size: 1.8rem;
}
.box-form-flow {
	margin: 10px 0;
	padding: 10px 30px;
}
.nav-form-flow {
	font-size: 1.4rem;
}
.txt-form-flow-01 {
	margin-bottom: 0;
}
.txt-reserve-form-01 {
	font-size: 1.8rem;
}
.box-reserve-form {
	line-height: 170% !important;
}
.box-reserve-form:last-child {
	margin-bottom: 40px;
}
#reserve .btn {
	font-size: 1.6rem;
	padding: 5px 10px;
}
.box-reserve-form-textarea {
	width: 100%;
}
#reserve.reserve .box-form-flow .row div {
	padding: 0;
	border: 1px solid #fff;
}
#reserve.reserve .box-reserve-form .col-xs-12.col-sm-4 {
	margin-bottom: 10px;
}
.txt-reserve-form-date-01,  .txt-reserve-form-time {
	font-size: 1.4rem
}
}

/* 20250226 追記 */
.reserve-date, .txt-reserve-form-hour, .txt-reserve-form-minute {
	padding: 8px 10px;
}
.seibetsu-box {
	display: flex;
	gap: 30px;
}
.form-text_input {
	display: flex;
    align-items: center;
    gap: 10px;
}
#reserve.reserve .box-reserve-form .privacy-checkbox,
#reserve.reserve .box-reserve-form .seibetsu-radio {
	width: auto;
}
.privacy-link {
	border-bottom: 1px #23527c dashed;
}