@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Symbols&display=swap');
/*------------------------------------------------------------
	空室情報
------------------------------------------------------------*/
.roomListT {
	width: 100%;
	table-layout: fixed;
}
.roomListT th {
	background-color: var(--theme-color);
	color: var(--white);
	text-align: center;
}
.room-av-link a {
	display: block;
	background: var(--theme-color);
	color: #fff;
	font-weight: bold;
	text-align: center;
	border-radius: 0.5em;
	text-decoration: none;
	transition: all 150ms;
	padding: 0.6em 1.3em;
}
@media (any-hover: hover) {
	.room-av-link a:hover {
		background-color: var(--theme-hover);
	}
}
/*------------------------------------------------------------
SINGLE
------------------------------------------------------------*/
.last-updated {
	text-align: end;
	font-size: .8rem;
	margin-block-end: 1rem;
}
.availT {}
.availT thead th {
	text-align: center;
	font-weight: normal;
	background: var(--theme-color);
	color: #fff;
	padding: 0.75em 0.5em;
}
.availT thead th.sat {}
.availT thead th.sun {}
.availT tbody td {
	padding: 0.6em;
	text-align: center;
}
.availT tbody tr.t-date {
	font-weight: 500;
}
.availT tbody tr.t-date:not(:first-child) > * {
	border-block-start: 3px solid var(--theme-color);
}
.availT tbody tr.t-date td {
	padding: 0;
	text-align: center;
	block-size: 3em;
	font-size: 115%;
	font-weight: 600;
}
.availT tbody td span {
	display: block;
	font-size: 1em;
}
.availT tbody td.t-sat {
	color: #0c7bff;
}
.availT tbody td.t-sun {
	color: #cc2728;
}
.availT tbody tr.t-morning {
	background: #ecf8ff;
}
.availT tbody tr.t-afternoon {
	background: var(--white);
}
.availT tbody tr.t-night {
	background: #eee;
}
.availT tbody tr.t-morning td:not(:first-child), .availT tbody tr.t-afternoon td:not(:first-child), .availT tbody tr.t-night td:not(:first-child) {
	font-family: "Noto Sans Symbols", 'Noto Sans JP', sans-serif;
	font-weight: 400;
}
.availT tbody td.today {
	background: #87CEEB;
}
.large-circle {}
.cal-cap {
	margin-block-start: 20px;
	line-height: 1.8;
	font-size: 14px;
}
.nav-links {
	display: flex;
	justify-content: space-between;
}
.prev-link, .next-link {
	padding: 0.6em 1.5em;
	margin-block-end: 25px;
	background-color: var(--white);
	text-decoration: none;
	border-radius: 4px;
	color: var(--theme-color);
	border: 1px solid;
	transition: color 150ms, background-color 150ms;
	font-weight: bold;
}
@media (any-hover: hover) {
	.prev-link:hover, .next-link:hover {
		color: var(--white);
		background-color: var(--theme-color);
	}
}