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

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

#mv .wrap-img
{
    width: 100%;
    height: 100%;
}

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

#mv .wrap-img .apollo
{
    display: block;
    width: 90px;
    height: 85.5px;
    background-image: url("./../img/sp/mv/apollo.png");
    background-repeat: no-repeat;
    background-size: 90px 85.5px;
    background-position: 0px 0px;
    position: absolute;
    left: 227px;
    top: 112px;
}

#mv .wrap-img .nekonyannyan
{
    display: block;
    width: 101px;
    height: 86px;
    background-image: url("./../img/sp/mv/nekonyannyan.png");
    background-repeat: no-repeat;
    background-size: 101px 86px;
    background-position: 0px 0px;
    position: absolute;
    left: -3px;
    top: 218px;
}

#mv .wrap-img .pumpkina
{
    display: block;
    width: 182.5px;
    height: 146px;
    background-image: url("./../img/sp/mv/pumpkina.png");
    background-repeat: no-repeat;
    background-size: 182.5px 146px;
    background-position: 0px 0px;
    position: absolute;
    left: -18px;
    top: 101px;
}

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

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

#mv .btn-to-about
{
    display: block;
    width: 102px;
    height: 102px;
    background-image: url("./../img/sp/mv/btn_to_about.png");
    background-repeat: no-repeat;
    background-size: 102px 102px;
    background-position: 0px 0px;
    position: absolute;
    left: 198px;
    top: 242px;
    overflow: hidden;
    text-indent: 112px;
    white-space: nowrap;
}

#mv .wrap-shout
{
    position: absolute;
    left: 5px;
    top: 258px;
}

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

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

#korin
{
    background-color: #ec6100;
    padding-bottom: 20px;
}

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

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

#korin .pumpkina-normal
{
    display: block;
    width: 281px;
    height: 296.5px;
    background-image: url("./../img/sp/korin/pumpkina_normal.png");
    background-repeat: no-repeat;
    background-size: 281px 296.5px;
    background-position: 0px 0px;
    margin: 29px auto 0;
    left: 0px;
    overflow: hidden;
    text-indent: 291px;
    white-space: nowrap;
}

#korin .pumpkina-shinka
{
    display: block;
    width: 279.5px;
    height: 366.5px;
    background-image: url("./../img/sp/korin/pumpkina_shinka.png");
    background-repeat: no-repeat;
    background-size: 279.5px 366.5px;
    background-position: 0px 0px;
    margin: 40px auto 0;
    left: -1px;
    overflow: hidden;
    text-indent: 289.5px;
    white-space: nowrap;
}

#korin .pumpkina-bnr
{
    display: block;
    width: 280px;
    height: 74.5px;
    background-image: url("./../img/sp/korin/pumpkina_bnr.png");
    background-repeat: no-repeat;
    background-size: 280px 74.5px;
    background-position: 0px 0px;
    margin: 40px auto 0;
    left: 0px;
    overflow: hidden;
    text-indent: 290px;
    white-space: nowrap;
}

#korin .nekonyannyan-normal
{
    display: block;
    width: 258.5px;
    height: 293.5px;
    background-image: url("./../img/sp/korin/nekonyannyan_normal.png");
    background-repeat: no-repeat;
    background-size: 258.5px 293.5px;
    background-position: 0px 0px;
    margin: 41px auto 0;
    left: 0px;
    overflow: hidden;
    text-indent: 268.5px;
    white-space: nowrap;
}

#korin .nekonyannyan-shinka
{
    display: block;
    width: 280px;
    height: 364px;
    background-image: url("./../img/sp/korin/nekonyannyan_shinka.png");
    background-repeat: no-repeat;
    background-size: 280px 364px;
    background-position: 0px 0px;
    margin: 39px auto 0;
    left: 0px;
    overflow: hidden;
    text-indent: 290px;
    white-space: nowrap;
}

#korin .nekonyannyan-bnr
{
    display: block;
    width: 280px;
    height: 74px;
    background-image: url("./../img/sp/korin/nekonyannyan_bnr.png");
    background-repeat: no-repeat;
    background-size: 280px 74px;
    background-position: 0px 0px;
    margin: 41px auto 0;
    left: 2px;
    overflow: hidden;
    text-indent: 290px;
    white-space: nowrap;
}

#korin .ryuheisan
{
    display: block;
    width: 270px;
    height: 130.5px;
    background-image: url("./../img/sp/korin/ryuheisan_txt.png");
    background-repeat: no-repeat;
    background-size: 270px 130.5px;
    background-position: 0px 0px;
    margin: 40px auto 0;
    left: 0px;
    overflow: hidden;
    text-indent: 280px;
    white-space: nowrap;
}

#korin .notice
{
    display: block;
    width: 198px;
    height: 20.5px;
    background-image: url("./../img/sp/korin/notice.png");
    background-repeat: no-repeat;
    background-size: 198px 20.5px;
    background-position: 0px 0px;
    margin: 20px auto 0;
    left: 0px;
    overflow: hidden;
    text-indent: 208px;
    white-space: nowrap;
}

#korin .link-to-detail
{
    display: block;
    width: 161px;
    height: 16px;
    background-image: url("./../img/sp/korin/link_to_detail.png");
    background-repeat: no-repeat;
    background-size: 161px 16px;
    background-position: 0px 0px;
    margin: 20px auto 0;
    overflow: hidden;
    text-indent: 171px;
    white-space: nowrap;
}

