@import url("base-custom.css");

#resv-flow li.resv-flow-current {
    background: var(--accent_color);
}
#resv-flow li {
    background: var(--font_color);
}
.color_title {
	padding-bottom: .5em;
    color: var(--font_color);
	line-height: 1.3;
    border-color: var(--font_color);
}
.resv_tit {
	background: var(--font_color);
}
#resv-flow li.resv-flow-completed {
	background: var(--light_color2);
}
#header-top .back-btn a {
    color: var(--font_color);
}
.payment-select label.selected_payment {
    background: var(--accent_color);
}
.note-table {
    background: var(--light_color);
}
.note-table dl {
    padding: 20px 0;
}
.btn-next {
    background: var(--accent_color);
	border-color: var(--accent_color);
}
.btn-next:hover {
	color: var(--accent_color);
    background: #fff;
}
.info_box_tit {
    margin-bottom: .7em;
}
.form-table {
    border: 1px solid var(--light_color2);
}
.input-form-table > tbody > tr > th {
    background: var(--light_color);
    border-color: var(--light_color2);
}
.form-table th, .form-table td {
    border-color: var(--light_color2);
}
.form-table th.col-room-no {
    background: var(--light_color2);
}
.form-table td.has-table {
    border-color: var(--light_color2);
}
.col-tit font {
    font-size: .8em;
}
* + .resv-table-title {
    margin-top: 1.5em;
    margin-bottom: .3em;
}
.resv_inner p.right.normal {
    text-align: left;
}
#OnlineCardPayment {
	border-color: var(--accent_color);
}
.resv_last_tb .center {
	margin-bottom: 2em;
}
button#resend_btn {
    height: auto!important;
    padding: .2em;
	margin-left: .7em;
	color: #fff;
    background: var(--accent_color)!important;
    border: 1px solid var(--accent_color)!important;
    border-radius: 9999px!important;
	transition: all .3s ease;
}
button#resend_btn:hover {
	color: var(--accent_color)!important;
	background: #fff!important;
}
#resend_mail div[align="center"] {
	display: flex;
    justify-content: center;
    align-items: center;
	margin: 1em 0 .7em;
}
#agree_wrap input#agree {
    margin-right: 10px;
}
#resend_mail input[type="text"] {
	width: auto !important;
}
.btn-back {
	color: var(--accent_color);
	background: #fff;
	border: 1px solid var(--accent_color);
	transition: all .3s ease;
}
.btn-back:hover {
	color: #fff;
	background: var(--accent_color);
}
@media only screen and (max-width: 959px) {
	.form-table td.has-table {
		letter-spacing: 0;
		border-color: var(--light_color2);
	}
	#resend_mail div[align="center"] {
		flex-direction: column;
		justify-content: flex-start;
	}
	button#resend_btn {
		margin-left: 0;
		margin-top: .7em;
	}
	#resv #header-top > #logo {
		margin: auto;
	}
	#resv #header .header-inner {
		padding-top: 55px;
	}
	#resv #header-top .back-btn a {
		font-size: 10px;
	}
	.resv_inner .resv_last_tb {
		display: flex;
		flex-direction: column-reverse;
		justify-content: flex-start;
		align-items: center;
	}
}