@charset "utf-8";
/*****************************************************
	
	スクロールアニメ
	
*****************************************************/

    /*----- フェードイン -----*/
    .inviewfadeIn {
        opacity: 0;
        transition: .8s;
    }
    
    .fadeIn {
        opacity: 1.0;
    }

    /*----- 上へスライド -----*/
    .inviewUp {
        transform: translate(0, 40px);
        -webkit-transform: translate(0, 40px);
        transition: .8s;
    }
    
    .Up {
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }

    /*----- ズームイン -----*/
    .inviewzoomIn {
        transform: scale(0, 0);
        -webkit-transform: scale(0, 0);
        transition: 1.5s;
    }
    
    .zoomIn {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
    } 
    
    /*----- フェードインしながら上へスライド -----*/
    .inviewfadeInUp {
        opacity: 0;
        transform: translate(0, 60px);
        -webkit-transform: translate(0, 60px);
        transition: .8s;
    }
    
    .fadeInUp {
        opacity: 1.0;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }
    /*----- フェードイン -----*/
    .inviewfadeIn {
        opacity: 0;
        transition: .8s;
    }
    
    .fadeIn {
        opacity: 1.0;
    }
 
    /*----- 上へスライド -----*/
    .inviewUp {
        transform: translate(0, 40px);
        -webkit-transform: translate(0, 40px);
        transition: .8s;
    }
    
    .Up {
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }
 
    /*----- ズームイン -----*/
    .inviewzoomIn {
        transform: scale(0, 0);
        -webkit-transform: scale(0, 0);
        transition: .8s;
    }
    
    .zoomIn {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
    } 
    
    /*----- フェードインしながら上へスライド -----*/
    .inviewfadeInUp {
        opacity: 0;
        transform: translate(0, 60px);
        -webkit-transform: translate(0, 60px);
        transition: .8s;
    }
    
    .fadeInUp {
        opacity: 1.0;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }
/*----- フェードインしながら上へスライド -----*/
    .inviewfadeInDown {
        opacity: 0;
        transform: translate(0, -60px);
        -webkit-transform: translate(0, -60px);
        transition: .8s;
    }
    
    .fadeInDown {
        opacity: 1.0;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }

/*----- フェードインしながら左からスライド -----*/
    .inviewfadeInRight {
        opacity: 0;
        transform: translate(-15%, 0);
        -webkit-transform: translate(-15%, 0);
        transition: .8s;
    }
    
    .fadeInRight {
        opacity: 1.0;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }

/*----- フェードインしながら右からスライド -----*/
    .inviewfadeInLeft {
        opacity: 0;
        transform: translate(15%, 0);
        -webkit-transform: translate(15%, 0);
        transition: .8s;
    }
    
    .fadeInLeft {
        opacity: 1.0;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }
/*----- フェードインしながら回転 -----*/
.inviewfadeInRotate {
  opacity: 0;
}

.fadeInRotate {
  animation: bounceRotateFadeIn 1s ease-out forwards;
}

@keyframes bounceRotateFadeIn {
  0% {
    opacity: 0;
    transform: rotate(0deg) scale(0.9);
  }

  60% {
    opacity: 1;
    transform: rotate(300deg) scale(1.05);
  }

  80% {
    transform: rotate(350deg) scale(0.97);
  }

  100% {
	   opacity: 1;
    transform: rotate(360deg) scale(1);
  }
}


/*----- 時間遅延 -----*/
    .delay0_1byo {
       transition-delay: .1s;
    }
.delay0_2byo {
       transition-delay: .2s;
    }
.delay0_3byo {
       transition-delay: .3s;
    }
.delay0_4byo {
       transition-delay: .4s;
    }
.delay0_5byo {
       transition-delay: .5s;
    }
.delay0_6byo {
       transition-delay: .6s;
    }
.delay0_8byo {
       transition-delay: .8s;
    }
.delay0_8byo {
       transition-delay: .9s;
    }
.delay1byo {
       transition-delay: 1.0s;
    }
.delay1_1byo {
       transition-delay: 1.1s;
    }
.delay1_2byo {
       transition-delay: 1.2s;
    }