@charset "UTF-8";

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q,
blockquote {
  quotes: none;
}

q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

@charset "UTF-8";

@charset "UTF-8";

body {
  background: #000;
  -webkit-text-size-adjust: 100%;
}

main {
  display: block;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

iframe[name="google_conversion_frame"] {
  position: absolute;
  height: 0;
  width: 0;
}

.disp-none {
  display: none;
}

.container {
  position: relative;
  z-index: 100;
  overflow: hidden;
}

a,
button {
  display: inline-block;
}

a:hover, button:hover {
    -webkit-transform: translate3d(0, 1px, 0);
            transform: translate3d(0, 1px, 0);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }

.wrapper {
  width: 640px;
  margin: auto;
  position: relative;
}

@charset "UTF-8";

.vote-modal {
  background: url(../../resources/img/modal/bg1_0da1f769719bac0453616386c719089d.png) no-repeat;
  width: 670px;
  height: 491px;

  display: none;
  position: fixed;
  margin: auto;
  top: 200px;
  left: 0;
  right: 0;
  z-index: 1000;
}

.vote-modal .serif {
    background: url(../../resources/img/modal/serif_bg_f58fc539857efe0ec653601c5d911065.png) no-repeat;
    width: 450px;
    height: 134px;

    position: absolute;
    top: -133px;
    left: 110px;
    z-index: 2;
  }

.vote-modal .serif p {
      width: 420px;
      margin: 15px 0 0 15px;
      color: #fff;
      font-size: 20px;
      line-height: 1.4;
      word-break: break-all;
    }

.vote-modal .name {
    color: #fff;
    position: absolute;
    font-size: 36px;
    top: 70px;
    left: 57px;
  }

.vote-modal .en-name {
    color: #fff;
    position: absolute;
    font-size: 20px;
    top: 112px;
    left: 60px;
  }

.vote-modal .chara {
    width: 928px;
    height: 982px;
    position: absolute;
    top: -200px;
    left: 78px;
    pointer-events: none;
  }

.vote-modal .chara.chara1 {
        background: url(../../resources/img/modal-chara/chara1_763c9a4f46e7dee25cd7d33d6f6d5f88.png) no-repeat;
      }

.vote-modal .chara.chara2 {
        background: url(../../resources/img/modal-chara/chara2_c84b89c58b8c17755e40c69cd1b266cf.png) no-repeat;
      }

.vote-modal .chara.chara3 {
        background: url(../../resources/img/modal-chara/chara3_3a785085de8eb4e6915212cd51b814de.png) no-repeat;
      }

.vote-modal .chara.chara4 {
        background: url(../../resources/img/modal-chara/chara4_27139afc750ee1e8ea968b2aae7ffb27.png) no-repeat;
      }

.vote-modal .chara.chara5 {
        background: url(../../resources/img/modal-chara/chara5_dca6d737c31df7abfecce88440656a1f.png) no-repeat;
      }

.vote-modal .chara.chara6 {
        background: url(../../resources/img/modal-chara/chara6_80efc0b5cb90b3e50ef1e832bb5636fb.png) no-repeat;
      }

.vote-modal .chara.chara7 {
        background: url(../../resources/img/modal-chara/chara7_b12a08d4369c2e14d1ba9bd5048076af.png) no-repeat;
      }

.vote-modal .chara.chara8 {
        background: url(../../resources/img/modal-chara/chara8_a951559731624d44a49ff5f0224eaf24.png) no-repeat;
      }

.vote-modal .chara.chara9 {
        background: url(../../resources/img/modal-chara/chara9_6f78266a9111daaa67e1648b48496b64.png) no-repeat;
      }

.vote-modal .chara.chara10 {
        background: url(../../resources/img/modal-chara/chara10_575d881de1357c17e9643c4ed5c2c1d4.png) no-repeat;
      }

.vote-modal .chara.chara11 {
        background: url(../../resources/img/modal-chara/chara11_539f8f38dbe97417ce2fc63fd46789af.png) no-repeat;
      }

.vote-modal .chara.chara12 {
        background: url(../../resources/img/modal-chara/chara12_2dfb19d5c8d023efc03b805c3d5180e4.png) no-repeat;
      }

.vote-modal .chara.chara13 {
        background: url(../../resources/img/modal-chara/chara13_da5991aca83edcbc1a13d9e3bd53bc4e.png) no-repeat;
      }

.vote-modal .chara.chara14 {
        background: url(../../resources/img/modal-chara/chara14_fde38451ec40147defbb152060f3be37.png) no-repeat;
      }

.vote-modal .chara.chara15 {
        background: url(../../resources/img/modal-chara/chara15_ff32caebb1cbab7414e75f4de63a1a81.png) no-repeat;
      }

.vote-modal .chara.chara16 {
        background: url(../../resources/img/modal-chara/chara16_fa14e8d9e70d76e5c972519aa3bc3fff.png) no-repeat;
      }

.vote-modal .chara.chara17 {
        background: url(../../resources/img/modal-chara/chara17_b0e8e4aa719c185a1aa027b421e7cca5.png) no-repeat;
      }

.vote-modal .chara.chara18 {
        background: url(../../resources/img/modal-chara/chara18_e1fa9f47f1a827cba5b37a7b78c3129b.png) no-repeat;
      }

.vote-modal .chara.chara19 {
        background: url(../../resources/img/modal-chara/chara19_18a1878519ca5d8894182ecffada4b39.png) no-repeat;
      }

.vote-modal .chara.chara20 {
        background: url(../../resources/img/modal-chara/chara20_02bf48e1de26138391b116bb438b3159.png) no-repeat;
      }

.vote-modal .chara.chara21 {
        background: url(../../resources/img/modal-chara/chara21_9ad6e8de67732be9644c7695e3984122.png) no-repeat;
      }

.vote-modal .chara.chara22 {
        background: url(../../resources/img/modal-chara/chara22_0bb9e475495a1780fb275668ac17c438.png) no-repeat;
      }

.vote-modal .chara.chara23 {
        background: url(../../resources/img/modal-chara/chara23_5712020a24a96b0052ef8f0d419b8d5c.png) no-repeat;
      }

.vote-modal .chara.chara24 {
        background: url(../../resources/img/modal-chara/chara24_8866822e55e195a263e2ef0705f0f2fe.png) no-repeat;
      }

.vote-modal .chara.chara25 {
        background: url(../../resources/img/modal-chara/chara25_250f5562dd88e275090e7c31a9f20496.png) no-repeat;
      }

.vote-modal .chara.chara26 {
        background: url(../../resources/img/modal-chara/chara26_8a99fdbefe2af55945803de616a91ee2.png) no-repeat;
      }

.vote-modal .chara.chara27 {
        background: url(../../resources/img/modal-chara/chara27_593403ee6eb2cbb4a92d174d8d88a36f.png) no-repeat;
      }

.vote-modal .chara.chara28 {
        background: url(../../resources/img/modal-chara/chara28_a5088c0b8250fceb487b4df01b588b7c.png) no-repeat;
      }

.vote-modal .chara.chara29 {
        background: url(../../resources/img/modal-chara/chara29_9a216376b5f7f236c3a8ec330e0e4fd7.png) no-repeat;
      }

.vote-modal .chara.chara30 {
        background: url(../../resources/img/modal-chara/chara30_1af7b801a4691a2b838f0e0d9dba1257.png) no-repeat;
      }

.vote-modal .chara.chara31 {
        background: url(../../resources/img/modal-chara/chara31_4fab0b08ae40097622a2e1151796e8ab.png) no-repeat;
      }

.vote-modal .chara.chara32 {
        background: url(../../resources/img/modal-chara/chara32_fb19e05ba34cc834338c0e10658ceb9b.png) no-repeat;
      }

.vote-modal .chara.chara33 {
        background: url(../../resources/img/modal-chara/chara33_8c588931c5f67eb022fd6a1d01eb34ff.png) no-repeat;
      }

.vote-modal .chara.chara34 {
        background: url(../../resources/img/modal-chara/chara34_2b011c730f8e3c2772e7faeba57a97b3.png) no-repeat;
      }

.vote-modal .chara.chara35 {
        background: url(../../resources/img/modal-chara/chara35_50440ce04b64ed683798fb85df2f4378.png) no-repeat;
      }

.vote-modal .chara.chara36 {
        background: url(../../resources/img/modal-chara/chara36_f08563514c1fb3457f87c6b3e20d05e9.png) no-repeat;
      }

.vote-modal .chara.chara37 {
        background: url(../../resources/img/modal-chara/chara37_1cc61cfa67e8504cf5cf5fd6e5b01737.png) no-repeat;
      }

.vote-modal .chara.chara38 {
        background: url(../../resources/img/modal-chara/chara38_95d08148d329ec8bb59ab42bfd8f0333.png) no-repeat;
      }

.vote-modal .chara.chara39 {
        background: url(../../resources/img/modal-chara/chara39_9a0931aebd1919b6b1fc8956f51077ce.png) no-repeat;
      }

.vote-modal .chara.chara40 {
        background: url(../../resources/img/modal-chara/chara40_d9fc88be3b8e5d8208e4594a50baf08c.png) no-repeat;
      }

.vote-modal .chara.chara41 {
        background: url(../../resources/img/modal-chara/chara41_2b5cd1c554ec42afe2c6f5f2265fc383.png) no-repeat;
      }

.vote-modal .chara.chara42 {
        background: url(../../resources/img/modal-chara/chara42_01818db7a3f9ffd056e2a400895efaf3.png) no-repeat;
      }

.vote-modal .chara.chara43 {
        background: url(../../resources/img/modal-chara/chara43_2e42c66b68e7afc04f8e41fe83b3c228.png) no-repeat;
      }

.vote-modal .chara.chara44 {
        background: url(../../resources/img/modal-chara/chara44_0b1dc5191845f7c2fb6adeb3ce254d99.png) no-repeat;
      }

.vote-modal .chara.chara45 {
        background: url(../../resources/img/modal-chara/chara45_0392ef44046a15fdc263a241e5a4e4b0.png) no-repeat;
      }

.vote-modal .chara.chara46 {
        background: url(../../resources/img/modal-chara/chara46_f26e9ec18bc81a3dcc7774fbdf5a2eeb.png) no-repeat;
      }

.vote-modal .chara.chara47 {
        background: url(../../resources/img/modal-chara/chara47_8db060758e1ede4b9e893f46aa0a92c7.png) no-repeat;
      }

.vote-modal .chara.chara48 {
        background: url(../../resources/img/modal-chara/chara48_62d3c56b04cde4a7a024f48255774c84.png) no-repeat;
      }

.vote-modal .chara.chara49 {
        background: url(../../resources/img/modal-chara/chara49_b45ba70793e2153342d9da60182c1111.png) no-repeat;
      }

.vote-modal .chara.chara50 {
        background: url(../../resources/img/modal-chara/chara50_1a84be5d8d287623730f335e1b065fed.png) no-repeat;
      }

.vote-modal .chara.chara51 {
        background: url(../../resources/img/modal-chara/chara51_deeb0425c7d26dcba36df4d474e940d9.png) no-repeat;
      }

.vote-modal .chara.chara52 {
        background: url(../../resources/img/modal-chara/chara52_272d8bf4f3b735cc75609d1b5d665262.png) no-repeat;
      }

.vote-modal .chara.chara53 {
        background: url(../../resources/img/modal-chara/chara53_6d590ff0550fd32772cd8f549f116b1c.png) no-repeat;
      }

.vote-modal .chara.chara54 {
        background: url(../../resources/img/modal-chara/chara54_5ab90f60730920a63dfdbb8b6c18782b.png) no-repeat;
      }

.vote-modal .chara.chara55 {
        background: url(../../resources/img/modal-chara/chara55_4b8275f9987072a1affac9ce1126d7a4.png) no-repeat;
      }

.vote-modal .chara.chara56 {
        background: url(../../resources/img/modal-chara/chara56_95ed126395f22e4cf731b4dd7aced016.png) no-repeat;
      }

.vote-modal .chara.chara57 {
        background: url(../../resources/img/modal-chara/chara57_456efbda789e9acfb586ecf4b12368f9.png) no-repeat;
      }

.vote-modal .chara.chara58 {
        background: url(../../resources/img/modal-chara/chara58_0d17143970144cffc848a05c8b842bc9.png) no-repeat;
      }

.vote-modal .chara.chara59 {
        background: url(../../resources/img/modal-chara/chara59_34a12bbf030d7b7b7c3742745135ffad.png) no-repeat;
      }

.vote-modal .chara.chara60 {
        background: url(../../resources/img/modal-chara/chara60_b1eece359c638041cc50a02d31d84b13.png) no-repeat;
      }

.vote-modal .chara.chara61 {
        background: url(../../resources/img/modal-chara/chara61_56b7e784f9bbea3666a4379d80b15411.png) no-repeat;
      }

.vote-modal .chara.chara62 {
        background: url(../../resources/img/modal-chara/chara62_4d7b0b8d90f4dca9d778cb2c93723679.png) no-repeat;
      }

.vote-modal .chara.chara63 {
        background: url(../../resources/img/modal-chara/chara63_35da04b5c14ecb1d79a689c9b6389cc9.png) no-repeat;
      }

.vote-modal .chara.chara64 {
        background: url(../../resources/img/modal-chara/chara64_cb9b13156c6e9d54dd7b3449270e6672.png) no-repeat;
      }

.vote-modal .chara.chara65 {
        background: url(../../resources/img/modal-chara/chara65_dc88cd70a5002e0d842429e77666ad3e.png) no-repeat;
      }

.vote-modal .chara.chara66 {
        background: url(../../resources/img/modal-chara/chara66_47e796cd4349c53e3863a08f7dec6fe0.png) no-repeat;
      }

.vote-modal .chara.chara67 {
        background: url(../../resources/img/modal-chara/chara67_4f2126e783a859b657a76e5097380f9e.png) no-repeat;
      }

.vote-modal .chara.chara68 {
        background: url(../../resources/img/modal-chara/chara68_2b32995ac746a5a6cd00603598c3f06b.png) no-repeat;
      }

.vote-modal .cv {
    color: #2f2f2f;
    position: absolute;
    font-size: 26px;
    top: 170px;
    left: 127px;
  }

.vote-modal .cv:before {
      content: url(../../resources/img/modal/cv_875050762ed048af021c9cd2f405f293.png);
      position: absolute;
      left: -64px;
    }

.vote-modal .text {
    color: #2f2f2f;
    width: 340px;
    position: absolute;
    line-height: 1.6;
    font-size: 20px;
    top: 212px;
    left: 63px;
    letter-spacing: 1px;
    text-shadow: 2px 2px #fff, 2px -2px #fff, -2px 2px #fff, -2px -2px #fff, 0 2px #fff, 0 -2px #fff, 2px 0 #fff, -2px 0 #fff, 3px 3px 3px #fff;
  }

.vote-modal .text.hide {
      display: none;
    }

.vote-modal .re-vote {
    background: url(../../resources/img/modal/re_vote_fea0d5ff47867f639202d2e34f74f87e.png) no-repeat;
    width: 324px;
    height: 88px;

    display: none;
    position: absolute;
    top: 205px;
    left: 55px;
  }

.vote-modal .re-vote.show {
      display: block;
    }

.vote-modal .re-vote-txt {
    display: none;
    font-size: 20px;
    line-height: 1.6;
    position: absolute;
    top: 315px;
    left: 55px;
    text-shadow: 2px 2px #fff, 2px -2px #fff, -2px 2px #fff, -2px -2px #fff, 0 2px #fff, 0 -2px #fff, 2px 0 #fff, -2px 0 #fff, 3px 3px 3px #fff;
  }

.vote-modal .re-vote-txt.show {
      display: block;
    }

.vote-modal .vote-decision-btn {
    background: url(../../resources/img/modal/vote_btn_a153653d21245cbfa59ea46f6c119a41.png) no-repeat;
    width: 431px;
    height: 78px;
    position: absolute;
    top: 368px;
    left: 125px;
  }

.vote-modal .vote-decision-btn.hide {
      display: none;
    }

.vote-modal .tweet-btn {
    display: none;
    background: url(../../resources/img/modal/tweet_btn_da26b637e8008a5d9d730f518e5783d8.png) no-repeat;
    width: 444px;
    height: 78px;
    position: absolute;
    top: 368px;
    left: 125px;
  }

.vote-modal .tweet-btn.show {
      display: block;
    }

.vote-modal .close-btn {
    background: url(../../resources/img/modal/close_btn_d9e3459db9432683cdb9673bad40213d.png) no-repeat;
    width: 183px;
    height: 68px;
    position: absolute;
    top: 493px;
    left: 251px;
  }

.vote-modal.re-vote {
    background: url(../../resources/img/modal/bg2_8b3a3470387060000c2bc69a8f46ea7b.png) no-repeat;
    width: 670px;
    height: 624px;
  }

.vote-modal.re-vote .tweet-btn {
      top: 488px;
      left: 125px;
    }

.vote-modal.re-vote .close-btn {
      top: 625px;
      left: 251px;
    }

.vote-overlay {
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(225, 225, 225, 0.8);
  position: fixed;
  z-index: 500;
  overflow: auto;
  outline: 0;
  top: 0;
}

main {
  background: url(../../resources/img/top_contents_bg_5ebf3fc97cf8596887c4b44df44b31da.jpg) no-repeat center top;
}

/* 共通部分 */

main .main-visual {
    position: absolute;
    top: 0;
    left: -465px;
    z-index: 1;
  }

main .top-contents {
    padding-bottom: 53px;
    position: relative;
    z-index: 2;
  }

main .top-logo {
    padding: 25px 0 0 136px;
  }

main h1 {
    margin: -106px 0 0 -225px;
  }

main .date {
    background: url(../../resources/img/date_d6d1ec09cf8503e11a488f536fd9a19a.png) no-repeat;
    width: 604px;
    height: 162px;

    margin: -135px 0 0 18px;
    position: relative;
  }

main .date.aggregating:before {
        content: url(../../resources/img/aggregating_txt_3c1c82b3f119ec513bbd9c4a91b49513.png);
        position: absolute;
        top: -34px;
        left: 150px;
      }

main .sns-box {
    font-size: 0;
    text-align: center;
    margin-top: 22px;
    position: relative;
    z-index: 2;
  }

main .sns-box .fb-btn {
      background: url(../../resources/img/h_fb_btn_c88ca257f0a3fa90dae889b2b3c2b693.png) no-repeat;
      width: 57px;
      height: 56px;

      margin-right: 4px;
    }

main .sns-box .twi-btn {
      background: url(../../resources/img/h_twi_btn_be53ac39738aeaecf5886f774af1c420.png) no-repeat;
      width: 58px;
      height: 56px;

      margin-right: 4px;
    }

main .sns-box .line-btn {
      background: url(../../resources/img/h_line_btn_594f0fb4e93496f530c60bcb7e8f0df4.png) no-repeat;
      width: 57px;
      height: 56px;
    }

main .total-votes {
    background: url(../../resources/img/count_bg_ea82cab9e1ab9d96d7b241fae0b26e66.png) no-repeat;
    width: 683px;
    height: 245px;

    margin: 14px 0 0 -23px;
    position: relative;
  }

main .total-votes .num-box {
      width: 628px;
      height: 85px;
      text-align: center;
      position: absolute;
      top: 118px;
      left: 29px;
      font-size: 0;
    }

main .total-votes .num-box .num {
        height: 85px;
        display: inline-block;
        position: relative;
        margin-right: -3px;
      }

main .total-votes .num-box .num.n-0 {
            width: 71px;
            background: url(../../resources/img/num/total_0_ac5bae2d90436679ea4d8fdbb94d1116.png) center center no-repeat;
          }

main .total-votes .num-box .num.n-1 {
            width: 48px;
            background: url(../../resources/img/num/total_1_dc5fc187ef1e8297c9221578df171bd8.png) center center no-repeat;
          }

main .total-votes .num-box .num.n-2 {
            width: 70px;
            background: url(../../resources/img/num/total_2_0b3740fa504f6db720cba72f7250a16c.png) center center no-repeat;
          }

main .total-votes .num-box .num.n-3 {
            width: 69px;
            background: url(../../resources/img/num/total_3_e52622284783f3891e09e37ed775df69.png) center center no-repeat;
          }

main .total-votes .num-box .num.n-4 {
            width: 69px;
            background: url(../../resources/img/num/total_4_134fa7aae3dcb5e3ecf1862fb3cd26f4.png) center center no-repeat;
          }

main .total-votes .num-box .num.n-5 {
            width: 69px;
            background: url(../../resources/img/num/total_5_a73149b46d72d997300c8bb1b8d169f0.png) center center no-repeat;
          }

main .total-votes .num-box .num.n-6 {
            width: 65px;
            background: url(../../resources/img/num/total_6_811c7f392fce4c7972d0bb8a574580a2.png) center center no-repeat;
          }

main .total-votes .num-box .num.n-7 {
            width: 71px;
            background: url(../../resources/img/num/total_7_2b469446f9fa456b2a84a7337c707ffd.png) center center no-repeat;
          }

main .total-votes .num-box .num.n-8 {
            width: 70px;
            background: url(../../resources/img/num/total_8_63bed2473df3393ff22713e010c2b807.png) center center no-repeat;
          }

main .total-votes .num-box .num.n-9 {
            width: 67px;
            background: url(../../resources/img/num/total_9_445730b389ac6bec102b1e47b29cef12.png) center center no-repeat;
          }

main .total-votes .num-box .num:nth-last-child(4) {
          margin-right: 28px;
        }

main .total-votes .num-box .num:nth-last-child(4):before {
            content: url(../../resources/img/num/total_comma_58d674574f6e75f1f748bfeb241e6936.png);
            position: absolute;
            top: 53px;
            right: -27px;
          }

main .total-votes .num-box .num:nth-last-child(7) {
          margin-right: 28px;
        }

main .total-votes .num-box .num:nth-last-child(7):before {
            content: url(../../resources/img/num/total_comma_58d674574f6e75f1f748bfeb241e6936.png);
            position: absolute;
            top: 53px;
            right: -27px;
          }

main .total-votes .num-box .num:last-child {
          margin-right: 75px;
        }

main .total-votes .num-box .num:last-child:before {
            content: url(../../resources/img/num/total_pt_7b822a89a747bc49e190aa3bda577f47.png);
            position: absolute;
            top: 20px;
            right: -80px;
          }

main .story {
    height: 505px;
    position: relative;
    margin-top: 23px;
  }

main .story .bg {
      background: url(../../resources/img/story_bg_ee4abf80dfc06453c0729a2be0398b5e.png) no-repeat;
      width: 740px;
      height: 505px;

      position: absolute;
      top: 0;
      left: -51px;
    }

main .story .content {
      position: relative;
    }

main .story .content .story-txt {
        padding: 90px 0 0 20px;
      }

main .story .content .story-movie {
        position: absolute;
        top: 50px;
        left: 395px;
      }

main .story .content .story-movie #movie-box {
          width: 223px;
          height: 396px;
          pointer-events: none;
        }

