@charset "utf-8";


.correction {
	display: none;
	text-align: center;
}
.correction button[type="submit"]{
	display: inline-block;
	max-width: 300px;
	width: 90%;
	padding: 20px;
	margin: 0 auto;
	color: #fff;
	border: none;
	font-size: 16px;
	letter-spacing: 0.06em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
	background-color: rgba(83,64,46,1);
	margin: 0 10px;
	cursor: pointer;
}
#btn_correction{
	background-color: #ffffff;
	color: rgba(83,64,46,1);
	border: 1px solid rgba(83,64,46,1);
}

.pd_bottom_10px {
	padding-bottom: 10px !important;
}

.thanks_message {
	width: 100%;
	text-align: center;
	font-size: 18px;
	font-weight: 800;
}

.answer_output {
	display: none;
}


.day-ttl {
	margin: 0px auto 10px;
}
.day-ttl span {
	display: inline-block;
	padding: 3px 5px;
	background-color: #413024;
	/* background-color: #896400; */
	color: #fff;
}
.ttl-tag span{
	display: inline-block;
	padding: 3px 5px;
	font-size: 14px;
	background-color: #53402E;
	color: #fff;
}
.disc-area {
	color: #53402E;
}
.res-txt {
	font-size: 12px;
	color: #53402E;
	margin: 30px auto;
}
.guid-txt {
	margin: 30px auto 50px;
	padding: 10px;
	border: 1px solid #D6D4C7;
}
	.guid-txt p {
			font-size: 10px;
			color: #53402E;
			line-height: 1.6;
			letter-spacing: 0.1em;
	}
.disabled-class {
	pointer-events: none;
	color: #ccc;
}
.answer_output {
	display: none;
}
.date-disabled {
	opacity: 0.3;
	pointer-events: none;
}

