@charset "UTF-8";

/* .header
-------------------------------------------------- */
header {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 20;
		width: 100%;
		padding:0 0;
		transition: .5s;
		background: rgba(18, 118, 188, 0.6);
	}

header:hover{
		background: #000;
}

.is-animation {
		background: #000;
		-webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
		box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
	}

/* header #logo */

header #logo{
	width:245px;
	height:45px;
	margin:25px 0 0;
	float:left;
	background-image: url(../images/common/logo.png);
	background-size:auto 45px;
	background-repeat: no-repeat;
	transition: .1s;
}

header:hover #logo{
	width:245px;
	height:45px;
	background-image: url(../images/common/logo.png);
}

.is-animation #logo{
	width:245px;
	height:45px;
	background-image: url(../images/common/logo.png);
}

header #logo a{
	width:245px;
	height:45px;
	text-decoration:none;
	display: block;
	text-indent:-9999px;
	}

@media only screen and  (max-width: 800px) {
header #logo{
	width:245px;
	height:45px;
	background-size:auto 45px;
	margin:8px 0 8px;
}

header:hover #logo{
	width:245px;
	height:45px;
}

.is-animation #logo{
	width:245px;
	height:45px;
}

header #logo a{
	width:245px;
	height:45px;
	text-decoration:none;
	display: block;
	text-indent:-9999px;
	}
}