@font-face{
	font-family: komaxFont;
	src: url(KOMIKAX_.ttf);
}
a{
	text-decoration:none;
	color:inherit;
}
.navlink{
	width:100%;
	height:100%;
}
header{
	position: absolute;
	top: 0px;
	padding: 0;
	margin: 0;
	width: 100%;
	height:190px;
	z-index:-2;
}
#logo{
	z-index:-1;
}
nav{
	width: 100%;
	float: left;
	margin-right: 0px;
	margin-bottom: 1em;
	margin-left: 0px;
	padding: 0;
	margin-top:145px;
}
ul{
	list-style: none;
	width: 800px;
	margin: 0 auto;
	padding: 0;
}
li{
	float: left;
	display: block;
	padding: 8px 15px;
	cursor: pointer;
	font-family: komaxFont;
  	font-weight: bold;
	justify-content: center;
	text-align: center;
	list-style-type: none;
	top:130px;
	transition: opacity 0.3s;
}
li:hover {
	opacity: .5;
}
@media screen and (max-width: 1000px){
	#logo{
		position: absolute;
		left:0px;
		min-width:481px;
		min-height:170px;
		max-height: 170px;
		max-width: 481px;
		border: 0px;
	}
	header{
		width: 1000px;
	}
}	
@media screen and (min-width: 1000px){
	#logo{
		position: absolute;
		right: calc(50vw + 20px);
		min-width:481px;
		min-height:170px;
		max-height: 170px;
		max-width: 481px;
		border: 0;
		z-index:-1;
	}
}