@charset "UTF-8";

/* ==================================================
手ごろな価格で
================================================== */
.rental-lowprice-area {
	overflow: hidden;
}

/* セクション
-------------------------------------------------- */
.rental-lowprice-section {
	min-height: 450px;
	position: relative;
}

.rental-lowprice-section .thumb-column {
	width: 910px;
	position: absolute;
	top: 0;
	left: 690px;
}

@media screen and (max-width: 768px) {
	.rental-lowprice-section {
		min-height: 0;
	}

	.rental-lowprice-section .thumb-column {
		width: auto;
		margin: 16px 0 0;
		position: static;
	}

	.rental-lowprice-section .thumb-column img {
		max-width: 85%;
		margin: 0 auto;
		display: block;
	}
}

/* ==================================================
レンタル品
================================================== */
.rental-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.rental-list li,
.rental-list li.min {
	width: 620px;
	margin: 0 0 30px;
}

.rental-list li.min {
	width: 410px;
}

.rental-list a {
	pointer-events: none;
}

@media screen and (max-width: 768px) {
	.rental-list li,
	.rental-list li.min {
		width: calc((100% - 8px) / 2);
		margin: 0 8px 8px 0;
	}

	.rental-list li:nth-child(2n) {
		margin-right: 0;
	}

	.rental-list a {
		padding-top: 100%;
		position: relative;
		overflow: hidden;
		display: block;
		pointer-events: auto;
	}

	.rental-list img {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		object-fit: cover;
	}
}