#gacha
{
    background-color: #ec6100;
    padding-bottom: 20px;
}

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

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

#gacha .apollox
{
    display: block;
    width: 280.5px;
    height: 492px;
    background-image: url("./../img/sp/gacha/apoliox.png");
    background-repeat: no-repeat;
    background-size: 280.5px 492px;
    background-position: 0px 0px;
    margin: 39px auto 0;
    left: -1px;
    overflow: hidden;
    text-indent: 290.5px;
    white-space: nowrap;
}

#gacha .sindbad
{
    display: block;
    width: 282px;
    height: 488px;
    background-image: url("./../img/sp/gacha/sindbad.png");
    background-repeat: no-repeat;
    background-size: 282px 488px;
    background-position: 0px 0px;
    margin: 40px auto 0;
    left: -2px;
    overflow: hidden;
    text-indent: 292px;
    white-space: nowrap;
}

#gacha .apollo
{
    display: block;
    width: 279px;
    height: 489px;
    background-image: url("./../img/sp/gacha/apollo.png");
    background-repeat: no-repeat;
    background-size: 279px 489px;
    background-position: 0px 0px;
    margin: 39px auto 0;
    left: 0px;
    overflow: hidden;
    text-indent: 289px;
    white-space: nowrap;
}

#gacha .kufurin
{
    display: block;
    width: 280.5px;
    height: 481px;
    background-image: url("./../img/sp/gacha/kufurin.png");
    background-repeat: no-repeat;
    background-size: 280.5px 481px;
    background-position: 0px 0px;
    margin: 40px auto 0;
    left: -1px;
    overflow: hidden;
    text-indent: 290.5px;
    white-space: nowrap;
}

#gacha .ryuheisan
{
    display: block;
    width: 265px;
    height: 128px;
    background-image: url("./../img/sp/gacha/ryuheisan_txt.png");
    background-repeat: no-repeat;
    background-size: 265px 128px;
    background-position: 0px 0px;
    margin: 40px auto 0;
    left: 3px;
    overflow: hidden;
    text-indent: 275px;
    white-space: nowrap;
}

#gacha .notice
{
    display: block;
    width: 163px;
    height: 20.5px;
    background-image: url("./../img/sp/gacha/notice.png");
    background-repeat: no-repeat;
    background-size: 163px 20.5px;
    background-position: 0px 0px;
    margin: 20px auto 0;
    left: 2px;
    overflow: hidden;
    text-indent: 173px;
    white-space: nowrap;
}

#gacha .link-to-detail
{
    display: block;
    width: 161px;
    height: 15.5px;
    background-image: url("./../img/sp/gacha/link_to_detail.png");
    background-repeat: no-repeat;
    background-size: 161px 15.5px;
    background-position: 0px 0px;
    margin: 20px auto 0;
    overflow: hidden;
    text-indent: 171px;
    white-space: nowrap;
}

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

#about h3
{
    display: block;
    width: 320px;
    height: 50px;
}

#about h3 a
{
    width: 100%;
    height: 100%;
    display: block;
    background-image: url(./../img/sp/about/h3.png);
    background-repeat: no-repeat;
    background-size: auto 25px;
    background-position: center;
    background-color: #000;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#about h3 a:after
{
    content: " ";
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("./../img/sp/about/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;
}

#about h3 a.opened:after
{
    content: " ";
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("./../img/sp/about/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;
}

#about .btn
{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -11px;
    margin-left: 130px;
    width: 20px;
    height: 20px;
}

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

#about .wrap-content .block-1
{
    display: block;
    width: 305px;
    height: 311px;
    background-image: url("./../img/sp/about/block_1.png");
    background-repeat: no-repeat;
    background-size: 305px 311px;
    background-position: 0px 0px;
    margin: 29px auto 0;
    left: -4px;
    overflow: hidden;
    text-indent: 315px;
    white-space: nowrap;
}

#about .wrap-content .block-2
{
    display: block;
    width: 319.5px;
    height: 264px;
    background-image: url("./../img/sp/about/block_2.png");
    background-repeat: no-repeat;
    background-size: 319.5px 264px;
    background-position: 0px 0px;
    margin: 3px auto 0;
    left: 0px;
    overflow: hidden;
    text-indent: 329.5px;
    white-space: nowrap;
}

#about .wrap-content .block-3
{
    display: block;
    width: 279.5px;
    height: 109px;
    background-image: url("./../img/sp/about/block_3.png");
    background-repeat: no-repeat;
    background-size: 279.5px 109px;
    background-position: 0px 0px;
    margin: 11px auto 0;
    overflow: hidden;
    text-indent: 289.5px;
    white-space: nowrap;
}

#about .wrap-content .ryuheisan
{
    display: block;
    width: 227px;
    height: 107px;
    background-image: url("./../img/sp/about/ryuheisan_txt.png");
    background-repeat: no-repeat;
    background-size: 227px 107px;
    background-position: 0px 0px;
    margin: 15px auto 0;
    padding-bottom: 27px;
    overflow: hidden;
    text-indent: 237px;
    white-space: nowrap;
}