@charset "utf-8";
body{
	opacity: 0;
}
body.active{
  animation: fadebody 1s 1s forwards;
}
.catch{
	opacity: 0;
}
.catch.active{
  animation: fadeinout 3s 2s forwards;
}
.imgnavi{
	opacity: 0;
}
.imgnavi.active{
  animation: fadein 2s 5s forwards;
}
@keyframes fadebody {
  0% {
	  opacity : 0;
  }
  100% {
	  opacity : 1;
  }
}
@keyframes fadein {
  0% {
	  opacity : 0;
  }
  100% {
	  opacity : 1;
  }
}
@keyframes fadeinout {
  0% {
	  opacity : 0;
  }
  50% {
	  opacity : 1;
  }
  100% {
	  opacity : 0;
  }
}