@charset "utf-8";
/*header*/
header {
	padding:20px;
	background-color:#009eb0;
}
button{
	display:none;
}

header ul {
	box-sizing:border-box;
	width:780px;
	padding:20px 0 20px 0;
	margin: 0 auto;
}
header ul li{
	margin-left:25px;
	position:relative;
	z-index:10;
	text-align:center;
}
header ul li a {
	color:#FFF;
	font-size:20px;
}
header ul li::before {
	content:"|";
	display:inline-block;
	color:#dadf00;
	margin-right:20px;
}
header ul li:first-child::before {
	display:none;
}

header ul li:nth-child(4) a::before {
	content:"";
	display:block;
	width:56px;
	height:46px;
	background-image:url(../../images/common/nav_hov.png);
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	left:28px;
	right:0;
	bottom:20px;
	margin:auto;
	z-index:-1;
}
/*nav_hover*/
header ul li a:hover::after{
	content:"";
	display:block;
	width:56px;
	height:46px;
	background-image:url(../../images/common/nav_hov.png);
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	left:25%;
	right:0;
	bottom:20px;
	margin:auto;
	z-index:-1;
}
header ul li:nth-child(4) a:hover::after{
	display:none;
}header ul li:first-child a:hover::after{
	left:-8px;
}
header ul li:last-child::after{
	left:20px;
}/*nav_hover*/
@media screen and (max-width:640px){
	header ul li:nth-child(4) a::before{
		left:0;
	}
}