@charset "UTF-8";

/*==================================================
ふわっ
===================================*/


/* fadeUp */

.fadeUp{
    animation-name:fadeUpAnime;
    animation-duration:1.5s;
    animation-fill-mode:forwards;
    opacity:0;
    }
    
    @keyframes fadeUpAnime{
      from {
      opacity: 0;
      filter: blur(10px); /* ぼかしから出現 */
      transform: scale(1.02) translateY(100px);
      }
    
      to {
      opacity: 1;
      filter: blur(0); /* ぼかしから出現 */
	  transform: scale(1) translateY(0);
      }
    }
    
    
    /* スクロールをしたら出現する要素にはじめに透過0を指定　*/
     
    .fadeUpTrigger{
        opacity: 0;
    }
    


/* 右から */

.fadeRight{
    animation-name:fadeRightAnime;
    animation-duration:1.5s;
    animation-fill-mode:forwards;
    opacity:0;
    }
    
    @keyframes fadeRightAnime{
      from {
      opacity: 0;
      filter: blur(10px); /* ぼかしから出現 */
      transform: scale(1.02) translateX(100px);
      }
    
      to {
      opacity: 1;
      filter: blur(0); /* ぼかしから出現 */
      transform: scale(1) translateX(0);
      }
    }
    
    /* スクロールをしたら出現する要素にはじめに透過0を指定　*/
     
    .fadeRightTrigger{
        opacity: 0;
    }