section h2 {
    text-align: center;
    position: relative;
  }

#ranking {
  background: url(../../resources/img/rank_bg_result_ced238cf885a0a4c7313b24e711b71a1.jpg) no-repeat center top;
  padding: 53px 0 50px;
}

#ranking h2 .now-ranking {
      color: #fff;
      width: 370px;
      text-align: center;
      font-size: 24px;
      text-shadow: 1px 1px 1px #de4afe, 1px -1px 1px #de4afe, -1px 1px 1px #de4afe, -1px -1px 1px #de4afe;
      position: absolute;
      top: 100px;
      left: 135px;
    }

#ranking h2 .now-ranking span {
        font-size: 30px;
      }

#ranking h2 .now-ranking.result {
        line-height: 30px;
      }

#ranking .ranking-list-male,
  #ranking .ranking-list-female,
  #ranking .ranking-list-all {
    margin-top: 38px;
  }

#ranking .ranking-list-male .rank-box, #ranking .ranking-list-female .rank-box, #ranking .ranking-list-all .rank-box {
      background: url(../../resources/img/rank_chara_bg_ec6ba63d89c45a530db4372a50979d44.png) no-repeat;
      width: 636px;
      height: 247px;

      display: block;
      position: relative;
      margin-bottom: 83px;
    }