/* PC ================================================== */
@media all and (min-width:960px){
#reservation {
	width: 100%;
	height: auto;
	padding: 230px 0px 150px;
	background-color: #FAF9F2;
}
	.reservation--inner {
		width: 90%;
		max-width: 900px;
		margin: 25px auto auto;
	}
		.reservation-txt {
			width: 100%;
			margin: auto auto 35px;
			font-size: 14px;
			line-height: 2.0;
			text-align: center;
		}
		.form-container {
			width: 100%;
		}
			.form-progress {
				width: 100%;
				margin: auto auto 55px;
				display: flex;
				justify-content: center;
			}
				.form-progress_child {
					width: 33.3333%;
					height: 66px;
					background-color: #ffffff;
					position: relative;
				}
				.form-progress_child.active {
					background-color: #413024;
					color: #ffffff;
				}
				.form-progress_child.active:after {
					content: '';
					width: 0;
					height: 0;
					border-style: solid;
					border-width: 33px 0 33px 18px;
					border-color: transparent transparent transparent #413024;
					position: absolute;
					top: 0;
					right: 0;
					transform: translate(100%,0%);
					-webkit-transform: translate(100%,0%);
					z-index: 1;
				}
				.form-progress-done:after {
					content: '';
					display: none;
				}
					.form-progress_child p {
						width: 100%;
						font-size: 16px;
						text-align: center;
						line-height: 66px;
						letter-spacing: 0.12em;
					}

			.form-container form {
				width: 100%;
			}
				.form-list-container {
					width: 100%;
					margin: auto auto 65px;
				}
					.form-list_title {
						display: inline-block;
						margin-bottom: 18px;
						font-size: 20px;
						letter-spacing: 0.12em;
						line-height: 1.6;
						border-bottom: solid 1px #604C3F;
					}
					.form-list {
						width: 100%;
					}
						.form-item {
							width: 100%;
							margin-bottom: 20px;
							display: flex;
							justify-content: flex-start;
							align-items: flex-start;
						}
						.form-item:last-of-type {
							margin-bottom: 0px;
						}
							.form-item_heading {
								width: 190px;
								padding: 14px 0px;
								font-size: 16px;
							}
								.form-item_heading label {
									letter-spacing: 0.12em;
								}
								.mandatory {
									padding: 2px 4px 3px 3px;
									margin-left: 5px;
									border-radius: 2px;
									background-color: #8E1A1A;
									font-size: 12px;
									color: #ffffff;
									position: relative;
									top: -1px;
								}
							.form-item_inputbox {
								width: calc(100% - 190px);
								font-size: 16px;
								letter-spacing: 0.12em;
							}
								#zip-btn {
									width: 100px;
									height: 30px;
									border-radius: 3px;
									margin-left: 30px;
									background-color: #413024;
									border: none;
									outline: none;
									cursor: pointer;
									font-size: 14px;
									color: #ffffff;
									letter-spacing: 0.1em;
									text-indent: 0.1em;
									line-height: 30px;
								}
								.form-item_inputbox span {
									font-size: 12px;
								}
								.desired_time-box {
									width: auto;
									height: 56px;
									display: flex;
									justify-content: flex-start;
									align-items: center;
								}
								.contact-note {
									display: inline-block;
									margin-top: 7px;
								}
								.form-item_inputbox p {
									display: inline-block;
									padding: 14px 0px;
									font-size: 16px;
								}
								.form-visitors_box p {
									display: inline-block;
									padding: 14px 0px;
									margin: 0px 5px 0px 15px;
									font-size: 16px;
								}
							.form-visitors {
								display: flex;
								justify-content: flex-start;
								align-items: center;
							}
								.form-visitors_box {
									width: auto;
									font-size: 16px;
									letter-spacing: 0.12em;
									display: flex;
									justify-content: flex-start;
									align-items: center;
								}
									.profession-box {
										width: 200px;
										position: relative;
									}
									.profession-box:after {
										content: '';
										width: 0;
										height: 0;
										border-style: solid;
										border-width: 8px 5px 0 5px;
										border-color: #604C3F transparent transparent transparent;
										position: absolute;
										top: 50%;
										right: 10px;
										transform: translate(0%,-50%);
										-webkit-transform: translate(0%,-50%);
										pointer-events: none;
									}
									.prefecture-box {
										width: 340px;
										position: relative;
									}
									.prefecture-box:after {
										content: '';
										width: 0;
										height: 0;
										border-style: solid;
										border-width: 8px 5px 0 5px;
										border-color: #604C3F transparent transparent transparent;
										position: absolute;
										top: 50%;
										right: 10px;
										transform: translate(0%,-50%);
										-webkit-transform: translate(0%,-50%);
										pointer-events: none;
									}

					.questionnaire-list {
						width: 100%;
					}
						.questionnaire-item {
							width: 100%;
							margin-bottom: 20px;
							display: flex;
							justify-content: flex-start;
							align-items: flex-start;
						}
						.questionnaire-item:last-of-type {
							margin-bottom: 0px;
						}
							.questionnaire-item_heading {
								width: 330px;
								padding: 14px 0px;
								font-size: 16px;
								line-height: 1.5;
							}
								.questionnaire-item_heading label {
									font-size: 16px;
									letter-spacing: 0.12em;
								}
							.questionnaire-item_inputbox {
								width: calc(100% - 330px);
							}
								.questionnaire-item_inputbox p {
									display: inline-block;
									padding: 14px 0px;
									font-size: 16px;
									letter-spacing: 0.12em;
								}
								.questionnaire-selectbox {
									width: 100%;
									position: relative;
								}
								.questionnaire-selectbox:after {
									content: '';
									width: 0;
									height: 0;
									border-style: solid;
									border-width: 8px 5px 0 5px;
									border-color: #604C3F transparent transparent transparent;
									position: absolute;
									top: 50%;
									right: 15px;
									transform: translate(0%,-50%);
									-webkit-transform: translate(0%,-50%);
									pointer-events: none;
								}
								.questionnaire-checkbox-container {
									width: calc(100% + 15px);
								}
									.questionnaire-checkbox-container_heading {
										width: 100%;
										padding-top: 30px;
										margin-bottom: 5px;
										font-weight: 700;
										letter-spacing: 0.05em;
									}
									.questionnaire-checkbox-container_details {
										width: 100%;
										letter-spacing: 0.05em;
									}

				.pp-container {
					width: 100%;
					margin: auto auto 60px;
				}
					.pp-container_inner {
						width: 100%;
					}
						.pp-container_heading {
							width: 100%;
							margin-bottom: 15px;
							font-size: 20px;
							font-weight: 700;
						}
						.pp-container_details {
							width: 100%;
							height: 220px;
							padding: 20px 25px;
							margin-bottom: 17px;
							background-color: #FFFFFF;
							overflow: scroll;
						}
							.pp-container_details p {
								width: 100%;
								font-size: 12px;
								letter-spacing: 0.12em;
								text-align: justify;
							}
						.pp-check {
							text-align: center;
						}

				.submit-container {
					width: 100%;
					display: flex;
					justify-content: space-between;
					align-items: flex-start;
				}

								/* input */
								input[type="text"],
								select {
									width: 100%;
									height: 56px;
									padding: 0px 15px;
									background-color: #ffffff;
									border-radius: 5px;
									/* border: none; */
									border: 1px solid #ADA29A;
									outline: none;
									color: #604C3F;
								}
								input[type="date"] {
									width: 100%;
									height: 56px;
									padding: 0px 15px;
									background-color: #ffffff;
									border-radius: 5px;
									/* border: none; */
									border: 1px solid #ADA29A;
									outline: none;
									color: #604C3F;
								}
								input[type="date"]:invalid {
									border: 1px solid #8E1A1A;
								}
									.error-msg{
										display: none;
									}
									.holiday-txt {
										display: none;
									}
									.date-error-msg {
										display: inline-block!important;
										padding: 5px 10px 4px;
										margin-left: 10px;
										border-radius: 3px;
										background-color: #8E1A1A;
										font-size: 12px !important;
										letter-spacing: .1em;
										font-feature-settings: "palt";
										color: #ffffff;
										position: relative;
									}

									input[type="date"]:invalid + .error-msg {
										display: inline-block;
										padding: 5px 10px 4px;
										margin-left: 10px;
										border-radius: 3px;
										background-color: #8E1A1A;
										font-size: 12px !important;
										letter-spacing: .1em;
										font-feature-settings: "palt";
										color: #ffffff;
										position: relative;
									}
										.error-msg::before,
										.date-error-msg::before {
											content: '';
											display: block;
											width: 0;
											height: 0;
											border-style: solid;
											border-width: 5px 6px 5px 0;
											border-color: transparent #8E1A1A transparent transparent;
											position: absolute;
											top: 50%;
											left: 0;
											transform: translate(-100%,-50%);
										}
								input[type=checkbox] {
									display: none;
								}
								.checkbox {
									box-sizing: border-box;
									cursor: pointer;
									display: inline-block;
									padding-left: 25px;
									margin-right: 10px;
									margin-bottom: 5px;
									position: relative;
									width: auto;
								}
								.checkbox:before {
									content: '';
									background: #ffffff;
									border-radius: 3px;
									border: 1px solid #ADA29A;
									display: block;
									width: 16px;
									height: 16px;
									left: 0px;
									margin-top: -8px;
									position: absolute;
									top: 50%;
									width: 16px;
								}
								.checkbox:after {
									border-right: 2px solid #604C3F;
									border-bottom: 2px solid #604C3F;
									content: '';
									display: block;
									height: 9px;
									left: 5px;
									margin-top: -5px;
									opacity: 0;
									position: absolute;
									top: 50%;
									transform: rotate(45deg);
									width: 6px;
									pointer-events: none;
								}
								input[type=checkbox]:checked + .checkbox:after {
									opacity: 1;
								}
								input[type=radio] {
									display: none;
								}
								.radio {
									box-sizing: border-box;
									cursor: pointer;
									display: inline-block;
									padding-left: 25px;
									margin-right: 25px;
									position: relative;
									width: auto;
								}
								.radio:before {
									content: '';
									background: #ffffff;
									border-radius: 50%;
									border: 1px solid #ADA29A;
									display: block;
									width: 16px;
									height: 16px;
									position: absolute;
									top: 50%;
									left: 0px;
									transform: translate(0%,-50%);
									-webkit-transform: translate(0%,-50%);
								}
								.radio:after {
									content: '';
									display: block;
									width: 8px;
									height: 8px;
									background-color: #604C3F;
									border-radius: 50%;
									opacity: 0;
									position: absolute;
									top: 50%;
									left: 4px;
									transform: translate(0%,-50%);
									-webkit-transform: translate(0%,-50%);
									pointer-events: none;
								}
								input[type=radio]:checked + .radio:after {
									opacity: 1;
								}
								input[name=desired_date] {
									width: 200px;
								}
								input[name=postal_code_1] {
									width: 130px;
									margin: 0px 10px;
								}
								input[name=postal_code_2] {
									width: 155px;
									margin: 0px 10px;
								}
								select[name=prefecture] {
									width: 100%;
								}
								input[name=age] {
									width: 200px;
									margin-right: 10px;
								}
								input[name=visitors] {
									width: 200px;
									margin-right: 10px;
								}
								button[name="btn_confirm"] {
									display: block;
									width: 430px;
									height: 84px;
									margin: auto auto;
									border-radius: 5px;
									outline: none;
									border: none;
									background-color: #680000;
									font-size: 16px;
									font-weight: 700;
									letter-spacing: 0.12em;
									line-height: 84px;
									text-align: center;
									color: #ffffff;
									transition: .3s;
									-webkit-transition: .3s;
									cursor: pointer;
								}
								button[name="btn_confirm"].disabled {
									opacity: .3;
									pointer-events: none;
								}
								input[name="btn_back"],
								input[name="btn_submit"] {
									display: block;
									width: 48%;
									height: 84px;
									margin: auto auto;
									border-radius: 5px;
									outline: none;
									border: none;
									font-size: 16px;
									font-weight: 700;
									letter-spacing: 0.12em;
									line-height: 84px;
									text-align: center;
									color: #ffffff;
									transition: .3s;
									-webkit-transition: .3s;
									cursor: pointer;
								}
								input[name="btn_back"] {
									background-color: #999999;
								}
								input[name="btn_submit"] {
									background-color: #680000;
								}
