.kani-body::before {
	animation: rabbit-ears-right 1.5s ease-in-out infinite;
}
.kani-body::after {
	animation: rabbit-ears-left 1.8s ease-in-out infinite;
}

@keyframes rabbit-ears-right {
	0% {
		transform: rotate(0deg);
		transform-origin: bottom left;
	}
	50% {
		transform: rotate(-4deg);
		transform-origin: bottom left;
	}
	100% {
		transform: rotate(0deg);
		transform-origin: bottom left;
	}
}
@keyframes rabbit-ears-left {
	0% {
		transform: rotate(0deg);
		transform-origin: bottom left;
	}
	50% {
		transform: rotate(-4deg);
		transform-origin: bottom left;
	}
	100% {
		transform: rotate(0deg);
		transform-origin: bottom left;
	}
}

.kv_slogan {
  -webkit-animation: slogan1fadeIn 0.8s linear,lightning 2s ease-in-out infinite alternate; 
  animation: slogan1fadeIn 0.8s linear,lightning 2s ease-in-out infinite alternate; 
}


/*==============================================
common
==============================================*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}
.animated.delay-1ms {
  -webkit-animation-delay: .1s;
  animation-delay: .1s
}
.animated.delay-2ms {
  -webkit-animation-delay: .2s;
  animation-delay: .2s
}
.animated.delay-3ms {
  -webkit-animation-delay: .3s;
  animation-delay: .3s
}
.animated.delay-4ms {
  -webkit-animation-delay: .4s;
  animation-delay: .4s
}
.animated.delay-5ms {
  -webkit-animation-delay: .5s;
  animation-delay: .5s
}
.animated.delay-6ms {
  -webkit-animation-delay: .6s;
  animation-delay: .6s
}
.animated.delay-7ms {
  -webkit-animation-delay: .7s;
  animation-delay: .7s
}
.animated.delay-8ms {
  -webkit-animation-delay: .8s;
  animation-delay: .8s
}
.animated.delay-9ms {
  -webkit-animation-delay: .9s;
  animation-delay: .9s
}
.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s
}


/*==============================================
slogan1fadeIn
==============================================*/
@keyframes slogan1fadeIn {
  0% {
    opacity: 0;
    filter: blur(10px) brightness(150%);
    transform: scale(1);
  }
  40% {
    opacity: 0;
    filter: blur(10px) brightness(150%);
    transform: scale(1);
  }
  60% {
    opacity: 1;
    filter: blur(6px) brightness(120%);
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    filter: blur(0px) brightness(100%);
    transform: scale(1);
  }
}
@-webkit-keyframes slogan1fadeIn {
  0% {
    opacity: 0;
    -webkit-filter: blur(10px) brightness(150%);
    -webkit-transform: scale(1);
  }
  40% {
    opacity: 0;
    -webkit-filter: blur(10px) brightness(150%);
    -webkit-transform: scale(1);
  }
  60% {
    opacity: 1;
    -webkit-filter: blur(6px) brightness(120%);
    -webkit-transform: scale(1.1);
  }
  100% {
    opacity: 1;
    -webkit-filter: blur(0px) brightness(100%);
    -webkit-transform: scale(1);
  }
}

/*==============================================
lightning
==============================================*/
.lightning {
  -webkit-animation: lightning 2s ease-in-out infinite alternate;
  animation: lightning 2s ease-in-out infinite alternate;
}
@-webkit-keyframes lightning {
  0%, 52%, 56%, 60%, 100% {
    filter: brightness(100%);
  }
  54%, 58%, 62% {
    filter: brightness(140%);
  }
}
@keyframes lightning {
  0%, 52%, 56%, 60%, 100% {
    filter: brightness(100%);
  }
  54%, 58%, 62% {
    filter: brightness(120%);
  }
}


/*==============================================
pullUp
==============================================*/
.pullUp {
	animation-name: pullUp;
	-webkit-animation-name: pullUp;	

	animation-duration: 1.1s;	
	-webkit-animation-duration: 1.1s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%; 		
}

@keyframes pullUp {
	0% {
		transform: scaleY(0.1);
	}
	40% {
		transform: scaleY(1.02);
	}
	60% {
		transform: scaleY(0.98);
	}
	80% {
		transform: scaleY(1.01);
	}
	100% {
		transform: scaleY(0.98);
	}				
	80% {
		transform: scaleY(1.01);
	}
	100% {
		transform: scaleY(1);
	}							
}

@-webkit-keyframes pullUp {
	0% {
		-webkit-transform: scaleY(0.1);
	}
	40% {
		-webkit-transform: scaleY(1.02);
	}
	60% {
		-webkit-transform: scaleY(0.98);
	}
	80% {
		-webkit-transform: scaleY(1.01);
	}
	100% {
		-webkit-transform: scaleY(0.98);
	}				
	80% {
		-webkit-transform: scaleY(1.01);
	}
	100% {
		-webkit-transform: scaleY(1);
	}		
}

/*==============================================
fadeInUp
==============================================*/
.fadeInUp {
  -webkit-animation: fadeInUp 1s linear;
  animation: fadeInUp 1s linear;
}
@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 60px, 0);
        transform: translate3d(0, 60px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 60px, 0);
        transform: translate3d(0, 60px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}


.vibrate-1 {
	-webkit-animation: vibrate-1 2.5s linear infinite both;
	        animation: vibrate-1 2.5s linear infinite both;
}
/**
 * ----------------------------------------
 * animation vibrate-1
 * ----------------------------------------
 */
@-webkit-keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-4px, 4px);
            transform: translate(-4px, 4px);
  }
  40% {
    -webkit-transform: translate(-4px, -4px);
            transform: translate(-4px, -4px);
  }
  60% {
    -webkit-transform: translate(4px, 4px);
            transform: translate(4px, 4px);
  }
  80% {
    -webkit-transform: translate(4px, -4px);
            transform: translate(4px, -4px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-4px, 4px);
            transform: translate(-4px, 4px);
  }
  40% {
    -webkit-transform: translate(-4px, -4px);
            transform: translate(-4px, -4px);
  }
  60% {
    -webkit-transform: translate(4px, 4px);
            transform: translate(4px, 4px);
  }
  80% {
    -webkit-transform: translate(4px, -4px);
            transform: translate(4px, -4px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}

/*==============================================
upDown
==============================================*/
.upDown_animation {
  -webkit-animation: upDown_animation 1.5s ease-in-out infinite alternate;
  animation: upDown_animation 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes upDown_animation {
  0% {
    -webkit-transform: translate(0, -10px);
  }
  100% {
    -webkit-transform: translate(0, 0);
  }
}
@keyframes upDown_animation {
  0% {
    transform: translate(0, -10px);
  }
  100% {
    transform: translate(0, 0);
  }
}
/*==============================================
upDown
==============================================*/
.upDown_animation_m {
  -webkit-animation: upDown_animation 1s ease-in-out infinite alternate;
  animation: upDown_animation 1s ease-in-out infinite alternate;
}
@-webkit-keyframes upDown_animation_m {
  0% {
    -webkit-transform: translate(0, -5px);
  }
  100% {
    -webkit-transform: translate(0, 0);
  }
}
@keyframes upDown_animation_m {
  0% {
    transform: translate(0, -5px);
  }
  100% {
    transform: translate(0, 0);
  }
}