@charset "utf-8";
/*============================================================================*/

section.tt-room.s1 { position: relative; }

section.tt-room.s1 .filters-but {  }

section.tt-room.s1 .filters-but mark {
	position: absolute; top: 0; padding: 5px 12px;
	border: 1px solid rgba(0, 0, 0, .35);
	border-radius: 8px;
	box-shadow: 1px 1px 0px 0.1px rgba(255, 255, 255, .5) inset, -1px -1px 0px 0.1px rgba(255, 255, 255, 0) inset, 0 0 36px 0.5px rgba(0, 0, 0, .35);
	background-color: rgba(0, 0, 0, .65);
	cursor: pointer;
	-webkit-transition: box-shadow 300ms ease-in-out, background-color 300ms linear; transition: box-shadow 300ms ease-in-out, background-color 300ms linear;
}

section.tt-room.s1 .filters-but mark.open,
section.tt-room.s1 .filters-but mark:hover,
section.tt-room.s1 .filters-but mark.trash:hover { background-color: rgba(2, 133, 210, .65); }

section.tt-room.s1 .filters-but mark:hover { box-shadow: 1px 1px 0px 0.1px rgba(255, 255, 255, .5) inset, -1px -1px 0px 0.1px rgba(255, 255, 255, .5) inset, 0 0 36px 0.5px rgba(0, 0, 0, .35); }
section.tt-room.s1 .filters-but mark.serve { left: 0; }
section.tt-room.s1 .filters-but mark.equipment { left: 100px; }
section.tt-room.s1 .filters-but mark.facility { left: 200px; }
section.tt-room.s1 .filters-but mark.trash { right: 0; }

section.tt-room.s1 .filters-but mark:before,
section.tt-room.s1 .filters-but mark strong {
	color: rgba(255, 255, 255, .95);
	text-shadow: -1px -1px rgba(0, 0, 0, .85), -1px 1px rgba(0, 0, 0, .85), 1px -1px rgba(0, 0, 0, .85), 1px 1px rgba(0, 0, 0, .85), 1px 1px rgba(0, 0, 0, .85);
}

section.tt-room.s1 .filters-but mark.serve:before,
section.tt-room.s1 .filters-but mark.equipment:before,
section.tt-room.s1 .filters-but mark.facility:before,
section.tt-room.s1 .filters-but mark.trash:before {
	display: inline-block;
	font-family: 'Font Awesome 6 Pro'; font-style: normal; font-weight: 500; font-size: 16px;
	text-shadow: -1px -1px rgba(0, 0, 0, .65), -1px 1px rgba(0, 0, 0, .65), 1px -1px rgba(0, 0, 0, .65), 1px 1px rgba(0, 0, 0, .65), 1px 1px rgba(0, 0, 0, .65);
	-webkit-transition: -webkit-transform 300ms ease-in-out, text-shadow 300ms linear;
	transition: transform 300ms ease-in-out, text-shadow 300ms linear;
}

section.tt-room.s1 .filters-but mark.serve:before,
section.tt-room.s1 .filters-but mark.equipment:before,
section.tt-room.s1 .filters-but mark.facility:before { content: '\f0d7'; font-weight: 900; }

section.tt-room.s1 .filters-but mark.serve.open:before,
section.tt-room.s1 .filters-but mark.equipment.open:before,
section.tt-room.s1 .filters-but mark.facility.open:before {
	text-shadow: -1px -1px rgba(10, 70, 85, .35), -1px 1px rgba(10, 70, 85, .35), 1px -1px rgba(10, 70, 85, .35), 1px 1px rgba(10, 70, 85, .35), 1px 1px rgba(10, 70, 85, .35);
	-webkit-transform: rotate(180deg); transform: rotate(180deg);
}

section.tt-room.s1 .filters-but mark.trash:before { content: '\f2ed'; font-size: 14px; }

section.tt-room.s1 .filters-but mark strong {
	display: inline-block; padding: 0 0 0 15px; font-size: 14px;
	text-shadow: -1px -1px rgba(0, 0, 0, .65), -1px 1px rgba(0, 0, 0, .65), 1px -1px rgba(0, 0, 0, .65), 1px 1px rgba(0, 0, 0, .65), 1px 1px rgba(0, 0, 0, .65);
	-webkit-transition: text-shadow 300ms linear; transition: text-shadow 300ms linear;
}
section.tt-room.s1 .filters-but mark.open strong { text-shadow: -1px -1px rgba(10, 70, 85, .65), -1px 1px rgba(10, 70, 85, .65), 1px -1px rgba(10, 70, 85, .65), 1px 1px rgba(10, 70, 85, .65), 1px 1px rgba(10, 70, 85, .65); }

