@charset "UTF-8";
/* CSS Document */
#header{
	height: auto;/*高さ指定*/
	width:100%;/*横幅指定*/
	/*以下はレイアウトのためのCSS*/
	z-index: 9999;

}
.border-top_r{
	width: 100%;
	z-index: 990;
}



/*JSを使いfixedクラスが付与された際の設定*/
#header.fixed{
	position: fixed;/*fixedを設定して固定*/
  z-index: 9999;/*最前面へ*/
  top:0;/*位置指定*/
  left:0;/*位置指定*/
	border-top:none;	
color:#000;		
}
#header.fixed a{
color: #333;	
}
@media all and  (max-width:950px){
	
}


@media all and  (max-width:670px){
#header{
	height: auto;/*高さ指定*/
	width:100%;/*横幅指定*/
	/*以下はレイアウトのためのCSS*/
	display:inline;
	justify-content: space-between;
	align-items: center;
	color:#fff;
	text-align: center;
	padding: 0px;
}

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



/* ロゴに関するスタイル */
#header .header-logo {
  height: auto;	
	width: 30%;
	text-decoration: transparent;

}
.header-logo.headerLogoScroll.-before {
  display : none;
}
.header-logo.-after {
  display : none;
}
.header-logo.headerLogoScroll.-after {
  display : block;
}