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

#mv h2
{
    display: block;
    width: 280px;
    height: 97px;
    background-image: url("./../img/sp/mv/h2.png");
    background-repeat: no-repeat;
    background-size: 280px 97px;
    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 .nightingale-set
{
    display: block;
    width: 320px;
    height: 293px;
    background-image: url("./../img/sp/mv/nightingale_set.png");
    background-repeat: no-repeat;
    background-size: 320px 293px;
    background-position: 0px 0px;
    position: absolute;
    left: 0px;
    top: 66px;
}

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

#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: 20px;
    top: 246px;
    overflow: hidden;
    text-indent: 112px;
    white-space: nowrap;
}

#mv .wrap-shout
{
    position: absolute;
    left: 188px;
    top: 281px;
}

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

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

#new
{
    background-color: #f07662;
    padding-bottom: 39px;
}

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

#new .nightingale-normal
{
    display: block;
    width: 190px;
    height: 321.5px;
    background-image: url("./../img/sp/new/nightingale_normal.png");
    background-repeat: no-repeat;
    background-size: 190px 321.5px;
    background-position: 0px 0px;
    margin: 46px auto 0;
    left: 2px;
    overflow: hidden;
    text-indent: 200px;
    white-space: nowrap;
}

#new .nightingale-shinka
{
    display: block;
    width: 297px;
    height: 360.5px;
    background-image: url("./../img/sp/new/nightingale_shinka.png");
    background-repeat: no-repeat;
    background-size: 297px 360.5px;
    background-position: 0px 0px;
    margin: 31px auto 0;
    left: 2px;
    overflow: hidden;
    text-indent: 307px;
    white-space: nowrap;
}

#new .nightingale-kamika
{
    display: block;
    width: 293.5px;
    height: 363px;
    background-image: url("./../img/sp/new/nightingale_kamika.png");
    background-repeat: no-repeat;
    background-size: 293.5px 363px;
    background-position: 0px 0px;
    margin: 44px auto 0;
    left: 3px;
    overflow: hidden;
    text-indent: 303.5px;
    white-space: nowrap;
}

#new .ryuheisan
{
    display: block;
    width: 216px;
    height: 113px;
    background-image: url("./../img/sp/new/ryuheisan_txt.png");
    background-repeat: no-repeat;
    background-size: 216px 113px;
    background-position: 0px 0px;
    margin: 8px auto 0;
    left: 2px;
    overflow: hidden;
    text-indent: 226px;
    white-space: nowrap;
}

#new .link-to-detail
{
    display: block;
    width: 161px;
    height: 16px;
    background-image: url("./../img/sp/new/btn_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;
}

#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: 308px;
    height: 307.5px;
    background-image: url("./../img/sp/about/block_1.png");
    background-repeat: no-repeat;
    background-size: 308px 307.5px;
    background-position: 0px 0px;
    margin: 30px auto 0;
    left: -5px;
    overflow: hidden;
    text-indent: 318px;
    white-space: nowrap;
}

#about .wrap-content .block-2
{
    display: block;
    width: 316px;
    height: 268.5px;
    background-image: url("./../img/sp/about/block_2.png");
    background-repeat: no-repeat;
    background-size: 316px 268.5px;
    background-position: 0px 0px;
    margin: 7px auto 0;
    left: 2px;
    overflow: hidden;
    text-indent: 326px;
    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: 6px 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;
}