input[type="checkbox"], input[type="radio"] {display: none;}

#online-reservation .write-wrap {
	padding: 2.6vw 3.125vw 3.64vw;
	background-color: #f1f1f1;
	width: 49.47vw;
	margin: 0 auto
}

#online-reservation .input-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1.45vw
}

#online-reservation .input-wrap input[name=name],
#online-reservation .input-wrap input[name=phone],
#online-reservation .input-wrap select[name=reservation_date],
#online-reservation .input-wrap select[name=reservation_time] {
	height: 3.43vw;
	font-family: ScoreR;
	color: #555252;
	font-size: .98vw;
	border: 0;
	padding-left: 1.3vw
}

#online-reservation .input-wrap #sDate,
#online-reservation .input-wrap #sTime {width: 17.7vw;background-color: #fff;}
#online-reservation .input-wrap #sName {width: 19.94vw;background-color: #fff;}
#online-reservation .input-wrap #sPhone {width: 21.61vw;background-color: #fff;}
#online-reservation .input-wrap select[name=cate],
#online-reservation .input-wrap select[name=typeSrgry] {
	height: 3.43vw;
	width: 100%;
	padding-left: 1.3vw;
	font-family: ScoreR;
	color: #555252;
	font-size: .98vw;
	border: 0;
	background-color: #fff
}

#online-reservation .radio-wrap>div {
	display: flex;
	align-items: center;
	margin-bottom: .52vw
}

#online-reservation .radio-wrap>div:last-child {margin-bottom: 0}

#online-reservation .radio+label {
	display: flex;
	align-items: center
}

#online-reservation .radio+label:before {
	content: '';
	display: block;
	width: 1.3vw;
	height: 1.3vw;
	border: 1px solid #464646;
	background-color: #fff;
	border-radius: 50%;
	margin-right: .52vw
}

#online-reservation .btn-submit {
	background-color: #7e64c8;
	height: 3.38vw;
	text-align: center;
	color: #fff;
	font-family: ScoreB;
	font-size: 1.04vw;
	position: relative;
	width: 100%;
	margin-bottom: 1.04vw
}

#online-reservation .btn-submit i {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 1.3vw;
	width: 1.6vw;
	height: 1.65vw;
	background: url('/images/common/btn_enter.png') no-repeat;
	background-size: cover;
}

#online-reservation textarea {width: 100%;background-color: #fff;}
#online-reservation .note-editor {width: 100%}
#online-reservation textarea {
	font-family: ScoreR;
	color: #555252;
	font-size: .98vw;
	padding-left: 1.3vw;
	height: 16.66vw;
	padding-top: 1.04vw
}

#online-reservation .checkbox+label {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	font-family: ScoreR;
	font-size: .72vw;
	color: #707070
}

#online-reservation .checkbox+label>a {width: auto}

#online-reservation .checkbox+label:after {
	content: '';
	display: block;
	width: 1.04vw;
	height: 1.04vw;
	border: 1px solid #464646;
	background-color: #fff;
	margin-left: .52vw
}

#writeForm {
	position: relative
}


