

/*** facility ***/
#facility .balloon{
	transform: translate3d(-100px ,0,0);
}
.facility_list{
	justify-content: space-evenly;
}
.facility_list .thumb_wrap{
	margin-bottom: 20px;
}
.facility_list .title{
	font-size: 1.5rem;
	margin-bottom: 20px;
}
.facility_list .copy{
	font-size: 1.13rem;
	letter-spacing: 0.16em;
	margin-bottom: 15px;
}
.facility_list .text{
	font-size: 1.13rem;
    letter-spacing: 0.16em;
}


/*** room ***/
#room .balloon{
	transform: translate3d(-30px ,0,0);
}
.room_list .box + .box{
	margin-top: 5px;
}

.amenity_title{
	margin-top: 60px;
	margin-bottom: 30px;
	text-align: center;
}
.amenity_title .title_text{
	display: inline-block;
	font-size: 1.75rem;
	letter-spacing: 0.12em;
	text-indent: 0.12em;
	line-height: 1.5;
	position: relative;
}
.amenity_title .title_text:before{
	content: "";
	display: inline-block;
	height: 1px;
	background-color: #644132;
	position: absolute;
	right: calc( 100% + 50px );
	left: calc( (1200px - 100%) / -2 );
	top: 0px;
	bottom: 0px;
	margin: auto;
}
.amenity_title .title_text:after{
	content: "";
	display: inline-block;
	height: 1px;
	background-color: #644132;
	position: absolute;
	right: calc( (1200px - 100%) / -2 );
	left: calc( 100% + 50px );
	top: 0px;
	bottom: 0px;
	margin: auto;
}
.amenity_list{
	display: grid;
	grid-gap: 5px;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto;
}

.btn_wrap_book_stay {
    margin-top: 16px;
}

.btn_book_stay {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    background-color: #333333;
    font-size: 0.94rem;
    letter-spacing: 0.08em;
    color: #FFFFFF;
}

@media (max-width: 768px) {
	.amenity_title{
		margin-top: 40px;
		margin-bottom: 20px;
	}
		.amenity_title .title_text {
			font-size: 1.33rem;
	}
	.amenity_title .title_text:before{
		right: calc( 100% + 15px );
		left: calc( ((100vw - 100%) / -2) + 20px );
	}
	.amenity_title .title_text:after{
		right: calc( ((100vw - 100%) / -2) + 20px );
		left: calc( 100% + 15px );
	}
	.room_recomended_list .thumb_wrap{
		margin-bottom: 15px;
	}
}

.room_list .thumb_wrap{
	position: relative;
}
.room_detail_slider{
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	margin-bottom: 0px !important;
}
.room_detail_slider .slick-list,
.room_detail_slider .slick-track,
.room_detail_slider .slick-slide{
	height: 100%;
	margin: 0px !important;
}
.room_detail_slider .slick-dots{
	bottom: 10px;
	z-index: 10;
	text-align: left;
	padding-left: 10px;
}
.room_detail_slider .slick-dots li button:before{
	border-color: #FFFFFF;
}
.room_detail_slider .slick-dots li.slick-active button:before{
	background-color: #FFFFFF;
}


@media (max-width: 768px) {
	.room_list .thumb_wrap{
		position: relative;
		height: 300px;
	}
}

