@charset "utf-8";

/*---------------------------------------------------------------------- ganeral <--*/

.sitemap {
	display: flex;
	flex-wrap: wrap;
}

.sitemap a {
	padding: 15px;
	background: #eee;
	color: var(--blue);
	font-weight: bold;
}

@media (768px <= width) {
	.sitemap a {
		width: calc((100% - 15px) / 2);
	}
	
	.sitemap a:nth-of-type(2n) {
		margin-left: 15px;
	}

	.sitemap a:nth-of-type(n + 3) {
		margin-top: 15px;
	}
}

@media (width <= 767px) {
	.sitemap a {
		width: 100%;
	}
	
	.sitemap a:nth-of-type(n + 2) {
		margin-top: 5px;
	}
}

@media (hover: hover) and (pointer: fine) {
	.sitemap a:hover {
		background: var(--blue);
		color: #fff;
	}
}