@media screen and (min-width: 1px) and (max-width: 1023px) {
	section.tt-room.s1 .filters-but mark.serve { left: 10px; }
	section.tt-room.s1 .filters-but mark.equipment { left: 110px; }
	section.tt-room.s1 .filters-but mark.facility { left: 210px; }
	section.tt-room.s1 .filters-but mark.trash { right: 10px; }
}
@media screen and (min-width: 1px) and (max-width: 679px) {
	section.tt-room.s1 .filters-but { margin: 100px 0 0 0; }
	section.tt-room.s1 .filters-but mark.trash { top: -40px; left: 10px; right: auto; }
}

/*----------------------------------------------------------------------------*/

section.tt-room.s1 .filters { display: inline-block; position: relative; margin: 40px 0 0 0; width: 100%; height: 100%; border-radius: 6px; background-color: rgba(255, 255, 255, .35); }

section.tt-room.s1 .filters .suites { display: flex; justify-content: space-between; padding: 10px; }

section.tt-room.s1 .filters .suites { border-bottom: 1px solid rgba(0, 0, 0, .05); }

section.tt-room.s1 .filters .suites .hd { display: flex; width: 1%; }
section.tt-room.s1 .filters .suites .hd:after {
	content: '';
	position: absolute; top: 0; left: 50px; width: 1px; height: 100%;
	background-color: rgba(0, 0, 0, .05);
}
section.tt-room.s1 .filters .suites .hd strong { padding: 5px; font-size: 16px; }

section.tt-room.s1 .filters .suites.city ul { display: flex; flex-wrap: wrap; width: 96%; }
section.tt-room.s1 .filters .suites.city ul li { margin: 3px 10px; width: 80px; }
section.tt-room.s1 .filters .suites.city ul li strong { padding: 0 0 0 10px; font-size: 12px; -webkit-transform: -webkit-translate(0, -8px); transform: translate(0, -8px); }

section.tt-room.s1 .filters .suites.sef ul { display: flex; flex-wrap: wrap; margin: 0 0 0 50px; width: 100%; }
section.tt-room.s1 .filters .suites.sef ul li { display: inline-block; position: relative; margin: 5px; width: 50px; }
section.tt-room.s1 .filters .suites.sef ul li img {
	width: 30px;
	object-fit: cover;
	-webkit-background-size: cover;
	background-size: cover;
	-webkit-transform: -webkit-translate(8px, 0); transform: translate(8px, 0);
	-webkit-transition: -webkit-transform 300ms linear; transition: transform 300ms linear;
	cursor: pointer;
}
section.tt-room.s1 .filters .suites.sef ul li.ischecked img { -webkit-transform: -webkit-translate(0, 0); transform: translate(0, 0); }


section.tt-room.s1 .filters .suites.sef ul li strong {
	display: inline-block; font-size: 12px;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
}

section.tt-room.s1 .filters .suites.sef.serve ul li {  }
section.tt-room.s1 .filters .suites.sef.equipment ul li {  }
section.tt-room.s1 .filters .suites.sef.facility ul li {  }

section.tt-room.s1 .filters .suites.serve,
section.tt-room.s1 .filters .suites.equipment,
section.tt-room.s1 .filters .suites.facility {
	-webkit-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out;
}

section.tt-room.s1 .filters .suites.serve,
section.tt-room.s1 .filters .suites.equipment,
section.tt-room.s1 .filters .suites.facility { display: none; height: 0; }

section.tt-room.s1 .filters .suites.serve.open,
section.tt-room.s1 .filters .suites.equipment.open,
section.tt-room.s1 .filters .suites.facility.open { display: flex; height: 100%; }


section.tt-room.s1 .filters .suites.city ul { display: flex; flex-wrap: wrap; width: 96%; }

@media screen and (min-width: 1px) and (max-width: 1279px) {
	section.tt-room.s1 .filters .suites.city ul { width: 90%; }
}

@media screen and (min-width: 1px) and (max-width: 679px) {
	section.tt-room.s1 .filters .suites.city ul { justify-content: center; width: 92%; }
	section.tt-room.s1 .filters .suites.sef ul { justify-content: center; }
}



section.tt-room.s1 .filters .suites.sef.serve ul li input,
section.tt-room.s1 .filters .suites.sef.equipment ul li input,
section.tt-room.s1 .filters .suites.sef.facility ul li input { position:absolute; top: 0; left: 0; opacity: 0; }

