#nav-move{
    /*fixedで上部固定*/
	position: fixed;
	height: 70px;
	width:100%;
    z-index: 999;/*最前面へ*/
	/*以下はレイアウトのためのCSS*/
	display: flex;
	justify-content: space-between;
	align-items: center;
	/*background-color: #ffffff;*/
	color:#e60013;
	/*text-shadow: 0 1px 2px #333;*/
	text-align: center;
	padding: 20px;
	top: 0;

}

/*　上に上がる動き　*/

#nav-move.UpMove{
	animation: UpAnime 0.5s forwards;
}

@keyframes UpAnime{
  from {
    opacity: 1;
	transform: translateY(0);
  }
  to {
    opacity: 0;
	transform: translateY(-100px);
  }
}

/*　下に下がる動き　*/

#nav-move.DownMove{
	animation: DownAnime 0.5s forwards;
	
}
@keyframes DownAnime{
  from {
  	opacity: 0;
	transform: translateY(-100px);
  }
  to {
  	opacity: 1;
	transform: translateY(0);
  }
}