@charset "UTF-8";

/* ----------------------------------------
	charge
---------------------------------------- */
.charge .notes__item {
	font-size: 15px;
}

@media screen and (max-width: 768px) {
	.charge .notes__item {
		font-size: 4vw;
	}
}

/* ----------------------------------------
	chargeNav
---------------------------------------- */
.cargeNav {
	margin: 0 auto 26px;
	max-width: 870px;
}

.cargeNav__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.cargeNav__list--item {
	margin-bottom: 24px;
	width: 48.62069%;
}

.cargeNav__list--item a span {}

@media screen and (max-width: 768px) {
	.cargeNav {
		margin-bottom: 4vw;
	}

	.cargeNav__list--item {
		margin-bottom: 2.4vw;
		width: 100%;
		width: 49%;
	}
}

/* ----------------------------------------
	hours
---------------------------------------- */
.hours {}

.hours__list {
	color: rgb(var(--aqu));
	font-size: 21px;
	font-weight: 700;
	display: flex;
}

.hours__list--title {
	white-space: nowrap;
	display: flex;
}

.hours__list--title::after {
	content: "：";
}

.hours__list--details {
	line-height: 1.5;
}

@media screen and (max-width: 768px) {
	.hours__list {
		font-size: 4.26667vw;
		display: block;
	}
}

/* ----------------------------------------
	price
---------------------------------------- */
.price {}

.price__period {
	margin-bottom: 1em;
	display: flex;
}

.price__period--item {
	margin-right: 1em;
	display: flex;
	align-items: center;
}

.price__period--item i {
	width: 1.25em;
	height: 1.25em;
	border: solid 1px #C8C9CA;
	display: flex;
}

.price__period--item .typeA {
	background: #CCFFFF;
}

.price__period--item .typeB {
	background: #D5F1DD;
}

.price__period--item .typeC {
	background: #F7E1EE;
}

/* ----------------------------------------
	cargeList
---------------------------------------- */
.cargeList {}

.cargeList__title {
	margin-bottom: 10px;
	font-size: 17px;
	font-weight: 700;
}

.cargeList__contents {
	margin-bottom: 30px;
}

.cargeList .priceTable {
	display: flex;
}

.cargeList .priceList {
	margin-bottom: 16px;
	width: 25%;
	text-align: center;
	border: solid 1px rgb(var(--gry));
}

.cargeList .priceList:not(:first-of-type) {
	border-left: none;
}

.cargeList .priceList__title {
	background: rgb(var(--sky));
	font-size: 16px;
	font-weight: 700;
	border-bottom: solid 1px rgb(var(--gry));
}

.cargeList .priceList__price {
	font-size: 18px;
}

@media screen and (max-width: 768px) {
	.cargeList__title {
		margin-bottom: 0.5em;
		font-size: 4.26667vw;
	}

	.cargeList__contents {
		margin-bottom: 4vw;
	}

	.cargeList .priceTable {
		flex-wrap: wrap;
	}

	.cargeList .priceList {
		width: 50%;
	}

	.cargeList .priceList:not(:first-of-type) {
		border-left: solid 1px rgb(var(--gry));
	}

	.cargeList .priceList:not(:nth-child(odd)) {
		border-left: none;
	}

	.cargeList .priceList:nth-child(1),
	.cargeList .priceList:nth-child(2) {
		margin-bottom: 0;
		border-bottom: none;
	}

	.cargeList .priceList__title {
		padding: 0.25em 0;
		font-size: 4vw;
	}

	.cargeList .priceList__price {
		padding: 0.25em 0;
		font-size: 4.26667vw;
	}
}

/* ----------------------------------------
	rental
---------------------------------------- */
#rental .cargeList__title {
	font-size: 15px;
}

#rental .image-list {
	display: flex;
	justify-content: space-between;
}

#rental .image-list--item {
	width: 23.5%;
}

@media screen and (max-width: 768px) {
	#rental .cargeList__title {
		font-size: 4vw;
	}

	#rental .image-list {
		flex-wrap: wrap;
	}

	#rental .image-list--item {
		margin-bottom: 1em;
		width: calc((100% - 1em) / 2);
	}
}