html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a {
    text-decoration:none;
}
body{
    width:auto;
    padding:0;
    font-size:8px;
}
ul, li{
    margin:0;
    padding:0;
    list-style:none;
}
/* ���j���[�o�[�G���A */
.header_menu{
    width:100%;
	position:relative;
	z-index:3;
}
.img_header_base{
	width:100%;
}
.img_top{
    margin-top:-0.7em;
}
.img_top img, .img_bar img{
    width:100%;
}
.img_top_logo{
    position:absolute;
    top:0;
    left:1%;
    width:38%;
    z-index:2;
}
.social_link{
	position:absolute;
	width:50%;
	top:13%;
	right:0;
	left:0;
	margin:0 auto;
	text-align:center;
}
.social_link li, .social_link img{
    display:inline-block;
}
.social_link img{
    width:20%;
}
#ico_menu, #ico_close{
	position:absolute;
	top:15%;
	right:5%;
    width:10%;
}
/* �h���b�v�_�E�����j���[ */
#fade{
    position:fixed;
    left:0;
    width:100%;
    height:100%;
    background-color: rgba(0,0,0,0.6);
    display:none;
	z-index:1;
}
#drop_down_window {
    position:absolute;
    top:85.3%;
    left:0;
    width:100%;
    display:none;
	z-index:2;
}
.drop_down_menu {
	text-align:center;
	margin: 27px auto;
	width: 280px;
}
.drop_down_menu li{
    display:inline-block;
    width:112px;
    height:43px;
    margin:1px;
    text-indent:-9999px;
	position:relative;
}
.drop_down_menu li a{
    display:block;
    width:112px;
    height:43px;
}
.ico_new{
	position:absolute;
    width:27%;
    top:-9%;
    left:-6%;
}
.menu_top{
    background: url("../images/top/sp/bt_menu_top_off.png") no-repeat;
    background-size:100%;
}
.menu_gamehelp{
    background: url("../images/top/sp/bt_menu_gamehelp_off.png") no-repeat;
    background-size:100%;
}
.menu_character{
    background: url("../images/top/sp/bt_menu_character_off.png") no-repeat;
    background-size:100%;
}
.menu_gallery{
    background: url("../images/top/sp/bt_menu_gallery_off.png") no-repeat;
    background-size:100%;
}
.menu_music{
    background: url("../images/top/sp/bt_menu_music_off.png") no-repeat;
    background-size:100%;
}
.menu_special{
    background: url("../images/top/sp/bt_menu_special_off.png") no-repeat;
    background-size:100%;
}
.menu_interview{
    background: url("../images/top/sp/bt_menu_interview_off.png") no-repeat;
    background-size:100%;
}
.menu_top:active{
    background: url("../images/top/sp/bt_menu_top_on.png") no-repeat;
    background-size:100%;
}
.menu_gamehelp:active{
    background: url("../images/top/sp/bt_menu_gamehelp_on.png") no-repeat;
    background-size:100%;
}
.menu_character:active{
    background: url("../images/top/sp/bt_menu_character_on.png") no-repeat;
    background-size:100%;
}
.menu_gallery:active{
    background: url("../images/top/sp/bt_menu_gallery_on.png") no-repeat;
    background-size:100%;
}
.menu_music:active{
    background: url("../images/top/sp/bt_menu_music_on.png") no-repeat;
    background-size:100%;
}
.menu_special:active{
    background: url("../images/top/sp/bt_menu_special_on.png") no-repeat;
    background-size:100%;
}
.menu_interview:active{
    background: url("../images/top/sp/bt_menu_interview_on.png") no-repeat;
    background-size:100%;
}

/* �t�b�^�[ */
.footer_common_wrapper {
    background: url("../images/common/sp/footer_banner_base.png") no-repeat;
    background-size:cover;
    background-position: 0 -3px;
    width:100%;
    margin: 0 auto;
    overflow:hidden;
    padding-top:9px;
    text-align:center;
    padding-bottom: 9px;
}
.footer_common {
    font-size:6px;
    text-align:center;
    overflow:hidden;
    width:320px;
    margin:0 auto;
}
.footer_common > li {
    display:inline-block;
    width:129px;
    height:24px;
    font-size:11px;
}
.footer_common > li a {
    color: #731127;
    text-decoration: none;
    display:inline-block;
    width:127px;
    height:24px;
    line-height:24px;
}
.footer_common > li:nth-child(1) {
    background: url("../images/common/sp/footer_base_1.png") no-repeat;
    background-size:cover;
}
.footer_common > li:nth-child(2) {
    background: url("../images/common/sp/footer_base_2.png") no-repeat;
    background-size:cover;
    margin-left:-4px;
}
.footer_common > li:nth-child(3) {
    background: url("../images/common/sp/footer_base_3.png") no-repeat;
    background-size:cover;
}
.footer_common > li:nth-child(4) {
    background: url("../images/common/sp/footer_base_4.png") no-repeat;
    background-size:cover;
    margin-left:-4px;
}
.copy_right{
    text-align:center;
    line-height:20px;
    color: #f8df9a
}
.mt_4{
	margin-top:-4px;
}