section.tt-room.s1 .filters .suites.sef ul li img {
	-webkit-filter: grayscale(100%); filter: grayscale(100%);
	-webkit-transition: -webkit-filter 300ms linear; transition: filter 300ms linear;
}
section.tt-room.s1 .filters .suites.sef ul li.ischecked img {
	-webkit-filter: grayscale(0%); filter: grayscale(0%);
}
section.tt-room.s1 .filters .suites.sef ul li strong {
	color: rgba(0, 0, 0, .95);
	text-shadow: -1px -1px rgba(0, 0, 0, 0), -1px 1px rgba(0, 0, 0, 0), 1px -1px rgba(0, 0, 0, 0), 1px 1px rgba(0, 0, 0, 0), 1px 1px rgba(0, 0, 0, 0);
	-webkit-transition: text-shadow 300ms linear, color 300ms linear;
	transition: text-shadow 300ms linear, color 300ms linear;
}
section.tt-room.s1 .filters .suites.sef ul li.ischecked strong {
	color: rgba(255, 255, 255, .95);
	text-shadow: -1px -1px rgba(255, 0, 0, .65), -1px 1px rgba(255, 0, 0, .65), 1px -1px rgba(255, 0, 0, .65), 1px 1px rgba(255, 0, 0, .65), 1px 1px rgba(255, 0, 0, .65);
}



section.tt-room.s1 .filters .suites ul li.ischecked mark:before {
	z-index: 1; position: absolute; top: 0; right: 0;
	content: '\f058';
	font-family: 'Font Awesome 6 Pro'; font-style: normal; font-weight: 900; font-size: 16px; color: rgba(255, 0, 0, .85);
	opacity: 0;
	-webkit-transition: opacity 300ms ease-in-out; transition: opacity 300ms ease-in-out;
}
section.tt-room.s1 .filters .suites ul li.ischecked mark:before { opacity: 1; }





/*----------------------------------------------------------------------------*/

section.tt-room.s1 .filters .filters-searchbut { display: flex; justify-content: center; margin: 10px 0; }

section.tt-room.s1 .filters .filters-searchbut button {
	border: 1px solid rgba(0, 0, 0, .5);
	border-radius: 6px;
	box-shadow: 1px -1px 0px 0.1px rgba(255, 255, 255, .35) inset, -1px 1px 0px 0.1px rgba(255, 255, 255, .35) inset, 1px -1px 0px 0.1px rgba(255, 255, 255, .15) inset, -1px 1px 0px 0.1px rgba(255, 255, 255, .15) inset, 0 0 36px rgba(0, 0, 0, .15);
	background-color: rgba(0, 0, 0, .85);
	-webkit-transition: border 300ms linear, box-shadow 300ms linear, background-color 300ms linear; transition: border 300ms linear, box-shadow 300ms linear, background-color 300ms linear;
}
section.tt-room.s1 .filters .filters-searchbut button:hover {
	border: 1px solid rgba(2, 133, 210, .5);
	box-shadow: -1px -1px 0px 0.5px rgba(255, 255, 255, .35) inset, -1px 1px 0px 0.1px rgba(255, 255, 255, .35) inset, 1px -1px 0px 0.1px rgba(255, 255, 255, .15) inset, -1px 1px 0px 0.1px rgba(255, 255, 255, .15) inset, 0 0 36px rgba(0, 0, 0, .15);
	background-color: rgba(2, 133, 210, .85);
}

section.tt-room.s1 .filters .filters-searchbut button strong {
	display: inline-block; padding: 8px 15px;
	font-size: 14px; color: rgba(255, 255, 255, .85); letter-spacing: 5px;
	text-shadow: -1px -1px rgba(0, 0, 0, .65), -1px 1px rgba(0, 0, 0, .65), 1px -1px rgba(0, 0, 0, .65), 1px 1px rgba(0, 0, 0, .65), 1px 1px rgba(0, 0, 0, .65);
}
section.tt-room.s1 .filters .filters-searchbut button:hover strong {
	text-shadow: -1px -1px rgba(10, 70, 85, .65), -1px 1px rgba(10, 70, 85, .65), 1px -1px rgba(10, 70, 85, .65), 1px 1px rgba(10, 70, 85, .65), 1px 1px rgba(10, 70, 85, .65);
}

/*----------------------------------------------------------------------------*/

section.tt-room.s1 .main { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; overflow: hidden; }

section.tt-room.s1 .main .col { display: inline-block; margin: 20px 0; width: calc(100% / 2 - 20px); height: calc(100% / 2); border-radius: 12px 0 0 12px; box-shadow: 0 0 12px 0 rgba(0, 0, 0, .35); }

section.tt-room.s1 .main .col .reveal {
	position: relative;
	border-radius: 12px 0 0 0;
	/*box-shadow: 0 0 12px 0 rgba(0, 0, 0, .35);*/
	overflow: hidden;
	/*overflow-x: clip;*/
	/*-webkit-transition: -webkit-transform 300ms ease-in-out; transition: transform 300ms ease-in-out;*/
}

