@charset "utf-8";

/*ANIMATION*/
@keyframes hover {
0%{opacity:1;}
100%{opacity:0.5;}
}



/*MV SLIDE*/
.inviewfadeInSlideUp {
opacity:1;
transform:translate(0,99%);
transition:0.5s ease;
}

.fadeInSlideUp {
opacity:1;
transform:translate(0, 0);
}

.inviewfadeInSlideRight {
opacity:1;
transform:translate(99%,0);
transition:0.5s ease;
}

.fadeInSlideRight {
opacity:1;
transform:translate(0, 0);
}

.inviewfadeInSlideDown {
opacity:1;
transform:translate(0,-99%);
transition:0.5s ease;
}

.fadeInSlideDown {
opacity:1;
transform:translate(0, 0);
}

.inviewfadeInSlideLeft {
opacity:1;
transform:translate(-99%,0);
transition:0.5s ease;
}

.fadeInSlideLeft  {
opacity:1;
transform:translate(0, 0);
}

.inviewfadeInZoom {
opacity:1;
transform:scale(0);
transition:0.5s ease;
}

.fadeInZoom  {
opacity:1;
transform:scale(1);
}



/*INVIEW*/
.inviewfadeInUp {
opacity:0;
transform:translate(0,10%);
transition:0.5s ease;
}

.fadeInUp {
opacity:1;
transform:translate(0, 0);
}

.inviewfadeInRight {
opacity:0;
transform:translate(20%,0);
transition:0.5s ease;
}

.fadeInRight {
opacity:1;
transform:translate(0, 0);
}

.inviewfadeInDown {
opacity:0;
transform:translate(0,-20%);
transition:0.5s ease;
}

.fadeInDown {
opacity:1;
transform:translate(0, 0);
}

.inviewfadeInLeft {
opacity:0;
transform:translate(-20%,0);
transition:0.5s ease;
}

.fadeInLeft {
opacity:1;
transform:translate(0, 0);
}

.inviewfadeIn {
opacity:0;
transition:0.5s ease;
}

.fadeIn {
opacity:1;
}

.inviewfadeInLine {
}

.fadeInLine {
}

.inviewfadeInLine:after {
content:"";
width:0%;
height:4px;
background:#f6aa00;
position:absolute;
left:0;
right:0;
bottom:-7px;
margin:auto;
transition:0.5s ease;
}

.fadeInLine:after {
content:"";
width:100%;
height:4px;
background:#f6aa00;
position:absolute;
left:0;
right:0;
bottom:-7px;
}


.inviewfadeInDownLeft {
opacity:0;
transform:translate(-20%,-20%);
transition:0.5s ease;
}

.fadeInDownLeft {
opacity:1;
transform:translate(0, 0);
}

.inviewfadeInDownRight {
opacity:0;
transform:translate(20%,-20%);
transition:0.5s ease;
}

.fadeInDownRight {
opacity:1;
transform:translate(0, 0);
}

.inviewfadeInUpLeft {
opacity:0;
transform:translate(-20%,20%);
transition:0.5s ease;
}

.fadeInUpLeft {
opacity:1;
transform:translate(0, 0);
}

.inviewfadeInUpRight {
opacity:0;
transform:translate(20%,20%);
transition:0.5s ease;
}

.fadeInUpRight {
opacity:1;
transform:translate(0, 0);
}



/*DELAY*/
.delay1 {
transition-delay:0.2s;
}

.delay2 {
transition-delay:0.4s;
}

.delay3 {
transition-delay:0.6s;
}

.delay4 {
transition-delay:0.8s;
}

.delay5 {
transition-delay:1s;
}

.delay6 {
transition-delay:1.2s;
}

.delay7 {
transition-delay:1.4s;
}

.delay8 {
transition-delay:1.6s;
}

.delay9 {
transition-delay:1.8s;
}

.delay10 {
transition-delay:2s;
}