/* //input */

			.done-body {
				width: 100%;
				padding: 100px 0px;
			}
				.done-body p {
					width: 100%;
					text-align: center;
				}

/* 6.3 suizu add */
.question {
	padding-bottom: 38px;
}
.question .contents {
	white-space: nowrap;
	line-height: 20px;
	text-align: left;
	font-family: YuMincho;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	/* color: rgba(137,100,0,1); */
	color: #53402E;
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: none;
}
.question .contents ul {
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}
.question .contents ul li{
	list-style-type: none;
	align-self: baseline;
}
.question .contents ul li:last-child{
	text-align: left;
	flex-grow: 2;
	padding: 0.1em 0;
	width: 80%;
}
.question .contents ul li > span {
	white-space: nowrap;
	line-height: 20px;
	text-align: left;
	font-family: YuMincho;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: rgba(137,100,0,1);
	margin: 0;
	padding: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: none;
}
.question .answer{
	width: 100%;
}
.question .answer label{
	display: inline-block;
	margin-right: 1em;
}
.question .answer input[type="text"] {
	width: 100%;
	height: 34px;
	font-size: 14px;
	border: none;
	border-bottom: 1px solid #896400;
	margin-top: 20px;
	padding: 5px 0;
}
.question .answer input[type="radio"],
.question .answer input[type="checkbox"]{
	white-space: nowrap;
	line-height: 28px;
	text-align: left;
	font-family: YuMincho;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	color: rgba(83,64,46,1);
	margin: 0;
	margin-right: 0.5em;
	padding: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: none;
}
.question .answer textarea {
	width: 100%;
	padding: 1em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
}
.question .selectbox{
	position: relative;
	display: inline-block;
	width: 48%;
	background-color: #fff;
}
.question .selectbox::after {
	content: '';
	/*width: 6px;
	height: 6px;
	border: 0px;
	border-bottom: solid 2px #b4b3b3;
	border-right: solid 2px #b4b3b3;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	*/
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 10px solid #b4b3b3;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -4px;
}
.question .selectbox select {
	width: 100%;
	height: 51px;
	margin: 0;
	padding: 0 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid rgba(222,222,222,1);
	border-radius: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family: serif;
	font-size: 14px
}
.top-area {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	font-family: "游明朝体",serif;
}
.top-ttl {
	font-size: 28px;
	color: #896400;
	margin: 0 auto 15px;
}
	.top-txt {
			font-size: 18px;
			color: #53402E;
			margin: 0 auto 50px;
			line-height: 2;
	}

}

