@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: .1s !important;
}

.d2
{
    animation-delay: .2s !important;
}

.d3
{
    animation-delay: .3s !important;
}

.d4
{
    animation-delay: .4s !important;
}

.d5
{
    animation-delay: .5s !important;
}

.d6
{
    animation-delay: .6s !important;
}

.d7
{
    animation-delay: .7s !important;
}

.d8
{
    animation-delay: .8s !important;
}

.d9
{
    animation-delay: .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: .2s !important;
}

.animated
{
    -webkit-animation-duration: 1s;
            animation-duration: 1s;

    opacity: 0;

    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}

.animated:not(.-anime)
{
    width: 100%;
}

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

/*==================================
common
===================================*/
@-webkit-keyframes bounceIn
{
    0%
    {
        -webkit-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3);

        opacity: 0;
    }

    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%
    {
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
                transform: scale3d(1.03, 1.03, 1.03);

        opacity: 1;
    }

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

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

        opacity: 1;
    }
}

@keyframes bounceIn
{
    0%
    {
        -webkit-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3);

        opacity: 0;
    }

    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%
    {
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
                transform: scale3d(1.03, 1.03, 1.03);

        opacity: 1;
    }

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

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

        opacity: 1;
    }
}


.bounceIn
{
    -webkit-animation: bounceIn .75s cubic-bezier(.215, .610, .355, 1.000) both;
            animation: bounceIn .75s cubic-bezier(.215, .610, .355, 1.000) both;
}




@keyframes bounceIn02
{
    0%
    {
        -webkit-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3);

        opacity: 0;
    }

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

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

        opacity: 1;
    }
}


.bounceIn02
{
    -webkit-animation: bounceIn02 .5s cubic-bezier(.215, .610, .355, 1.000) both;
            animation: bounceIn02 .5s cubic-bezier(.215, .610, .355, 1.000) both;
}



.fadeIn-f
{
    -webkit-animation: fadeIn-f .3s cubic-bezier(.390, .575, .565, 1.000) both;
            animation: fadeIn-f .3s cubic-bezier(.390, .575, .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 .3s linear both;
            animation: fadeIn-l .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 .3s linear both;
            animation: fadeIn-r .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 .4s cubic-bezier(.250, .460, .450, .940) both;
            animation: slideIn-b .4s cubic-bezier(.250, .460, .450, .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 .25s cubic-bezier(.390, .575, .565, 1.000) both;
            animation: fadeIn-b .25s cubic-bezier(.390, .575, .565, 1.000) both;
}

.bx-wrapper .is-active .charaTxt
{
    animation-delay: .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 .7s cubic-bezier(.390, .575, .565, 1.000) both;
            animation: fadeIn .7s cubic-bezier(.390, .575, .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 .6s cubic-bezier(.250, .460, .450, .940) both;
            animation: slideIn-b-txt .6s cubic-bezier(.250, .460, .450, .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 .6s cubic-bezier(.250, .460, .450, .940) both;
            animation: slideIn-t-txt .6s cubic-bezier(.250, .460, .450, .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;
}