body{
	background-size: cover;
	background-position: center;
	background-image: url(../image/booking-bg.jpg);
}
.main{
	width: 100%;
	min-height: calc(100vh - 23rem);
	padding: 0 var(--padding);
	margin-top: 2.4rem;
	flex-direction: column;
}
.main h1{
	font-size: 3rem;
	color: var(--blue);
	margin-bottom: 2.4rem;
}
.main nav{
	margin-bottom: 2.4rem;
}
.main nav button{
	background: #54ADFF;
	border-radius: 56px;
	font-size: 1.6rem;
	color: #ffffff;
	padding: .7rem 2rem;
	margin-right: 2.4rem;
}
.main nav button.active{
	background-color: #0085FF;
}
.cup-1, 
.cup-2,
.cup-3,
.cup-4,
.cup-5{
	display: none;
}
.cup-1{
	display: flex;
}
.cup-2{
	flex-wrap: wrap;
	width: 100%;
}
.cup-2 img{
	width: 30%;
	margin-right: 3%;
	margin-bottom: 2rem;
}
.cup-3{
	width: 100%;
	flex-direction: column;
}
.cup-3 .new{
	flex-direction: column;
	width: 100%;
	height: 5rem;
	padding: 1rem;
	border-bottom: 1px solid #0085FF;
	position: relative;
	margin-bottom: 2rem;
}
.cup-3 .new h3{
	font-size: 1.8rem;
	color: #4D4D4D;
}
.cup-3 .new span{
	position: absolute;
	bottom: 1rem;
	right: 1rem;
	font-size: 1.2rem;
	color: #0085FF;
}
.cup-4{
	display: none;
	flex-wrap: wrap;
	width: 100%;
}
.cup-4 .item{
	width: 30%;
	flex-direction: column;
	margin-right: 3%;
	margin-bottom: 4rem;
}
.cup-4 .item h3{
	font-size: 1.8rem;
	color: #4D4D4D;
	font-weight: 500;
	padding-bottom: 1rem;
	border-bottom: 1px solid #0085FF;
}
.cup-4 .item hgroup{
	width: 100%;
	justify-content: space-between;
}
.cup-4 .item hgroup p{
	color: #4D4D4D;
	font-size: 1.4rem;
	margin-top: 2rem;
}
.cup-4 .item hgroup p:first-child{
	width: 10%;
}
.cup-4 .item hgroup p:last-child{
	width: 80%;
}
.cup-5{
	display: none;
	width: 100%;
}
.table{
	width: 65%;
	flex-direction: column;
	margin-bottom: 2rem;
}
.table header{
	background: #0085FF;
	height: 4rem;
	align-items: center;
	justify-content: center;
	font-size: 2rem;
	color: #ffffff;
	border-radius: 2rem 2rem 0 0;
}
.table .row,
.table .nav{
	height: 4rem;
	color: #ffffff;
	background: #80C2FF;
	align-items: center;
	padding: 0 1.6rem;
}
.table .row{
	height: 3.2rem;
	background: #FFFFFF;
	color: rgba(0, 0, 0, 0.7);
}
.table .row:nth-child(2n){
	background-color: #E5E5E5;
}
.table .row p{
	font-size: 1.4rem;
}
.table .nav p{
	font-size: 1.6rem;
}
.cup-1 .table .row p:nth-child(1){
	width: 5%;
}
.cup-1 .table .row p:nth-child(2){
	width: 45%;
}
.cup-1 .table .row p:nth-child(3){
	width: 50%;
}
.cup-5 .table .row p:nth-child(1),
.cup-5 .table .nav p:nth-child(1){
	width: 5%;
}
.cup-5 .table .row p:nth-child(2),
.cup-5 .table .nav p:nth-child(2){
	width: 30%;
}
.cup-5 .table .row p:nth-child(3),
.cup-5 .table .nav p:nth-child(3){
	width: 10%;
}
.cup-5 .table .row p:nth-child(4),
.cup-5 .table .nav p:nth-child(4){
	width: 8%;
}
.cup-5 .table .row p:nth-child(5),
.cup-5 .table .nav p:nth-child(5){
	width: 8%;
}
.cup-5 .table .row p:nth-child(6),
.cup-5 .table .nav p:nth-child(6){
	width: 10%;
}
.cup-5 .table .row p:nth-child(7),
.cup-5 .table .nav p:nth-child(7){
	width: 10%;
}
.cup-5 .table .row p:nth-child(8),
.cup-5 .table .nav p:nth-child(8){
	width: 10%;
}


/* media */
@media (max-width: 768px) {
}
@media (max-width: 426px) {
	
}