/* Tablet ================================================== */
@media all and (min-width:560px) and (max-width:959px){
#reservation {
	width: 100%;
	height: auto;
	padding: 30px 0px 100px;
	background-color: #FAF9F2;
}
	.reservation--inner {
		width: 90%;
		margin: 50px auto auto;
	}
		.reservation-txt {
			width: 100%;
			margin: auto auto 35px;
			font-size: 14px;
			line-height: 2.0;
			text-align: center;
		}
		.form-container {
			width: 100%;
		}
			.form-progress {
				width: 100%;
				margin: auto auto 55px;
				display: flex;
				justify-content: center;
			}
				.form-progress_child {
					width: 33.3333%;
					height: 40px;
					background-color: #ffffff;
					position: relative;
				}
				.form-progress_child.active {
					background-color: #413024;
					color: #ffffff;
				}
				.form-progress_child.active:after {
					content: '';
					width: 0;
					height: 0;
					border-style: solid;
					border-width: 20px 0 20px 5px;
					border-color: transparent transparent transparent #413024;
					position: absolute;
					top: 0;
					right: 0;
					transform: translate(100%,0%);
					-webkit-transform: translate(100%,0%);
					z-index: 1;
				}
				.form-progress-done:after {
					content: '';
					display: none;
				}
					.form-progress_child p {
						width: 100%;
						font-size: 12px;
						text-align: center;
						line-height: 40px;
						letter-spacing: 0.0em;
					}

			.form-container form {
				width: 100%;
			}
				.form-list-container {
					width: 100%;
					margin: auto auto 40px;
				}
					.form-list_title {
						display: inline-block;
						margin-bottom: 10px;
						padding-bottom: 3px;
						font-size: 16px;
						letter-spacing: 0.05em;
						line-height: 1.6;
						border-bottom: solid 1px #604C3F;
					}
					.form-list {
						width: 100%;
					}
						.form-item {
							width: 100%;
							margin-bottom: 15px;
						}
						.form-item:last-of-type {
							margin-bottom: 0px;
						}
							.form-item_heading {
								width: 100%;
								padding: 8px 0px 5px;
								font-size: 16px;
							}
								.form-item_heading label {
									letter-spacing: 0.12em;
								}
								.mandatory {
									padding: 2px 4px 3px 3px;
									margin-left: 5px;
									border-radius: 2px;
									background-color: #8E1A1A;
									font-size: 12px;
									color: #ffffff;
									position: relative;
									top: -1px;
								}
							.form-item_inputbox {
								width: 100%;
								font-size: 16px;
								letter-spacing: 0.12em;
							}
								#zip-btn {
									width: 100px;
									height: 30px;
									border-radius: 3px;
									margin-left: 30px;
									background-color: #413024;
									border: none;
									outline: none;
									cursor: pointer;
									font-size: 14px;
									color: #ffffff;
									letter-spacing: 0.1em;
									text-indent: 0.1em;
									line-height: 30px;
								}
								.form-item_inputbox span {
									font-size: 12px;
								}
									.desired_time-box li {
										margin-bottom: 8px;
									}
									.desired_time-box li:last-of-type {
										margin-bottom: 0px;
									}
								.contact-note {
									display: inline-block;
									margin-top: 7px;
								}
								.form-item_inputbox p {
									display: inline-block;
									padding: 10px 0px 10px 15px;
									font-size: 16px;
								}
								.form-family_box p {
									display: inline-block;
									padding: 10px 0px 10px 15px;
									margin: 0px 5px 0px 15px;
									font-size: 16px;
								}
								.form-visitors_box {
									width: auto;
									font-size: 16px;
									letter-spacing: 0.12em;
									display: flex;
									justify-content: flex-start;
									align-items: center;
								}
									.profession-box {
										width: 200px;
										position: relative;
									}
									.profession-box:after {
										content: '';
										width: 0;
										height: 0;
										border-style: solid;
										border-width: 8px 5px 0 5px;
										border-color: #604C3F transparent transparent transparent;
										position: absolute;
										top: 50%;
										right: 10px;
										transform: translate(0%,-50%);
										-webkit-transform: translate(0%,-50%);
										pointer-events: none;
									}
									.prefecture-box {
										width: 340px;
										position: relative;
									}
									.prefecture-box:after {
										content: '';
										width: 0;
										height: 0;
										border-style: solid;
										border-width: 8px 5px 0 5px;
										border-color: #604C3F transparent transparent transparent;
										position: absolute;
										top: 50%;
										right: 10px;
										transform: translate(0%,-50%);
										-webkit-transform: translate(0%,-50%);
										pointer-events: none;
									}

					.questionnaire-list {
						width: 100%;
					}
						.questionnaire-item {
							width: 100%;
							margin-bottom: 15px;
						}
						.questionnaire-item:last-of-type {
							margin-bottom: 0px;
						}
							.questionnaire-item_heading {
								width: 100%;
								padding: 8px 0px 5px;
								font-size: 16px;
								line-height: 1.5;
							}
								.questionnaire-item_heading label {
									font-size: 16px;
									letter-spacing: 0.12em;
								}
							.questionnaire-item_inputbox {
								width: 100%;
							}
								.questionnaire-item_inputbox p {
									display: inline-block;
									padding: 10px 0px 10px 15px;
									font-size: 16px;
									letter-spacing: 0.12em;
								}
								.questionnaire-selectbox {
									width: 100%;
									position: relative;
								}
								.questionnaire-selectbox:after {
									content: '';
									width: 0;
									height: 0;
									border-style: solid;
									border-width: 8px 5px 0 5px;
									border-color: #604C3F transparent transparent transparent;
									position: absolute;
									top: 50%;
									right: 15px;
									transform: translate(0%,-50%);
									-webkit-transform: translate(0%,-50%);
									pointer-events: none;
								}
								.questionnaire-checkbox-container {
									width: calc(100% + 15px);
								}
									.questionnaire-checkbox-container_heading {
										width: 100%;
										margin-bottom: 5px;
										font-weight: 700;
										letter-spacing: 0.05em;
									}
									.questionnaire-checkbox-container_details {
										width: 100%;
										letter-spacing: 0.05em;
									}

				.pp-container {
					width: 100%;
					margin: auto auto 40px;
				}
					.pp-container_inner {
						width: 100%;
					}
						.pp-container_heading {
							width: 100%;
							margin-bottom: 15px;
							font-size: 20px;
							font-weight: 700;
						}
						.pp-container_details {
							width: 100%;
							height: 220px;
							padding: 20px 25px;
							margin-bottom: 17px;
							background-color: #FFFFFF;
							overflow: scroll;
						}
							.pp-container_details p {
								width: 100%;
								font-size: 12px;
								letter-spacing: 0.12em;
								text-align: justify;
							}
						.pp-check {
							text-align: center;
						}

				.submit-container {
					width: 100%;
					display: flex;
					justify-content: space-between;
					align-items: flex-start;
				}

								/* input */
								input[type="text"],
								select {
									width: 100%;
									height: 56px;
									padding: 0px 15px;
									background-color: #ffffff;
									border-radius: 5px;
									border: 1px solid #ADA29A;
									outline: none;
									color: #604C3F;
								}
								input[type="date"] {
									width: 100%;
									height: 56px;
									padding: 0px 15px;
									background-color: #ffffff;
									border-radius: 5px;
									/* border: none; */
									border: 1px solid #ADA29A;
									outline: none;
									color: #604C3F;
								}
								input[type="date"]:invalid {
									border: 1px solid #8E1A1A;
								}
									.error-msg {
										display: none;
									}
									.holiday-txt {
										display: none;
									}
									.date-error-msg {
										display: inline-block!important;
										padding: 5px 10px 4px;
										margin-left: 10px;
										border-radius: 3px;
										background-color: #8E1A1A;
										font-size: 12px !important;
										letter-spacing: .1em;
										font-feature-settings: "palt";
										color: #ffffff;
										position: relative;
									}
									input[type="date"]:invalid + .error-msg {
										display: inline-block;
										padding: 5px 10px 4px;
										margin-left: 10px;
										border-radius: 3px;
										background-color: #8E1A1A;
										font-size: 12px !important;
										letter-spacing: .1em;
										font-feature-settings: "palt";
										color: #ffffff;
										position: relative;
									}
										.error-msg::before,
										.date-error-msg::before{
											content: '';
											display: block;
											width: 0;
											height: 0;
											border-style: solid;
											border-width: 5px 6px 5px 0;
											border-color: transparent #8E1A1A transparent transparent;
											position: absolute;
											top: 50%;
											left: 0;
											transform: translate(-100%,-50%);
										}
								input[type=checkbox] {
									display: none;
								}
								.checkbox {
									box-sizing: border-box;
									cursor: pointer;
									display: inline-block;
									padding-left: 25px;
									margin-right: 10px;
									margin-bottom: 5px;
									position: relative;
									width: auto;
								}
								.checkbox:before {
									content: '';
									background: #ffffff;
									border-radius: 3px;
									border: 1px solid #ADA29A;
									display: block;
									width: 16px;
									height: 16px;
									left: 0px;
									margin-top: -8px;
									position: absolute;
									top: 50%;
									width: 16px;
								}
								.checkbox:after {
									border-right: 2px solid #604C3F;
									border-bottom: 2px solid #604C3F;
									content: '';
									display: block;
									height: 9px;
									left: 5px;
									margin-top: -5px;
									opacity: 0;
									position: absolute;
									top: 50%;
									transform: rotate(45deg);
									width: 6px;
									pointer-events: none;
								}
								input[type=checkbox]:checked + .checkbox:after {
									opacity: 1;
								}
								input[type=radio] {
									display: none;
								}
								.radio {
									box-sizing: border-box;
									cursor: pointer;
									display: inline-block;
									padding-left: 25px;
									margin-right: 25px;
									position: relative;
									width: auto;
								}
								.radio:before {
									content: '';
									background: #ffffff;
									border-radius: 50%;
									border: 1px solid #ADA29A;
									display: block;
									width: 16px;
									height: 16px;
									position: absolute;
									top: 50%;
									left: 0px;
									transform: translate(0%,-50%);
									-webkit-transform: translate(0%,-50%);
								}
								.radio:after {
									content: '';
									display: block;
									width: 8px;
									height: 8px;
									background-color: #604C3F;
									border-radius: 50%;
									opacity: 0;
									position: absolute;
									top: 50%;
									left: 4px;
									transform: translate(0%,-50%);
									-webkit-transform: translate(0%,-50%);
									pointer-events: none;
								}
								input[type=radio]:checked + .radio:after {
									opacity: 1;
								}
								input[name=desired_date] {
									width: 200px;
								}
								input[name=postal_code_1] {
									width: 100px;
									margin: 0px 10px;
								}
								input[name=postal_code_2] {
									width: 130px;
									margin: 0px 10px;
								}
								select[name=prefecture] {
									width: 100%;
								}
								input[name=age] {
									width: 150px;
									margin-right: 10px;
								}
								input[name=visitors] {
									width: 200px;
									margin-right: 10px;
								}
								button[name="btn_confirm"] {
									display: block;
									width: 100%;
									height: 60px;
									margin: auto auto;
									border-radius: 5px;
									outline: none;
									border: none;
									background-color: #680000;
									font-size: 16px;
									font-weight: 700;
									letter-spacing: 0.12em;
									line-height: 60px;
									text-align: center;
									color: #ffffff;
									transition: .3s;
									-webkit-transition: .3s;
									cursor: pointer;
								}
								button[name="btn_confirm"].disabled {
									opacity: .3;
									pointer-events: none;
								}
								input[name="btn_back"],
								input[name="btn_submit"] {
									display: block;
									width: 48%;
									height: 60px;
									margin: auto auto;
									border-radius: 5px;
									outline: none;
									border: none;
									font-size: 16px;
									font-weight: 700;
									letter-spacing: 0.12em;
									line-height: 60px;
									text-align: center;
									color: #ffffff;
									transition: .3s;
									-webkit-transition: .3s;
									cursor: pointer;
								}
								input[name="btn_back"] {
									background-color: #999999;
								}
								input[name="btn_submit"] {
									background-color: #680000;
								}
