@charset "utf-8";
/* main image
------------------------------------------*/
.main-image {
	background: #271427;
	background-image: var(--bg-path, none);
	font-family: "Noto Serif JP", serif;
}

h2 {
	font-family: "Noto Serif JP", serif;
}


.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;
	}

}