@charset "utf-8";

#header.fixed {
	width: 100%;
	position: fixed;/*fixedを設定して固定*/
	top: 0;
	left: 0;
  z-index: 999;/*最前面へ*/
	background-color: #fff;
	box-shadow: 0 2px 10px rgba(0,0,0,0.05);
	opacity: 0.95;
}

/*JSを使いfixedクラスが付与された際の設定*/
#header-inner.fixed {
	top: 0;
	bottom: 0;
	margin: auto;
	color: #333;
	height: 60px;
	transition: all 0.2s linear;
}
#header-inner.fixed .header__logo {
	/* margin: auto 0; */
	margin-left: 10px;
	padding-top: 0;
	line-height: 1.1;
}
#header-inner.fixed .header__logo a {
	font-size: 0.5em;
}
#header-inner.fixed .header__logo span {
	/* vertical-align: top;
	font-size: 0.4em;
	font-weight: normal; */
}

@media screen and (max-width:768px){
	#header-inner.fixed {
		padding-left: 5px;
		padding-right: 5px;
	} 
	#header-inner.fixed .header__logo {
		margin-left: 10px;
	}
}