#ranking .ranking-list-male .rank-box:before, #ranking .ranking-list-female .rank-box:before, #ranking .ranking-list-all .rank-box:before {
        content: '';
        position: absolute;
        width: 636px;
        height: 345px;
        bottom: -2px;
        left: 0;
      }

#ranking .ranking-list-male .rank-box.chara1:before, #ranking .ranking-list-female .rank-box.chara1:before, #ranking .ranking-list-all .rank-box.chara1:before {
            background: url(../../resources/img/rank-chara/chara1_fb78e391995d3f8ee989f41788b5d636.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara1 .name, #ranking .ranking-list-female .rank-box.chara1 .name, #ranking .ranking-list-all .rank-box.chara1 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara2:before, #ranking .ranking-list-female .rank-box.chara2:before, #ranking .ranking-list-all .rank-box.chara2:before {
            background: url(../../resources/img/rank-chara/chara2_82ef581ef87edcd8eb6c88a32bd6089f.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara2 .name, #ranking .ranking-list-female .rank-box.chara2 .name, #ranking .ranking-list-all .rank-box.chara2 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara3:before, #ranking .ranking-list-female .rank-box.chara3:before, #ranking .ranking-list-all .rank-box.chara3:before {
            background: url(../../resources/img/rank-chara/chara3_973d18dccef4f5c24813fe7edef08721.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara3 .name, #ranking .ranking-list-female .rank-box.chara3 .name, #ranking .ranking-list-all .rank-box.chara3 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara4:before, #ranking .ranking-list-female .rank-box.chara4:before, #ranking .ranking-list-all .rank-box.chara4:before {
            background: url(../../resources/img/rank-chara/chara4_c0dab651854e6a494a7a5dc98e954f34.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara4 .name, #ranking .ranking-list-female .rank-box.chara4 .name, #ranking .ranking-list-all .rank-box.chara4 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara5:before, #ranking .ranking-list-female .rank-box.chara5:before, #ranking .ranking-list-all .rank-box.chara5:before {
            background: url(../../resources/img/rank-chara/chara5_db90f02c4b9b1f6804b7a4e90e5cb95a.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara5 .name, #ranking .ranking-list-female .rank-box.chara5 .name, #ranking .ranking-list-all .rank-box.chara5 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara6:before, #ranking .ranking-list-female .rank-box.chara6:before, #ranking .ranking-list-all .rank-box.chara6:before {
            background: url(../../resources/img/rank-chara/chara6_afbc662bb7fc64b7a6c1753b5cf081b3.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara6 .name, #ranking .ranking-list-female .rank-box.chara6 .name, #ranking .ranking-list-all .rank-box.chara6 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara7:before, #ranking .ranking-list-female .rank-box.chara7:before, #ranking .ranking-list-all .rank-box.chara7:before {
            background: url(../../resources/img/rank-chara/chara7_78a47ced89d70307679eae75a3bf57df.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara7 .name, #ranking .ranking-list-female .rank-box.chara7 .name, #ranking .ranking-list-all .rank-box.chara7 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara8:before, #ranking .ranking-list-female .rank-box.chara8:before, #ranking .ranking-list-all .rank-box.chara8:before {
            background: url(../../resources/img/rank-chara/chara8_64a9d62b37275186950cd324b8f64f0e.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara8 .name, #ranking .ranking-list-female .rank-box.chara8 .name, #ranking .ranking-list-all .rank-box.chara8 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara9:before, #ranking .ranking-list-female .rank-box.chara9:before, #ranking .ranking-list-all .rank-box.chara9:before {
            background: url(../../resources/img/rank-chara/chara9_878d29d1c1196fad8c184bbef6510e7c.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara9 .name, #ranking .ranking-list-female .rank-box.chara9 .name, #ranking .ranking-list-all .rank-box.chara9 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara10:before, #ranking .ranking-list-female .rank-box.chara10:before, #ranking .ranking-list-all .rank-box.chara10:before {
            background: url(../../resources/img/rank-chara/chara10_3ecf331ad414a5bb53c2ddfe6fab5774.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara10 .name, #ranking .ranking-list-female .rank-box.chara10 .name, #ranking .ranking-list-all .rank-box.chara10 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara11:before, #ranking .ranking-list-female .rank-box.chara11:before, #ranking .ranking-list-all .rank-box.chara11:before {
            background: url(../../resources/img/rank-chara/chara11_e41d7a8f34405ac87a982995efb6c468.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara11 .name, #ranking .ranking-list-female .rank-box.chara11 .name, #ranking .ranking-list-all .rank-box.chara11 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara12:before, #ranking .ranking-list-female .rank-box.chara12:before, #ranking .ranking-list-all .rank-box.chara12:before {
            background: url(../../resources/img/rank-chara/chara12_0186c138e22ed1f79807f77f2bf6f62a.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara12 .name, #ranking .ranking-list-female .rank-box.chara12 .name, #ranking .ranking-list-all .rank-box.chara12 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara13:before, #ranking .ranking-list-female .rank-box.chara13:before, #ranking .ranking-list-all .rank-box.chara13:before {
            background: url(../../resources/img/rank-chara/chara13_282d3ece710fda0aeba68ec4ed54d37f.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara13 .name, #ranking .ranking-list-female .rank-box.chara13 .name, #ranking .ranking-list-all .rank-box.chara13 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara14:before, #ranking .ranking-list-female .rank-box.chara14:before, #ranking .ranking-list-all .rank-box.chara14:before {
            background: url(../../resources/img/rank-chara/chara14_1b808e842fe1fdd8311577083a80f022.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara14 .name, #ranking .ranking-list-female .rank-box.chara14 .name, #ranking .ranking-list-all .rank-box.chara14 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara15:before, #ranking .ranking-list-female .rank-box.chara15:before, #ranking .ranking-list-all .rank-box.chara15:before {
            background: url(../../resources/img/rank-chara/chara15_ac28f2b76b21c7d0246d6ad237c32914.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara15 .name, #ranking .ranking-list-female .rank-box.chara15 .name, #ranking .ranking-list-all .rank-box.chara15 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara16:before, #ranking .ranking-list-female .rank-box.chara16:before, #ranking .ranking-list-all .rank-box.chara16:before {
            background: url(../../resources/img/rank-chara/chara16_ad422b42ac14c85d642c18c6c9fead5b.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara16 .name, #ranking .ranking-list-female .rank-box.chara16 .name, #ranking .ranking-list-all .rank-box.chara16 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara17:before, #ranking .ranking-list-female .rank-box.chara17:before, #ranking .ranking-list-all .rank-box.chara17:before {
            background: url(../../resources/img/rank-chara/chara17_cb3d83908b5c4ba8892c99347a2858bb.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara17 .name, #ranking .ranking-list-female .rank-box.chara17 .name, #ranking .ranking-list-all .rank-box.chara17 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara18:before, #ranking .ranking-list-female .rank-box.chara18:before, #ranking .ranking-list-all .rank-box.chara18:before {
            background: url(../../resources/img/rank-chara/chara18_550cf327b3d27306bac411d5216468da.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara18 .name, #ranking .ranking-list-female .rank-box.chara18 .name, #ranking .ranking-list-all .rank-box.chara18 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara19:before, #ranking .ranking-list-female .rank-box.chara19:before, #ranking .ranking-list-all .rank-box.chara19:before {
            background: url(../../resources/img/rank-chara/chara19_bedc36eaa4067ed87521bd28c9f0597a.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara19 .name, #ranking .ranking-list-female .rank-box.chara19 .name, #ranking .ranking-list-all .rank-box.chara19 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara20:before, #ranking .ranking-list-female .rank-box.chara20:before, #ranking .ranking-list-all .rank-box.chara20:before {
            background: url(../../resources/img/rank-chara/chara20_371a12ab9842edae5231d5caa564ed95.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara20 .name, #ranking .ranking-list-female .rank-box.chara20 .name, #ranking .ranking-list-all .rank-box.chara20 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara21:before, #ranking .ranking-list-female .rank-box.chara21:before, #ranking .ranking-list-all .rank-box.chara21:before {
            background: url(../../resources/img/rank-chara/chara21_11b231cc69cbcc950bf06805da241054.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara21 .name, #ranking .ranking-list-female .rank-box.chara21 .name, #ranking .ranking-list-all .rank-box.chara21 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara22:before, #ranking .ranking-list-female .rank-box.chara22:before, #ranking .ranking-list-all .rank-box.chara22:before {
            background: url(../../resources/img/rank-chara/chara22_fc52808459ab682ac1e2ac2cc7ffd685.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara22 .name, #ranking .ranking-list-female .rank-box.chara22 .name, #ranking .ranking-list-all .rank-box.chara22 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara23:before, #ranking .ranking-list-female .rank-box.chara23:before, #ranking .ranking-list-all .rank-box.chara23:before {
            background: url(../../resources/img/rank-chara/chara23_c2308cf86025adf8b101b001602f3237.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara23 .name, #ranking .ranking-list-female .rank-box.chara23 .name, #ranking .ranking-list-all .rank-box.chara23 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara24:before, #ranking .ranking-list-female .rank-box.chara24:before, #ranking .ranking-list-all .rank-box.chara24:before {
            background: url(../../resources/img/rank-chara/chara24_b48cfaa9917423dc013157acbdd911ce.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara24 .name, #ranking .ranking-list-female .rank-box.chara24 .name, #ranking .ranking-list-all .rank-box.chara24 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara25:before, #ranking .ranking-list-female .rank-box.chara25:before, #ranking .ranking-list-all .rank-box.chara25:before {
            background: url(../../resources/img/rank-chara/chara25_d4545f28820b5ae4d687d283e224e29b.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara25 .name, #ranking .ranking-list-female .rank-box.chara25 .name, #ranking .ranking-list-all .rank-box.chara25 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara26:before, #ranking .ranking-list-female .rank-box.chara26:before, #ranking .ranking-list-all .rank-box.chara26:before {
            background: url(../../resources/img/rank-chara/chara26_f517b72a147ac2786d45d89a50cd479f.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara26 .name, #ranking .ranking-list-female .rank-box.chara26 .name, #ranking .ranking-list-all .rank-box.chara26 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara27:before, #ranking .ranking-list-female .rank-box.chara27:before, #ranking .ranking-list-all .rank-box.chara27:before {
            background: url(../../resources/img/rank-chara/chara27_f51556446c76579a269d7fb7173c9d97.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara27 .name, #ranking .ranking-list-female .rank-box.chara27 .name, #ranking .ranking-list-all .rank-box.chara27 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara28:before, #ranking .ranking-list-female .rank-box.chara28:before, #ranking .ranking-list-all .rank-box.chara28:before {
            background: url(../../resources/img/rank-chara/chara28_a71e89831558d00e09d47522abff3348.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara28 .name, #ranking .ranking-list-female .rank-box.chara28 .name, #ranking .ranking-list-all .rank-box.chara28 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara29:before, #ranking .ranking-list-female .rank-box.chara29:before, #ranking .ranking-list-all .rank-box.chara29:before {
            background: url(../../resources/img/rank-chara/chara29_5aac6f10e4d7a344531ff9faa23a50d5.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara29 .name, #ranking .ranking-list-female .rank-box.chara29 .name, #ranking .ranking-list-all .rank-box.chara29 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara30:before, #ranking .ranking-list-female .rank-box.chara30:before, #ranking .ranking-list-all .rank-box.chara30:before {
            background: url(../../resources/img/rank-chara/chara30_9f1be27d7f97b948222c92ff48cbfa37.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara30 .name, #ranking .ranking-list-female .rank-box.chara30 .name, #ranking .ranking-list-all .rank-box.chara30 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara31:before, #ranking .ranking-list-female .rank-box.chara31:before, #ranking .ranking-list-all .rank-box.chara31:before {
            background: url(../../resources/img/rank-chara/chara31_1d016fcca3635dcb5946878d2fa26b64.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara31 .name, #ranking .ranking-list-female .rank-box.chara31 .name, #ranking .ranking-list-all .rank-box.chara31 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara32:before, #ranking .ranking-list-female .rank-box.chara32:before, #ranking .ranking-list-all .rank-box.chara32:before {
            background: url(../../resources/img/rank-chara/chara32_6f7b2bb07b16f116adaf3e2458aba56e.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara32 .name, #ranking .ranking-list-female .rank-box.chara32 .name, #ranking .ranking-list-all .rank-box.chara32 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara33:before, #ranking .ranking-list-female .rank-box.chara33:before, #ranking .ranking-list-all .rank-box.chara33:before {
            background: url(../../resources/img/rank-chara/chara33_d61e945774631e9d2cb7f4fe62831d12.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara33 .name, #ranking .ranking-list-female .rank-box.chara33 .name, #ranking .ranking-list-all .rank-box.chara33 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara34:before, #ranking .ranking-list-female .rank-box.chara34:before, #ranking .ranking-list-all .rank-box.chara34:before {
            background: url(../../resources/img/rank-chara/chara34_7184376f38314dbd4eebab8fc84f9ca6.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara34 .name, #ranking .ranking-list-female .rank-box.chara34 .name, #ranking .ranking-list-all .rank-box.chara34 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara35:before, #ranking .ranking-list-female .rank-box.chara35:before, #ranking .ranking-list-all .rank-box.chara35:before {
            background: url(../../resources/img/rank-chara/chara35_fb5ce8e569445129fab104be20089b81.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara35 .name, #ranking .ranking-list-female .rank-box.chara35 .name, #ranking .ranking-list-all .rank-box.chara35 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara36:before, #ranking .ranking-list-female .rank-box.chara36:before, #ranking .ranking-list-all .rank-box.chara36:before {
            background: url(../../resources/img/rank-chara/chara36_e856cf144f527ba5198f1bf91c47fc0f.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara36 .name, #ranking .ranking-list-female .rank-box.chara36 .name, #ranking .ranking-list-all .rank-box.chara36 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara37:before, #ranking .ranking-list-female .rank-box.chara37:before, #ranking .ranking-list-all .rank-box.chara37:before {
            background: url(../../resources/img/rank-chara/chara37_2a5c3d6225fbbd4d6501c1a89c94a4d6.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara37 .name, #ranking .ranking-list-female .rank-box.chara37 .name, #ranking .ranking-list-all .rank-box.chara37 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara38:before, #ranking .ranking-list-female .rank-box.chara38:before, #ranking .ranking-list-all .rank-box.chara38:before {
            background: url(../../resources/img/rank-chara/chara38_7b5d1cb055a5764e4ce6d74a544cf8cd.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara38 .name, #ranking .ranking-list-female .rank-box.chara38 .name, #ranking .ranking-list-all .rank-box.chara38 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara39:before, #ranking .ranking-list-female .rank-box.chara39:before, #ranking .ranking-list-all .rank-box.chara39:before {
            background: url(../../resources/img/rank-chara/chara39_12b03fb0f251cf04e1d390578d947b14.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara39 .name, #ranking .ranking-list-female .rank-box.chara39 .name, #ranking .ranking-list-all .rank-box.chara39 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara40:before, #ranking .ranking-list-female .rank-box.chara40:before, #ranking .ranking-list-all .rank-box.chara40:before {
            background: url(../../resources/img/rank-chara/chara40_35e05bcadd2b647ccdfbfb0677901aae.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara40 .name, #ranking .ranking-list-female .rank-box.chara40 .name, #ranking .ranking-list-all .rank-box.chara40 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara41:before, #ranking .ranking-list-female .rank-box.chara41:before, #ranking .ranking-list-all .rank-box.chara41:before {
            background: url(../../resources/img/rank-chara/chara41_c00a19825b04db52a11d5d09efaeff01.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara41 .name, #ranking .ranking-list-female .rank-box.chara41 .name, #ranking .ranking-list-all .rank-box.chara41 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara42:before, #ranking .ranking-list-female .rank-box.chara42:before, #ranking .ranking-list-all .rank-box.chara42:before {
            background: url(../../resources/img/rank-chara/chara42_4cbb5353bd93b8ee08ab607ed5aeea54.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara42 .name, #ranking .ranking-list-female .rank-box.chara42 .name, #ranking .ranking-list-all .rank-box.chara42 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara43:before, #ranking .ranking-list-female .rank-box.chara43:before, #ranking .ranking-list-all .rank-box.chara43:before {
            background: url(../../resources/img/rank-chara/chara43_d6e8e85fd81afb3233239224c5df792c.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara43 .name, #ranking .ranking-list-female .rank-box.chara43 .name, #ranking .ranking-list-all .rank-box.chara43 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara44:before, #ranking .ranking-list-female .rank-box.chara44:before, #ranking .ranking-list-all .rank-box.chara44:before {
            background: url(../../resources/img/rank-chara/chara44_46f78cfdfa7e0731892d6f97c3b2ccf5.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara44 .name, #ranking .ranking-list-female .rank-box.chara44 .name, #ranking .ranking-list-all .rank-box.chara44 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara45:before, #ranking .ranking-list-female .rank-box.chara45:before, #ranking .ranking-list-all .rank-box.chara45:before {
            background: url(../../resources/img/rank-chara/chara45_0d0d7f9fb0d3d1299c58fe19e7fcfec2.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara45 .name, #ranking .ranking-list-female .rank-box.chara45 .name, #ranking .ranking-list-all .rank-box.chara45 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara46:before, #ranking .ranking-list-female .rank-box.chara46:before, #ranking .ranking-list-all .rank-box.chara46:before {
            background: url(../../resources/img/rank-chara/chara46_2039c20d3547910e9e0a6637987d16a7.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara46 .name, #ranking .ranking-list-female .rank-box.chara46 .name, #ranking .ranking-list-all .rank-box.chara46 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara47:before, #ranking .ranking-list-female .rank-box.chara47:before, #ranking .ranking-list-all .rank-box.chara47:before {
            background: url(../../resources/img/rank-chara/chara47_7913bd766c303b61520066f59de78782.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara47 .name, #ranking .ranking-list-female .rank-box.chara47 .name, #ranking .ranking-list-all .rank-box.chara47 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara48:before, #ranking .ranking-list-female .rank-box.chara48:before, #ranking .ranking-list-all .rank-box.chara48:before {
            background: url(../../resources/img/rank-chara/chara48_16483e29cd0ebd18035be38e392bd18b.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara48 .name, #ranking .ranking-list-female .rank-box.chara48 .name, #ranking .ranking-list-all .rank-box.chara48 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara49:before, #ranking .ranking-list-female .rank-box.chara49:before, #ranking .ranking-list-all .rank-box.chara49:before {
            background: url(../../resources/img/rank-chara/chara49_d17e899382d71918ccfdefcd780a294f.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara49 .name, #ranking .ranking-list-female .rank-box.chara49 .name, #ranking .ranking-list-all .rank-box.chara49 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara50:before, #ranking .ranking-list-female .rank-box.chara50:before, #ranking .ranking-list-all .rank-box.chara50:before {
            background: url(../../resources/img/rank-chara/chara50_5dae466c49149b46ccd7b1d22f2beed1.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara50 .name, #ranking .ranking-list-female .rank-box.chara50 .name, #ranking .ranking-list-all .rank-box.chara50 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara51:before, #ranking .ranking-list-female .rank-box.chara51:before, #ranking .ranking-list-all .rank-box.chara51:before {
            background: url(../../resources/img/rank-chara/chara51_2137cb0982461f9842048f2fab4860dc.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara51 .name, #ranking .ranking-list-female .rank-box.chara51 .name, #ranking .ranking-list-all .rank-box.chara51 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara52:before, #ranking .ranking-list-female .rank-box.chara52:before, #ranking .ranking-list-all .rank-box.chara52:before {
            background: url(../../resources/img/rank-chara/chara52_1fdce03c662ee6853abbc56e56166e81.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara52 .name, #ranking .ranking-list-female .rank-box.chara52 .name, #ranking .ranking-list-all .rank-box.chara52 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara53:before, #ranking .ranking-list-female .rank-box.chara53:before, #ranking .ranking-list-all .rank-box.chara53:before {
            background: url(../../resources/img/rank-chara/chara53_f6624bd909ef3a0abfc7ce576cd10ecd.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara53 .name, #ranking .ranking-list-female .rank-box.chara53 .name, #ranking .ranking-list-all .rank-box.chara53 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara54:before, #ranking .ranking-list-female .rank-box.chara54:before, #ranking .ranking-list-all .rank-box.chara54:before {
            background: url(../../resources/img/rank-chara/chara54_2340f4fbbc9e87b6899dba979b39d085.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara54 .name, #ranking .ranking-list-female .rank-box.chara54 .name, #ranking .ranking-list-all .rank-box.chara54 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara55:before, #ranking .ranking-list-female .rank-box.chara55:before, #ranking .ranking-list-all .rank-box.chara55:before {
            background: url(../../resources/img/rank-chara/chara55_d5e59380d0c26100a88252f223286667.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara55 .name, #ranking .ranking-list-female .rank-box.chara55 .name, #ranking .ranking-list-all .rank-box.chara55 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara56:before, #ranking .ranking-list-female .rank-box.chara56:before, #ranking .ranking-list-all .rank-box.chara56:before {
            background: url(../../resources/img/rank-chara/chara56_809ee7b5ea0141b4f8c8ee1aed88cd5c.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara56 .name, #ranking .ranking-list-female .rank-box.chara56 .name, #ranking .ranking-list-all .rank-box.chara56 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara57:before, #ranking .ranking-list-female .rank-box.chara57:before, #ranking .ranking-list-all .rank-box.chara57:before {
            background: url(../../resources/img/rank-chara/chara57_b8f7d60782163af89c68e1e738975742.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara57 .name, #ranking .ranking-list-female .rank-box.chara57 .name, #ranking .ranking-list-all .rank-box.chara57 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara58:before, #ranking .ranking-list-female .rank-box.chara58:before, #ranking .ranking-list-all .rank-box.chara58:before {
            background: url(../../resources/img/rank-chara/chara58_ca46bbe9f5ce3336aec99b3df6548b9b.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara58 .name, #ranking .ranking-list-female .rank-box.chara58 .name, #ranking .ranking-list-all .rank-box.chara58 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara59:before, #ranking .ranking-list-female .rank-box.chara59:before, #ranking .ranking-list-all .rank-box.chara59:before {
            background: url(../../resources/img/rank-chara/chara59_8406172e8dfb7f5ce1e6bf4c7add5cb5.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara59 .name, #ranking .ranking-list-female .rank-box.chara59 .name, #ranking .ranking-list-all .rank-box.chara59 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara60:before, #ranking .ranking-list-female .rank-box.chara60:before, #ranking .ranking-list-all .rank-box.chara60:before {
            background: url(../../resources/img/rank-chara/chara60_69a8ac49e458ffef3656b20efc2270d0.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara60 .name, #ranking .ranking-list-female .rank-box.chara60 .name, #ranking .ranking-list-all .rank-box.chara60 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara61:before, #ranking .ranking-list-female .rank-box.chara61:before, #ranking .ranking-list-all .rank-box.chara61:before {
            background: url(../../resources/img/rank-chara/chara61_aefdb74a5e7c34a0baf940535e78e209.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara61 .name, #ranking .ranking-list-female .rank-box.chara61 .name, #ranking .ranking-list-all .rank-box.chara61 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara62:before, #ranking .ranking-list-female .rank-box.chara62:before, #ranking .ranking-list-all .rank-box.chara62:before {
            background: url(../../resources/img/rank-chara/chara62_b3bafcf0ab7373f344ce3364f54207a5.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara62 .name, #ranking .ranking-list-female .rank-box.chara62 .name, #ranking .ranking-list-all .rank-box.chara62 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara63:before, #ranking .ranking-list-female .rank-box.chara63:before, #ranking .ranking-list-all .rank-box.chara63:before {
            background: url(../../resources/img/rank-chara/chara63_14894011790659b26d6ea0edda7396d4.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara63 .name, #ranking .ranking-list-female .rank-box.chara63 .name, #ranking .ranking-list-all .rank-box.chara63 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara64:before, #ranking .ranking-list-female .rank-box.chara64:before, #ranking .ranking-list-all .rank-box.chara64:before {
            background: url(../../resources/img/rank-chara/chara64_28a133da4e07ca6e06d0000db713be87.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara64 .name, #ranking .ranking-list-female .rank-box.chara64 .name, #ranking .ranking-list-all .rank-box.chara64 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara65:before, #ranking .ranking-list-female .rank-box.chara65:before, #ranking .ranking-list-all .rank-box.chara65:before {
            background: url(../../resources/img/rank-chara/chara65_457873c37b8fa36db46a00b8e1631c2a.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara65 .name, #ranking .ranking-list-female .rank-box.chara65 .name, #ranking .ranking-list-all .rank-box.chara65 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara66:before, #ranking .ranking-list-female .rank-box.chara66:before, #ranking .ranking-list-all .rank-box.chara66:before {
            background: url(../../resources/img/rank-chara/chara66_a95f0e75547b35321d54c12dfe28d79d.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara66 .name, #ranking .ranking-list-female .rank-box.chara66 .name, #ranking .ranking-list-all .rank-box.chara66 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara67:before, #ranking .ranking-list-female .rank-box.chara67:before, #ranking .ranking-list-all .rank-box.chara67:before {
            background: url(../../resources/img/rank-chara/chara67_1d739e4b6388a535c9440a94f046c843.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara67 .name, #ranking .ranking-list-female .rank-box.chara67 .name, #ranking .ranking-list-all .rank-box.chara67 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box.chara68:before, #ranking .ranking-list-female .rank-box.chara68:before, #ranking .ranking-list-all .rank-box.chara68:before {
            background: url(../../resources/img/rank-chara/chara68_9a81f293cf9c6ea8081c307e698706c1.png) no-repeat;
          }

#ranking .ranking-list-male .rank-box.chara68 .name, #ranking .ranking-list-female .rank-box.chara68 .name, #ranking .ranking-list-all .rank-box.chara68 .name {
            font-size: 33px;
          }

#ranking .ranking-list-male .rank-box .rank-num, #ranking .ranking-list-female .rank-box .rank-num, #ranking .ranking-list-all .rank-box .rank-num {
        position: absolute;
        top: -25px;
        left: -27px;
      }

#ranking .ranking-list-male .rank-box .rank-num.r-1, #ranking .ranking-list-female .rank-box .rank-num.r-1, #ranking .ranking-list-all .rank-box .rank-num.r-1 {
            background: url(../../resources/img/rank/1_aecabcdbe80d5618215daa502d4e353d.png) no-repeat;
            width: 172px;
            height: 172px;
          }

#ranking .ranking-list-male .rank-box .rank-num.r-2, #ranking .ranking-list-female .rank-box .rank-num.r-2, #ranking .ranking-list-all .rank-box .rank-num.r-2 {
            background: url(../../resources/img/rank/2_028e70f6e062d0c562c8e89f07a7fdea.png) no-repeat;
            width: 173px;
            height: 173px;
          }

#ranking .ranking-list-male .rank-box .rank-num.r-3, #ranking .ranking-list-female .rank-box .rank-num.r-3, #ranking .ranking-list-all .rank-box .rank-num.r-3 {
            background: url(../../resources/img/rank/3_de641c19328662b0c6ac6ab94d7df129.png) no-repeat;
            width: 173px;
            height: 174px;
          }

#ranking .ranking-list-male .rank-box .name, #ranking .ranking-list-female .rank-box .name, #ranking .ranking-list-all .rank-box .name {
        width: 265px;
        color: #552265;
        text-align: center;
        font-size: 36px;
        position: absolute;
        top: 63px;
        left: 325px;
        font-weight: bold;
      }

#ranking .ranking-list-male .rank-box .num-box, #ranking .ranking-list-female .rank-box .num-box, #ranking .ranking-list-all .rank-box .num-box {
        width: 265px;
        height: 46px;
        text-align: center;
        position: absolute;
        top: 110px;
        left: 330px;
        font-size: 0;
      }

#ranking .ranking-list-male .rank-box .num-box .num, #ranking .ranking-list-female .rank-box .num-box .num, #ranking .ranking-list-all .rank-box .num-box .num {
          width: 37px;
          height: 46px;
          display: inline-block;
          position: relative;
          margin: 0 -1px;
        }

#ranking .ranking-list-male .rank-box .num-box .num.n-0, #ranking .ranking-list-female .rank-box .num-box .num.n-0, #ranking .ranking-list-all .rank-box .num-box .num.n-0 {
              background: url(../../resources/img/num/rank_0_48d0fed197de199ebc6c19806e15baf2.png) center center no-repeat;
            }

#ranking .ranking-list-male .rank-box .num-box .num.n-1, #ranking .ranking-list-female .rank-box .num-box .num.n-1, #ranking .ranking-list-all .rank-box .num-box .num.n-1 {
              background: url(../../resources/img/num/rank_1_610e945fad823fe98f01b175e1cee78f.png) center center no-repeat;
            }

#ranking .ranking-list-male .rank-box .num-box .num.n-2, #ranking .ranking-list-female .rank-box .num-box .num.n-2, #ranking .ranking-list-all .rank-box .num-box .num.n-2 {
              background: url(../../resources/img/num/rank_2_ae51ed112bf6a595c27a76233494f5d4.png) center center no-repeat;
            }

#ranking .ranking-list-male .rank-box .num-box .num.n-3, #ranking .ranking-list-female .rank-box .num-box .num.n-3, #ranking .ranking-list-all .rank-box .num-box .num.n-3 {
              background: url(../../resources/img/num/rank_3_0b6a09eced1c9185d9cbaca682503af7.png) center center no-repeat;
            }

#ranking .ranking-list-male .rank-box .num-box .num.n-4, #ranking .ranking-list-female .rank-box .num-box .num.n-4, #ranking .ranking-list-all .rank-box .num-box .num.n-4 {
              background: url(../../resources/img/num/rank_4_0aa755a7afa4c18fa04c643a3ef6c738.png) center center no-repeat;
            }

#ranking .ranking-list-male .rank-box .num-box .num.n-5, #ranking .ranking-list-female .rank-box .num-box .num.n-5, #ranking .ranking-list-all .rank-box .num-box .num.n-5 {
              background: url(../../resources/img/num/rank_5_4ad74ace0a63ef1358a64a945886df74.png) center center no-repeat;
            }

#ranking .ranking-list-male .rank-box .num-box .num.n-6, #ranking .ranking-list-female .rank-box .num-box .num.n-6, #ranking .ranking-list-all .rank-box .num-box .num.n-6 {
              background: url(../../resources/img/num/rank_6_692d60b4ac9c557900a8d09b034db07f.png) center center no-repeat;
            }

#ranking .ranking-list-male .rank-box .num-box .num.n-7, #ranking .ranking-list-female .rank-box .num-box .num.n-7, #ranking .ranking-list-all .rank-box .num-box .num.n-7 {
              background: url(../../resources/img/num/rank_7_d028a3ae7e770600e660eff760b8b03e.png) center center no-repeat;
            }

#ranking .ranking-list-male .rank-box .num-box .num.n-8, #ranking .ranking-list-female .rank-box .num-box .num.n-8, #ranking .ranking-list-all .rank-box .num-box .num.n-8 {
              background: url(../../resources/img/num/rank_8_1453f08da0b53ea11e52b32b83c3b242.png) center center no-repeat;
            }

#ranking .ranking-list-male .rank-box .num-box .num.n-9, #ranking .ranking-list-female .rank-box .num-box .num.n-9, #ranking .ranking-list-all .rank-box .num-box .num.n-9 {
              background: url(../../resources/img/num/rank_9_67b9b982fd128e2dbe1d65cd87226983.png) center center no-repeat;
            }

#ranking .ranking-list-male .rank-box .num-box .num:nth-last-child(4), #ranking .ranking-list-female .rank-box .num-box .num:nth-last-child(4), #ranking .ranking-list-all .rank-box .num-box .num:nth-last-child(4) {
            margin-right: 14px;
          }

#ranking .ranking-list-male .rank-box .num-box .num:nth-last-child(4):before, #ranking .ranking-list-female .rank-box .num-box .num:nth-last-child(4):before, #ranking .ranking-list-all .rank-box .num-box .num:nth-last-child(4):before {
              content: url(../../resources/img/num/rank_comma_fe53204b33960a307b39933cea362394.png);
              position: absolute;
              top: 30px;
              left: 33px;
            }

#ranking .ranking-list-male .rank-box .num-box .num:nth-last-child(7), #ranking .ranking-list-female .rank-box .num-box .num:nth-last-child(7), #ranking .ranking-list-all .rank-box .num-box .num:nth-last-child(7) {
            margin-right: 14px;
          }

#ranking .ranking-list-male .rank-box .num-box .num:nth-last-child(7):before, #ranking .ranking-list-female .rank-box .num-box .num:nth-last-child(7):before, #ranking .ranking-list-all .rank-box .num-box .num:nth-last-child(7):before {
              content: url(../../resources/img/num/rank_comma_fe53204b33960a307b39933cea362394.png);
              position: absolute;
              top: 30px;
              left: 33px;
            }

#ranking .ranking-list-male .rank-box .num-box .num:last-child, #ranking .ranking-list-female .rank-box .num-box .num:last-child, #ranking .ranking-list-all .rank-box .num-box .num:last-child {
            margin-right: 37px;
          }

#ranking .ranking-list-male .rank-box .num-box .num:last-child:before, #ranking .ranking-list-female .rank-box .num-box .num:last-child:before, #ranking .ranking-list-all .rank-box .num-box .num:last-child:before {
              content: url(../../resources/img/num/rank_pt_86150e3acb06991759b9c5a0ef77e0c8.png);
              position: absolute;
              top: 9px;
              left: 37px;
            }

#ranking .ranking-list-male .rank-box .vote-btn, #ranking .ranking-list-female .rank-box .vote-btn, #ranking .ranking-list-all .rank-box .vote-btn {
        background: url(../../resources/img/modal_open_btn_4a787c427580d42807202d2d6ca9f338.png) no-repeat;
        width: 41px;
        height: 41px;

        position: absolute;
        top: 10px;
        right: 13px;
        z-index: 10;
        cursor: pointer;
      }

#ranking .ranking-list-male .rank-box .serif, #ranking .ranking-list-female .rank-box .serif, #ranking .ranking-list-all .rank-box .serif {
        background: url(../../resources/img/serif_male_bg_6d51e14ac988a80108567df256bdfebc.png) no-repeat;
        width: 510px;
        height: 144px;

        position: absolute;
        top: 160px;
        left: 63px;
        z-index: 2;
      }

#ranking .ranking-list-male .rank-box .serif p, #ranking .ranking-list-female .rank-box .serif p, #ranking .ranking-list-all .rank-box .serif p {
          width: 480px;
          margin: 33px 0 0 15px;
          color: #fff;
          font-size: 22px;
          line-height: 1.4;
          word-break: break-all;
        }

#ranking .male-title {
    text-align: center;
    margin-top: 50px;
  }

#ranking .female-title {
    text-align: center;
    margin-top: 145px;
  }

#ranking .ranking-list-female .rank-box .serif {
        background: url(../../resources/img/serif_female_bg_50917f22798b341221807d5cffab986d.png) no-repeat;
        width: 510px;
        height: 144px;
      }

#ranking .all-title {
    text-align: center;
    margin-top: 145px;
  }

#ranking .ranking-list-all .rank-box .serif {
        background: url(../../resources/img/serif_all_bg_fb4e9bf9901d7b5e25d5086b3c7a3114.png) no-repeat;
        width: 510px;
        height: 144px;
      }

#ranking .ranking-list-all2 .rank-box {
      background: url(../../resources/img/rank_bg_m_781767b464bb8edcab335447ed97a179.png) no-repeat;
      width: 636px;
      height: 145px;

      display: block;
      position: relative;
    }

#ranking .ranking-list-all2 .rank-box .rank-num {
        width: 146px;
        height: 145px;
        position: absolute;
        top: -6px;
        left: -16px;
      }

#ranking .ranking-list-all2 .rank-box .rank-num.r-4 {
            background: url(../../resources/img/rank/4_2e3fa250c44b10640490171ee8980cae.png) no-repeat;
          }

#ranking .ranking-list-all2 .rank-box .rank-num.r-5 {
            background: url(../../resources/img/rank/5_e51ed6ca8fca95bb89b458fd5ba10896.png) no-repeat;
          }

#ranking .ranking-list-all2 .rank-box .rank-num.r-6 {
            background: url(../../resources/img/rank/6_5c6f23c600ec46f69ad31d920f2bbe18.png) no-repeat;
          }

#ranking .ranking-list-all2 .rank-box .rank-num.r-7 {
            background: url(../../resources/img/rank/7_b7ee371d1e40f9e80585a4947fee9c1a.png) no-repeat;
          }

#ranking .ranking-list-all2 .rank-box .rank-num.r-8 {
            background: url(../../resources/img/rank/8_b8ef34da8fd8fce04db0bb4db191d87e.png) no-repeat;
          }

#ranking .ranking-list-all2 .rank-box .rank-num.r-9 {
            background: url(../../resources/img/rank/9_90228db666314005b342917cca6d0c8d.png) no-repeat;
          }

#ranking .ranking-list-all2 .rank-box .rank-num.r-10 {
            background: url(../../resources/img/rank/10_21667ac725bfb0c69f86cb1352f2798f.png) no-repeat;
          }

#ranking .ranking-list-all2 .rank-box .rank-num.r-11 {
            background: url(../../resources/img/rank/11_5a7999b29aca107e7c45fc71bb0feda9.png) no-repeat;
          }

#ranking .ranking-list-all2 .rank-box .rank-num.r-12 {
            background: url(../../resources/img/rank/12_30fb5f2787a509652a849791b53b0414.png) no-repeat;
          }

#ranking .ranking-list-all2 .rank-box .rank-num.r-13 {
            background: url(../../resources/img/rank/13_3a89afa4dfcb2f14cb6863a1e1403531.png) no-repeat;
          }

#ranking .ranking-list-all2 .rank-box .rank-num.r-14 {
            background: url(../../resources/img/rank/14_531652c12a9f39a04236e5dc1c513d6e.png) no-repeat;
          }

#ranking .ranking-list-all2 .rank-box .rank-num.r-15 {
            background: url(../../resources/img/rank/15_ef66df78a025c21fcaa6feafefcd16a0.png) no-repeat;
          }

#ranking .ranking-list-all2 .rank-box .name {
        color: #552265;
        font-size: 30px;
        position: absolute;
        top: 56px;
        left: 143px;
        font-weight: bold;
      }

#ranking .ranking-list-all2 .rank-box .num-box {
        width: 210px;
        height: 38px;
        position: absolute;
        top: 52px;
        right: 42px;
        font-size: 0;
        text-align: right;
      }

#ranking .ranking-list-all2 .rank-box .num-box .num {
          width: 31px;
          height: 38px;
          display: inline-block;
          position: relative;
          margin: 0 -2px;
          background-size: contain !important;
        }

#ranking .ranking-list-all2 .rank-box .num-box .num.n-0 {
              background: url(../../resources/img/num/rank_0_48d0fed197de199ebc6c19806e15baf2.png) center center no-repeat;
            }

#ranking .ranking-list-all2 .rank-box .num-box .num.n-1 {
              background: url(../../resources/img/num/rank_1_610e945fad823fe98f01b175e1cee78f.png) center center no-repeat;
            }

#ranking .ranking-list-all2 .rank-box .num-box .num.n-2 {
              background: url(../../resources/img/num/rank_2_ae51ed112bf6a595c27a76233494f5d4.png) center center no-repeat;
            }

#ranking .ranking-list-all2 .rank-box .num-box .num.n-3 {
              background: url(../../resources/img/num/rank_3_0b6a09eced1c9185d9cbaca682503af7.png) center center no-repeat;
            }

#ranking .ranking-list-all2 .rank-box .num-box .num.n-4 {
              background: url(../../resources/img/num/rank_4_0aa755a7afa4c18fa04c643a3ef6c738.png) center center no-repeat;
            }

#ranking .ranking-list-all2 .rank-box .num-box .num.n-5 {
              background: url(../../resources/img/num/rank_5_4ad74ace0a63ef1358a64a945886df74.png) center center no-repeat;
            }

#ranking .ranking-list-all2 .rank-box .num-box .num.n-6 {
              background: url(../../resources/img/num/rank_6_692d60b4ac9c557900a8d09b034db07f.png) center center no-repeat;
            }

#ranking .ranking-list-all2 .rank-box .num-box .num.n-7 {
              background: url(../../resources/img/num/rank_7_d028a3ae7e770600e660eff760b8b03e.png) center center no-repeat;
            }

#ranking .ranking-list-all2 .rank-box .num-box .num.n-8 {
              background: url(../../resources/img/num/rank_8_1453f08da0b53ea11e52b32b83c3b242.png) center center no-repeat;
            }

#ranking .ranking-list-all2 .rank-box .num-box .num.n-9 {
              background: url(../../resources/img/num/rank_9_67b9b982fd128e2dbe1d65cd87226983.png) center center no-repeat;
            }

#ranking .ranking-list-all2 .rank-box .num-box .num:nth-last-child(4) {
            margin-right: 13px;
          }

#ranking .ranking-list-all2 .rank-box .num-box .num:nth-last-child(4):before {
              content: ' ';
              background: url(../../resources/img/num/rank_comma_fe53204b33960a307b39933cea362394.png) no-repeat;
              width: 13px;
              height: 20px;
              background-size: contain;
              position: absolute;
              top: 25px;
              left: 28px;
            }

#ranking .ranking-list-all2 .rank-box .num-box .num:nth-last-child(7) {
            margin-right: 13px;
          }

#ranking .ranking-list-all2 .rank-box .num-box .num:nth-last-child(7):before {
              content: ' ';
              background: url(../../resources/img/num/rank_comma_fe53204b33960a307b39933cea362394.png) no-repeat;
              width: 13px;
              height: 20px;
              background-size: contain;
              position: absolute;
              top: 25px;
              left: 28px;
            }

#ranking .ranking-list-all2 .rank-box .num-box .num:last-child {
            margin-right: 30px;
          }

#ranking .ranking-list-all2 .rank-box .num-box .num:last-child:before {
              content: ' ';
              background: url(../../resources/img/num/rank_pt_86150e3acb06991759b9c5a0ef77e0c8.png) no-repeat;
              width: 31px;
              height: 31px;
              background-size: contain;
              position: absolute;
              top: 7px;
              left: 29px;
            }

#ranking .ranking-list-all2 .rank-box .vote-btn {
        background: url(../../resources/img/modal_open_btn_4a787c427580d42807202d2d6ca9f338.png) no-repeat;
        width: 41px;
        height: 41px;

        position: absolute;
        top: 10px;
        right: 13px;
        z-index: 10;
        cursor: pointer;
      }

