.fade{
	opacity : 0;
	transition: opacity 3s;
  }
   
  .fade.view{
	opacity: 1;
  }


    .fadeUp {
      animation-name: fadeUpAnime;/*アニメーションの定義名*/
      animation-duration:1s;/*アニメーション変化時間 ※デフォルト*/
      animation-fill-mode:forwards;/*アニメーションの開始と終了時の状態を指定*/
      opacity:0;
      }
      
      /*アニメーションの開始から終了までを指定する*/
      @keyframes fadeUpAnime{
        from {
          opacity: 0;
        transform: translateY(100px);
        }
      
        to {
          opacity: 1;
        transform: translateY(0);
        }
      }