.main-image {
	background: url(../images/bg_top.jpg) center/cover;
}
.main-image__inner {
	font-family: "Noto Serif JP", serif;
}
.main-image__inner .main-image-catch {
	font-size: clamp(1em, 5.8vw, 1.2em);
	color: #fff;
	font-weight: 600;
	text-shadow: 4px -2px 6px rgba(0,0,0,1);
	transform: rotate(90deg);
}
.main-image__inner .main-image-text {
	margin-left: -20px;
	text-align: left;
	font-size: clamp(2.4em, 4vw, 3.4em);
	font-family: "Noto Serif JP", serif;
	line-height: 1.4;
	letter-spacing: 0.2em;
	font-weight: 500;
	text-shadow: 2px 2px 6px rgba(0,0,0,1);
}

.accommodations-list {
	gap: 0 20px;

}
.accommodations-list .card {
	margin-bottom: 30px;
}
.accommodations-list .card .image__fit {
	padding-top: 63.5%;
}
.accommodations-list .card .card-ttl {
	margin-top: 6px;
	margin-bottom: 6px;
	font-family: "Noto Serif JP", serif;
	color: #0A0984;
	line-height: 1.3;
}
.accommodations-list .card .card-ttl a {
	color: #0A0984;
	text-decoration: none;
}
.accommodations-list .card .card-link {
	font-size: 0.85em;
	color: #0A0984;
	font-weight: bold;
	text-decoration: none;
}
.accommodations-list .card .card-link::after {
	content: "\BB";
	margin-left: 5px;
}
.accommodations-list .card a:hover {
	color: orange;
}


@media screen and (max-width: 924px) {
	/* flex box /grid box(横並びブレイクポイント) -----------*/
	.accommodations-list[data-column="3"],
	.accommodations-list[data-column="4"],
	.accommodations-list[data-column="5"],
	.accommodations-list[data-column="6"] {
		--data-column: 2 !important;
	}
}


@media screen and (max-width: 600px) {
	.accommodations-list[data-column] {
		--data-column: 1 !important;
	}

}