section.tt-room.s1 .main .col .reveal:hover {
	/*-webkit-transform: scale(1.02); transform: scale(1.02);*/
}

section.tt-room.s1 .main .col .reveal { /*background-color: rgba(255, 255, 255, .95);*/ }

section.tt-room.s1 .main .col .reveal div.owl-carousel { z-index: auto; }

section.tt-room.s1 .main .col .reveal div.owl-carousel .owl-stage-outer .owl-stage {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-content: stretch;
	align-items: center;
}

section.tt-room.s1 .main .col .reveal div.owl-carousel .owl-stage-outer .owl-stage .owl-item .item {  }

section.tt-room.s1 .main .col .reveal div.owl-carousel .owl-stage-outer .owl-stage .owl-item .item img {
	display: block; width: calc(100% - 50px); height: 100%;
	/*border-radius: 5px;*/
	object-fit: cover;
	-webkit-background-size: cover;
	background-size: cover;
	overflow: hidden;
	-webkit-transform: -webkit-translate(50px, 0); transform: translate(50px, 0);
}

@media screen and (min-width: 1px) and (max-width: 1366px) {
	section.tt-room.s1 .main { display: inline-block; }
	section.tt-room.s1 .main .col { margin: 20px 0; width: 100%; height: 100%; border-radius: 0; }
	section.tt-room.s1 .main .col .reveal { border-radius: 0; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0); }
}


/*----------------------------------------------------------------------------*/

section.tt-room.s1 .main .col .reveal div.owl-carousel .owl-dots { z-index: 7; display: inline-block; position: absolute; bottom: 3px; width: 100%; text-align: center; }

section.tt-room.s1 .main .col .reveal div.owl-carousel .owl-dots .owl-dot span {
	display: block; margin: 0 5px; width: 15px; height: 2px;
	border-radius: 8px;
	background-color: rgba(255, 255, 255, .35);
	-webkit-transition: width 300ms ease-in-out; transition: width 300ms ease-in-out;
}
section.tt-room.s1 .main .col .reveal div.owl-carousel .owl-dots button.active span {
	width: 30px;
	background-color: rgba(255, 0, 0, .65);
}
@media screen and (min-width: 1px) and (max-width: 679px) {
	section.tt-room.s1 .main .col .reveal div.owl-carousel .owl-dots .owl-dot span { margin: 0 3px; width: 8px; }
	section.tt-room.s1 .main .col .reveal div.owl-carousel .owl-dots button.active span { width: 15px; }
}

/*----------------------------------------------------------------------------*/

section.tt-room.s1 .main .col .reveal div.owl-carousel .owl-nav {  }

section.tt-room.s1 .main .col .reveal div.owl-carousel .owl-nav {  }
section.tt-room.s1 .main .col .reveal div.owl-carousel .owl-nav button { z-index: 7; position: absolute; top: 50%; margin-top: -5px; }
section.tt-room.s1 .main .col .reveal div.owl-carousel .owl-nav button.owl-prev { left: 50px; }
section.tt-room.s1 .main .col .reveal div.owl-carousel .owl-nav button.owl-next { right: 0; }

section.tt-room.s1 .main .col .reveal div.owl-carousel .owl-nav button.owl-prev:before { content: '\f053'; }
section.tt-room.s1 .main .col .reveal div.owl-carousel .owl-nav button.owl-next:before { content: '\f054'; }

section.tt-room.s1 .main .col .reveal div.owl-carousel .owl-nav button.owl-prev:before,
section.tt-room.s1 .main .col .reveal div.owl-carousel .owl-nav button.owl-next:before {
	padding: 10px;
	font-family: 'Font Awesome 6 Pro'; font-style: normal; font-weight: 900; font-size: 12px; color: rgba(255, 255, 255, .65);
	text-shadow: -1px -1px rgba(0, 0, 0, .85), -1px 1px rgba(0, 0, 0, .85), 1px -1px rgba(0, 0, 0, .85), 1px 1px rgba(0, 0, 0, .85), 1px 1px rgba(0, 0, 0, .85);
	background-color: rgba(255, 255, 255, .65);
	-webkit-transition: opacity 500ms ease-in-out; transition: opacity 500ms ease-in-out;
}

section.tt-room.s1 .main .col .reveal div.owl-carousel .owl-nav button.owl-prev:before { border-radius: 0 5px 5px 0; }
section.tt-room.s1 .main .col .reveal div.owl-carousel .owl-nav button.owl-next:before { border-radius: 5px 0 0 5px; }

section.tt-room.s1 .main .col .reveal div.owl-carousel .owl-nav button.owl-prev.disabled:before,
section.tt-room.s1 .main .col .reveal div.owl-carousel .owl-nav button.owl-next.disabled:before { opacity: 0; }

