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


#head-logo-container{width:100vw;height:100vh; position:relative; display: flex; justify-content: center; align-items: center; z-index: 9999;pointer-events:none;}
#headlogo{position:absolute; top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); z-index: 1; width:400px;max-width: 80%; 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);
  }
}