@charset "utf-8";
/**
/* table CSS
----------------------------------------------- */
.room-tbl{
	border-collapse: separate;
    border-spacing: 6px;
}
.room-tbl th,
.room-tbl td{
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.075em;
	vertical-align: middle;
}
.room-tbl th{
	width: 190px;
	padding: 15px 40px;
}
.room-tbl td{
	background: #ffffff;
	padding: 15px 30px;
}
.room-tbl tr:first-child th{
    border-radius: 32px 0 0 0;
}
.room-tbl tr:first-child td{
    border-radius: 0 32px 0 0;
}
.room-tbl tr:last-child th{
    border-radius: 0 0 0 32px;
}
.room-tbl tr:last-child td{
    border-radius: 0 0 32px 0;
}
.pink-tbl th{
	background: #fddee6;
}
.yellow-tbl th{
	background: #fdf3c8;
}
.blue-tbl th{
	background: #bfecf4;
}
.orange-tbl th{
	background: #ffd4c3;
}
@media only screen and (max-width: 767px) {
	.room-tbl{
		border-spacing: 4px;
	}
	.room-tbl th,
	.room-tbl td{
		display: block;
		font-size: 3.4vw;
	}
	.room-tbl th{
		width: 100%;
		padding: 3% 5%;
	}
	.room-tbl td{
		padding: 3% 5%;
	}
	.room-tbl tr:first-child th{
	    border-radius: 20px 20px 0 0;
	}
	.room-tbl tr:first-child td{
	    border-radius: 0;
	}
	.room-tbl tr:last-child th{
	    border-radius: 0;
	}
	.room-tbl tr:last-child td{
	    border-radius: 0 0 20px 20px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.room-tbl th,
	.room-tbl td{
		font-size: 14px;
	}
	.room-tbl th{
		width: 160px;
		padding: 15px 35px;
	}
	.room-tbl td{
		padding: 15px 20px;
	}
}