#mv
{
    background-color: #f0a500;
    display: block;
    width: 320px;
    height: 409.5px;
    background-image: url("./../img/sp/mv/bg.jpg");
    background-repeat: no-repeat;
    background-size: 320px 409.5px;
    background-position: 0px 0px;
}

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

#mv .wrap-img .photo
{
    display: block;
    width: 170px;
    height: 134px;
    background-image: url("./../img/sp/mv/photo.png");
    background-repeat: no-repeat;
    background-size: 170px 134px;
    background-position: 0px 0px;
    position: absolute;
    left: 187px;
    top: 159px;
}

#mv .wrap-img .gabu
{
    display: block;
    width: 88px;
    height: 79.5px;
    background-image: url("./../img/sp/mv/gabu.png");
    background-repeat: no-repeat;
    background-size: 88px 79.5px;
    background-position: 0px 0px;
    position: absolute;
    right: -14px;
    top: 104px;
}

#mv .wrap-img .rushi
{
    display: block;
    width: 78px;
    height: 70px;
    background-image: url("./../img/sp/mv/rushi.png");
    background-repeat: no-repeat;
    background-size: 78px 70px;
    background-position: 0px 0px;
    position: absolute;
    right: -32px;
    top: 284px;
}

#mv .wrap-img .rira
{
    display: block;
    width: 141px;
    height: 124px;
    background-image: url("./../img/sp/mv/rira.png");
    background-repeat: no-repeat;
    background-size: 141px 124px;
    background-position: 0px 0px;
    position: absolute;
    left: -8px;
    top: 203px;
}

#mv .wrap-img .ryuheisan
{
    display: block;
    width: 214px;
    height: 193px;
    background-image: url("./../img/sp/mv/ryuheisan.png");
    background-repeat: no-repeat;
    background-size: 214px 193px;
    background-position: 0px 0px;
    position: absolute;
    left: 60px;
    top: 143px;
}

#mv .btn-to-join
{
    display: block;
    width: 71px;
    height: 71px;
    background-image: url("./../img/sp/mv/btn_to_join_bg.png");
    background-repeat: no-repeat;
    background-size: 71px 71px;
    background-position: 0px 0px;
    position: absolute;
    left: 225px;
    top: 255px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#mv .wrap-shout
{
    position: absolute;
    left: 8px;
    top: 111px;
}

#mv .wrap-shout .shout-bg
{
    display: block;
    width: 124px;
    height: 100px;
    background-image: url("./../img/sp/mv/shout_bg.png");
    background-repeat: no-repeat;
    background-size: 124px 100px;
    background-position: 0px 0px;
    position: absolute;
    left: 0px;
    top: 0px;
}

#mv .wrap-shout .shout-txt
{
    display: block;
    width: 67.5px;
    height: 37.5px;
    background-image: url("./../img/sp/mv/shout_txt.png");
    background-repeat: no-repeat;
    background-size: 67.5px 37.5px;
    background-position: 0px 0px;
    position: absolute;
    left: 32px;
    top: 30px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    text-indent: 200px;
}

#mv .wrap-btn
{
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
}

#mv .wrap-btn .app-icon
{
    display: block;
    width: 78px;
    height: 78px;
    background-image: url("./../../common/img/sp/app/icon_app.png");
    background-repeat: no-repeat;
    background-size: 78px 78px;
    background-position: 0px 0px;
    position: absolute;
    left: 125px;
    top: auto;
    right: auto;
    bottom: 59px;
    z-index: 2;
}

#mv .wrap-btn .btn-to-store,
    #mv .wrap-btn .btn-to-app
{
    background-color: rgba(240, 165, 0, 0.75);
    display: block;
}

#mv .wrap-btn .btn-to-store .attention,
      #mv .wrap-btn .btn-to-app .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);
    }
}

