#header{
	height: 10px;/*高さ指定*/
	width:100%;/*横幅指定*/
	/*以下はレイアウトのためのCSS*/
	display: block;
	justify-content: center;
	align-items: center;
	background: opaque;
	color:#fff;
	padding: 50px;
	box-sizing: border-box;
	margin: 0 auto;
}

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


/*========= 以下は検証用のレイアウトのためのCSS ===============*/
nav ul{
list-style: none;
display: flex;
justify-content: space-evenly;
}

nav ul li a{
padding: 30px 20xp;
}

section{
padding:200px 0;
}