#ranking .ranking-list-all2 .rank-box .serif {
        display: none;
      }

#ranking .hall-of-fame {
    margin: 50px 0 0 3px;
  }

#ranking .present {
    margin: 70px 0 0 -50px;
    position: relative;
  }

#ranking .present p {
      position: absolute;
      color: #3f3f3f;
      line-height: 1.2;
      font-size: 17px;
    }

#ranking .present .txt1 {
      top: 297px;
      left: 213px;
    }

#ranking .present .txt2 {
      top: 468px;
      left: 213px;
    }

#ranking .present .txt3 {
      top: 640px;
      left: 213px;
    }

#ranking .present .txt4 {
      top: 810px;
      left: 209px;
    }

#ranking .present a {
      background: url(../../resources/img/present_details_btn_49a593f870fb8584be3a380d9613eb6a.png) no-repeat;
      width: 388px;
      height: 87px;

      position: absolute;
      top: 1057px;
      left: 174px;
      z-index: 10;
    }

#rules-reward-box {
  background: url(../../resources/img/rules_bg_9fb060eff79ef747cdc64948be4a64bc.jpg) no-repeat center top;
  padding: 54px 0 49px;
}

#rules-reward-box .rule-txt {
    text-align: center;
    margin-top: 30px;
  }

#rules-reward-box .rule-txt p {
      color: #fff;
      line-height: 1.5;
      text-shadow: 2px 2px #582668, 2px -2px #582668, -2px 2px #582668, -2px -2px #582668, 0 2px #582668, 0 -2px #582668, 2px 0 #582668, -2px 0 #582668, 3px 3px 3px #582668;
    }

