@charset "UTF-8";

/* .header
-------------------------------------------------- */
header {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 20;
		width: 100%;
		padding:0 0;
		transition: .5s;
		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 #logo a{
	width:245px;
	height:45px;
	text-decoration:none;
	display: block;
	text-indent:-9999px;
	}

@media only screen and  (max-width: 800px) {
header #logo{
	margin:8px 0 8px;
}
}