#header{
  height: 70px;/*高さ指定*/
  width:100%;/*横幅指定*/
  /*以下はレイアウトのためのCSS*/
  display: flex;
  justify-content: space-between;
  align-items: center;
  background:#ffffff;
  color:#fff;
  text-align: center;
  padding: 20px 0px 20px 0px;
}

.header_dummy{
  height: 70px;/*高さ指定*/
  width:100%;/*横幅指定*/
  /*以下はレイアウトのためのCSS*/
  display: flex;
  justify-content: space-between;
  align-items: center;
  background:#ffffff;
  color:#fff;
  text-align: center;
  padding: 20px 0px 20px 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

/*JSを使いfixedクラスが付与された際の設定*/
#header.fixed{
  position: fixed;/*fixedを設定して固定*/
  width:100%;
  margin: 0 auto 0 auto;
  max-width: 1300px;
  z-index: 999;/*最前面へ*/
  top:0;/*位置指定*/
}
.wrapper{
	width:100%;
}
nav ul{
  list-style: none;
  display: flex;
  justify-content: center;
  background-color: #FF8C00;
  font-size: 20px;
}

nav ul li a{
  display: block;
  text-decoration: none;
  color: #FFF;
  padding:10px;
  transition:all 0.3s;
}

nav ul li.current a,
nav ul li a:hover{
  color:#000; 
}