@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);
    }

/*----- 歴代の丸用 -----*/
    .inviewfadeInMaru {
        opacity: 0;
         transform: scale(0, 0);
        -webkit-transform: scale(0, 0);
        transition: .4s;
    }
    
    .fadeInMaru {
        opacity: 1.0;
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
    }


/*----- 歴代のライン用 -----*/
    .inviewfadeInLine {
        opacity: 0;
         transform: scale(0, 0);
        -webkit-transform: scale(0, 0);
		transform: translate(-5%, -5%);
        -webkit-transform: translate(-5%, -5%);
        transition: .5s;
    }
    
    .fadeInLine {
        opacity: 1.0;
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
		transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }

/*----- 歴代の写真用 -----*/
    .inviewfadeInPhoto {
        opacity: 0;
        transform: translate(0, -60px);
        -webkit-transform: translate(0, -60px);
        transition: .8s;
    }
    
    .fadeInPhoto {
        opacity: 1.0;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }

/*----- 時間遅延 -----*/
    .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;
    }