@charset "UTF-8";

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

	room

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

#room #room-lineup .inner { max-width: 1100px; }
#room .room-list li:not(:last-child) { margin-bottom: 100px; }

#room #room-lineup .summary { border: 1px solid #333; margin-top: 20px; }
#room #room-lineup .title {
	padding: 20px 7%;
	position: relative;
	font-weight: 500;
	font-size: 2rem;
	line-height: 1.4;
	cursor: pointer;
}
#room #room-lineup .title .en {
	display: block;
	font-size: 1.2rem;
	line-height: 1.3;
	letter-spacing: 0.06em;
	margin-top: 5px;
}
#room #room-lineup .title:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 7%;
	width: 18px;
	height: 18px;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	margin-top: -14px;
	transform: rotate(135deg);
	transition: all 0.2s ease;
}
#room .detail-wrap {
	display: none;
	padding: 0 6% 30px 7%;
	position: relative;
}
#room .detail {
	width: 40%;
}
#room .detail table { border-top: 1px solid #333; }
#room .detail tr { border-bottom: 1px solid #888; }
#room .detail .flex p { display: flex; align-items: center; }
#room .detail .flex p:not(:last-child) { margin-right: 20px; }
#room .detail .flex p span {
	display: block;
	font-size: 1.2rem;
	line-height: 1.3;
	letter-spacing: 0.06em;
	margin-left: 10px;
}
#room .detail th,
#room .detail td { font-weight: 500; text-align: left; padding: 12px 10px; font-size: 1.5rem; }
#room .detail th { width: 20%; white-space: nowrap; }
#room .detail .disc {
	font-weight: 500;
	margin-top: 20px;
	font-size: 1.5rem;
	letter-spacing: 0.03em;
	line-height: 1.9;
}
#room .detail-wrap img {
	width: 62%;
	margin: -30px 0 auto -2%;
}

@media (max-width: 1080px) {
	#room .detail th, #room .detail td { font-size: 1.4vw; }
	#room .detail .disc { font-size: 1.5vw; }
	#room .room-list li:not(:last-child) { margin-bottom: 60px; }
}
@media (max-width: 814px) {
	#room #room-lineup .summary { margin-top: 10px; }
	#room #room-lineup .title { padding: 15px 12vw 15px 5vw; font-size: 1.8rem; }
	#room #room-lineup .title .en { font-size: 1rem; }
	#room #room-lineup .title:after { width: 12px; height: 12px; margin-top: -10px; }
	#room .detail-wrap { padding: 10px 5vw 20px; flex-direction: column; }
	#room .detail { position: static; width: 100%; max-width: 100%; margin-bottom: 20px; }
	#room .detail-wrap img { width: 100%; margin: 0; }
	#room .detail th, #room .detail td { font-size: 1.3rem; padding: 12px 6px; }
	#room .detail .disc { font-size: 1.4rem; line-height: 1.7; }
	#room .detail .disc br { display: none; }
	#room .room-list li:not(:last-child) { margin-bottom: 40px; }
	
}