section.tt-room.s1 .main .col .reveal div.owl-carousel .owl-nav button.owl-prev span,
section.tt-room.s1 .main .col .reveal div.owl-carousel .owl-nav button.owl-next span { display: none; }

/*----------------------------------------------------------------------------*/

section.tt-room.s1 .main .col .reveal ul { z-index: 10; position: absolute; top: 0; left: 0; width: 50px; height: 100%; border-radius: 12px 0 0 0; background-color: rgba(255, 255, 255, .65); }

section.tt-room.s1 .main .col .reveal ul li { margin: 20px 0 20px 10px; /*cursor: pointer;*/ }

section.tt-room.s1 .main .col .reveal ul li strong { font-size: 14px; }


section.tt-room.s1 .main .col .reveal ol { z-index: 10; position: absolute; bottom: 5%; left: 0; }

section.tt-room.s1 .main .col .reveal ol li { margin: 25px 0 25px 15px; cursor: pointer; }

section.tt-room.s1 .main .col .reveal ol li strong {  }

section.tt-room.s1 .main .col .reveal ol li strong i {
	font-size: 20px;
	-webkit-transition: color 500ms linear; transition: color 500ms linear;
}
section.tt-room.s1 .main .col .reveal ol li:hover strong i { color: rgba(69, 69, 69, .85); }
section.tt-room.s1 .main .col .reveal ol li.open strong i { color: rgba(2, 133, 210, .95); }

section.tt-room.s1 .main .col .reveal ol li strong i.fa-circle-info { font-size: 24px; }
section.tt-room.s1 .main .col .reveal ol li strong i.fa-house-heart {  }
section.tt-room.s1 .main .col .reveal ol li strong i.fa-calendar-range { padding: 0 0 0 2px; }


@media screen and (min-width: 1px) and (max-width: 1366px) {
	section.tt-room.s1 .main .col .reveal ul { border-radius: 0; }
	section.tt-room.s1 .main .col .reveal ol { bottom: 5%; }
}

@media screen and (min-width: 1px) and (max-width: 679px) {
	section.tt-room.s1 .main .col .reveal ul li { margin: 10px 0 10px 12px; }
	section.tt-room.s1 .main .col .reveal ul li strong { font-size: 12px; }
	section.tt-room.s1 .main .col .reveal ol {bottom: 0; }
	section.tt-room.s1 .main .col .reveal ol li { margin: 20px 0 20px 15px; }
	section.tt-room.s1 .main .col .reveal ol li strong i.fa-circle-info { font-size: 20px; }
	section.tt-room.s1 .main .col .reveal ol li strong i { font-size: 18px; }
}

/*----------------------------------------------------------------------------*/

section.tt-room.s1 .main .col .reveal .isfloat {  }

section.tt-room.s1 .main .col .reveal .isfloat .title,
section.tt-room.s1 .main .col .reveal .isfloat .area,
section.tt-room.s1 .main .col .reveal .isfloat .score, 
section.tt-room.s1 .main .col .reveal .isfloat .bk { z-index: 1; position: absolute; }

section.tt-room.s1 .main .col .reveal .isfloat .title { display: flex; position: absolute; top: 0; left: 50px; width: 100%; background-color: rgba(255, 255, 255, .65); }
section.tt-room.s1 .main .col .reveal .isfloat .title strong {
	padding: 15px 10px; width: 50%;
	font-size: 16px;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
}

