@charset "UTF-8";
/* CSS Document */
#header{
    transition: all 0.5s;	
}


/*JSを使いfixedクラスが付与された際の設定*/
#header.fixed,#header2.fixed{
	position: fixed;/*fixedを設定して固定*/
  z-index: 999;/*最前面へ*/
  top:0;/*位置指定*/
  left:0;/*位置指定*/
background:rgba(255,255,255,0.7);
text-decoration: transparent; 
padding-bottom: 1%; 
z-index: 999;    
}
#header.fixed ul li a{
color: #333;	
}
#header.fixed ul li span {
 color: #1F4273;      
}
@media all and  (max-width:690px){
#header{
	height: auto;/*高さ指定*/
	width:100%;/*横幅指定*/
	/*以下はレイアウトのためのCSS*/
	display:inline;
	justify-content: space-between;
	align-items: center;
	color:#333;
	text-align: center;
	padding: 0px;
}

/*JSを使いfixedクラスが付与された際の設定*/
#header.fixed{
	position:inherit;/*fixedを設定して固定*/
  z-index: 9998;/*最前面へ*/
  top:0;/*位置指定*/
  left:0;/*位置指定*/
background:rgba(255,255,255,0.0);	
}

}
/*========= 以下は検証用のレイアウトのためのCSS ===============*/