#rules-reward-box .rule-txt p.ja-txt {
        font-size: 26px;
      }

#rules-reward-box .rule-txt p.ja-txt span {
          color: #fff282;
        }

#rules-reward-box .rule-txt p.en-txt {
        font-size: 18px;
        margin-top: 20px;
      }

#rules-reward-box .reward-title {
    margin: 67px 0 0 -66px;
  }

#rules-reward-box .reward1,
  #rules-reward-box .reward2,
  #rules-reward-box .reward3,
  #rules-reward-box .reward4,
  #rules-reward-box .reward5 {
    position: relative;
  }

#rules-reward-box .reward1.complete:before, #rules-reward-box .reward2.complete:before, #rules-reward-box .reward3.complete:before, #rules-reward-box .reward4.complete:before, #rules-reward-box .reward5.complete:before {
        content: url(../../resources/img/complete_51bc8b1ce46f4f245521f2ebd359c880.png);
        position: absolute;
        top: 140px;
        left: 18px;
      }

#rules-reward-box .reward1 {
    margin-top: 35px;
  }

#rules-reward-box .reward1.complete:before {
        top: 134px;
        left: 5px;
      }

#rules-reward-box .reward2 {
    margin-top: 5px;
  }

#rules-reward-box .reward2.complete:before {
        top: 150px;
        left: 5px;
      }

