@charset "UTF-8";

/*** fade-motion */
/* wait */
._wpWait{
    opacity: 0;filter: alpha(opacity=0);-moz-opacity: 0;
    -webkit-transform: scale(1.04) translateY(0);-webkit-transition: all 0.7s cubic-bezier(0.25,0.46,0.45,0.94);
    -moz-transform: scale(1.04) translateY(0);-moz-transition: all 0.7s cubic-bezier(0.25,0.46,0.45,0.94);
    -ms-transform: scale(1.04) translateY(0);-ms-transition: all 0.7s cubic-bezier(0.25,0.46,0.45,0.94);
    -o-transform: scale(1.04) translateY(0);-o-transition: all 0.7s cubic-bezier(0.25,0.46,0.45,0.94);
    transform: scale(1.04) translateY(0);transition: all 0.7s cubic-bezier(0.25,0.46,0.45,0.94);
 }
/* running */
._wpRun{
    opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1.0;
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    -o-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
}

 /*** default running -reset */
._wpWait._wpSpread{
    opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1.0;
}
._wpWait._wpTypo,
._wpWait._wpSpread{
   -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    -o-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);   
}

/*** spread-motion */
/* wait */
._wpWait._wpSpread{
    background-color: transparent;overflow: hidden;
    opacity: 0.6;filter: alpha(opacity=60);-moz-opacity: 0.6;
}
/*
._wpWait._wpSpread::before,
._wpWait._wpSpread::after{
    content: "";display: block;z-index: -1;position: absolute;top: -50%;left: -50%;
    width: 100%;height: 100%;background-color: #000;
    -webkit-transform: scale(0);-webkit-transition: all 1.0s cubic-bezier(0.25,0.46,0.45,0.94);
    -moz-transform: scale(0);-moz-transition: all 1.0s cubic-bezier(0.25,0.46,0.45,0.94);
    -ms-transform: scale(0);-ms-transition: all 1.0s cubic-bezier(0.25,0.46,0.45,0.94);
    -o-transform: scale(0);-o-transition: all 1.0s cubic-bezier(0.25,0.46,0.45,0.94);
    transform: scale(0);transition: all 1.0s cubic-bezier(0.25,0.46,0.45,0.94);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}
._wpWait._wpSpread::before{
    top: 50%;left: 50%;
}*/

/* running */
._wpRun._wpSpread{
   opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1.0;background-color: #0a0e0e;
 }
._wpRun._wpSpread::before,
._wpRun._wpSpread::after{
    content: "";display: block;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
}

/*** typo-motion */
/* wait */
._wpWait._wpTypo ._typo{
    display: inline-block;
    opacity: 0;filter: alpha(opacity=0);-moz-opacity: 0;
    -webkit-transform: translateY(30px);-webkit-transition: all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);
    -moz-transform: translateY(30px);-moz-transition: all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);
    -ms-transform: translateY(30px);-ms-transition: all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);
    -o-transform: translateY(30px);-o-transition: all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);
    transform: translateY(30px);transition: all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);
}

._wpWait._wpTypo2 ._typo{
    -webkit-transform: scale(10) translateY(30px);
    -moz-transform: scale(1.5) translateY(30px);
    -ms-transform: scale(1.5) translateY(30px);
    -o-transform: scale(1.5) translateY(30px);
    transform: scale(10) translateY(30px);   
}
._wpWait._wpTypo2 ._typo:nth-child(2n-1){
    -webkit-transform: scale(10) translateY(-30px);
    -moz-transform: scale(1.5) translateY(-30px);
    -ms-transform: scale(1.5) translateY(-30px);
    -o-transform: scale(1.5) translateY(-30px);
    transform: scale(10) translateY(-30px);
}

/* running */
._wpWait._wpTypo ._typo._run{
    opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1.0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

/*//////////////////////////
PC-TAB
//////////////////////////*/
@media only screen and (min-width:768px) {
}
/*//////////////////////////
SP
//////////////////////////*/
@media only screen and (max-width:767px) {
}