html {
	font-family: 'Noto Serif JP', serif;
}

/* layout
-------------------------------*/
header {
	background:#663333;
}
header .header-inner {
	padding:0;
	height:250px;
}
.site-title {
	width:100%;
	height:100%;
	background:url(/theme/site/sakedokoro-gaen/images/logo.png) no-repeat center center;
	text-indent:-9999px;
}

@media screen and (min-width: 461px) {
	section .inner {
		padding:4rem calc(2rem + ((1vw - 4.8px) * 20));
		font-size:1.3rem;
	}
}

/* nav
-------------------------------*/
#nav-container nav ul {
	background:url(/theme/site/sakedokoro-gaen/images/bg.png) repeat;
}
#nav-container nav ul li a {
	color:#663333;
    transition: 0.3s all ease;
    font-weight:bold;
}
#nav-container ul li a:hover {
	background-color:#99331A;
	color:#fff;
}


/* footer
-------------------------------*/
footer {
	background:#663333;
	color:#fff;
}
footer .inner {
	padding-left:320px;
	background:url(/theme/site/sakedokoro-gaen/images/logo.png) no-repeat left 4rem center;
}
@media (max-width: 640px) {
	footer .inner {
		padding:160px 2rem 2rem;
		background-position:top 2rem center;
		font-size:1rem;
	}
}