#rules-reward-box .reward3 {
    margin: 13px 0 0 -9px;
  }

#rules-reward-box .reward3.complete:before {
        top: 233px;
        left: 17px;
      }

#rules-reward-box .reward4 {
    margin: -15px 0 0 -11px;
  }

#rules-reward-box .reward4.complete:before {
        top: 262px;
        left: 17px;
      }

#rules-reward-box .reward5 {
    margin: 15px 0 0 -25px;
  }

#rules-reward-box .reward5.complete:before {
        top: 292px;
        left: 30px;
      }

#rules-reward-box .caution {
    position: relative;
    width: 657px;
    margin: 68px 0 0 -10px;
    border: solid 1px #fff;
  }

#rules-reward-box .caution .title {
      position: absolute;
      top: -28px;
      left: 236px;
    }

#rules-reward-box .caution p {
      color: #fff;
      padding: 0 25px;
      line-height: 1.8;
    }

#rules-reward-box .caution p.ja-txt1 {
        font-size: 22px;
        padding-top: 45px;
      }

#rules-reward-box .caution p.ja-txt2 {
        font-size: 20px;
        margin-top: 15px;
      }

#rules-reward-box .caution p.en-txt {
        font-size: 18px;
        line-height: 1.6;
        margin-top: 30px;
        padding-bottom: 37px;
      }