section.tt-room.s1 .main .col .reveal .isfloat .area { position: absolute; top: 10px; right: 10px; cursor: pointer; }
section.tt-room.s1 .main .col .reveal .isfloat .area strong {
	padding: 5px 12px;
	border: 1px solid rgba(0, 0, 0, .35);
	box-shadow: 1px 1px 0px 0.1px rgba(255, 255, 255, .5) inset, -1px -1px 0px 0.1px rgba(255, 255, 255, .5) inset, 0 0 36px 0.5px rgba(0, 0, 0, .35);
	border-radius: 20px;
	font-size: 14px; color: rgba(255, 255, 255, .85);
	text-shadow: -1px -1px rgba(0, 0, 0, .65), -1px 1px rgba(0, 0, 0, .65), 1px -1px rgba(0, 0, 0, .65), 1px 1px rgba(0, 0, 0, .65), 1px 1px rgba(0, 0, 0, .65);
}
section.tt-room.s1 .main .col .reveal .isfloat .area.n strong { /*北部*/
	text-shadow: -1px -1px rgba(10, 70, 85, .85), -1px 1px rgba(10, 70, 85, .85), 1px -1px rgba(10, 70, 85, .85), 1px 1px rgba(10, 70, 85, .85), 1px 1px rgba(10, 70, 85, .85);
	background-color: rgba(3, 169, 244, .35);
}
section.tt-room.s1 .main .col .reveal .isfloat .area.m strong { /*中部*/
	text-shadow: -1px -1px rgba(55, 65, 10, .85), -1px 1px rgba(55, 65, 10, .85), 1px -1px rgba(55, 65, 10, .85), 1px 1px rgba(55, 65, 10, .85), 1px 1px rgba(55, 65, 10, .85);
	background-color: rgba(205, 220, 57, .35);
}
section.tt-room.s1 .main .col .reveal .isfloat .area.s strong { /*南部*/
	text-shadow: -1px -1px rgba(70, 20, 80, .85), -1px 1px rgba(70, 20, 80, .85), 1px -1px rgba(70, 20, 80, .85), 1px 1px rgba(70, 20, 80, .85), 1px 1px rgba(70, 20, 80, .85);
	background-color: rgba(156, 39, 176, .35);
}
section.tt-room.s1 .main .col .reveal .isfloat .area.h strong { /*花東*/
	text-shadow: -1px -1px rgba(30, 35, 80, .85), -1px 1px rgba(30, 35, 80, .85), 1px -1px rgba(30, 35, 80, .85), 1px 1px rgba(30, 35, 80, .85), 1px 1px rgba(30, 35, 80, .85);
	background-color: rgba(63, 81, 181, .35);
}
section.tt-room.s1 .main .col .reveal .isfloat .area.e strong { /*西部外島*/
	text-shadow: -1px -1px rgba(65, 45, 40, .85), -1px 1px rgba(65, 45, 40, .85), 1px -1px rgba(65, 45, 40, .85), 1px 1px rgba(65, 45, 40, .85), 1px 1px rgba(65, 45, 40, .85);
	background-color: rgba(121, 85, 72, .35);
}
section.tt-room.s1 .main .col .reveal .isfloat .area.w strong { /*東部外島*/
	text-shadow: -1px -1px rgba(38, 50, 56, .85), -1px 1px rgba(38, 50, 56, .85), 1px -1px rgba(38, 50, 56, .85), 1px 1px rgba(38, 50, 56, .85), 1px 1px rgba(38, 50, 56, .85);
	background-color: rgba(96, 125, 139, .35);
}
section.tt-room.s1 .main .col .reveal .isfloat .score,
section.tt-room.s1 .main .col .reveal .isfloat .bk { position: absolute; cursor: pointer; }
section.tt-room.s1 .main .col .reveal .isfloat .score { bottom: 10px; left: 60px; }
section.tt-room.s1 .main .col .reveal .isfloat .bk { bottom: 10px; right: 10px; }
section.tt-room.s1 .main .col .reveal .isfloat .score strong,
section.tt-room.s1 .main .col .reveal .isfloat .bk strong {
	position: relative; padding: 7px 10px 5px 10px;
	border-radius: 8px;
	font-size: 14px; color: rgba(255, 255, 255, .95);
	overflow: hidden;
}
section.tt-room.s1 .main .col .reveal .isfloat .score strong {
	padding: 5px 8px;
	border: 1px solid rgba(80, 65, 0, .85);
	box-shadow: 1px 1px 0px 0.1px rgba(255, 255, 255, .5) inset, -1px -1px 0px 0.1px rgba(255, 255, 255, .5) inset, 0 0 36px 0.5px rgba(150, 125, 0, .35);
	text-shadow: -1px -1px rgba(100, 80, 0, .65), -1px 1px rgba(100, 80, 0, .65), 1px -1px rgba(100, 80, 0, .65), 1px 1px rgba(100, 80, 0, .65), 1px 1px rgba(100, 80, 0, .65);
	background-color: rgba(245, 200, 5, .35);
}
section.tt-room.s1 .main .col .reveal .isfloat .bk strong {
	width: 85px; height: 28px;
	border: 1px solid rgba(170, 0, 80, .65);
	box-shadow: 1px 1px 0px 0.1px rgba(255, 255, 255, .5) inset, -1px -1px 0px 0.1px rgba(255, 255, 255, .5) inset, 0 0 36px 0.5px rgba(0, 0, 0, .35);
	background-color: rgba(255, 150, 200, .65);
}
section.tt-room.s1 .main .col .reveal .isfloat .score strong span { padding: 0 5px; }