@media screen and (max-width :768px) {
	#online-reservation>.title>h1 {
		font-size: 4.94vw
	}

	#online-reservation>.title>h1>span {
		font-size: 1.82vw;
		font-weight: 300
	}

	#online-reservation>.title {
		margin-top: 7.8125vw;
		margin-bottom: 6.51vw
	}

	#online-reservation .input-wrap .radio-wrap.mo_none {
		display: none
	}

	#online-reservation .write-wrap {
		background-color: #fff;
		width: 82.8125vw;
		padding: 0
	}

	#online-reservation .input-wrap {
		display: block;
		margin-bottom: 3.25vw
	}

	#online-reservation .input-wrap .radio-wrap.pc_none {
		margin-bottom: 5.2vw;
		display: flex;
		align-items: center;
		justify-content: flex-start
	}

	#online-reservation .input-wrap .radio-wrap>span {
		font-family: ScoreB;
		font-size: 3.38vw;
		margin-right: 7.29vw
	}

	#online-reservation .radio-wrap>div {
		margin-bottom: 0
	}

	#online-reservation .radio+label {
		color: #1c1c1c;
		font-size: 3.125vw;
		font-family: ScoreR
	}

	#online-reservation .radio+label:before {
		width: 3.125vw;
		height: 3.125vw;
		margin-right: 1.43vw
	}

	#online-reservation .radio-wrap>div {
		margin-right: 6.25vw
	}

	#online-reservation .radio-wrap>div:last-child {
		margin-right: 0
	}

	#online-reservation .input-wrap input[name=name],
	#online-reservation .input-wrap input[name=phone],
	#online-reservation .input-wrap select[name=reservation_date],
	#online-reservation .input-wrap select[name=reservation_time] {
		border: 1px solid #000;
		width: 100%;
		height: 9.76vw;
		font-size: 3.64vw;
		padding-left: 2.47vw
	}

	#online-reservation .input-wrap #sDate,
	#online-reservation .input-wrap #sTime {
		width: 39.0625vw
	}

	#online-reservation .radio-wrap+div.pc_none {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap
	}

	#online-reservation .input-wrap #sName,
	#online-reservation .input-wrap #sPhone {
		margin-bottom: 3.25vw;
		width: 100%
	}

	#online-reservation .input-wrap #sPhone {
		margin-bottom: 0
	}

	#online-reservation .input-wrap select[name=cate],
	#online-reservation .input-wrap select[name=typeSrgry]{
		border: 1px solid #000;
		width: 100%;
		height: 9.76vw;
		font-size: 3.64vw;
		padding-left: 2.47vw
	}

	#online-reservation textarea {
		font-size: 3.64vw;
		padding-top: 2.6vw;
		padding-left: 2.47vw;
		padding-right: 2.47vw;
		border: 1px solid #000;
		height: 44.27vw
	}

	#online-reservation .privacy-wrap {
		display: flex;
		align-items: flex-start;
		justify-content: center
	}

	#online-reservation .checkbox+label {
		color: #707070;
		font-size: 2.6vw;
		margin-bottom: 3.64vw
	}

	#online-reservation .checkbox+label:after {
		width: 3.64vw;
		height: 3.64vw
	}

	#online-reservation .btn-submit {
		background-color: #7e64c8;
		height: 13.67vw;
		font-size: 4.03vw
	}

	#online-reservation .btn-submit i {
		right: 4.29vw;
		width: 6.9vw;
		height: 7vw
	}
}

@media screen and (min-width :1921px) {
	#online-reservation .write-wrap {
		padding: 50px 60px 70px;
		width: 950px
	}

	#online-reservation .input-wrap input[name=name],
	#online-reservation .input-wrap input[name=phone],
	#online-reservation .input-wrap select[name=reservation_date],
	#online-reservation .input-wrap select[name=reservation_time],
	#online-reservation .input-wrap select[name=cate],
	#online-reservation .input-wrap select[name=typeSrgry]{
		height: 66px;
		font-size: 19px;
		padding-left: 25px
	}

	#online-reservation .input-wrap #sDate,
	#online-reservation .input-wrap #sTime {width: 340px	}
	#online-reservation .input-wrap #sName {width: 383px	}
	#online-reservation .input-wrap #sPhone {width: 415px	}

	#online-reservation .radio-wrap>div {margin-bottom: 10px}

	#online-reservation .input-wrap {margin-bottom: 28px}

	#online-reservation .radio+label:before {
		width: 25px;
		height: 25px;
		margin-right: 10px
	}

	#online-reservation .btn-submit i {
		right: 25px;
		width: 33px;
		height: 33px
	}

	#online-reservation textarea {
		height: 320px;
		font-size: 19px;
		padding-left: 25px;
		padding-top: 20px
	}

	#online-reservation .btn-submit {
		margin-bottom: 20px;
		height: 65px;
		font-size: 20px
	}

	#online-reservation .checkbox+label {font-size: 14px}

	#online-reservation .checkbox+label:after {
		width: 20px;
		height: 20px;
		margin-left: 10px
	}
}