@charset "utf-8";

/*//////////////////////////////////////////////////////////////////////////////

	サイトマップ共通

//////////////////////////////////////////////////////////////////////////////*/

body.sitemap main > .site_column {
	max-width: 800px;
}

#sitemap {
	padding: 120px 0;
}

@media screen and (max-width: 1024px) {

#sitemap {
	padding: 80px 0;
}

}

@media screen and (max-width: 767px) {

#sitemap {
	padding: 10vw 0;
}

}


/*------------------------------------------------------------------------------

	サイトマップリスト

------------------------------------------------------------------------------*/

body.error #sitemap .cat {
	display: none;
}

main #sitemap ul {
	margin: 0;
	list-style: none;
}

body.error main #sitemap > ul {
	margin-top: 1em;
}

main #sitemap > ul {
	border-right: 1px solid rgba(var(--main-color),.25);
	border-bottom: 1px solid rgba(var(--main-color),.25);
	background-color: rgba(var(--main-color),.075);	
}

main #sitemap li {
	margin: 0;
	border: 1px solid rgba(var(--main-color),.25);
	border-right: none;
	border-bottom: none;
}

main #sitemap ul ul {
	margin-left: 2em;
	background-color: rgba(255,255,255,.5);
}

main #sitemap li a,
main #sitemap li em {
	position: relative;
	display: block;
	padding: .8em 1em .8em 1.3em;
	color: #333;
	text-decoration: none;
}

main #sitemap li em {
	padding-left: .85em;
	background-color: rgba(var(--main-color),.05);
}

main #sitemap li a:hover {
	transform: none;
}

main #sitemap li a::before {
    content: '';
    position: absolute;
    display: block;
    width: .6em;
    height: .6em;
	background-repeat: no-repeat;
	background-size: cover;
    top: 1.15em;
    left: .5em;
}