#mv
{
    background-color: #f05388;
    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: 202px;
    height: 97px;
    background-image: url("./../img/sp/mv/h2.png");
    background-repeat: no-repeat;
    background-size: 202px 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: 100%;
    white-space: nowrap;
}

#mv .wrap-img .birthday-normal
{
    display: block;
    width: 171px;
    height: 137px;
    background-image: url("./../img/sp/mv/birthday_normal.png");
    background-repeat: no-repeat;
    background-size: 171px 137px;
    background-position: 0px 0px;
    position: absolute;
    left: 203px;
    top: 190px;
}

#mv .wrap-img .birthday-shinka
{
    display: block;
    width: 280px;
    height: 249px;
    background-image: url("./../img/sp/mv/birthday_shinka.png");
    background-repeat: no-repeat;
    background-size: 280px 249px;
    background-position: 0px 0px;
    position: absolute;
    right: 56px;
    top: 69px;
}

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

#mv .btn-to-quest
{
    display: block;
    width: 102px;
    height: 102px;
    background-image: url("./../img/sp/mv/btn_to_quest.png");
    background-repeat: no-repeat;
    background-size: 102px 102px;
    background-position: 0px 0px;
    position: absolute;
    left: 20px;
    top: 248px;
}

#mv .btn-to-quest .arrow
{
    display: block;
    width: 11.5px;
    height: 11.5px;
    background-image: url("./../img/sp/mv/btn_to_quest_arrow.png");
    background-repeat: no-repeat;
    background-size: 11.5px 11.5px;
    background-position: 0px 0px;
    position: absolute;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    top: 77px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#mv .wrap-shout
{
    position: absolute;
    left: 192px;
    top: 104px;
}

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

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

#birthday
{
    background-color: #f05388;
    padding-bottom: 53px;
}

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

#birthday .birthday-shinka
{
    display: block;
    width: 300px;
    height: 370px;
    background-image: url("./../img/sp/birthday/birthday_shinka.png");
    background-repeat: no-repeat;
    background-size: 300px 370px;
    background-position: 0px 0px;
    margin: 22px auto 0;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#birthday .birthday-normal
{
    display: block;
    width: 300px;
    height: 281px;
    background-image: url("./../img/sp/birthday/birthday_normal.png");
    background-repeat: no-repeat;
    background-size: 300px 281px;
    background-position: 0px 0px;
    margin: 27px auto 0;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#birthday .ryuheisan
{
    display: block;
    width: 258px;
    height: 128px;
    background-image: url("./../img/sp/birthday/ryuheisan.png");
    background-repeat: no-repeat;
    background-size: 258px 128px;
    background-position: 0px 0px;
    margin: 18px auto 0;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

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

#quest
{
    background-color: #01ad9c;
  /*h3
	{
		@include img-bg( 640px , 176px , "./../img/sp/quest/h3.png" ) ;	
	}*/
}

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

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

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

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

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

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

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

#quest .wrap-content .ryuheisan-1
{
    display: block;
    width: 268px;
    height: 131px;
    background-image: url("./../img/sp/quest/ryuheisan_1.png");
    background-repeat: no-repeat;
    background-size: 268px 131px;
    background-position: 0px 0px;
    margin: 46px auto 0;
    left: -3px;
    padding-bottom: 34px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}