/*----- フェードイン -----*/
    
	.inviewfadeIn {
        opacity: 0;
        transition: .9s;
		-webkit-transition: .9s;
    }
    
    .fadeIn {
        opacity: 1.0;
		
		filter:alpha(opacity=100);/* ie8用 */
    }
	
	
	

/*----- 上へスライド -----*/
    
	.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;
       
		   transition:.2s;
		-webkit-transition:.2s;
		-moz-transition: .2s ;
    -ms-transition: .2s ;
     -o-transition: .2s ;
		
		-webkit-transform: translate(0, 60px) ;
   -moz-transform: translate(0, 60px);
    -ms-transform: translate(0, 60px);
     -o-transform: translate(0, 60px);
        transform: translate(0, 60px) ;
		
		
		
     
}
    
    .fadeInUp {
        opacity: 1.0;
 -webkit-transform: translate(0, 0) ;
   -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
     -o-transform: translate(0, 0);
        transform: translate(0, 0) ;
		
		   transition:.8s;
		-webkit-transition:.8s;
		-moz-transition: .8s ;
    -ms-transition: .8s ;
     -o-transition: .8s ;
	
	
		filter:alpha(opacity=100);/* ie8用 */
    }