/* //input */

			.done-body {
				width: 100%;
				padding: 100px 0px;
			}
				.done-body p {
					width: 100%;
					text-align: center;
				}
/* 6.3 suizu  */
.question {
	padding-bottom: 38px;
}
.question .contents {
	white-space: unset;
	line-height: 20px;
	text-align: left;
	font-family: YuMincho;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	/* color: rgba(137,100,0,1); */
	color:#53402E;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: none;
}
.question .contents ul {
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}
.question .contents ul li{
	list-style-type: none;
	font-size: 16px;
	align-self: baseline;
}
.question .contents ul li.sp{
	min-width: 5%;
	height: 18px;
	background-color: rgba(137,100,0,1);
	text-align: center;
	vertical-align: middle;
	line-height: 20px;
	color: #fff;
	padding: 0.1em 0.6em;
	margin-right: 10px;
}
.question .contents ul li:last-child{
	text-align: left;
	flex-grow: 2;
	padding: 0.1em 0;
	width: 80%;
}
.question .contents ul li > span{
	display: block;
	font-size: 13px;
	line-height: 14px;
}

.question .answer{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.question .answer label{
	width: 50%;
	line-height: 28px;
	text-align: left;
	font-family: YuMincho;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: rgba(83,64,46,1);
}
.question .answer label span{
	font-size: 10px;
	letter-spacing:-2px;
}
.question .answer input[type="text"] {
	width: 100%;
	height: 34px;
	font-size: 14px;
	border: none;
	border-bottom: 1px solid #896400;
	margin-top: 20px;
	padding: 5px;
	background-color: #F2F1EC;
}
.question .answer input[type="radio"],
.question .answer input[type="checkbox"]{
	white-space: unset;
	margin: 0;
	margin-right: 0.5em;
	padding: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: none;
}
.question .answer textarea {
	width: 100%;
	padding: 1em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
	border: none;
}

.question .selectbox{
	position: relative;
	display: inline-block;
	width: 48%;
	background-color: #fff;
}
.question .selectbox::after {
	content: '';
	/*width: 6px;
	height: 6px;
	border: 0px;
	border-bottom: solid 2px #b4b3b3;
	border-right: solid 2px #b4b3b3;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	*/
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 10px solid #b4b3b3;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -4px;
}
.question .selectbox select {
	width: 100%;
	height: 51px;
	margin: 0;
	padding: 0 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid rgba(222,222,222,1);
	border-radius: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family: serif;
	font-size: 14px
}
.question .selectbox select::-ms-expand { /* select要素のデザインを無効にする（IE用） */
	display: none;
}
.day-ttl {
	margin: 0px auto 10px;
}
.day-ttl span {
	display: inline-block;
	padding: 3px 5px;
	background-color: #413024;
	/* background-color: #896400; */
	color: #fff;
}
.ttl-tag span{
	display: inline-block;
	padding: 3px 5px;
	font-size: 14px;
	background-color: #53402E;
	color: #fff;
}
.disc-area {
	color: #53402E;
}
.res-txt {
	font-size: 12px;
	color: #53402E;
	margin: 30px auto;
}
.guid-txt {
	margin: 30px auto 50px;
	padding: 10px;
	border: 1px solid #D6D4C7;
}
	.guid-txt p {
			font-size: 10px;
			color: #53402E;
			line-height: 1.6;
			letter-spacing: 0.1em;
	}
.disabled-class {
	pointer-events: none;
	color: #ccc;
}
}

