@charset "utf-8";

/*Animation*/

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

@keyframes btn {
  0%{transform:scale(1);}
  100%{transform:scale(1.02);}
}

@keyframes mv_start {
  0%{opacity:1;}
  50%{opacity:1;}
  100%{opacity:0;}
}


/*InView*/
.inview-fadein {
	opacity:0;
	transition:0.6s ease;
}
.inview-fadein-done {
	opacity:1;
}

.inview-fadein-up {
	opacity:0;
	transform:translate(0,10%);
	transition:0.7s ease;
}
.inview-fadein-up-done {
	opacity:1;
	transform:translate(0, 0);
}

.inview-fadein-down {
	opacity:0;
	transform:translate(0,-10%);
	transition:0.7s ease;
}
.inview-fadein-down-done {
	opacity:1;
	transform:translate(0, 0);
}

.inview-fadein-left {
	opacity:0;
	transform:translate(-10%,0);
	transition:0.7s ease;
}
.inview-fadein-left-done {
	opacity:1;
	transform:translate(0, 0);
}

.inview-fadein-right {
	opacity:0;
	transform:translate(10%,0);
	transition:0.7s ease;
}
.inview-fadein-right-done {
	opacity:1;
	transform:translate(0, 0);
}







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

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

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

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

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

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

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

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

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

.fadeIn {
opacity:1;
}

.inviewfadeInLine {
width:0;
transition:0.5s ease;
}

.fadeInLine {
width:70px;
height:1px;
background:#e696b4;
}

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

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

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

.fadeInDownWide {
opacity:1;
transform:translate(0, 0);
}
*/


/*Delay Timer*/
.ani-delay01 {transition-delay:0.1s;}
.ani-delay02 {transition-delay:0.2s;}
.ani-delay03 {transition-delay:0.3s;}
.ani-delay04 {transition-delay:0.4s;}
.ani-delay05 {transition-delay:0.5s;}
.ani-delay06 {transition-delay:0.6s;}
.ani-delay07 {transition-delay:0.7s;}
.ani-delay08 {transition-delay:0.8s;}
.ani-delay09 {transition-delay:0.9s;}
.ani-delay10 {transition-delay:1s;}
.ani-delay11 {transition-delay:1.1s;}
.ani-delay12 {transition-delay:1.2s;}
.ani-delay13 {transition-delay:1.3s;}
.ani-delay14 {transition-delay:1.4s;}
.ani-delay15 {transition-delay:1.5s;}
.ani-delay16 {transition-delay:1.6s;}
.ani-delay17 {transition-delay:1.7s;}
.ani-delay18 {transition-delay:1.8s;}
.ani-delay19 {transition-delay:1.9s;}
.ani-delay20 {transition-delay:2s;}