section.tt-room.s1 .main .col .reveal .isfloat .bk strong span.tm,
section.tt-room.s1 .main .col .reveal .isfloat .bk strong span.t1,
section.tt-room.s1 .main .col .reveal .isfloat .bk strong span.t2 {
	position: absolute;
	text-shadow: -1px -1px rgba(0, 0, 0, .65), -1px 1px rgba(0, 0, 0, .65), 1px -1px rgba(0, 0, 0, .65), 1px 1px rgba(0, 0, 0, .65), 1px 1px rgba(0, 0, 0, .65);
	-webkit-transition: top 600ms ease; transition: top 600ms ease;
}
section.tt-room.s1 .main .col .reveal .isfloat .bk strong span.tm {
	text-shadow: -1px -1px rgba(170, 0, 80, .65), -1px 1px rgba(170, 0, 80, .65), 1px -1px rgba(170, 0, 80, .65), 1px 1px rgba(170, 0, 80, .65), 1px 1px rgba(170, 0, 80, .65);
}

section.tt-room.s1 .main .col .reveal .isfloat .bk strong span.tm,
section.tt-room.s1 .main .col .reveal .isfloat .bk strong span.t1 { top: 7px; }
section.tt-room.s1 .main .col .reveal .isfloat .bk:hover strong span.t1 { top: -50px; }

section.tt-room.s1 .main .col .reveal .isfloat .bk strong span.t2 { top: 50px; }
section.tt-room.s1 .main .col .reveal .isfloat .bk:hover strong span.t2 { top: 8px; }





@media screen and (min-width: 1px) and (max-width: 679px) {
	section.tt-room.s1 .main .col .reveal .isfloat .title strong { padding: 10px; font-size: 14px; }
	section.tt-room.s1 .main .col .reveal .isfloat .area { top: 5px; }
	section.tt-room.s1 .main .col .reveal .isfloat .area strong,
	section.tt-room.s1 .main .col .reveal .isfloat .score strong,
	section.tt-room.s1 .main .col .reveal .isfloat .bk strong { font-size: 12px; }
	section.tt-room.s1 .main .col .reveal .isfloat .bk strong { width: 80px; height: 25px; }
	section.tt-room.s1 .main .col .reveal .isfloat .bk strong span.tm,
	section.tt-room.s1 .main .col .reveal .isfloat .bk strong span.t1 { top: 5px; }
}


/*----------------------------------------------------------------------------*/

section.tt-room.s1 .main .col .reveal .overlay {
	z-index: 9; position: absolute; top: 0; left: -100%; width: calc(100% - 50px); height: 100%;
	background-color: rgba(0, 0, 0, .85);
	overflow-x: hidden; overflow-y: auto;
	-webkit-transform: -webkit-translate(50px, 0); transform: translate(50px, 0);
	-webkit-transition: left 500ms ease-in-out; transition: left 500ms ease-in-out;
}

section.tt-room.s1 .main .col .reveal .overlay.open { left: 0; }

section.tt-room.s1 .main .col .reveal .overlay .desc {
	display: inline-block; width: 100%; height: 100%;
}

section.tt-room.s1 .main .col .reveal .overlay .desc strong.tit {
	padding: 20px 0 10px 0;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
}

section.tt-room.s1 .main .col .reveal .overlay .desc strong.txt {
	/*display: flex; flex-direction: column; align-content: center; align-items: baseline; padding: 20px; line-height: 25px;*/
	color: rgba(255, 255, 255, .85); font-size: 14px;
	
	display: inline-block; padding: 20px; height: 350px; line-height: 25px;
	overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-box-orient: vertical;
	-webkit-line-clamp: 13;
	
}

section.tt-room.s1 .main .col .reveal .overlay .desc mark:before,
section.tt-room.s1 .main .col .reveal .overlay .facility mark:before {
	z-index: 8; position: absolute; top: 10px; right: 20px;
	content: '\f00d';
	font-family: 'Font Awesome 6 Pro'; font-style: normal; font-weight: 500; font-size: 20px; color: rgba(255, 255, 255, .85);
	cursor: pointer;
}



/*----------------------------------------------------------------------------*/

section.tt-room.s1 .main .col .reveal .overlay .desc header { display: flex; width: 100%; justify-content: center; border-bottom: 1px dashed rgba(255, 255, 255, .3); }
section.tt-room.s1 .main .col .reveal .overlay .desc header strong {
	display: inline-block; padding: 10px; width: 80%; text-align: center;
	font-size: 18px; color: rgba(255, 255, 255, .85);
}

section.tt-room.s1 .main .col .reveal .overlay .facility dl { display: flex; flex-wrap: wrap; justify-content: space-around; }

section.tt-room.s1 .main .col .reveal .overlay .facility dl dt { display: flex; width: 100%; justify-content: center; border-bottom: 1px dashed rgba(255, 255, 255, .3); }
section.tt-room.s1 .main .col .reveal .overlay .facility dl dt strong { display: inline-block; padding: 10px; font-size: 18px; color: rgba(255, 255, 255, .85); }

section.tt-room.s1 .main .col .reveal .overlay .facility dl dd { margin: 10px; }