/* SP ================================================== */
@media all and (max-width:559px){
#reservation {
	width: 100%;
	height: auto;
	padding: 30px 0px 100px;
	background-color: #FAF9F2;
}
	.reservation--inner {
		width: 90%;
		margin: 50px auto auto;
	}
		.reservation-txt {
			width: 100%;
			margin: auto auto 35px;
			font-size: 14px;
			line-height: 2.0;
			text-align: center;
		}
		.form-container {
			width: 100%;
		}
			.form-progress {
				width: 100%;
				margin: auto auto 55px;
				display: flex;
				justify-content: center;
			}
				.form-progress_child {
					width: 33.3333%;
					height: 40px;
					background-color: #ffffff;
					position: relative;
				}
				.form-progress_child.active {
					background-color: #413024;
					color: #ffffff;
				}
				.form-progress_child.active:after {
					content: '';
					width: 0;
					height: 0;
					border-style: solid;
					border-width: 20px 0 20px 5px;
					border-color: transparent transparent transparent #413024;
					position: absolute;
					top: 0;
					right: 0;
					transform: translate(100%,0%);
					-webkit-transform: translate(100%,0%);
					z-index: 1;
				}
				.form-progress-done:after {
					content: '';
					display: none;
				}
					.form-progress_child p {
						width: 100%;
						font-size: 12px;
						text-align: center;
						line-height: 40px;
						letter-spacing: 0.0em;
					}

			.form-container form {
				width: 100%;
			}
				.form-list-container {
					width: 100%;
					margin: auto auto 40px;
				}
					.form-list_title {
						display: inline-block;
						margin-bottom: 10px;
						padding-bottom: 3px;
						font-size: 16px;
						letter-spacing: 0.05em;
						line-height: 1.6;
						border-bottom: solid 1px #604C3F;
					}
					.form-list {
						width: 100%;
					}
						.form-item {
							width: 100%;
							margin-bottom: 15px;
						}
						.form-item:last-of-type {
							margin-bottom: 0px;
						}
							.form-item_heading {
								width: 100%;
								padding: 8px 0px 5px;
								font-size: 16px;
							}
								.form-item_heading label {
									letter-spacing: 0.12em;
								}
								.mandatory {
									padding: 2px 4px 3px 3px;
									margin-left: 5px;
									border-radius: 2px;
									background-color: #8E1A1A;
									font-size: 12px;
									color: #ffffff;
									position: relative;
									top: -1px;
								}
							.form-item_inputbox {
								width: 100%;
								font-size: 16px;
								letter-spacing: 0.12em;
							}
								#zip-btn {
									width: 100px;
									height: 30px;
									border-radius: 3px;
									margin-top: 15px;
									background-color: #413024;
									border: none;
									outline: none;
									cursor: pointer;
									font-size: 14px;
									color: #ffffff;
									letter-spacing: 0.1em;
									text-indent: 0.1em;
									line-height: 30px;
								}
								.form-item_inputbox span {
									font-size: 12px;
								}
									.desired_time-box li {
										margin-bottom: 8px;
									}
									.desired_time-box li:last-of-type {
										margin-bottom: 0px;
									}
								.contact-note {
									display: inline-block;
									margin-top: 7px;
								}
								.form-item_inputbox p {
									display: inline-block;
									padding: 10px 0px 10px 15px;
									font-size: 16px;
								}
								.form-family_box p {
									display: inline-block;
									padding: 10px 0px 10px 15px;
									margin: 0px 5px 0px 15px;
									font-size: 16px;
								}
							.form-family {
								width: 100%;
							}
								.form-visitors_box {
									width: auto;
									font-size: 16px;
									letter-spacing: 0.12em;
									display: flex;
									justify-content: flex-start;
									align-items: center;
								}
									.form-family_box span {
										width: 25%;
										font-size: 16px;
									}
									.profession-box {
										width: 100%;
										position: relative;
									}
									.profession-box:after {
										content: '';
										width: 0;
										height: 0;
										border-style: solid;
										border-width: 8px 5px 0 5px;
										border-color: #604C3F transparent transparent transparent;
										position: absolute;
										top: 50%;
										right: 10px;
										transform: translate(0%,-50%);
										-webkit-transform: translate(0%,-50%);
										pointer-events: none;
									}
									.prefecture-box {
										width: 100%;
										position: relative;
									}
									.prefecture-box:after {
										content: '';
										width: 0;
										height: 0;
										border-style: solid;
										border-width: 8px 5px 0 5px;
										border-color: #604C3F transparent transparent transparent;
										position: absolute;
										top: 50%;
										right: 10px;
										transform: translate(0%,-50%);
										-webkit-transform: translate(0%,-50%);
										pointer-events: none;
									}

					.questionnaire-list {
						width: 100%;
					}
						.questionnaire-item {
							width: 100%;
							margin-bottom: 15px;
						}
						.questionnaire-item:last-of-type {
							margin-bottom: 0px;
						}
							.questionnaire-item_heading {
								width: 100%;
								padding: 8px 0px 5px;
								font-size: 16px;
								line-height: 1.5;
							}
								.questionnaire-item_heading label {
									font-size: 16px;
									letter-spacing: 0.12em;
								}
							.questionnaire-item_inputbox {
								width: 100%;
							}
								.questionnaire-item_inputbox p {
									display: inline-block;
									padding: 10px 0px 10px 15px;
									font-size: 16px;
									letter-spacing: 0.12em;
								}
								.questionnaire-selectbox {
									width: 100%;
									position: relative;
								}
								.questionnaire-selectbox:after {
									content: '';
									width: 0;
									height: 0;
									border-style: solid;
									border-width: 8px 5px 0 5px;
									border-color: #604C3F transparent transparent transparent;
									position: absolute;
									top: 50%;
									right: 15px;
									transform: translate(0%,-50%);
									-webkit-transform: translate(0%,-50%);
									pointer-events: none;
								}
								.questionnaire-checkbox-container {
									width: calc(100% + 15px);
								}
									.questionnaire-checkbox-container_heading {
										width: 100%;
										margin-bottom: 5px;
										font-weight: 700;
										letter-spacing: 0.05em;
									}
									.questionnaire-checkbox-container_details {
										width: 100%;
										letter-spacing: 0.05em;
									}

				.pp-container {
					width: 100%;
					margin: auto auto 40px;
				}
					.pp-container_inner {
						width: 100%;
					}
						.pp-container_heading {
							width: 100%;
							margin-bottom: 15px;
							font-size: 20px;
							font-weight: 700;
						}
						.pp-container_details {
							width: 100%;
							height: 220px;
							padding: 20px 25px;
							margin-bottom: 17px;
							background-color: #FFFFFF;
							overflow: scroll;
						}
							.pp-container_details p {
								width: 100%;
								font-size: 12px;
								letter-spacing: 0.12em;
								text-align: justify;
							}
						.pp-check {
							text-align: center;
						}

				.submit-container {
					width: 100%;
					display: flex;
					justify-content: space-between;
					align-items: flex-start;
				}