#mv .wrap-btn .btn-to-store p,
      #mv .wrap-btn .btn-to-app p
{
    width: 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#mv .wrap-btn .btn-to-app
{
    width: 290px;
    height: 118px;
    display: block;
    width: 145px;
    height: 59px;
    background-image: url("./../../common/img/sp/app/btn_to_app.png");
    background-repeat: no-repeat;
    background-size: 145px 59px;
    background-position: 0px 0px;
    position: absolute;
    left: 10px;
    top: auto;
    right: auto;
    bottom: 19px;
}

#mv .wrap-btn .btn-to-store
{
    width: 290px;
    height: 118px;
    display: block;
    width: 145px;
    height: 59px;
    background-image: url("./../../common/img/sp/app/btn_to_install.png");
    background-repeat: no-repeat;
    background-size: 145px 59px;
    background-position: 0px 0px;
    position: absolute;
    left: auto;
    top: auto;
    right: 10px;
    bottom: 19px;
}

#mv.isPC
{
    height: 335.5px;
}

#mv.isPC .wrap-img .rushi
{
    top: 264px;
}

#mv.isPC .wrap-btn
{
    display: none;
}

#intro
{
    background-color: #f0a500;
    padding-bottom: 31px;
}

#intro h3
{
    display: block;
    width: 320px;
    height: 88px;
    background-image: url("./../img/sp/intro/h3.png");
    background-repeat: no-repeat;
    background-size: 320px 88px;
    background-position: 0px 0px;
    left: 0px;
    top: 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#intro h4
{
    display: block;
    width: 280px;
    height: 91px;
    background-image: url("./../img/sp/intro/h4.png");
    background-repeat: no-repeat;
    background-size: 280px 91px;
    background-position: 0px 0px;
    margin: 24px auto 0;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#intro .ryuheisan-txt
{
    display: block;
    width: 280px;
    height: 88.5px;
    background-image: url("./../img/sp/intro/ryuheisan_txt.png");
    background-repeat: no-repeat;
    background-size: 280px 88.5px;
    background-position: 0px 0px;
    margin: 25px auto 0;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#intro .chara
{
    display: block;
    width: 320px;
    height: 511px;
    background-image: url("./../img/sp/intro/chara.png");
    background-repeat: no-repeat;
    background-size: 320px 511px;
    background-position: 0px 0px;
    margin: 6px auto 0;
}

#intro .link-to-detail
{
    display: block;
    width: 194.5px;
    height: 12px;
    background-image: url("./../img/sp/intro/link_to_detail.png");
    background-repeat: no-repeat;
    background-size: 194.5px 12px;
    background-position: 0px 0px;
    margin: 44px auto 0;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#sugoi
{
    background-color: #f0a500;
    padding-bottom: 29px;
}

#sugoi h3
{
    display: block;
    width: 320px;
    height: 88px;
    background-image: url("./../img/sp/sugoi/h3.png");
    background-repeat: no-repeat;
    background-size: 320px 88px;
    background-position: 0px 0px;
    left: 0px;
    top: 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#sugoi .wrap-step
{
    width: 100%;
    height: auto;
    overflow: hidden;
}

#sugoi .wrap-step .step-1
{
    display: block;
    width: 280px;
    height: 180px;
    background-image: url("./../img/sp/sugoi/step_1.png");
    background-repeat: no-repeat;
    background-size: 280px 180px;
    background-position: 0px 0px;
    margin: 26px auto 0;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#sugoi .wrap-step .step-2
{
    display: block;
    width: 280px;
    height: 181px;
    background-image: url("./../img/sp/sugoi/step_2.png");
    background-repeat: no-repeat;
    background-size: 280px 181px;
    background-position: 0px 0px;
    margin: 14px auto 0;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#sugoi .wrap-step .step-3
{
    display: block;
    width: 280px;
    height: 183px;
    background-image: url("./../img/sp/sugoi/step_3.png");
    background-repeat: no-repeat;
    background-size: 280px 183px;
    background-position: 0px 0px;
    margin: 13px auto 0;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#sugoi .wrap-step .ryuheisan-txt
{
    display: block;
    width: 247px;
    height: 125px;
    background-image: url("./../img/sp/sugoi/ryuheisan_txt.png");
    background-repeat: no-repeat;
    background-size: 247px 125px;
    background-position: 0px 0px;
    margin: 29px auto 0;
    left: -3px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#sugoi .wrap-sugoi .sugoi-txt
{
    display: block;
    width: 320px;
    height: 294px;
    background-image: url("./../img/sp/sugoi/sugoi_txt.png");
    background-repeat: no-repeat;
    background-size: 320px 294px;
    background-position: 0px 0px;
    margin: 29px auto 0;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#sugoi .wrap-sugoi .sugoi-img
{
    display: block;
    width: 320px;
    height: 528px;
    background-image: url("./../img/sp/sugoi/sugoi_img.png");
    background-repeat: no-repeat;
    background-size: 320px 528px;
    background-position: 0px 0px;
    margin: 0 auto;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#sugoi .wrap-sugoi .btn-to-chozetsu
{
    display: block;
    width: 180px;
    height: 44px;
    background-image: url("./../img/sp/sugoi/btn_to_chozetsu.png");
    background-repeat: no-repeat;
    background-size: 180px 44px;
    background-position: 0px 0px;
    margin: 12px auto 0;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#join
{
    background-color: #FFF;
    padding-bottom: 13px;
}

#join h3
{
    display: block;
    width: 76px;
    height: 19px;
    background-image: url("./../img/sp/join/h3.png");
    background-repeat: no-repeat;
    background-size: 76px 19px;
    background-position: 0px 0px;
    width: 100%;
    height: 60px;
    background-position: 50% 50%;
    background-color: #e60012;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#join .step-1
{
    display: block;
    width: 280.5px;
    height: 328px;
    background-image: url("./../img/sp/join/step_1.png");
    background-repeat: no-repeat;
    background-size: 280.5px 328px;
    background-position: 0px 0px;
    margin: 24px auto 0;
    padding-bottom: 26px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#join .step-2
{
    display: block;
    width: 290px;
    height: 397px;
    background-image: url("./../img/sp/join/step_2.png");
    background-repeat: no-repeat;
    background-size: 290px 397px;
    background-position: 0px 0px;
    margin: 25px auto 18px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#join .step-3
{
    display: block;
    width: 290px;
    height: 291px;
    background-image: url("./../img/sp/join/step_3.png");
    background-repeat: no-repeat;
    background-size: 290px 291px;
    background-position: 0px 0px;
    margin: 26px auto 24px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#chozetsu
{
    background-color: #00ad9c;
}

#chozetsu h3
{
    width: 100%;
    height: 50px;
    background-color: #000;
}

#chozetsu h3 a
{
    display: block;
    width: 140px;
    height: 29px;
    background-image: url("./../img/sp/chozetsu/h3.png");
    background-repeat: no-repeat;
    background-size: 140px 29px;
    background-position: 0px 0px;
    width: 100%;
    height: 50px;
    background-position: 45% 50%;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#chozetsu h3 a:after
{
    content: " ";
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("./../img/sp/sugoi/btn_open.png");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 0px 0px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    right: 10px;
}

#chozetsu h3 a.opened:after
{
    content: " ";
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("./../img/sp/sugoi/btn_close.png");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 0px 0px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    right: 10px;
}

#chozetsu .wrap-content
{
    overflow: hidden;
}

#chozetsu .wrap-content .description
{
    display: block;
    width: 320px;
    height: 347px;
    background-image: url("./../img/sp/chozetsu/description.png");
    background-repeat: no-repeat;
    background-size: 320px 347px;
    background-position: 0px 0px;
    margin: 16px auto 0;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#chozetsu .wrap-content .ryuheisan
{
    display: block;
    width: 305px;
    height: 101px;
    background-image: url("./../img/sp/chozetsu/ryuheisan.png");
    background-repeat: no-repeat;
    background-size: 305px 101px;
    background-position: 0px 0px;
    margin: -24px auto 0 0px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

hr.partition-big
{
    display: block;
    width: 320px;
    height: 6px;
    background-image: url("./../img/sp/chozetsu/partition.png");
    background-repeat: no-repeat;
    background-size: 320px 6px;
    background-position: 0px 0px;
    margin: -1px auto;
    display: block;
}