/*==================================================
  ふわっ
  ===================================*/
  .visible {
    opacity: 0;
    /* transition: transform 5s ease-in; */
    animation-duration: 5s;
    animation-fill-mode: both;
  }
  /*　brightness　*/
  .effect {
    animation-name: fadeUpAnime;
    opacity: 1;
    /*transition: .15s;*/
  }

  @keyframes fadeUpAnime{
    from {
      opacity: 0;
    transform: translatex(0px);
    
    }
  
    to {
      opacity: 1;
    transform: translatexX(100px);
    }
  }
  
  /* アニメーションスタートの遅延時間を決めるCSS*/
  
  .item1{
  animation-delay: 0s;
  }
  
  .item2{
    animation-delay: 0.5s;
    }
  
  .item3{
  animation-delay: 1s;
  
  }
  .item4{
    animation-delay: 1.5s;
    
    }
  .item5{
  animation-delay: 2s;
  
  }

  .item6{
    animation-delay: 2.5s;
    
    }
  .item7{
  animation-delay: 3s;
  
  }