@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: 1.0s !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:not(.-anime){width: 100%;}

.animated.bounceIn {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  animation-delay: 0.1s;
}

/*==================================
common
===================================*/
@-webkit-keyframes bounceIn {

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

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

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .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(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

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

@keyframes bounceIn {

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

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

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .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(.97, .97, .97);
    transform: scale3d(.97, .97, .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.610, 0.355, 1.000) both;
  animation: bounceIn 0.75s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}




@keyframes bounceIn02 {

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

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

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


.bounceIn02 {
  -webkit-animation: bounceIn02 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
  animation: bounceIn02 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}



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

@-webkit-keyframes fadeIn-f {
  0% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
    opacity: 0;
  }

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

@keyframes fadeIn-f {
  0% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .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 1s ease-in-out both;
  animation: fadeIn 1s 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.250, 0.460, 0.450, 0.940) both;
  animation: slideIn-b 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes slideIn-b {
  0% {
    -webkit-transform: translateZ(700px) translateY(30px);
    transform: translateZ(700px) translateY(30px);
    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(30px);
    transform: translateZ(700px) translateY(30px);
    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.390, 0.575, 0.565, 1.000) both;
  animation: fadeIn-b 0.25s cubic-bezier(0.390, 0.575, 0.565, 1.000) 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.390, 0.575, 0.565, 1.000) both;
  animation: fadeIn 0.7s cubic-bezier(0.390, 0.575, 0.565, 1.000) 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.250, 0.460, 0.450, 0.940) both;
  animation: slideIn-b-txt 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 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;
  }
}


.slideIn-t-txt {
  -webkit-animation: slideIn-t-txt 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: slideIn-t-txt 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes slideIn-t-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-t-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: .3s;
  animation-duration: .3s;
}