#rules-reward-box .official-site {
    background: url(../../resources/img/f_official_site_62726d017c5f318c94db47720ffc0942.png) no-repeat;
    width: 615px;
    height: 147px;

    display: block;
    margin: 50px auto 0;
  }

#about-cryuni {
  background: #000;
  padding: 0 0 23px;
  margin-top: -2px;
}

#about-cryuni .title {
    background-color: #152c6c;
  }

#about-cryuni .title h2 {
      padding: 12px 0;
    }

#about-cryuni .visual {
    background: url(../../resources/img/cryuni_visual_9add65656a50260421c9bbe84ffc2edc.jpg) no-repeat;
    width: 1920px;
    height: 1021px;

    width: 100%;
    background-position: center top;
  }

#about-cryuni .spec-wrapper {
    padding-top: 150px;
    margin-top: -240px;
    background: url(../../resources/img/cryuni_bg_0cc7f431c61fbe4543510eb31e877e55.png) no-repeat center top;
  }

#about-cryuni .spec {
    margin-left: 14px;
  }

#about-cryuni .dl-box {
    margin-top: 55px;
    text-align: center;
    font-size: 0;
  }

#about-cryuni .dl-box a {
      display: inline-block;
      margin: 0 12px 15px;
    }

#about-cryuni .dl-box .app-btn {
      background: url(../../resources/img/cryuni_app_btn_7e2a6b156abb300f3a3b954de69f7347.png) no-repeat;
      width: 291px;
      height: 85px;
    }

