/* cottage page styles */

@media (min-width: 736px) {
	.page-id-82 .padding08 {
		margin-left: 20px;
		margin-right: 20px;
	}
	.box-stay-cottage__style .stay-cottage-list dl {
		margin-top: 0;
	}
	.box-stay-cottage__style .stay-cottage-list {
		margin-top: 0;
	}
}

/* 各コテージのご紹介: box-list-tableのtable表示を解除してfloat 3列を有効にする */
.box-stay-cottage__style .box-list-table {
	display: block;
}
.topix img {
	padding: 8px;
	max-width: 100%;
}
table th { text-align: right; }
table th.blue { background-color: lightblue; }
table td { text-align: right; }

@media screen and (max-width: 735px) {
	.box-bbq-02__btn {
		margin-bottom: 4px;
	}
}

/* Bootstrap が ul に padding-left: 2rem を付けるため左ずれをリセット */
.box-contact__lst {
	padding-left: 0;
}

/* SP: コテージリストをグリッド（ボタン上・写真左・LDK+定員右） */
@media screen and (max-width: 735px) {
	.box-stay-cottage__style .box-container {
		padding-left: 0;
		padding-right: 0;
	}
	.box-stay-cottage__style .stay-cottage-list {
		padding-left: 0;
	}
	.box-stay-cottage__style .stay-cottage-list__block {
		width: 100%;
		display: grid;
		grid-template-columns: 55% 45%;
		grid-template-rows: auto auto auto;
		margin-bottom: 20px;
		padding-left: 0;
	}
	.box-stay-cottage__style .stay-cottage-list dl {
		display: contents;
	}
	/* ボタン: 全幅・1行目 */
	.box-stay-cottage__style .stay-cottage-list dt {
		grid-column: 1 / 3;
		grid-row: 1;
	}
	/* 写真: 左列・2〜3行目 */
	.box-stay-cottage__style .stay-cottage-list__img {
		grid-column: 1;
		grid-row: 2 / 4;
		margin-bottom: 0;
	}
	.box-stay-cottage__style .stay-cottage-list__img a img {
		width: 100%;
		height: auto;
		display: block;
	}
	/* 1LDK: 右列・2行目 */
	.box-stay-cottage__style .stay-cottage-list__ldk {
		grid-column: 2;
		grid-row: 2;
		float: none;
		width: auto;
		font-size: 20px;
		padding: 6px 0 2px 8px;
		align-self: end;
	}
	/* 定員: 右列・3行目（LDKのすぐ下） */
	.box-stay-cottage__style .stay-cottage-list__price {
		grid-column: 2;
		grid-row: 3;
		float: none;
		width: auto;
		padding: 0 0 6px 8px;
		align-self: start;
	}
}

/* 各棟ページの写真ビューア（旧 include/cottage_swiper.inc のCSS） */
.cabin-viewer {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}
.cabin-viewer__main {
	width: 100%;
	aspect-ratio: 1280 / 854;
	overflow: hidden;
	background: #000;
}
.cabin-viewer__main img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}
.cabin-viewer__thumbs {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	gap: 6px;
	margin-top: 6px;
	overflow-x: auto;
	padding: 4px 0;
}
.cabin-viewer__thumbs img {
	width: 80px;
	height: 56px;
	object-fit: cover;
	object-position: center;
	display: block;
	cursor: pointer;
	opacity: 0.5;
	transition: opacity 0.2s;
	flex-shrink: 0;
}
.cabin-viewer__thumbs img.is-active {
	opacity: 1;
	outline: 2px solid #888;
	outline-offset: -2px;
}