@charset "utf-8";
#wrapperBox { display: flex; }
#wrapperBox > nav { width: 20%; }
#wrapperBox > #mainContentsBox { flex: 1; }

#headerBox {
	text-align: center;
	position: fixed;
	width: 20%;
}
	#headerBox a { color: rgba(51, 51, 51, 1); }
		#headerBox h1 a {
			display: block;
			height: 26vh;
			text-indent: -2000em;
		/*	background: url(../img/common/logo_admin.png) no-repeat 50% 50%;*/
			background: url(../img/common/logo.png) no-repeat 50% 50%;
			background-size: contain;
		}
		#headerBox #mainMenuBox {}
		#headerBox h1 a, 
		#headerBox #mainMenuBox ul {
			width: 80%;
			margin: 0 auto;
		}
		#headerBox h1 a { max-width: 160px; }
		#headerBox #mainMenuBox { margin-bottom: 1.5em; }
		#headerBox #mainMenuBox ul li { margin-bottom: 1em; }
		#headerBox #mainMenuBox ul li a {
			position: relative;
			text-decoration: none;
			display: block;
		}
		#headerBox #mainMenuBox ul li a::after {
			content: '';
			position: absolute;
			bottom: 0;
			left: 0;
			width: 0;
			border-bottom: 1px solid rgba(51, 51, 51, 1);
			transition: 0.3s;
		}
		#headerBox #mainMenuBox ul li a:hover::after { width: 100%; }

		#subMenuBox li {
			width: 80%;
			margin: 0 auto;
		}
			#subMenuBox li a {
				color: rgba(27, 57, 76, 1);
				text-decoration: none;
				border: 2px solid rgba(27, 57, 76, 1);
				padding: 0.5em 0;
				display: block;
				border-radius: 4vw;
				margin-bottom: 0.5em;
			}
			#subMenuBox li.contact a {
				background: rgba(27, 57, 76, 1);
				color: rgba(255, 255, 255, 1);
			}
		#sub2MenuBox {
			margin-top: 2em;
			border-top: 1px solid rgba(51, 51, 51, 0.25);
			padding-top: 1em;
		}
			#sub2MenuBox a {
				text-decoration: none;
				padding-bottom: 0.5em;
				display: inline-block;
			}
			#sub2MenuBox a:hover { color: rgba(255, 34, 65, 1); }

@media only screen and (max-width: 780px) {
	#wrapperBox { display: block; }
	#wrapperBox > nav { width: 40%; }
	#headerBox {
		width: 100%;
		z-index: 2000;
		top: 0;
		left: 0;
		height: 13vh;
		background: rgba(255, 255, 255, 0.9);
	}
		#headerBox h1 a { height: 10vh; margin: 0.5em 0 0 0; }
	
	#mainContentsBox { margin-top: 15vh; }
}