@charset "utf-8";
/* effect-fade.js用のCSS */
    <style>
        .scroll-fade{
			opacity: 0; 
			transition: all 1s;
		}
        .scroll-up{
			opacity: 0;
			transform: translateY(100px); 
			transition: all 0.7s;
			transition-delay: 0.2s;
		}
		.scroll-up-title{
			opacity: 0;
			transform: translateY(100px);
			transition: all 0.7s; 
			transition-delay: 0s;
		}
		.scroll-down{
			opacity: 0; 
			transform:translateY(-50px); 
			transition: all 0.7s;
			transition-delay : 0s;
		}
		.scroll-slide-r{
			opacity: 0; 
			transform: translateX(100px); 
			transition: all 0.7s;
			transition-delay : 1.0s;
		}
		.scroll-slide-l{
			opacity: 0; 
			transform: translateX(-200px); 
			transition: all 0.7s;
			transition-delay : 0.3s;
		}
        .load-fade {
			opacity : 0; 
			transition : all 4s; 
			transition-delay : 5s;
		}
        .load-up{
			opacity: 0;
			transform:translateY(100px); 
			transition: all 0.7s; 
		}
		.load-up-2{
			opacity: 0; 
			transform: translateY(100px); 
			transition: all 0.7s;
			transition-delay: 0.4s;
		}
		.load-down{
			opacity: 0; 
			transform: translateY(-40px); 
			transition: all 1s; 
		}
        .load-fade.done, .load-up.done, .load-up-2.done, .load-down.done, .scroll-up.done, .scroll-up-title.done, .scroll-down.done, .scroll-fade.done,  .scroll-slide-r.done, .scroll-slide-l.done, .scroll-up-title.done{
			opacity : 1 !important; 
			transform : translate(0, 0) !important;
		}
        .load-fade1  , .load-up1, .load-up-21, .load-down1, .scroll-up1, .scroll-up-title1, .scroll-down1, .scroll-fade1, .scroll-slide-r1, .scroll-slide-l1, .scroll-up-title1{
			opacity : 1 !important; 
			transform : translate(0, 0) !important;
		}



.effect-fade {
　opacity : 0;
　transform : translate(0, 45px);
　transition : all 300ms;
}

.effect-fade.effect-scroll {
　opacity : 1;
　transform : translate(45px, 0);
}

    </style>