/* input */
								input[type="text"],
								select {
									width: 100%;
									height: 56px;
									padding: 0px 15px;
									background-color: #ffffff;
									border-radius: 5px;
									border: 1px solid #ADA29A;
									outline: none;
									color: #604C3F;
								}
								input[type="date"] {
									width: 100%;
									height: 56px;
									padding: 0px 15px;
									background-color: #ffffff;
									border-radius: 5px;
									/* border: none; */
									border: 1px solid #ADA29A;
									outline: none;
									color: #604C3F;
								}
								input[type="date"]:invalid {
									border: 1px solid #8E1A1A;
								}
									.error-msg {
										display: none;
									}
									.holiday-txt {
										display: none;
									}
									.date-error-msg {
										display: inline-block!important;
										padding: 5px 10px 4px;
										margin-left: 10px;
										border-radius: 3px;
										background-color: #8E1A1A;
										font-size: 12px !important;
										letter-spacing: .1em;
										font-feature-settings: "palt";
										color: #ffffff;
										position: relative;
									}
									input[type="date"]:invalid + .error-msg {
										display: inline-block;
										padding: 5px 10px 4px;
										margin-top: 10px;
										border-radius: 3px;
										background-color: #8E1A1A;
										font-size: 12px !important;
										letter-spacing: .1em;
										font-feature-settings: "palt";
										color: #ffffff;
										position: relative;
									}
										.error-msg::before,
										.date-error-msg:before {
											content: '';
											display: block;
											width: 0;
											height: 0;
											border-style: solid;
											border-width: 0 5px 6px 5px;
											border-color: transparent transparent #8E1A1A transparent;
											position: absolute;
											top: 0;
											left: 20px;
											transform: translate(0%,-100%);
										}
								input[type=checkbox] {
									display: none;
								}
								.checkbox {
									box-sizing: border-box;
									cursor: pointer;
									display: inline-block;
									padding-left: 25px;
									margin-right: 10px;
									margin-bottom: 5px;
									position: relative;
									width: auto;
								}
								.checkbox:before {
									content: '';
									background: #ffffff;
									border-radius: 3px;
									border: 1px solid #ADA29A;
									display: block;
									width: 16px;
									height: 16px;
									left: 0px;
									margin-top: -8px;
									position: absolute;
									top: 50%;
									width: 16px;
								}
								.checkbox:after {
									border-right: 2px solid #604C3F;
									border-bottom: 2px solid #604C3F;
									content: '';
									display: block;
									height: 9px;
									left: 5px;
									margin-top: -5px;
									opacity: 0;
									position: absolute;
									top: 50%;
									transform: rotate(45deg);
									width: 6px;
									pointer-events: none;
								}
								input[type=checkbox]:checked + .checkbox:after {
									opacity: 1;
								}
								input[type=radio] {
									display: none;
								}
								.radio {
									box-sizing: border-box;
									cursor: pointer;
									display: inline-block;
									padding-left: 25px;
									margin-right: 25px;
									position: relative;
									width: auto;
								}
								.radio:before {
									content: '';
									background: #ffffff;
									border-radius: 50%;
									border: 1px solid #ADA29A;
									display: block;
									width: 16px;
									height: 16px;
									position: absolute;
									top: 50%;
									left: 0px;
									transform: translate(0%,-50%);
									-webkit-transform: translate(0%,-50%);
								}
								.radio:after {
									content: '';
									display: block;
									width: 8px;
									height: 8px;
									background-color: #604C3F;
									border-radius: 50%;
									opacity: 0;
									position: absolute;
									top: 50%;
									left: 4px;
									transform: translate(0%,-50%);
									-webkit-transform: translate(0%,-50%);
									pointer-events: none;
								}
								input[type=radio]:checked + .radio:after {
									opacity: 1;
								}
								input[name=postal_code_1] {
									width: 80px;
									margin: 0px 10px;
								}
								input[name=postal_code_2] {
									width: 100px;
									margin: 0px 10px;
								}
								select[name=prefecture] {
									width: 100%;
								}
								input[name=age] {
									width: 150px;
									margin-right: 10px;
								}
								input[name=visitors] {
									width: 50%;
									margin-right: 10px;
								}
								button[name="btn_confirm"] {
									display: block;
									width: 100%;
									height: 60px;
									margin: auto auto;
									border-radius: 5px;
									outline: none;
									border: none;
									background-color: #680000;
									font-size: 16px;
									font-weight: 700;
									letter-spacing: 0.12em;
									line-height: 60px;
									text-align: center;
									color: #ffffff;
									transition: .3s;
									-webkit-transition: .3s;
									cursor: pointer;
								}
								button[name="btn_confirm"].disabled {
									opacity: .3;
									pointer-events: none;
								}
								input[name="btn_back"],
								input[name="btn_submit"] {
									display: block;
									width: 48%;
									height: 60px;
									margin: auto auto;
									border-radius: 5px;
									outline: none;
									border: none;
									font-size: 16px;
									font-weight: 700;
									letter-spacing: 0.12em;
									line-height: 60px;
									text-align: center;
									color: #ffffff;
									transition: .3s;
									-webkit-transition: .3s;
									cursor: pointer;
								}
								input[name="btn_back"] {
									background-color: #999999;
								}
								input[name="btn_submit"] {
									background-color: #680000;
								}
