/* 旧 room_list（客室タイプの画像リンク一覧）を最大 3 カラムのグリッドで表示する。
   元は <div class="room_list"><ul><li><a><img></a></li>…。移行時に className "room_list" を
   引き継いでおり（hilton-migrate の content_list_block）、ここでグリッド化する。
   画像はトリミングせず natural 比率のまま列幅いっぱいに表示する。 */
.room_list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: clamp(12px, 1.6vw, 20px);
	list-style: none;
	margin: clamp(20px, 2.6vw, 32px) 0 0;
	padding: 0;
}
.room_list > li {
	margin: 0;
}
.room_list > li::marker {
	content: "";
}
.room_list a {
	display: block;
	line-height: 0;
}
/* 旧 HTML のインライン固定サイズ（width:280px;height:172px）を打ち消し、セル幅に追従させる。 */
.room_list img {
	width: 100% !important;
	height: auto !important;
	display: block;
}

/* タブレットは 2 カラム、スマホは 1 カラム（中央寄せ）にする。最大は 3 カラム。 */
@media (max-width: 781px) {
	.room_list {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 480px) {
	.room_list {
		grid-template-columns: 1fr;
		max-width: 400px;
		margin-inline: auto;
	}
}