@-webkit-keyframes shake
{
    0%
    {
        -webkit-transform: translate3d(-6px, -2px, 0px);
        transform: translate3d(-6px, -2px, 0px);
    }

    10%
    {
        -webkit-transform: translate3d(3px, -3px, 0px);
        transform: translate3d(3px, -3px, 0px);
    }

    20%
    {
        -webkit-transform: translate3d(6px, 4px, 0px);
        transform: translate3d(6px, 4px, 0px);
    }

    30%
    {
        -webkit-transform: translate3d(-2px, 2px, 0px);
        transform: translate3d(-2px, 2px, 0px);
    }

    40%
    {
        -webkit-transform: translate3d(-5px, -4px, 0px);
        transform: translate3d(-5px, -4px, 0px);
    }

    50%
    {
        -webkit-transform: translate3d(5px, -2px, 0px);
        transform: translate3d(5px, -2px, 0px);
    }

    60%
    {
        -webkit-transform: translate3d(3px, 2px, 0px);
        transform: translate3d(3px, 2px, 0px);
    }

    70%
    {
        -webkit-transform: translate3d(-6px, 4px, 0px);
        transform: translate3d(-6px, 4px, 0px);
    }

    80%
    {
        -webkit-transform: translate3d(-3px, -2px, 0px);
        transform: translate3d(-3px, -2px, 0px);
    }

    100%
    {
        -webkit-transform: translate3d(3px, -4px, 0px);
        transform: translate3d(3px, -4px, 0px);
    }
}

@keyframes shake
{
    0%
    {
        -webkit-transform: translate3d(-6px, -2px, 0px);
        transform: translate3d(-6px, -2px, 0px);
    }

    10%
    {
        -webkit-transform: translate3d(3px, -3px, 0px);
        transform: translate3d(3px, -3px, 0px);
    }

    20%
    {
        -webkit-transform: translate3d(6px, 4px, 0px);
        transform: translate3d(6px, 4px, 0px);
    }

    30%
    {
        -webkit-transform: translate3d(-2px, 2px, 0px);
        transform: translate3d(-2px, 2px, 0px);
    }

    40%
    {
        -webkit-transform: translate3d(-5px, -4px, 0px);
        transform: translate3d(-5px, -4px, 0px);
    }

    50%
    {
        -webkit-transform: translate3d(5px, -2px, 0px);
        transform: translate3d(5px, -2px, 0px);
    }

    60%
    {
        -webkit-transform: translate3d(3px, 2px, 0px);
        transform: translate3d(3px, 2px, 0px);
    }

    70%
    {
        -webkit-transform: translate3d(-6px, 4px, 0px);
        transform: translate3d(-6px, 4px, 0px);
    }

    80%
    {
        -webkit-transform: translate3d(-3px, -2px, 0px);
        transform: translate3d(-3px, -2px, 0px);
    }

    100%
    {
        -webkit-transform: translate3d(3px, -4px, 0px);
        transform: translate3d(3px, -4px, 0px);
    }
}

#mv
{
    width: 320px;
    height: 454px;
    background-color: #e60012;
}

#mv.shake
{
    -webkit-animation: shake 0.09s linear 0s 2 normal;
    animation: shake 0.09s linear 0s 2 normal;
}

