@charset "utf-8";
@-webkit-keyframes fade-in {
  0% { display: none; opacity: 0;}
  1% { display: block; opacity: 0;}
  100% { display: block; opacity: 1;}
}
@keyframes fade-in {
  0% { display: none; opacity: 0;}
  1% { display: block; opacity: 0;}
  100% { display: block; opacity: 1;}
}

/*===========================*/
@-webkit-keyframes fade-out {
  0% { display: block; opacity: 1;}
  1% { display: block; opacity: 1;}
  100% { display: none; opacity: 0;}
}
@keyframes fade-out {
  0% { display: block; opacity: 1;}
  1% { display: block; opacity: 1;}
  100% { display: none; opacity: 0;}
}
/*===========================*/
@-webkit-keyframes slide-in {
  0% { display: none; height: 0;}
  1% { display: block; height: 0;}
  100% { display: block; height: auto;}
}
@keyframes slide-in {
  0% { display: none; height: 0;}
  1% { display: block; height: 0;}
  100% { display: block; height: auto;}
}

/*===========================*/
@-webkit-keyframes fadeSlideIn {
  0% { display: none; opacity: 0; -webkit-transform: translate3d(20px,0,0); transform: translate3d(20px,0,0);}
  1% { display: block; opacity: 0; -webkit-transform: translate3d(20px,0,0); transform: translate3d(20px,0,0);}
  100% { display: none; opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
}
@keyframes fadeSlideIn {
  0% { display: none; opacity: 0; -webkit-transform: translate3d(20px,0,0); transform: translate3d(20px,0,0);}
  1% { display: block; opacity: 0; -webkit-transform: translate3d(20px,0,0); transform: translate3d(20px,0,0);}
  100% { display: none; opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
}
/*===========================*/
@-webkit-keyframes textSlideIn {
  0% { display: none; opacity: 0; -webkit-transform: translate3d(-450px,0,0); transform: translate3d(-450px,0,0);}
  1% { display: block; opacity: 0; -webkit-transform: translate3d(-450px,0,0); transform: translate3d(-450px,0,0);}
  100% { display: none; opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
}
@keyframes textSlideIn {
  0% { display: none; opacity: 0; -webkit-transform: translate3d(-450px,0,0); transform: translate3d(-450px,0,0);}
  1% { display: block; opacity: 0; -webkit-transform: translate3d(-450px,0,0); transform: translate3d(-450px,0,0);}
  100% { display: none; opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
}
/*===========================*/
@-webkit-keyframes textSlideIn2 {
  0% { display: none; opacity: 0; -webkit-transform: translate3d(450px,0,0); transform: translate3d(450px,0,0);}
  1% { display: block; opacity: 0; -webkit-transform: translate3d(450px,0,0); transform: translate3d(450px,0,0);}
  100% { display: none; opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
}
@keyframes textSlideIn2 {
  0% { display: none; opacity: 0; -webkit-transform: translate3d(450px,0,0); transform: translate3d(450px,0,0);}
  1% { display: block; opacity: 0; -webkit-transform: translate3d(450px,0,0); transform: translate3d(450px,0,0);}
  100% { display: none; opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
}
/*===========================*/
@-webkit-keyframes charaBgIn {
  0% { display: none; opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9);}
  1% { display: block; opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9);}
  100% { display: none; opacity: 1; -webkit-transform: scale(1); transform: scale(1);}
}
@keyframes charaBgIn {
  0% { display: none; opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9);}
  1% { display: block; opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9);}
  100% { display: none; opacity: 1; -webkit-transform: scale(1); transform: scale(1);}
}
/*===========================*/

@-webkit-keyframes subNavSlide {
  0% {max-height: 10px;}
  100% {max-height: 300px;}
}
@keyframes subNavSlide {
  0% {max-height: 10px;}
  100% {max-height: 300px;}
}

/*===========================*/
@-webkit-keyframes topZoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.7, .7, .7);
    transform: scale3d(.7, .7, .7);
  }
  50% {
    opacity: 1;
  }
}
@keyframes topZoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.7, .7, .7);
    transform: scale3d(.7, .7, .7);
  }
  50% {
    opacity: 1;
  }
}
/*===========================*/

@-webkit-keyframes blink {
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes blink {
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}
/*@keyframes blink {
  0% { opacity: 0; }
  49.9% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 1; }
}*/
/*===========================*/

@-webkit-keyframes hoverAbout {
  0% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
  50% { -webkit-transform: translate3d(15px,-5px,0); transform: translate3d(15px,-5px,0); }
  100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}

@keyframes hoverAbout {
  0% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
  50% { -webkit-transform: translate3d(15px,-5px,0); transform: translate3d(15px,-5px,0); }
  100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
@-webkit-keyframes hoverStory {
  0% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
  50% { -webkit-transform: translate3d(13px,-7px,0); transform: translate3d(13px,-7px,0); }
  100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
@keyframes hoverStory {
  0% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
  50% { -webkit-transform: translate3d(13px,-7px,0); transform: translate3d(13px,-7px,0); }
  100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
@-webkit-keyframes hoverCharacter {
  0% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
  50% { -webkit-transform: translate3d(18px,-2px,0); transform: translate3d(18px,-2px,0); }
  100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
@keyframes hoverCharacter {
  0% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
  50% { -webkit-transform: translate3d(18px,-2px,0); transform: translate3d(18px,-2px,0); }
  100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
@-webkit-keyframes hoverGallery {
  0% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
  50% { -webkit-transform: translate3d(17px,3px,0); transform: translate3d(17px,3px,0); }
  100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
@keyframes hoverGallery {
  0% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
  50% { -webkit-transform: translate3d(17px,3px,0); transform: translate3d(17px,3px,0); }
  100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
@-webkit-keyframes hoverSpecial {
  0% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
  50% { -webkit-transform: translate3d(14px,6px,0); transform: translate3d(14px,6px,0); }
  100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
@keyframes hoverSpecial {
  0% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
  50% { -webkit-transform: translate3d(14px,6px,0); transform: translate3d(14px,6px,0); }
  100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
/*===========================*/

@-webkit-keyframes spiral {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes spiral {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@-webkit-keyframes spiral2 {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); }
}

@keyframes spiral2 {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); }
}
/*===========================*/

@-webkit-keyframes hoverSubTop {
  0% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
  50% { -webkit-transform: translate3d(15px,5px,0); transform: translate3d(15px,5px,0); }
  100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}

@keyframes hoverSubTop {
  0% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
  50% { -webkit-transform: translate3d(15px,5px,0); transform: translate3d(15px,5px,0); }
  100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}

@-webkit-keyframes hoverSubStory {
  0% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
  50% { -webkit-transform: translate3d(15px,3px,0); transform: translate3d(15px,3px,0); }
  100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}

@keyframes hoverSubStory {
  0% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
  50% { -webkit-transform: translate3d(15px,3px,0); transform: translate3d(15px,3px,0); }
  100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}

@-webkit-keyframes hoverSubSpecial {
  0% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
  50% { -webkit-transform: translate3d(18px,-4px,0); transform: translate3d(18px,-4px,0); }
  100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}

@keyframes hoverSubSpecial {
  0% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
  50% { -webkit-transform: translate3d(18px,-4px,0); transform: translate3d(18px,-4px,0); }
  100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}