@charset "UTF-8";

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

	Layout - Second Page
	Guest Rooms
	/guest-rooms/

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

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

	Block

-------------------------- */
.secblock .sb-ttl span.en,
.secblock .sb-ttl span.jp { line-height: 1.5; }

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

	Span List

-------------------------- */
dl.spanlist {
	font-size: min(4vw, 20px);
	display: flex;
	align-items: flex-start;
	}
dl.spanlist dt { color: rgb(225 90 15 / 1); }
dl.spanlist dd {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	}
dl.spanlist dd span:after {
	color: rgb(0 0 0 / .5);
	content: '|';
	margin-left: 10px;
	margin-right: 10px;
	}
dl.spanlist dd span:last-child:after { content: none; }
@media (min-width: 751px) {
dl.spanlist { padding: 20px 0; }
}
@media (max-width: 750px) {
dl.spanlist {
	padding: 20px 0;
	flex-wrap: wrap;
	}
dl.spanlist dd { margin-top: 10px; }
}

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

	Info

-------------------------- */
.gtr-info {
	border-bottom: 1px solid rgb(0 0 0 / .5);
	border-top: 1px solid rgb(0 0 0 / .5);
	margin: 0 auto;
	}
@media (min-width: 751px) {
.gtr-info { margin-top: 30px; }
.gtr-info dl.spanlist { justify-content: center; }
.gtr-info dl.spanlist dt { min-width: 220px; }
}
@media (max-width: 750px) {
.gtr-info {
	margin-top: 30px;
	padding: 0 20px;
	}
}

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

	System

-------------------------- */
.gtr-system {
	display: flex;
	align-items: flex-start;
	}
.gtr-system .ttl {
	font-size: min(5vw, 25px);
	letter-spacing: 5px;
	position: sticky;
	text-align: justify;
	display: inline-flex;
	writing-mode: vertical-rl;
	}
.gtr-system .copy {
    font-family: "Noto Serif JP", serif;
	font-size: min(5vw, 30px);
	}
.gtr-system .list { border-top: 1px solid rgb(0 0 0 / .5); }
.gtr-system .list dl {
	display: flex;
	align-items: flex-start;
	}
.gtr-system .list dl dt { color: rgb(225 90 15 / 1); }
.gtr-system .list dl.spanlist { border-bottom: 1px solid rgb(0 0 0 / .5); }
/* ----------------------- */
@media (min-width: 751px) {
.gtr-system { margin-top: 30px; }
.gtr-system .ttl {
	padding-right: 15px;
	top: 20px;
	}
.gtr-system .body { padding-left: 15px; }
.gtr-system .list { margin-top: 30px; }
.gtr-system .list dl dt { min-width: 100px; }
}
/* ----------------------- */
@media (max-width: 750px) {
.gtr-system {
	margin-top: 20px;
	padding: 0 20px;
	}
.gtr-system .ttl {
	padding-right: 10px;
	top: 20px;
	}
.gtr-system .body { padding-left: 10px; }
.gtr-system .list { margin-top: 20px; }
}