#about-cryuni .dl-box .google-btn {
      background: url(../../resources/img/cryuni_google_btn_47c3cc53d295c5d71fa0742c0cf452c4.png) no-repeat;
      width: 287px;
      height: 87px;
    }

#about-cryuni .dl-box .dmm-btn {
      background: url(../../resources/img/cryuni_dmm_btn_cea1cf4dc2e9b83421ab928796f9e9c8.png) no-repeat;
      width: 294px;
      height: 87px;
    }

#about-cryuni .official-site-btn {
    background: url(../../resources/img/f_official_site_62726d017c5f318c94db47720ffc0942.png) no-repeat;
    width: 615px;
    height: 147px;

    display: block;
    margin: 15px auto 0;
  }

#about-cryuni .sns-twitter {
    background: url(../../resources/img/f_twitter_btn_56d2ae83535e3b176032491a84809580.png) no-repeat;
    width: 66px;
    height: 66px;

    display: block;
    margin: 27px auto 0;
  }

footer {
  margin-top: 44px;
}

footer .footer-wrapper {
    width: 1280px;
    margin: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

footer ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

footer ul li {
      margin-right: 26px;
    }

footer ul li a {
        color: #fff;
        font-size: 14px;
        text-decoration: none;
      }

footer p {
    color: #fff;
    font-size: 13px;
    margin-right: 70px;
  }

footer .logo {
    background: url(../../resources/img/f_gumi_logo_f11c0e5f26aac4540c1311668db307e4.png) no-repeat;
    width: 101px;
    height: 26px;
  }

@media screen and (max-width: 640px) {
    .fancybox-slide--iframe.fancybox-slide--video .fancybox-content {
      width: 640px;
      height: 330px;
      max-width: 100%;
    }

  .fancybox-close-small {
    top: -50px !important;
    right: 0 !important;
  }
  footer {
    margin-top: 90px;
  }

    footer .footer-wrapper {
      width: 640px;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
    }

    footer ul {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
    }

      footer ul li {
        margin: 0 15px 20px;
      }

        footer ul li a {
          font-size: 19px;
        }

    footer p {
      margin-right: 75px;
    }
}

@media (max-width: 640px) {

.vote-modal {
    left: -17px;
    right: auto
}
  }