@charset "utf-8";

/*----------------------------
	sitemap
------------------------------*/

.sitemap .contArea {
	padding: calc((100 / 16) * 1rem) 0 calc((140 / 16) * 1rem);
	overflow: hidden;
}
.sitemap h1 {
	font-size: calc((40 / 16) * 1rem);
	font-family: "Zen Old Mincho", serif;
	text-align: center;
	letter-spacing: calc((2 / 16) * 1rem);
}
.sitemap .ttlJp {
	margin-top: calc((5 / 16) * 1rem);
	font-size: calc((14 / 16) * 1rem);
	font-weight: 500;
	text-align: center;
	color: var(--greenColor);
}
.sitemap .mapNav {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: calc((40 / 16) * 1rem);
	max-width: calc((900 / 16) * 1rem);
	margin: calc((40 / 16) * 1rem) auto 0;
	align-items: start;
}
.sitemap .mapList {
	display: flex;
	flex-direction: column;
}
.sitemap .mapLink {
	display: block;
	position: relative;
	padding: calc((15 / 16) * 1rem) calc((20 / 16) * 1rem) calc((15 / 16) * 1rem) 0;
	border-bottom: solid 1px #E2E2E2;
	font-size: calc((16 / 16) * 1rem);
	line-height: 1.8;
}
.sitemap .mapLink::after {
	content: "";
	width: calc((20 / 16) * 1rem);
	height: calc((20 / 16) * 1rem);
	background: url("/common/img/nav_arrow.svg") no-repeat center;
	background-size: contain;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.sitemap .mapChild {
	display: grid;
	gap: calc((15 / 16) * 1rem);
	padding: calc((15 / 16) * 1rem);
}
.sitemap .mapChild--floor {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}
.sitemap .mapChild--category {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sitemap .mapChild a {
	display: flex;
	align-items: center;
	gap: calc((7 / 16) * 1rem);
	font-size: calc((14 / 16) * 1rem);
	line-height: 1.6;
}
.sitemap .mapChild a::before {
	content: "";
	flex-shrink: 0;
	width: calc((6 / 16) * 1rem);
	height: calc((6 / 16) * 1rem);
	border-top: solid 1px var(--greenColor);
	border-right: solid 1px var(--greenColor);
	transform: rotate(45deg);
}
@media (max-width: 768px) {
	.sitemap .contArea {
		padding: calc((60 / 16) * 1rem) 0 calc((100 / 16) * 1rem);
	}
	.sitemap h1 {
		font-size: calc((36 / 16) * 1rem);
		line-height: 1.1;
	}
	.sitemap .ttlJp {
		margin-top: calc((5 / 16) * 1rem);
		font-size: calc((12 / 16) * 1rem);
	}
	.sitemap .mapNav {
		grid-template-columns: minmax(0, 1fr);
		gap: 0;
		margin-top: calc((30 / 16) * 1rem);
	}
	.sitemap .mapLink {
		font-size: calc((14 / 16) * 1rem);
		line-height: 1.6;
	}
	.sitemap .mapChild {
		padding: calc((15 / 16) * 1rem) calc((10 / 16) * 1rem);
	}
}