@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.d1 {
	animation-delay: 0.1s !important;
}
.d2 {
	animation-delay: 0.2s !important;
}
.d3 {
	animation-delay: 0.3s !important;
}
.d4 {
	animation-delay: 0.4s !important;
}
.d5 {
	animation-delay: 0.5s !important;
}
.d6 {
	animation-delay: 0.6s !important;
}
.d7 {
	animation-delay: 0.7s !important;
}
.d8 {
	animation-delay: 0.8s !important;
}
.d9 {
	animation-delay: 0.9s !important;
}
.d10 {
	animation-delay: 1s !important;
}
.d11 {
	animation-delay: 1.1s !important;
}
.d12 {
	animation-delay: 1.2s !important;
}
.d13 {
	animation-delay: 1.3s !important;
}

.op0 {
	opacity: 0;
}

.dur2 {
	animation-duration: 0.2s !important;
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	opacity: 0;
}
.animated.bounceIn {
	-webkit-animation-duration: 0.75s;
	animation-duration: 0.75s;
	animation-delay: 0.1s;
}

/*==================================
common
===================================*/
@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}

	40% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.9);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03);
	}

	80% {
		-webkit-transform: scale3d(0.97, 0.97, 0.97);
		transform: scale3d(0.97, 0.97, 0.97);
	}

	to {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}

	40% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.9);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03);
	}

	80% {
		-webkit-transform: scale3d(0.97, 0.97, 0.97);
		transform: scale3d(0.97, 0.97, 0.97);
	}

	to {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.bounceIn {
	-webkit-animation: bounceIn 0.75s cubic-bezier(0.215, 0.61, 0.355, 1) both;
	animation: bounceIn 0.75s cubic-bezier(0.215, 0.61, 0.355, 1) both;
}

.fadeIn-f {
	-webkit-animation: fadeIn-f 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both;
	animation: fadeIn-f 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

@-webkit-keyframes fadeIn-f {
	0% {
		-webkit-transform: scale3d(0.97, 0.97, 0.97);
		transform: scale3d(0.97, 0.97, 0.97);
		opacity: 0;
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		opacity: 1;
	}
}
@keyframes fadeIn-f {
	0% {
		-webkit-transform: scale3d(0.97, 0.97, 0.97);
		transform: scale3d(0.97, 0.97, 0.97);
		opacity: 0;
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		opacity: 1;
	}
}
.fadeIn-l {
	-webkit-animation: fadeIn-l 0.3s linear both;
	animation: fadeIn-l 0.3s linear both;
}
@-webkit-keyframes fadeIn-l {
	0% {
		-webkit-transform: translateX(-50px);
		transform: translateX(-50px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}
}
@keyframes fadeIn-l {
	0% {
		-webkit-transform: translateX(-50px);
		transform: translateX(-50px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}
}

.fadeIn-r {
	-webkit-animation: fadeIn-r 0.3s linear both;
	animation: fadeIn-r 0.3s linear both;
}
@-webkit-keyframes fadeIn-r {
	0% {
		-webkit-transform: translateX(50px);
		transform: translateX(50px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}
}
@keyframes fadeIn-r {
	0% {
		-webkit-transform: translateX(50px);
		transform: translateX(50px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}
}

.fadeIn {
	-webkit-animation: fadeIn 0.5s ease-in-out both;
	animation: fadeIn 0.5s ease-in-out both;
}
@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.slideIn-b {
	-webkit-animation: slideIn-b 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
	animation: slideIn-b 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
@-webkit-keyframes slideIn-b {
	0% {
		-webkit-transform: translateZ(700px) translateY(80px);
		transform: translateZ(700px) translateY(80px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0) translateY(0);
		transform: translateZ(0) translateY(0);
		opacity: 1;
	}
}
@keyframes slideIn-b {
	0% {
		-webkit-transform: translateZ(700px) translateY(80px);
		transform: translateZ(700px) translateY(80px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0) translateY(0);
		transform: translateZ(0) translateY(0);
		opacity: 1;
	}
}

 .slideIn-t {
	-webkit-animation: slideIn-t 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
	animation:slideIn-t 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
@-webkit-keyframes slideIn-t {
	0% {
		-webkit-transform: translateZ(700px) translateY(-80px);
		transform: translateZ(700px) translateY(-80px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0) translateY(0);
		transform: translateZ(0) translateY(0);
		opacity: 1;
	}
}
@keyframes slideIn-t {
	0% {
		-webkit-transform: translateZ(700px) translateY(-80px);
		transform: translateZ(700px) translateY(-80px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0) translateY(0);
		transform: translateZ(0) translateY(0);
		opacity: 1;
	}
}


/*==================================
Individual
===================================*/

.bx-wrapper .is-active .charaTxt,
.fadeIn-b {
	-webkit-animation: fadeIn-b 0.25s cubic-bezier(0.39, 0.575, 0.565, 1) both;
	animation: fadeIn-b 0.25s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}
.bx-wrapper .is-active .charaTxt {
	animation-delay: 0.3s;
}
@-webkit-keyframes fadeIn-b {
	0% {
		-webkit-transform: scale3d(1.2, 1.2, 1.2);
		transform: scale3d(1.2, 1.2, 1.2);
		opacity: 0;
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		opacity: 1;
	}
}
@keyframes fadeIn-b {
	0% {
		-webkit-transform: scale3d(1.2, 1.2, 1.2);
		transform: scale3d(1.2, 1.2, 1.2);
		opacity: 0;
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		opacity: 1;
	}
}
.bx-wrapper .is-active .chara {
	-webkit-animation: fadeIn 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) both;
	animation: fadeIn 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}
@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.slideIn-b-txt {
	-webkit-animation: slideIn-b-txt 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
	animation: slideIn-b-txt 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
@-webkit-keyframes slideIn-b-txt {
	0% {
		-webkit-transform: translateZ(700px) translateY(20px);
		transform: translateZ(700px) translateY(20px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0) translateY(0);
		transform: translateZ(0) translateY(0);
		opacity: 1;
	}
}
@keyframes slideIn-b-txt {
	0% {
		-webkit-transform: translateZ(700px) translateY(20px);
		transform: translateZ(700px) translateY(20px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0) translateY(0);
		transform: translateZ(0) translateY(0);
		opacity: 1;
	}
}

@-webkit-keyframes stamped {
	from {
		-webkit-transform: scale3d(1.5, 1.5, 1.5);
		transform: scale3d(1.5, 1.5, 1.5);
		opacity: 0;
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		opacity: 1;
	}
}

@keyframes stamped {
	from {
		-webkit-transform: scale3d(1.5, 1.5, 1.5);
		transform: scale3d(1.5, 1.5, 1.5);
		opacity: 0;
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		opacity: 1;
	}
}

.stamped {
	-webkit-animation-name: stamped;
	animation-name: stamped;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
}