@charset "utf-8";

#headerBox {
	padding: 1em 0;
}
	#headerBox .flexBox h1 {
		width: 40%;
		min-width: 150px;
	}
		#headerBox .flexBox h1 a {
			display: block;
			text-indent: -2000em;
			height: 50px;
			/*
			width: 200px;
			max-width: 90%;
			background: url(../img/sitecommon/logo.png) no-repeat 0 50%;
			*/
			width: 250px;
			max-width: 95%;
			background: url(../img/sitecommon/logo200908.png) no-repeat 0 50%;
			background-size: contain;
		}
	#headerBox .flexBox nav { flex-grow: 1; }
		#headerBox .flexBox nav li { text-align: center; }
			#headerBox .flexBox nav li a {
				text-decoration: none;
				font-size: small;
				font-weight: bold;
				position: relative;
			}
				#headerBox .flexBox nav li a::after {
					content: '';
					position: absolute;
					bottom: -1em;
					left: 0;
					width: 0;
					border-bottom: 2px solid rgba(154, 123, 94, 1);
					transition: 0.3s;
				}
				#headerBox .flexBox nav li a:hover::after {
					width: 100%;
				}

/* [sp] ============================================ */
@media only screen and (max-width: 780px) {
	#headerBox .flexBox h1 a {
		height: 40px;
	}
}