/* //input */

			.done-body {
				width: 100%;
				padding: 100px 0px;
			}
				.done-body p {
					width: 100%;
					text-align: center;
				}

/* 6.3 suizu  */
.question {
	padding-bottom: 38px;
}
.question .contents {
	white-space: unset;
	line-height: 20px;
	text-align: left;
	font-family: YuMincho;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	/* color: rgba(137,100,0,1); */
	color:#53402E;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: none;
}
.question .contents ul {
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}
.question .contents ul li{
	list-style-type: none;
	font-size: 16px;
	align-self: baseline;
}
.question .contents ul li.sp{
	min-width: 5%;
	height: 18px;
	background-color: rgba(137,100,0,1);
	text-align: center;
	vertical-align: middle;
	line-height: 20px;
	color: #fff;
	padding: 0.1em 0.6em;
	margin-right: 10px;
}
.question .contents ul li:last-child{
	text-align: left;
	flex-grow: 2;
	padding: 0.1em 0;
	width: 80%;
}
.question .contents ul li > span{
	display: block;
	font-size: 13px;
	line-height: 14px;
}

.question .answer{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.question .answer label{
	width: 50%;
	line-height: 28px;
	text-align: left;
	font-family: YuMincho;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: rgba(83,64,46,1);
}
.question .answer label span{
	font-size: 10px;
	letter-spacing:-2px;
}
.question .answer input[type="text"] {
	width: 100%;
	height: 34px;
	font-size: 14px;
	border: none;
	border-bottom: 1px solid #896400;
	margin-top: 20px;
	padding: 5px;
	background-color: #F2F1EC;
}
.question .answer input[type="radio"],
.question .answer input[type="checkbox"]{
	white-space: unset;
	margin: 0;
	margin-right: 0.5em;
	padding: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: none;
}
.question .answer textarea {
	width: 100%;
	padding: 1em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
	border: none;
}

.question .selectbox{
	position: relative;
	display: inline-block;
	width: 48%;
	background-color: #fff;
}
.question .selectbox::after {
	content: '';
	/*width: 6px;
	height: 6px;
	border: 0px;
	border-bottom: solid 2px #b4b3b3;
	border-right: solid 2px #b4b3b3;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	*/
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 10px solid #b4b3b3;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -4px;
}
.question .selectbox select {
	width: 100%;
	height: 51px;
	margin: 0;
	padding: 0 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid rgba(222,222,222,1);
	border-radius: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family: serif;
	font-size: 14px
}
.question .selectbox select::-ms-expand { /* select要素のデザインを無効にする（IE用） */
	display: none;
}
.day-ttl {
	margin: 0px auto 10px;
}
.day-ttl span {
	display: inline-block;
	padding: 3px 5px;
	background-color: #413024;
	/* background-color: #896400; */
	color: #fff;
}
.ttl-tag span{
	display: inline-block;
	padding: 3px 5px;
	font-size: 14px;
	background-color: #53402E;
	color: #fff;
}
.disc-area {
	color: #53402E;
}
.res-txt {
	font-size: 12px;
	color: #53402E;
	margin: 30px auto;
}
.guid-txt {
	margin: 30px auto 50px;
	padding: 10px;
	border: 1px solid #D6D4C7;
}
	.guid-txt p {
			font-size: 10px;
			color: #53402E;
			line-height: 1.6;
			letter-spacing: 0.1em;
	}
.disabled-class {
	pointer-events: none;
	color: #ccc;
}
}