@charset "Shift_JIS";
/* ==================================================================
CSS information
style info :スライム100万匹討伐戦 用
================================================================== */


/* ----------------------------------------------------------------------------------------------------------------
#contents
---------------------------------------------------------------------------------------------------------------- */
#contents { background:#000 none; position: relative;}
.sp { display: none;}
@media screen and (max-width: 640px) {
.pc { display: none;}
.sp { display: block;}
}

#contents {}


/* ----------------------------------------------------------------------------------------------------------------
#suraimu-Area-fin
---------------------------------------------------------------------------------------------------------------- */

#suraimu-Area-fin { background: url(../_img/end/bac.jpg) top center no-repeat; background-size: cover; }
#suraimu-Area-fin-inner {}
#suraimu-Area-fin-inner img { max-width: 100%; height: auto;}
@media screen and (max-width: 640px) {
#suraimu-Area-fin { background: url(../_img/end/bac_sp.jpg) top center no-repeat; background-size: cover; }
#suraimu-Area-fin-inner { padding: 0 20px 20px; }
}

@media screen and (min-width: 641px) {
#suraimu-Area-fin { display: block; position: relative; width: 100%; height: auto; }
#suraimu-Area-fin:before { content: ""; display: block; padding-top: 56.25%; }
#suraimu-Area-fin #suraimu-Area-fin-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
}


/* ----------------------------------------------------------------------------------------------------------------
#mainBoard
---------------------------------------------------------------------------------------------------------------- */
#suraimu-Area-fin #mainBoard { width: 100%; text-align: center; padding: 10% 0 22.5%; }
#suraimu-Area-fin #mainBoard .inner { }

@media screen and (max-width: 640px) {
#suraimu-Area-fin #mainBoard { padding: 10% 0 25%; }

#comment { width: 100%; margin: 0 auto; }
#comment img { margin: 0 auto; }
#counter-Box { width: 100%; margin: 0 auto; padding: 0 10px; }
#counter-Box img { margin: 0 auto; }
}

@media screen and (min-width: 641px) {
#comment { width: 73.802%; margin: 0 auto; }
#counter-Box { width: 40.25%; margin: 0 auto; }
}

/* ----------------------------------------------------------------------------------------------------------------
#siteTop
---------------------------------------------------------------------------------------------------------------- */
#suraimu-Area-fin #siteTop { padding: 0 0 0; text-align: center; width: 100%; clear: both;}
#suraimu-Area-fin #siteTop .inner a { display: block;}

@media screen and (max-width: 640px) {
#suraimu-Area-fin #siteTop .inner img { margin: 0 auto;}
}

@media screen and (min-width: 641px) {
#suraimu-Area-fin #siteTop .inner { width: 51.09%; height: auto; margin: 0 auto;}
}