#NavigationHeader{
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1);

	h1{
		font-size: var(--font-l);
		font-family: serif;
		padding: 0 2.0rem;
	}
}

#NavigationBody{
	padding: 0 2.0rem 3.0rem;

	h2{
		font-size: var(--font-xl);
		font-family: serif;
		letter-spacing: 0.1rem;
		margin: 1.5rem 0;
	}
}

/*	Responsive
------------------------------ */
/* pc */
@media screen and (min-width: 769px) and (max-width: 1024px) {
}
/* tablet */
@media screen and (min-width: 481px) and (max-width: 768px) {
}
/* smart phone */
@media screen and (max-width: 480px) {
	#CategoryHeader h1{
		padding: 0 1.0rem;
		font-size: var(--font-m);
	}
	#CategoryBody{
		padding: 0rem 1.0rem 2.0rem;
	}
}