/* jQuery inview CSS　------------------------------------------- */

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

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

    /*----- ズームイン -----*/
	    .inviewzoomIn {
	        transform: scale(0.8, 0.8);
	        -webkit-transform: scale(0.8, 0.8);
	        transition: .7s;
	    }
	    
	    .zoomIn {
	        transform: scale(1, 1);
	        -webkit-transform: scale(1, 1);
	    } 
	    
    /*----- フェードインしながら上へスライド -----*/
	    .inviewfadeInUp {
	        opacity: 0;
	        transform: translate(0, 20px);
	        -webkit-transform: translate(0, 20px);
	        transition: .4s;
	    }
	    
	    .fadeInUp {
	        opacity: 1.0;
	        transform: translate(0, 0);
	        -webkit-transform: translate(0, 0);
	    }
   /*----- フェードインしながら左から右へスライド -----*/
	    .inviewfadeLR {
	        opacity: 0;
	        transform: translate(-40px, 0);
	        -webkit-transform: translate(-40px, 0);
	        transition: .6s;
	    }
		@media only screen and (max-width:768px) {	/*SP size  */
		    .inviewfadeLR {
		        opacity: 0;
		        transform: translate(0, 0);
		        -webkit-transform: translate(0, 0);
		        transition: .6s;
		    }
	}
	    .fadeInLR {
	        opacity: 1.0;
	        transform: translate(0, 0);
	        -webkit-transform: translate(0, 0);
	    }

    /*----- フェードインしながら右から左へスライド -----*/
	    .inviewfadeRL {
	        opacity: 0;
	        transform: translate(50px, 0);
	        -webkit-transform: translate(50px, 0);
	        transition: .4s;
	    }
	@media only screen and (max-width:768px) {	/*SP size  */
	    .inviewfadeRL {
	        opacity: 0;
	        transform: translate(5px, 0);
	        -webkit-transform: translate(5px, 0);
	        transition: .4s;
	    }

	}
	    .fadeInRL {
	        opacity: 1.0;
	        transform: translate(0, 0);
	        -webkit-transform: translate(0, 0);
	    }

    /*----- フェードインしながら右から左へスライド  small -----*/
	    .inviewfadeRLs {
	        opacity: 0;
	        transform: translate(30px, 0);
	        -webkit-transform: translate(30px, 0);
	        transition: .4s;
	    }
	@media only screen and (max-width:768px) {	/*SP size  */
	    .inviewfadeRLs {
	        opacity: 0;
	        transform: translate(0, 0);
	        -webkit-transform: translate(0, 0);
	        transition: .4s;
	    }

	}
	    .fadeInRLs {
	        opacity: 1.0;
	        transform: translate(0, 0);
	        -webkit-transform: translate(0, 0);
	    }

    /*----- フェードインしながら左から右へスライド  small -----*/
	    .inviewfadeLRs {
	        opacity: 0;
	        transform: translate(-50px, 0);
	        -webkit-transform: translate(-50px, 0);
	        transition: .7s;
	    }
	@media only screen and (max-width:768px) {	/*SP size  */
	    .inviewfadeLRs {
	        opacity: 0;
	        transform: translate(0, 0);
	        -webkit-transform: translate(0, 0);
	        transition: .7s;
	    }

	}
	    .fadeInLRs {
	        opacity: 1.0;
	        transform: translate(0, 0);
	        -webkit-transform: translate(0, 0);
	    }

    /*----- 左から右へ幕引きスライド 表示 ■-----*/

	.inviewSlideLR {
		overflow: hidden;
		transform: translate(-100%, 0);
		transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
	}
	.inviewSlideLR span {
		display: block;
		transform: translate(100%, 0);
		transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
	}
	.inviewSlideLR.-visible,
	.inviewSlideLR.-visible span {
		transform: translate(0, 0);
	}