#mv h1
{
    display: block;
    width: 258.5px;
    height: 13px;
    background-image: url("./../img/sp/mv/h1.png");
    background-repeat: no-repeat;
    background-size: 258.5px 13px;
    background-position: 0px 0px;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 14px;
    left: -5px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#mv .shout-1
{
    z-index: 3;
    position: absolute;
    left: 27px;
    top: 37px;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    display: block;
    width: 263px;
    height: 174.5px;
    background-image: url("./../img/sp/mv/shout_1.png");
    background-repeat: no-repeat;
    background-size: 263px 174.5px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#mv .ryuheisan
{
    z-index: 1;
    position: absolute;
    width: 188.5px;
    height: 257.5px;
    left: 37px;
    top: 184px;
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
}

#mv .ryuheisan .face
{
    display: block;
    width: 188.5px;
    height: 257.5px;
    background-image: url("./../img/sp/mv/ryuheisan.png");
    background-repeat: no-repeat;
    background-size: 188.5px 257.5px;
    background-position: 0px 0px;
}

#mv .ryuheisan .hand-L
{
    display: block;
    width: 106px;
    height: 87.5px;
    background-image: url("./../img/sp/mv/hand_L.png");
    background-repeat: no-repeat;
    background-size: 106px 87.5px;
    background-position: 0px 0px;
    position: absolute;
    left: -17px;
    top: 178px;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

#mv .ryuheisan .hand-R
{
    display: block;
    width: 104px;
    height: 90px;
    background-image: url("./../img/sp/mv/hand_R.png");
    background-repeat: no-repeat;
    background-size: 104px 90px;
    background-position: 0px 0px;
    position: absolute;
    left: 165px;
    top: 143px;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

#mv .shout-2
{
    z-index: 2;
    display: block;
    width: 95.5px;
    height: 77.5px;
    background-image: url("./../img/sp/mv/shout_2.png");
    background-repeat: no-repeat;
    background-size: 95.5px 77.5px;
    background-position: 0px 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    position: absolute;
    left: 192px;
    top: 218px;
    -webkit-transform-origin: 60% 70%;
    transform-origin: 60% 70%;
}

#mv .logo-3rd
{
    display: block;
    width: 52px;
    height: 28.5px;
    background-image: url("./../img/sp/mv/logo_3rd.png");
    background-repeat: no-repeat;
    background-size: 52px 28.5px;
    background-position: 0px 0px;
    position: absolute;
    top: 48px;
    right: 78px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#mv .logo-monst
{
    display: block;
    width: 80px;
    height: 57.5px;
    background-image: url("./../img/sp/mv/logo_monst.png");
    background-repeat: no-repeat;
    background-size: 80px 57.5px;
    background-position: 0px 0px;
    position: absolute;
    top: 19px;
    right: 4px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

.message-1
{
    width: 320px;
    height: 40px;
    background-color: #000;
    background-image: url(./../img/sp/message/1.png);
    background-repeat: no-repeat;
    background-size: 279px 17.5px;
    background-position: 50%;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#kuji
{
    width: 320px;
    height: 620px;
    background-color: #0099ff;
    background-image: url(./../img/sp/kuji/bg.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0%;
}

#kuji h2
{
    display: block;
    width: 281px;
    height: 81.5px;
    background-image: url("./../img/sp/kuji/h2.png");
    background-repeat: no-repeat;
    background-size: 281px 81.5px;
    background-position: 0px 0px;
    position: absolute;
    left: 0;
    top: 23px;
    right: 0;
    bottom: auto;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    margin: 0 auto;
}

#kuji .ryuheisan
{
    display: block;
    width: 79px;
    height: 108px;
    background-image: url("./../img/sp/kuji/ryuheisan_face.png");
    background-repeat: no-repeat;
    background-size: 79px 108px;
    background-position: 0px 0px;
    position: absolute;
    left: 16px;
    top: 115px;
}

#kuji .ryuheisan .hand-l
{
    display: block;
    width: 47.5px;
    height: 39px;
    background-image: url("./../img/sp/kuji/ryuheisan_hand_l.png");
    background-repeat: no-repeat;
    background-size: 47.5px 39px;
    background-position: 0px 0px;
    position: absolute;
    left: -8px;
    top: 89px;
}

#kuji .ryuheisan .hand-r
{
    display: block;
    width: 49.5px;
    height: 43px;
    background-image: url("./../img/sp/kuji/ryuheisan_hand_r.png");
    background-repeat: no-repeat;
    background-size: 49.5px 43px;
    background-position: 0px 0px;
    position: absolute;
    left: 76px;
    top: 59px;
}

#kuji .ryuheisan.shake
{
    -webkit-animation: shake 0.12s linear 0s 2 normal;
    animation: shake 0.12s linear 0s 2 normal;
}

@-webkit-keyframes hand-kurukuru-1
{
    0%
    {
        -webkit-transform: translate3d(0px, 0px, 0px);
        transform: translate3d(0px, 0px, 0px);
    }

    12.5%
    {
        -webkit-transform: translate3d(2.4px, 1.6px, 0px);
        transform: translate3d(2.4px, 1.6px, 0px);
    }

    25%
    {
        -webkit-transform: translate3d(4px, 4px, 0px);
        transform: translate3d(4px, 4px, 0px);
    }

    37.5%
    {
        -webkit-transform: translate3d(2.4px, 6.4px, 0px);
        transform: translate3d(2.4px, 6.4px, 0px);
    }

    50%
    {
        -webkit-transform: translate3d(0px, 8px, 0px);
        transform: translate3d(0px, 8px, 0px);
    }

    62.5%
    {
        -webkit-transform: translate3d(-2.4px, 6.4px, 0px);
        transform: translate3d(-2.4px, 6.4px, 0px);
    }

    75%
    {
        -webkit-transform: translate3d(-4px, 4px, 0px);
        transform: translate3d(-4px, 4px, 0px);
    }

    87.5%
    {
        -webkit-transform: translate3d(-2.4px, 1.6px, 0px);
        transform: translate3d(-2.4px, 1.6px, 0px);
    }

    100%
    {
        -webkit-transform: translate3d(0px, 0px, 0px);
        transform: translate3d(0px, 0px, 0px);
    }
}

@keyframes hand-kurukuru-1
{
    0%
    {
        -webkit-transform: translate3d(0px, 0px, 0px);
        transform: translate3d(0px, 0px, 0px);
    }

    12.5%
    {
        -webkit-transform: translate3d(2.4px, 1.6px, 0px);
        transform: translate3d(2.4px, 1.6px, 0px);
    }

    25%
    {
        -webkit-transform: translate3d(4px, 4px, 0px);
        transform: translate3d(4px, 4px, 0px);
    }

    37.5%
    {
        -webkit-transform: translate3d(2.4px, 6.4px, 0px);
        transform: translate3d(2.4px, 6.4px, 0px);
    }

    50%
    {
        -webkit-transform: translate3d(0px, 8px, 0px);
        transform: translate3d(0px, 8px, 0px);
    }

    62.5%
    {
        -webkit-transform: translate3d(-2.4px, 6.4px, 0px);
        transform: translate3d(-2.4px, 6.4px, 0px);
    }

    75%
    {
        -webkit-transform: translate3d(-4px, 4px, 0px);
        transform: translate3d(-4px, 4px, 0px);
    }

    87.5%
    {
        -webkit-transform: translate3d(-2.4px, 1.6px, 0px);
        transform: translate3d(-2.4px, 1.6px, 0px);
    }

    100%
    {
        -webkit-transform: translate3d(0px, 0px, 0px);
        transform: translate3d(0px, 0px, 0px);
    }
}

#kuji .ryuheisan.shake .hand-l
{
    -webkit-animation: hand-kurukuru-1 0.15s ease-out 0s 3 normal;
    animation: hand-kurukuru-1 0.15s ease-out 0s 3 normal;
}

#kuji .ryuheisan.shake .hand-r
{
    -webkit-animation: hand-kurukuru-1 0.15s ease-out 0.05s 3 normal;
    animation: hand-kurukuru-1 0.15s ease-out 0.05s 3 normal;
}

#kuji .wrap-img-1
{
    position: absolute;
    top: 221px;
}

#kuji .wrap-img-1 .photo-1
{
    display: block;
    width: 183px;
    height: 137px;
    background-image: url("./../img/sp/kuji/photo_1.png");
    background-repeat: no-repeat;
    background-size: 183px 137px;
    background-position: 0px 0px;
    position: absolute;
    left: -17px;
    top: 18px;
}

#kuji .wrap-img-1 .photo-2
{
    display: block;
    width: 265px;
    height: 210px;
    background-image: url("./../img/sp/kuji/photo_2.png");
    background-repeat: no-repeat;
    background-size: 265px 210px;
    background-position: 0px 0px;
    position: absolute;
    left: 90px;
    top: 0px;
}

#kuji .wrap-img-1 .flower-1
{
    display: block;
    width: 49.5px;
    height: 36.5px;
    background-image: url("./../img/sp/kuji/flower_1.png");
    background-repeat: no-repeat;
    background-size: 49.5px 36.5px;
    background-position: 0px 0px;
    position: absolute;
    left: -12px;
    top: 24px;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

#kuji .wrap-img-1 .flower-2
{
    display: block;
    width: 67px;
    height: 64px;
    background-image: url("./../img/sp/kuji/flower_2.png");
    background-repeat: no-repeat;
    background-size: 67px 64px;
    background-position: 0px 0px;
    position: absolute;
    left: 274px;
    top: -10px;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

#kuji .shout-1
{
    position: absolute;
    left: 142px;
    top: 120px;
}

#kuji .shout-1 .jet
{
    display: block;
    width: 30px;
    height: 32px;
    background-image: url("./../img/sp/kuji/jet.png");
    background-repeat: no-repeat;
    background-size: 30px 32px;
    background-position: 0px 0px;
    position: absolute;
    left: -27px;
    top: 9px;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

#kuji .shout-1 .shout-bg
{
    display: block;
    width: 161px;
    height: 118px;
    background-image: url("./../img/sp/kuji/shout_1_bg.png");
    background-repeat: no-repeat;
    background-size: 161px 118px;
    background-position: 0px 0px;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

#kuji .shout-1 .shout-text
{
    display: block;
    width: 115.5px;
    height: 41.5px;
    background-image: url("./../img/sp/kuji/shout_1_txt.png");
    background-repeat: no-repeat;
    background-size: 115.5px 41.5px;
    background-position: 0px 0px;
    position: absolute;
    left: 21px;
    top: 33px;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    text-indent: 200px;
}

#kuji .shout-2
{
    position: absolute;
    left: 7px;
    top: 336px;
}

#kuji .shout-2 .shout-bg
{
    display: block;
    width: 148px;
    height: 108px;
    background-image: url("./../img/sp/kuji/shout_2_bg.png");
    background-repeat: no-repeat;
    background-size: 148px 108px;
    background-position: 0px 0px;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

#kuji .shout-2 .shout-text
{
    display: block;
    width: 87.5px;
    height: 38.5px;
    background-image: url("./../img/sp/kuji/shout_2_txt.png");
    background-repeat: no-repeat;
    background-size: 87.5px 38.5px;
    background-position: 0px 0px;
    position: absolute;
    left: 32px;
    top: 31px;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    text-indent: 200px;
}

#kuji .wrap-img-2
{
    position: absolute;
    width: 320px;
    height: 186.5px;
    bottom: 0px;
}

#kuji .wrap-img-2 .wrap-wrap-img-2
{
    width: 100%;
    height: 100%;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}

#kuji .wrap-img-2 .orb-1
{
    display: block;
    width: 320px;
    height: 128px;
    background-image: url("./../img/sp/kuji/treasure_orb_1.png");
    background-repeat: no-repeat;
    background-size: 320px 128px;
    background-position: 0px 0px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 4;
}

#kuji .wrap-img-2 .box-1
{
    display: block;
    width: 124px;
    height: 101px;
    background-image: url("./../img/sp/kuji/treasure_box_1.png");
    background-repeat: no-repeat;
    background-size: 124px 101px;
    background-position: 0px 0px;
    position: absolute;
    left: 12px;
    top: 41px;
    z-index: 3;
}

#kuji .wrap-img-2 .box-2
{
    display: block;
    width: 160.5px;
    height: 136px;
    background-image: url("./../img/sp/kuji/treasure_box_2.png");
    background-repeat: no-repeat;
    background-size: 160.5px 136px;
    background-position: 0px 0px;
    position: absolute;
    left: 202px;
    top: 23px;
    z-index: 2;
}

#kuji .wrap-img-2 .orb-2
{
    display: block;
    width: 320px;
    height: 120px;
    background-image: url("./../img/sp/kuji/treasure_orb_2.png");
    background-repeat: no-repeat;
    background-size: 320px 120px;
    background-position: 0px 0px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
}

#kuji h4
{
    display: block;
    width: 161.5px;
    height: 40.5px;
    background-image: url("./../img/sp/kuji/h4.png");
    background-repeat: no-repeat;
    background-size: 161.5px 40.5px;
    background-position: 0px 0px;
    position: absolute;
    left: 83px;
    top: 431px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#kuji .btn-to-detail
{
    width: 281px;
    height: 51.5px;
    background-color: rgba(0, 153, 255, 0.75);
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#kuji .btn-to-detail .attention
{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(255, 255, 255, 0);
    -webkit-animation: blink 0.5s ease-in 0.3s infinite alternate;
    animation: blink 0.5s ease-in 0.3s infinite alternate;
}

@-webkit-keyframes blink
{
    0%
    {
        background-color: rgba(255, 255, 255, 0);
    }

    100%
    {
        background-color: rgba(255, 255, 255, 0.4);
    }
}

@keyframes blink
{
    0%
    {
        background-color: rgba(255, 255, 255, 0);
    }

    100%
    {
        background-color: rgba(255, 255, 255, 0.4);
    }
}

#kuji .btn-to-detail:after
{
    content: " ";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url(./../../common/img/sp/btn_to_detail.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

#kuji .btn-to-detail
{
    position: absolute;
    left: 0;
    top: auto;
    right: 0;
    bottom: 23px;
    margin: 0 auto;
    z-index: 5;
}

#kuji.fromLINE .wrap-img-1 .photo-1
{
    display: block;
    width: 183px;
    height: 137px;
    background-image: url("./../img/sp/kuji/photo_1_line.png");
    background-repeat: no-repeat;
    background-size: 183px 137px;
    background-position: 0px 0px;
}

#gacha
{
    width: 320px;
    height: 620px;
    background-color: #f0a500;
    background-image: url(./../img/sp/gacha/bg.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0%;
}

#gacha h2
{
    z-index: 1;
    display: block;
    width: 281px;
    height: 81.5px;
    background-image: url("./../img/sp/gacha/h2.png");
    background-repeat: no-repeat;
    background-size: 281px 81.5px;
    background-position: 0px 0px;
    position: absolute;
    left: 0;
    top: 23px;
    right: 0;
    bottom: auto;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    margin: 0 auto;
}

#gacha .ryuheisan
{
    z-index: 1;
    display: block;
    width: 75.5px;
    height: 106.5px;
    background-image: url("./../img/sp/gacha/ryuheisan_face.png");
    background-repeat: no-repeat;
    background-size: 75.5px 106.5px;
    background-position: 0px 0px;
    position: absolute;
    left: 212px;
    top: 120px;
}

#gacha .ryuheisan .hand-l
{
    display: block;
    width: 49px;
    height: 43px;
    background-image: url("./../img/sp/gacha/ryuheisan_hand_l.png");
    background-repeat: no-repeat;
    background-size: 49px 43px;
    background-position: 0px 0px;
    position: absolute;
    left: -35px;
    top: 58px;
}

#gacha .ryuheisan .hand-r
{
    display: block;
    width: 47px;
    height: 41px;
    background-image: url("./../img/sp/gacha/ryuheisan_hand_r.png");
    background-repeat: no-repeat;
    background-size: 47px 41px;
    background-position: 0px 0px;
    position: absolute;
    left: 53px;
    top: 54px;
}

#gacha .ryuheisan.shake
{
    -webkit-animation: shake 0.12s linear 0s 2 normal;
    animation: shake 0.12s linear 0s 2 normal;
}

#gacha .ryuheisan.shake .hand-l
{
    -webkit-animation: hand-kurukuru-1 0.15s ease-out 0.05s 3 normal;
    animation: hand-kurukuru-1 0.15s ease-out 0.05s 3 normal;
}

#gacha .ryuheisan.shake .hand-r
{
    -webkit-animation: hand-kurukuru-1 0.15s ease-out 0s 3 normal;
    animation: hand-kurukuru-1 0.15s ease-out 0s 3 normal;
}

#gacha .shout
{
    z-index: 1;
    position: absolute;
    left: 11px;
    top: 111px;
}

#gacha .shout .shout-bg
{
    display: block;
    width: 166px;
    height: 127px;
    background-image: url("./../img/sp/gacha/shout_bg.png");
    background-repeat: no-repeat;
    background-size: 166px 127px;
    background-position: 0px 0px;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

#gacha .shout .shout-text
{
    display: block;
    width: 116.5px;
    height: 39.5px;
    background-image: url("./../img/sp/gacha/shout_txt.png");
    background-repeat: no-repeat;
    background-size: 116.5px 39.5px;
    background-position: 0px 0px;
    position: absolute;
    left: 26px;
    top: 45px;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    text-indent: 200px;
}

#gacha .wrap-img
{
    position: absolute;
    top: 234px;
}

#gacha .wrap-img .kamifubuki
{
    display: block;
    width: 320px;
    height: 416px;
    background-image: url("./../img/sp/gacha/kamifubuki.png");
    background-repeat: no-repeat;
    background-size: 320px 416px;
    background-position: 0px 0px;
    position: absolute;
    left: 0px;
    top: -167px;
}

#gacha .wrap-img .photo
{
    display: block;
    width: 257.5px;
    height: 186.5px;
    background-image: url("./../img/sp/gacha/photo.png");
    background-repeat: no-repeat;
    background-size: 257.5px 186.5px;
    background-position: 0px 0px;
    position: absolute;
    left: -2px;
    top: 0px;
}

#gacha .wrap-img .gabu
{
    display: block;
    width: 113px;
    height: 98.5px;
    background-image: url("./../img/sp/gacha/gabu.png");
    background-repeat: no-repeat;
    background-size: 113px 98.5px;
    background-position: 0px 0px;
    position: absolute;
    left: 203px;
    top: -4px;
    z-index: 2;
}

#gacha .wrap-img .rushi
{
    display: block;
    width: 116px;
    height: 105px;
    background-image: url("./../img/sp/gacha/rushi.png");
    background-repeat: no-repeat;
    background-size: 116px 105px;
    background-position: 0px 0px;
    position: absolute;
    left: 9px;
    top: 126px;
    z-index: 2;
    -webkit-transform-origin: 50% 80%;
    transform-origin: 50% 80%;
}

#gacha .wrap-img .rira
{
    display: block;
    width: 158px;
    height: 139px;
    background-image: url("./../img/sp/gacha/rira.png");
    background-repeat: no-repeat;
    background-size: 158px 139px;
    background-position: 0px 0px;
    position: absolute;
    left: 164px;
    top: 108px;
    z-index: 2;
    -webkit-transform-origin: 50% 90%;
    transform-origin: 50% 90%;
}

#gacha h4
{
    display: block;
    width: 172.5px;
    height: 40px;
    background-image: url("./../img/sp/gacha/h4.png");
    background-repeat: no-repeat;
    background-size: 172.5px 40px;
    background-position: 0px 0px;
    position: absolute;
    left: 73px;
    top: 493px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#gacha .btn-to-detail
{
    width: 281px;
    height: 51.5px;
    background-color: rgba(240, 165, 0, 0.75);
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#gacha .btn-to-detail .attention
{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(255, 255, 255, 0);
    -webkit-animation: blink 0.5s ease-in 0.3s infinite alternate;
    animation: blink 0.5s ease-in 0.3s infinite alternate;
}

@keyframes blink
{
    0%
    {
        background-color: rgba(255, 255, 255, 0);
    }

    100%
    {
        background-color: rgba(255, 255, 255, 0.4);
    }
}

#gacha .btn-to-detail:after
{
    content: " ";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url(./../../common/img/sp/btn_to_detail.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

#gacha .btn-to-detail
{
    position: absolute;
    left: 0;
    top: auto;
    right: 0;
    bottom: 23px;
    margin: 0 auto;
}

.message-2
{
    width: 320px;
    height: 40px;
    background-color: #000;
    background-image: url(./../img/sp/message/2.png);
    background-repeat: no-repeat;
    background-size: 274px 17px;
    background-position: 50%;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

.new-attention
{
    display: block;
    width: 47px;
    height: 47px;
    background-image: url("./../img/sp/new/new_bg.png");
    background-repeat: no-repeat;
    background-size: 47px 47px;
    background-position: 0px 0px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1;
}

@-webkit-keyframes jump
{
    0%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    60%
    {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
    }

    75%
    {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    90%
    {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
    }

    100%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes jump
{
    0%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    60%
    {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
    }

    75%
    {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    90%
    {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
    }

    100%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.new-attention .txt
{
    display: block;
    width: 36px;
    height: 38.5px;
    background-image: url("./../img/sp/new/new_txt.png");
    background-repeat: no-repeat;
    background-size: 36px 38.5px;
    background-position: 0px 0px;
    position: absolute;
    left: 11px;
    top: -2px;
    -webkit-animation: jump 0.8s linear 0s infinite normal;
    animation: jump 0.8s linear 0s infinite normal;
    overflow: hidden;
    text-indent: 46px;
    white-space: nowrap;
}

#halloween
{
    width: 320px;
    height: 220px;
    background-color: #ec6100;
    background-image: url(./../img/sp/halloween/bg.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0%;
}

#halloween h2
{
    display: block;
    width: 265px;
    height: 58.5px;
    background-image: url("./../img/sp/halloween/h2.png");
    background-repeat: no-repeat;
    background-size: 265px 58.5px;
    background-position: 0px 0px;
    position: absolute;
    left: 20px;
    top: 14px;
    right: auto;
    bottom: auto;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    z-index: 1;
}

#halloween .pumpkina
{
    display: block;
    width: 142px;
    height: 114.5px;
    background-image: url("./../img/sp/halloween/pumpkina.png");
    background-repeat: no-repeat;
    background-size: 142px 114.5px;
    background-position: 0px 0px;
    position: absolute;
    left: 4px;
    top: 99px;
}

#halloween .apollo
{
    display: block;
    width: 82.5px;
    height: 79.5px;
    background-image: url("./../img/sp/halloween/apollo.png");
    background-repeat: no-repeat;
    background-size: 82.5px 79.5px;
    background-position: 0px 0px;
    position: absolute;
    left: 78px;
    top: 71px;
}

#halloween .kufurin
{
    display: block;
    width: 88.5px;
    height: 80px;
    background-image: url("./../img/sp/halloween/kufurin.png");
    background-repeat: no-repeat;
    background-size: 88.5px 80px;
    background-position: 0px 0px;
    position: absolute;
    left: 135px;
    top: 92px;
}

#halloween .sindbad
{
    display: block;
    width: 107px;
    height: 97px;
    background-image: url("./../img/sp/halloween/sindbad.png");
    background-repeat: no-repeat;
    background-size: 107px 97px;
    background-position: 0px 0px;
    position: absolute;
    left: 210px;
    top: 73px;
}

#halloween .btn-to-detail
{
    width: 155px;
    height: 34px;
    background-color: rgba(236, 97, 0, 0.75);
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#halloween .btn-to-detail .attention
{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(255, 255, 255, 0);
    -webkit-animation: blink 0.5s ease-in 0.3s infinite alternate;
    animation: blink 0.5s ease-in 0.3s infinite alternate;
}

@keyframes blink
{
    0%
    {
        background-color: rgba(255, 255, 255, 0);
    }

    100%
    {
        background-color: rgba(255, 255, 255, 0.4);
    }
}

#halloween .btn-to-detail:after
{
    content: " ";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url(./../../common/img/sp/btn_to_detail_s.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

#halloween .btn-to-detail
{
    position: absolute;
    left: auto;
    top: auto;
    right: 10px;
    bottom: 15px;
}

#gekijyushinsai
{
    width: 320px;
    height: 220px;
    background-color: #f07662;
    background-image: url(./../img/sp/gekijyushinsai/bg.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0%;
}

#gekijyushinsai h2
{
    display: block;
    width: 265px;
    height: 58.5px;
    background-image: url("./../img/sp/gekijyushinsai/h2.png");
    background-repeat: no-repeat;
    background-size: 265px 58.5px;
    background-position: 0px 0px;
    position: absolute;
    left: 20px;
    top: 14px;
    right: auto;
    bottom: auto;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    z-index: 1;
}

#gekijyushinsai .nightingale-normal
{
    display: block;
    width: 116px;
    height: 167px;
    background-image: url("./../img/sp/gekijyushinsai/nightingale_normal.png");
    background-repeat: no-repeat;
    background-size: 116px 167px;
    background-position: 0px 0px;
    position: absolute;
    left: 22px;
    top: 51px;
}

#gekijyushinsai .nightingale-shinka
{
    display: block;
    width: 90px;
    height: 81.5px;
    background-image: url("./../img/sp/gekijyushinsai/nightingale_shinka.png");
    background-repeat: no-repeat;
    background-size: 90px 81.5px;
    background-position: 0px 0px;
    position: absolute;
    left: 133px;
    top: 87px;
}

#gekijyushinsai .nightingale-kamika
{
    display: block;
    width: 87px;
    height: 77px;
    background-image: url("./../img/sp/gekijyushinsai/nightingale_kamika.png");
    background-repeat: no-repeat;
    background-size: 87px 77px;
    background-position: 0px 0px;
    position: absolute;
    left: 224px;
    top: 91px;
}

#gekijyushinsai .btn-to-detail
{
    width: 155px;
    height: 34px;
    background-color: rgba(240, 118, 98, 0.75);
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#gekijyushinsai .btn-to-detail .attention
{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(255, 255, 255, 0);
    -webkit-animation: blink 0.5s ease-in 0.3s infinite alternate;
    animation: blink 0.5s ease-in 0.3s infinite alternate;
}

@keyframes blink
{
    0%
    {
        background-color: rgba(255, 255, 255, 0);
    }

    100%
    {
        background-color: rgba(255, 255, 255, 0.4);
    }
}

#gekijyushinsai .btn-to-detail:after
{
    content: " ";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url(./../../common/img/sp/btn_to_detail_s.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

#gekijyushinsai .btn-to-detail
{
    position: absolute;
    left: auto;
    top: auto;
    right: 10px;
    bottom: 15px;
}

#yumegacha
{
    width: 320px;
    height: 220px;
    background-color: #0248ce;
    background-image: url(./../img/sp/yumegacha/bg.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0%;
}

#yumegacha h2
{
    display: block;
    width: 185px;
    height: 58.5px;
    background-image: url("./../img/sp/yumegacha/h2.png");
    background-repeat: no-repeat;
    background-size: 185px 58.5px;
    background-position: 0px 0px;
    position: absolute;
    left: 20px;
    top: 14px;
    right: auto;
    bottom: auto;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#yumegacha .bluemonday
{
    display: block;
    width: 147.5px;
    height: 135px;
    background-image: url("./../img/sp/yumegacha/bluemonday.png");
    background-repeat: no-repeat;
    background-size: 147.5px 135px;
    background-position: 0px 0px;
    position: absolute;
    left: 9px;
    top: 77px;
}

#yumegacha .curse
{
    display: block;
    width: 90px;
    height: 90.5px;
    background-image: url("./../img/sp/yumegacha/curse.png");
    background-repeat: no-repeat;
    background-size: 90px 90.5px;
    background-position: 0px 0px;
    position: absolute;
    left: 158px;
    top: 76px;
}

#yumegacha .totem
{
    display: block;
    width: 65px;
    height: 57.5px;
    background-image: url("./../img/sp/yumegacha/totem.png");
    background-repeat: no-repeat;
    background-size: 65px 57.5px;
    background-position: 0px 0px;
    position: absolute;
    left: 250px;
    top: 102px;
}

#yumegacha .furin
{
    display: block;
    width: 62px;
    height: 57px;
    background-image: url("./../img/sp/yumegacha/furin.png");
    background-repeat: no-repeat;
    background-size: 62px 57px;
    background-position: 0px 0px;
    position: absolute;
    left: 244px;
    top: 38px;
}

#yumegacha .yumedama-1
{
    display: block;
    width: 33.5px;
    height: 33px;
    background-image: url("./../img/sp/yumegacha/yumedama_1.png");
    background-repeat: no-repeat;
    background-size: 33.5px 33px;
    background-position: 0px 0px;
    position: absolute;
    left: 215px;
    top: 20px;
}

#yumegacha .yumedama-2
{
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("./../img/sp/yumegacha/yumedama_2.png");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 0px 0px;
    position: absolute;
    left: 250px;
    top: 11px;
}

#yumegacha .btn-to-detail
{
    width: 155px;
    height: 34px;
    background-color: rgba(2, 72, 206, 0.75);
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#yumegacha .btn-to-detail .attention
{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(255, 255, 255, 0);
    -webkit-animation: blink 0.5s ease-in 0.3s infinite alternate;
    animation: blink 0.5s ease-in 0.3s infinite alternate;
}

@keyframes blink
{
    0%
    {
        background-color: rgba(255, 255, 255, 0);
    }

    100%
    {
        background-color: rgba(255, 255, 255, 0.4);
    }
}

#yumegacha .btn-to-detail:after
{
    content: " ";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url(./../../common/img/sp/btn_to_detail_s.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

#yumegacha .btn-to-detail
{
    position: absolute;
    left: auto;
    top: auto;
    right: 10px;
    bottom: 15px;
}

#jyushinka
{
    width: 320px;
    height: 220px;
    background-color: #01a48b;
    background-image: url(./../img/sp/jyushinka/bg.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0%;
}

#jyushinka h2
{
    display: block;
    width: 161.5px;
    height: 58px;
    background-image: url("./../img/sp/jyushinka/h2.png");
    background-repeat: no-repeat;
    background-size: 161.5px 58px;
    background-position: 0px 0px;
    position: absolute;
    left: 20px;
    top: 14px;
    right: auto;
    bottom: auto;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#jyushinka .uriel-1
{
    display: block;
    width: 99px;
    height: 89px;
    background-image: url("./../img/sp/jyushinka/uriel_1.png");
    background-repeat: no-repeat;
    background-size: 99px 89px;
    background-position: 0px 0px;
    position: absolute;
    left: 181px;
    top: 17px;
}

#jyushinka .uriel-2
{
    display: block;
    width: 99px;
    height: 88.5px;
    background-image: url("./../img/sp/jyushinka/uriel_2.png");
    background-repeat: no-repeat;
    background-size: 99px 88.5px;
    background-position: 0px 0px;
    position: absolute;
    left: 217px;
    top: 64px;
}

#jyushinka .satan
{
    display: block;
    width: 135px;
    height: 121px;
    background-image: url("./../img/sp/jyushinka/satan.png");
    background-repeat: no-repeat;
    background-size: 135px 121px;
    background-position: 0px 0px;
    position: absolute;
    left: 7px;
    top: 78px;
}

#jyushinka .gimlet
{
    display: block;
    width: 127.5px;
    height: 114.5px;
    background-image: url("./../img/sp/jyushinka/gimlet.png");
    background-repeat: no-repeat;
    background-size: 127.5px 114.5px;
    background-position: 0px 0px;
    position: absolute;
    left: 104px;
    top: 84px;
}

#jyushinka .btn-to-detail
{
    width: 155px;
    height: 34px;
    background-color: rgba(1, 164, 139, 0.75);
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#jyushinka .btn-to-detail .attention
{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(255, 255, 255, 0);
    -webkit-animation: blink 0.5s ease-in 0.3s infinite alternate;
    animation: blink 0.5s ease-in 0.3s infinite alternate;
}

@keyframes blink
{
    0%
    {
        background-color: rgba(255, 255, 255, 0);
    }

    100%
    {
        background-color: rgba(255, 255, 255, 0.4);
    }
}

#jyushinka .btn-to-detail:after
{
    content: " ";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url(./../../common/img/sp/btn_to_detail_s.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

#jyushinka .btn-to-detail
{
    position: absolute;
    left: auto;
    top: auto;
    right: 10px;
    bottom: 15px;
}

#korin
{
    width: 320px;
    height: 220px;
    background-color: #f05388;
    background-image: url(./../img/sp/korin/bg.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0%;
}

#korin h2
{
    display: block;
    width: 197px;
    height: 58px;
    background-image: url("./../img/sp/korin/h2.png");
    background-repeat: no-repeat;
    background-size: 197px 58px;
    background-position: 0px 0px;
    position: absolute;
    left: 20px;
    top: 15px;
    right: auto;
    bottom: auto;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#korin .birthday-shinka
{
    display: block;
    width: 153.5px;
    height: 139px;
    background-image: url("./../img/sp/korin/birthday_shinka.png");
    background-repeat: no-repeat;
    background-size: 153.5px 139px;
    background-position: 0px 0px;
    position: absolute;
    left: 12px;
    top: 75px;
}

#korin .birthday-normal
{
    display: block;
    width: 130.5px;
    height: 108px;
    background-image: url("./../img/sp/korin/birthday_normal.png");
    background-repeat: no-repeat;
    background-size: 130.5px 108px;
    background-position: 0px 0px;
    position: absolute;
    left: 181px;
    top: 60px;
}

#korin .btn-to-detail
{
    width: 155px;
    height: 34px;
    background-color: rgba(240, 83, 136, 0.75);
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#korin .btn-to-detail .attention
{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(255, 255, 255, 0);
    -webkit-animation: blink 0.5s ease-in 0.3s infinite alternate;
    animation: blink 0.5s ease-in 0.3s infinite alternate;
}

@keyframes blink
{
    0%
    {
        background-color: rgba(255, 255, 255, 0);
    }

    100%
    {
        background-color: rgba(255, 255, 255, 0.4);
    }
}

#korin .btn-to-detail:after
{
    content: " ";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url(./../../common/img/sp/btn_to_detail_s.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

#korin .btn-to-detail
{
    position: absolute;
    left: auto;
    top: auto;
    right: 10px;
    bottom: 15px;
}

#comingsoon
{
    width: 320px;
    height: 135px;
    background-color: #2d3133;
    background-image: url(./../img/sp/comingsoon/bg.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0%;
}

#comingsoon h3
{
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    display: block;
    width: 187px;
    height: 54px;
    background-image: url("./../img/sp/comingsoon/h3.png");
    background-repeat: no-repeat;
    background-size: 187px 54px;
    background-position: 0px 0px;
    left: 0;
    right: 0;
    top: 3px;
    bottom: 0;
    position: absolute;
    margin: auto;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#movie
{
    width: 320px;
    background-color: white;
    padding-bottom: 10px;
    text-align: center;
    background-image: url(./../img/sp/movie/bg.jpg);
    background-size: 100% auto;
    background-position: 0 40px;
}

#movie h2
{
    width: 100%;
    height: 40px;
    background-color: #000;
    background-image: url(./../img/sp/movie/h2.png);
    background-repeat: no-repeat;
    background-size: 139.5px 14px;
    background-position: 50%;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#movie .slider
{
    margin-top: 20px;
}

#movie .slider ul li
{
    display: inline-block;
}

#movie .slider ul li img
{
    width: 280px;
    height: 174px;
    margin: 0 auto;
}

#movie .slider ul .slick-prev, #movie .slider ul .slick-next
{
    display: none !important;
}

#movie .slider ul .slick-dots
{
    margin-top: 10px;
}

#movie .slider ul .slick-dots li
{
    display: inline-block !important;
    display: block;
    width: 13px;
    height: 13px;
    background-image: url("./../img/sp/movie/bit.png");
    background-repeat: no-repeat;
    background-size: 13px 13px;
    background-position: 0px 0px;
}

#movie .slider ul .slick-dots li.slick-active
{
    display: block;
    width: 13px;
    height: 13px;
    background-image: url("./../img/sp/movie/bit_focus.png");
    background-repeat: no-repeat;
    background-size: 13px 13px;
    background-position: 0px 0px;
}

#movie .slider ul .slick-dots button
{
    color: transparent;
}

#movie .page
{
    margin: 5px 20px 0;
    text-align: center;
    line-height: 0;
}

#movie .page ul
{
    width: 100%;
    height: 100%;
}

#movie .page ul li
{
    display: inline-block;
    width: 13px;
    height: 13px;
}

#movie .page ul li a
{
    display: block;
    display: block;
    width: 13px;
    height: 13px;
    background-image: url("./../img/sp/movie/bit.png");
    background-repeat: no-repeat;
    background-size: 13px 13px;
    background-position: 0px 0px;
}

#movie .page ul li a.focus
{
    background-image: url("./../img/sp/movie/bit_focus.png");
}