section.tt-room.s1 .main .col .reveal .overlay .facility dl dd img {
	width: 50px;
	object-fit: cover;
	-webkit-background-size: cover;
	background-size: cover;
	cursor: pointer;
}

section.tt-room.s1 .main .col .reveal .overlay .facility dl dd strong {
	display: inline-block; width: 50px;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
	font-size: 12px; color: rgba(255, 255, 255, .85);
}



/*----------------------------------------------------------------------------*/

section.tt-room.s1 .main .col .reveal input { position: absolute; top: 40px; left: 50%; width: 0; height: 0; opacity: 0; }

section.tt-room.s1 .main .col .reveal div.datedropper-overlay:before {
	content: '';
	position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	border-radius: 12px 0 0 0;
	background-color: rgba(0, 0, 0, 0);
	-webkit-transition: background-color 500ms linear; transition: background-color 500ms linear;
}
section.tt-room.s1 .main .col .reveal div.datedropper-overlay.datedropper-overlay-open:before {
	z-index: 10;
	background-color: rgba(0, 0, 0, .65);
}

@media screen and (min-width: 1px) and (max-width: 679px) {
	section.tt-room.s1 .main .col .reveal .overlay .desc header { justify-content: flex-start; }
	section.tt-room.s1 .main .col .reveal .overlay .desc header strong { width: 50%; font-size: 14px; }
	section.tt-room.s1 .main .col .reveal .overlay .desc strong { display: inline-block; padding: 10px; width: 100%; font-size: 12px; }
	
	section.tt-room.s1 .main .col .reveal .overlay .facility dl dt strong { font-size: 14px; }
	
}

/*----------------------------------------------------------------------------*/


section.tt-room.s1 .main .col .isbtn { display: flex; justify-content: space-around; padding: 15px 0 20px 0; border-radius: 0 0 0 12px; background-color: rgba(255, 255, 255, .65); }


@media screen and (min-width: 1px) and (max-width: 1023px) {
	section.tt-room.s1 .main .col .isbtn {border-radius: 0; }
}

section.tt-room.s1 .main .col .isbtn .btnlink {  }

section.tt-room.s1 .main .col .isbtn .btnlink a {
	display: inline-block; position: relative;
	border-radius: 5px;
	border: 1px solid rgba(0, 0, 0, .35);
	box-shadow: -1px 1px 0px 0.1px rgba(255, 255, 255, .35) inset, -1px 1px 0px 0.1px rgba(255, 255, 255, .35) inset, 1px -1px 0px 0.1px rgba(255, 255, 255, .15) inset, -1px 1px 0px 0.1px rgba(255, 255, 255, .15) inset, 0 0 36px rgba(0, 0, 0, .15);
	background-color: rgba(0, 0, 0, .65);
	-webkit-transition: box-shadow 300ms linear, background-color 500ms linear; transition: box-shadow 300ms linear, background-color 500ms linear;
}
section.tt-room.s1 .main .col .isbtn .btnlink a:hover {
	box-shadow: 1px 1px 0px 0.1px rgba(255, 255, 255, .35) inset, 1px -1px 0px 0.1px rgba(255, 255, 255, .35) inset, 1px -1px 0px 0.1px rgba(255, 255, 255, .15) inset, -1px 1px 0px 0.1px rgba(255, 255, 255, .15) inset, 0 0 36px rgba(0, 0, 0, .15);
	background-color: rgba(0, 0, 0, .85);
}

section.tt-room.s1 .main .col .isbtn .btnlink a strong {
	padding: 10px 15px 8px 15px; color: rgba(255, 255 ,255, .85); font-size: 14px;
	text-shadow: -1px -1px rgba(0, 0, 0, .65), -1px 1px rgba(0, 0, 0, .65), 1px -1px rgba(0, 0, 0, .65), 1px 1px rgba(0, 0, 0, .65), 1px 1px rgba(0, 0, 0, .65);
	-webkit-transition: padding 300ms ease-in-out; transition: padding 300ms ease-in-out;
}
section.tt-room.s1 .main .col .isbtn .btnlink a:hover strong { padding: 10px 30px 8px 15px; }

section.tt-room.s1 .main .col .isbtn .btnlink a:before {
	position: absolute; top: 8px; left: 30px;
	content: '\f101';
	font-family: 'Font Awesome 6 Pro'; font-style: normal; font-weight: 500; font-size: 14px; color: rgba(255, 255, 255, .85);
	opacity: 0;
	-webkit-transition: left 300ms linear, opacity 100ms linear; transition: left 300ms linear, opacity 100ms linear;
}
section.tt-room.s1 .main .col .isbtn .btnlink a:hover:before { left: 80px; opacity: .85; }