/* 画面外にいる状態 */


.fadein {
transition-property:all;
transition-duration:2000ms;
opacity : 0;
-moz-transform: translate(0px,60px);
-webkit-transform: translate(0px,60px);
-o-transform: translate(0px,60px);
-ms-transform: translate(0px,60px);
transform : translate(0, 60px);
}


.fadein_half_delay {
transition-property:all;
transition-duration:2000ms;
opacity : 0;

transition-delay: 500ms;
-moz-transition-delay:500ms;
-webkit-transition-delay:500ms;
-o-transition-delay:500ms;
-ms-transition-delay:500ms;

-moz-transform: translate(0px,60px);
-webkit-transform: translate(0px,60px);
-o-transform: translate(0px,60px);
-ms-transform: translate(0px,60px);
transform : translate(0, 60px);
}

.fadein_ue {
transition-property:all;
transition-duration:2000ms;
opacity : 0;
-moz-transform: translate(0px,-90px);
-webkit-transform: translate(0px,-90px);
-o-transform: translate(0px,-90px);
-ms-transform: translate(0px,-90px);
transform : translate(0, -90px);
}


.three-d{
opacity: 0;
filter:alpha(opacity=0);
-webkit-transform: scale3d(1.3,1.3,1) rotate3d(-1,-3,1,60deg) translate3d(-50px,150px,-100px);
transform: scale3d(1.3,1.3,1) rotate3d(-1,-3,1,60deg) translate3d(-50px,150px,-100px);
}

 
/* 画面内に入った状態 */
.fadein.scrollin {
opacity : 1;
-moz-transform: translate(0px,0px);
-webkit-transform: translate(0px,0px);
-o-transform: translate(0px,0px);
-ms-transform: translate(0px,0px);
transform : translate(0, 0px);
}

.fadein_half_delay.scrollin {
opacity : 1;
-moz-transform: translate(0px,0px);
-webkit-transform: translate(0px,0px);
-o-transform: translate(0px,0px);
-ms-transform: translate(0px,0px);
transform : translate(0, 0px);
}

.fadein_ue.scrollin {
opacity : 1;
-moz-transform: translate(0px,0px);
-webkit-transform: translate(0px,0px);
-o-transform: translate(0px,0px);
-ms-transform: translate(0px,0px);
transform : translate(0, 0px);
}

.three-d.scrollin {
opacity: 1;
filter:alpha(opacity=100);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
transition: opacity 2.0s,-webkit-transform 2.0s;
transition: opacity 2.0s,transform 2.0s;
}



/*PC開始
-------------------------------------------------------------------------------------------*/
/* （横幅800px以上のすべて）*/
@media (min-width: 800px) {


.fadein {
transition-property:all;
transition-duration:1500ms;
opacity : 0;
-moz-transform: translate(0px,90px);
-webkit-transform: translate(0px,90px);
-o-transform: translate(0px,90px);
-ms-transform: translate(0px,90px);
transform : translate(0, 90px);
}


.fadein_ue {
transition-property:all;
transition-duration:2000ms;
opacity : 0;
-moz-transform: translate(0px,-60px);
-webkit-transform: translate(0px,-60px);
-o-transform: translate(0px,-60px);
-ms-transform: translate(0px,-60px);
transform : translate(0, -60px);
}


 
/* 画面内に入った状態 */
.scrollin {
opacity : 1;
-moz-transform: translate(0px,0px);
-webkit-transform: translate(0px,0px);
-o-transform: translate(0px,0px);
-ms-transform: translate(0px,0px);
transform : translate(0, 0px);
}

}/*タブレット以上 向け終了括弧*/