@media (min-width: 980px) {  
#header_pc{
	position: fixed;/*fixedを設定して固定*/
	height: 35px;/*高さ指定*/
	width:100%;/*横幅指定*/
  z-index: 999;/*最前面へ*/
	/*以下はレイアウトのためのCSS*/
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: rgba(121, 121, 121, 0.1);
  backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	color:#fff;
	text-align: center;
	padding: 20px;
}
/*==ふわっと出現させるためのCSS*/
/*　上に上がる動き　*/
#header_pc.UpMove{
	position: fixed;
	width:100%;
	animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 1;
	transform: translateY(0);
  }
  to {
    opacity: 0;
	transform: translateY(-100px);
  }
}
/*　下に下がる動き　*/
#header_pc.DownMove{
	position: fixed;
	width:100%;
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
  	opacity: 0;
	transform: translateY(-100px);
  }
  to {
  	opacity: 1;
	transform: translateY(0);
  }
}
}