@charset "utf-8";
/* CSS Document */


#head-logo-container{width:100vw;height:100vh; position: fixed; display: flex; justify-content: center; align-items: center; z-index: 9999;pointer-events:none;}
#headlogo{width:80%; max-width:600px; filter: drop-shadow(1rem 1rem 0.5rem rgba(0, 0, 0, 0.7));}


/*　上に上がる動き　*/

#header{opacity: 0;}

.UpMove{
	animation: UpAnime 0.5s forwards;
}

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

/*　下に下がる動き　*/

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