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


/*ページを開いたときに黒フェード*/
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.wrap{
  animation: fadeIn 3s forwards;
}


/*フェードイン*/
@keyframes fuwa {
	0% {opacity: 0}
	100% {opacity: 1}
}

.fuwa{
animation-name:fuwa;
animation-duration:2s;
animation-fill-mode:forwards;
opacity:0;
animation-delay:1s;
}

/*スクロールでフェードイン*/
.fuwa-none{
opacity: 0;
}

.fuwa-scroll{
opacity: 1;
animation-name:fuwa;
animation-duration:0.7s;
animation-fill-mode:forwards;
}