@charset "UTF-8";
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, 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, td, th {
  text-align: left;
  font-weight: 400;
  vertical-align: middle
}

blockquote, q {
  quotes: none
}

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

a img {
  border: none
}

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

body {
  font-family: "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  -webkit-text-size-adjust: 100%;
  background-color: #fff
}

.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
}

.container, .top, .wrapper {
  position: relative
}

.disp-none {
  display: none
}

.container {
  overflow-x: hidden
}

a {
  display: inline-block
}

.fancybox-inner {
  overflow: hidden!important
}

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

.top {
  background: url(../img/bg1.jpg?1523247041) center top repeat-y;
  padding-bottom: 55px
}

.top .main-bg {
  background: url(../img/main_bg.png?1523247041) center top no-repeat;
  width: 100%;
  height: 1165px;
  position: absolute
}

.top .game-title {
  float: left;
  margin-left: -40px
}

.top .top-dl-btn {
  float: left;
  margin: 20px 0 0 -34px
}

.top .top-dl-btn li {
  float: left;
  margin-right: 2px
}

.top .top-dl-btn .dl-appstore {
  background: url(../img/h_app_btn.png?1523247041);
  width: 135px;
  height: 40px
}

.top .top-dl-btn .dl-googleplay {
  background: url(../img/h_google_btn.png?1523247041);
  width: 137px;
  height: 40px
}

.top .top-dl-btn .dl-dmm {
  background: url(../img/h_dmm_btn.png?1523247041);
  width: 135px;
  height: 40px
}

.top h1 {
  position: absolute;
  top: 62px;
  left: -17px
}

.top .date {
  clear: both;
  position: relative;
  padding-top: 393px;
  padding-left: 39px
}

.top .reward {
  display: none;
  margin: 25px 0 0 -52px
}

.top .aggregate {
  display: none;
  position: absolute;
  top: 421px;
  left: 30px
}

.top .result {
  display: none;
  clear: both;
  position: relative;
  padding-top: 30px;
  margin-left: -43px
}

.top .sns-btn {
  margin: 28px 0 0 189px
}

.top .sns-btn li {
  float: left;
  margin-right: 24px
}

.top .sns-btn .sns-facebook {
  background: url(../img/h_fb_btn.png?1523247041);
  width: 70px;
  height: 70px
}

.top .sns-btn .sns-twitter {
  background: url(../img/h_twi_btn.png?1523247041);
  width: 70px;
  height: 70px
}

.top .sns-btn .sns-line {
  background: url(../img/h_line_btn.png?1523247041);
  width: 70px;
  height: 70px
}

.top .ranking {
  display: none;
  margin-top: 45px
}

.top .ranking .ranking-title-a, .top .ranking .ranking-title-b, .top .ranking .ranking-title-c, .top .ranking .ranking-title-d, .top .ranking .ranking-title-e {
  width: 635px;
  height: 98px;
  margin-top: 55px
}

.top .ranking .ranking-title-a {
  background: url(../img/result/ranking_title_a.png?1523247041)
}

.top .ranking .ranking-title-b {
  background: url(../img/result/ranking_title_b.png?1523247041);
  margin-bottom: -25px
}

.top .ranking .ranking-title-c {
  background: url(../img/result/ranking_title_c.png?1523247041);
  margin-bottom: -25px
}

.top .ranking .ranking-title-d {
  background: url(../img/result/ranking_title_d.png?1523247041);
  margin-bottom: -25px
}

.top .ranking .ranking-title-e {
  background: url(../img/result/ranking_title_e.png?1523247041);
  margin-bottom: -25px
}

body > div > section.tabs > div.tab-b.tab-contents > div > div.box-right > ul > li:nth-child(50) {
  display: none;
}

.top .ranking .group-a .title, .top .ranking .group-b .title, .top .ranking .group-c .title, .top .ranking .group-d .title, .top .ranking .group-e .title {
  text-align: center
}

.tabs li p {
  font-weight: normal !important;
}

.top .ranking .group-a .group li, .top .ranking .group-b .group li, .top .ranking .group-c .group li, .top .ranking .group-d .group li, .top .ranking .group-e .group li {
  background: url(../img/result/ranking_bg.png?1523247041);
  width: 658px;
  height: 300px;
  position: relative
}

.top .ranking .group-a .group li .rank-mark, .top .ranking .group-b .group li .rank-mark, .top .ranking .group-c .group li .rank-mark, .top .ranking .group-d .group li .rank-mark, .top .ranking .group-e .group li .rank-mark {
  background: url(../img/result/1_l.png?1523247041);
  width: 125px;
  height: 126px;
  position: absolute;
  top: -25px;
  left: 19px
}

.top .ranking .group-a .group li .rank-mark.rank-mark-1, .top .ranking .group-b .group li .rank-mark.rank-mark-1, .top .ranking .group-c .group li .rank-mark.rank-mark-1, .top .ranking .group-d .group li .rank-mark.rank-mark-1, .top .ranking .group-e .group li .rank-mark.rank-mark-1 {
  background: url(../img/result/1_l.png?1523247041);
  width: 125px;
  height: 126px
}

.top .ranking .group-a .group li .rank-mark.rank-mark-2, .top .ranking .group-b .group li .rank-mark.rank-mark-2, .top .ranking .group-c .group li .rank-mark.rank-mark-2, .top .ranking .group-d .group li .rank-mark.rank-mark-2, .top .ranking .group-e .group li .rank-mark.rank-mark-2 {
  background: url(../img/result/2_l.png?1523247041);
  width: 126px;
  height: 126px
}

.top .ranking .group-a .group li .rank-mark.rank-mark-3, .top .ranking .group-b .group li .rank-mark.rank-mark-3, .top .ranking .group-c .group li .rank-mark.rank-mark-3, .top .ranking .group-d .group li .rank-mark.rank-mark-3, .top .ranking .group-e .group li .rank-mark.rank-mark-3 {
  background: url(../img/result/3_l.png?1523247041);
  width: 126px;
  height: 127px
}

.top .ranking .group-a .group li p, .top .ranking .group-b .group li p, .top .ranking .group-c .group li p, .top .ranking .group-d .group li p, .top .ranking .group-e .group li p {
  color: #022544
}

.top .ranking .group-a .group li .world, .top .ranking .group-b .group li .world, .top .ranking .group-c .group li .world, .top .ranking .group-d .group li .world, .top .ranking .group-e .group li .world {
  font-size: 28px;
  position: absolute;
  top: 23px;
  left: 160px
}

.top .ranking .group-a .group li .union_name, .top .ranking .group-b .group li .union_name, .top .ranking .group-c .group li .union_name, .top .ranking .group-d .group li .union_name, .top .ranking .group-e .group li .union_name {
  font-size: 20px;
  font-weight: 700;
  position: absolute;
  top: 63px;
  left: 158px
}

.top .ranking .group-a .group li .name, .top .ranking .group-b .group li .name, .top .ranking .group-c .group li .name, .top .ranking .group-d .group li .name, .top .ranking .group-e .group li .name {
  font-size: 32px;
  position: absolute;
  top: 110px;
  left: 40px
}

.top .ranking .group-a .group li .time, .top .ranking .group-b .group li .time, .top .ranking .group-c .group li .time, .top .ranking .group-d .group li .time, .top .ranking .group-e .group li .time {
  width: 200px;
  text-align: center;
  position: absolute;
  font-size: 0;
  top: 110px;
  left: 433px
}

.top .ranking .group-a .group li .time .num, .top .ranking .group-b .group li .time .num, .top .ranking .group-c .group li .time .num, .top .ranking .group-d .group li .time .num, .top .ranking .group-e .group li .time .num {
  display: inline-block;
  position: relative;
  margin-right: 1px
}

.top .ranking .group-a .group li .time .num:nth-last-child(3), .top .ranking .group-a .group li .time .num:nth-last-child(5), .top .ranking .group-b .group li .time .num:nth-last-child(3), .top .ranking .group-b .group li .time .num:nth-last-child(5), .top .ranking .group-c .group li .time .num:nth-last-child(3), .top .ranking .group-c .group li .time .num:nth-last-child(5), .top .ranking .group-d .group li .time .num:nth-last-child(3), .top .ranking .group-d .group li .time .num:nth-last-child(5), .top .ranking .group-e .group li .time .num:nth-last-child(3), .top .ranking .group-e .group li .time .num:nth-last-child(5) {
  margin-right: 22px
}

.top .ranking .group-a .group li .time .num.n-0, .top .ranking .group-b .group li .time .num.n-0, .top .ranking .group-c .group li .time .num.n-0, .top .ranking .group-d .group li .time .num.n-0, .top .ranking .group-e .group li .time .num.n-0 {
  background: url(../img/n_0.png?1523247041) center top no-repeat;
  width: 24px;
  height: 36px
}

.top .ranking .group-a .group li .time .num.n-1, .top .ranking .group-b .group li .time .num.n-1, .top .ranking .group-c .group li .time .num.n-1, .top .ranking .group-d .group li .time .num.n-1, .top .ranking .group-e .group li .time .num.n-1 {
  background: url(../img/n_1.png?1523247041) center top no-repeat;
  width: 15px;
  height: 36px
}

.top .ranking .group-a .group li .time .num.n-2, .top .ranking .group-b .group li .time .num.n-2, .top .ranking .group-c .group li .time .num.n-2, .top .ranking .group-d .group li .time .num.n-2, .top .ranking .group-e .group li .time .num.n-2 {
  background: url(../img/n_2.png?1523247041) center top no-repeat;
  width: 21px;
  height: 36px
}

.top .ranking .group-a .group li .time .num.n-3, .top .ranking .group-b .group li .time .num.n-3, .top .ranking .group-c .group li .time .num.n-3, .top .ranking .group-d .group li .time .num.n-3, .top .ranking .group-e .group li .time .num.n-3 {
  background: url(../img/n_3.png?1523247041) center top no-repeat;
  width: 22px;
  height: 36px
}

.top .ranking .group-a .group li .time .num.n-4, .top .ranking .group-b .group li .time .num.n-4, .top .ranking .group-c .group li .time .num.n-4, .top .ranking .group-d .group li .time .num.n-4, .top .ranking .group-e .group li .time .num.n-4 {
  background: url(../img/n_4.png?1523247041) center top no-repeat;
  width: 24px;
  height: 36px
}

.top .ranking .group-a .group li .time .num.n-5, .top .ranking .group-b .group li .time .num.n-5, .top .ranking .group-c .group li .time .num.n-5, .top .ranking .group-d .group li .time .num.n-5, .top .ranking .group-e .group li .time .num.n-5 {
  background: url(../img/n_5.png?1523247041) center top no-repeat;
  width: 21px;
  height: 36px
}

.top .ranking .group-a .group li .time .num.n-6, .top .ranking .group-b .group li .time .num.n-6, .top .ranking .group-c .group li .time .num.n-6, .top .ranking .group-d .group li .time .num.n-6, .top .ranking .group-e .group li .time .num.n-6 {
  background: url(../img/n_6.png?1523247041) center top no-repeat;
  width: 22px;
  height: 36px
}

.top .ranking .group-a .group li .time .num.n-7, .top .ranking .group-b .group li .time .num.n-7, .top .ranking .group-c .group li .time .num.n-7, .top .ranking .group-d .group li .time .num.n-7, .top .ranking .group-e .group li .time .num.n-7 {
  background: url(../img/n_7.png?1523247041) center top no-repeat;
  width: 22px;
  height: 36px
}

.top .ranking .group-a .group li .time .num.n-8, .top .ranking .group-b .group li .time .num.n-8, .top .ranking .group-c .group li .time .num.n-8, .top .ranking .group-d .group li .time .num.n-8, .top .ranking .group-e .group li .time .num.n-8 {
  background: url(../img/n_8.png?1523247041) center top no-repeat;
  width: 23px;
  height: 36px
}

.top .ranking .group-a .group li .time .num.n-9, .top .ranking .group-b .group li .time .num.n-9, .top .ranking .group-c .group li .time .num.n-9, .top .ranking .group-d .group li .time .num.n-9, .top .ranking .group-e .group li .time .num.n-9 {
  background: url(../img/n_9.png?1523247041) center top no-repeat;
  width: 22px;
  height: 36px
}

.top .ranking .group-a .group li .time .num:nth-last-child(3):before, .top .ranking .group-a .group li .time .num:nth-last-child(5):before, .top .ranking .group-b .group li .time .num:nth-last-child(3):before, .top .ranking .group-b .group li .time .num:nth-last-child(5):before, .top .ranking .group-c .group li .time .num:nth-last-child(3):before, .top .ranking .group-c .group li .time .num:nth-last-child(5):before, .top .ranking .group-d .group li .time .num:nth-last-child(3):before, .top .ranking .group-d .group li .time .num:nth-last-child(5):before, .top .ranking .group-e .group li .time .num:nth-last-child(3):before, .top .ranking .group-e .group li .time .num:nth-last-child(5):before {
  content: ' ';
  background: url(../img/colon.png?1523247041) no-repeat;
  width: 7px;
  height: 21px;
  top: 8px;
  right: -14px;
  position: absolute
}

.top nav.ranking-all .group-tab-a, .top nav.ranking-all .group-tab-b, .top nav.ranking-all .group-tab-c, .top nav.ranking-all .group-tab-d, .top nav.ranking-all .group-tab-e {
  height: 102px;
  width: 122px;
  display: inline-block
}

.top .ranking .group-a .group li .time .num:last-child, .top .ranking .group-b .group li .time .num:last-child, .top .ranking .group-c .group li .time .num:last-child, .top .ranking .group-d .group li .time .num:last-child, .top .ranking .group-e .group li .time .num:last-child {
  margin-right: 0
}

.top .ranking .group-a .group li .comment, .top .ranking .group-b .group li .comment, .top .ranking .group-c .group li .comment, .top .ranking .group-d .group li .comment, .top .ranking .group-e .group li .comment {
  width: 420px;
  font-size: 22px;
  line-height: 1.3;
  position: absolute;
  top: 173px;
  left: 204px
}

.top .ranking .group-a .group li:nth-child(1), .top .ranking .group-b .group li:nth-child(1), .top .ranking .group-c .group li:nth-child(1), .top .ranking .group-d .group li:nth-child(1), .top .ranking .group-e .group li:nth-child(1) {
  margin: 25px 0 0 -9px
}

.top .ranking .group-a .group li:nth-child(2), .top .ranking .group-a .group li:nth-child(3), .top .ranking .group-b .group li:nth-child(2), .top .ranking .group-b .group li:nth-child(3), .top .ranking .group-c .group li:nth-child(2), .top .ranking .group-c .group li:nth-child(3), .top .ranking .group-d .group li:nth-child(2), .top .ranking .group-d .group li:nth-child(3), .top .ranking .group-e .group li:nth-child(2), .top .ranking .group-e .group li:nth-child(3) {
  margin: 20px 0 0 -9px
}

.top .ranking .group-a .first, .top .ranking .group-a .second, .top .ranking .group-a .third, .top .ranking .group-b .first, .top .ranking .group-b .second, .top .ranking .group-b .third, .top .ranking .group-c .first, .top .ranking .group-c .second, .top .ranking .group-c .third, .top .ranking .group-d .first, .top .ranking .group-d .second, .top .ranking .group-d .third, .top .ranking .group-e .first, .top .ranking .group-e .second, .top .ranking .group-e .third {
  position: relative
}

.top .ranking .group-b, .top .ranking .group-c, .top .ranking .group-d, .top .ranking .group-e {
  margin-top: 57px
}

.top nav.ranking-all {
  display: none;
  position: absolute;
  margin-top: 59px
}

.top nav.ranking-all .group-tab-a {
  background: url(../img/result/group_tab_a.png?1523247041);
  margin-left: 67px;
  cursor: pointer
}

.top nav.ranking-all .group-tab-a.selected, .top nav.ranking-all .group-tab-a:hover {
  opacity: 1
}

.top nav.ranking-all .group-tab-b {
  background: url(../img/result/group_tab_b.png?1523247041);
  cursor: pointer;
  opacity: .5
}

.top nav.ranking-all .group-tab-b.selected, .top nav.ranking-all .group-tab-b:hover {
  opacity: 1
}

.top nav.ranking-all .group-tab-c {
  background: url(../img/result/group_tab_c.png?1523247041);
  cursor: pointer;
  opacity: .5
}

.top nav.ranking-all .group-tab-c.selected, .top nav.ranking-all .group-tab-c:hover {
  opacity: 1
}

.top nav.ranking-all .group-tab-d {
  background: url(../img/result/group_tab_d.png?1523247041);
  cursor: pointer;
  opacity: .5
}

.top nav.ranking-all .group-tab-d.selected, .top nav.ranking-all .group-tab-d:hover {
  opacity: 1
}

.top nav.ranking-all .group-tab-e {
  background: url(../img/result/group_tab_e.png?1523247041);
  cursor: pointer;
  opacity: .5
}

.top nav.ranking-all .group-tab-e.selected, .top nav.ranking-all .group-tab-e:hover {
  opacity: 1
}

.top .info {
  display: inline-block;
  display: none;
  width: 740px;
  background: #fff;
  position: relative;
  margin: 72px 0 0 -55px;
  border: 4px solid #bf9749;
  box-shadow: 0 0 10px rgba(0, 0, 0, .5)
}

.tabs, .tabs .tab-b, .tabs .tab-c, .tabs .tab-d, .tabs .tab-e {
  display: none
}

.top .info .title {
  position: absolute;
  top: -33px;
  left: 166px
}

.tabs, .tabs .wrapper, .tabs li {
  position: relative
}

.top .info p {
  color: #3c2108;
  font-size: 24px;
  line-height: 1.5;
  word-break: break-all;
  padding: 20px 57px 10px
}

.tabs .wrapper {
  width: 1024px;
  margin: auto
}

.tabs .tab-a {
  background-color: #0b4676;
  height: 3700px
}

.tabs .tab-b {
  background-color: #9a9922;
  height: 3700px
}

.tabs .tab-c {
  background-color: #831517;
  height: 3700px
}

.tabs .tab-d {
  background-color: #167524;
  height: 3700px
}

.tabs .tab-e {
  background-color: #6835a6;
  height: 3700px
}

@media screen and (max-width:640px) {
  .tabs .tab-a, .tabs .tab-b, .tabs .tab-c, .tabs .tab-d, .tabs .tab-e {
    height: 7300px
  }
}

.tabs li {
  width: 505px;
  height: 70px;
  background-color: #fff;
  margin-bottom: 2px
}

.tabs li .world {
  font-size: 21px;
  position: absolute;
  top: 10px;
  left: 85px
}

.tabs li .union_name {
  font-size: 14px;
  font-weight: 700;
  position: absolute;
  top: 8px;
  left: 207px;
  width: 300px;
  text-align: right
}

.tabs li .name {
  font-size: 20px;
  font-weight: 700;
  position: absolute;
  top: 40px;
  left: 82px
}

.tabs li .time {
  font-size: 30px;
  color: #ab0b0d;
  background-color: #e1e7e9;
  position: absolute;
  top: 27px;
  left: 349px;
  width: 156px;
  height: 43px;
  text-align: center;
  line-height: 41px;
  letter-spacing: 2px
}

.tabs li .rank-mark {
  background: url(../img/result/list/1.png?1523247041);
  width: 82px;
  height: 80px;
  position: absolute;
  top: -5px;
  left: -2px
}

.tabs .box-left, .tabs .box-right {
  position: absolute;
  top: 50px
}

.tabs li .rank-mark.rank-mark-1 {
  background: url(../img/result/list/1.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-2 {
  background: url(../img/result/list/2.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-3 {
  background: url(../img/result/list/3.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-4 {
  background: url(../img/result/list/4.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-5 {
  background: url(../img/result/list/5.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-6 {
  background: url(../img/result/list/6.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-7 {
  background: url(../img/result/list/7.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-8 {
  background: url(../img/result/list/8.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-9 {
  background: url(../img/result/list/9.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-10 {
  background: url(../img/result/list/10.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-11 {
  background: url(../img/result/list/11.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-12 {
  background: url(../img/result/list/12.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-13 {
  background: url(../img/result/list/13.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-14 {
  background: url(../img/result/list/14.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-15 {
  background: url(../img/result/list/15.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-16 {
  background: url(../img/result/list/16.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-17 {
  background: url(../img/result/list/17.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-18 {
  background: url(../img/result/list/18.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-19 {
  background: url(../img/result/list/19.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-20 {
  background: url(../img/result/list/20.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-21 {
  background: url(../img/result/list/21.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-22 {
  background: url(../img/result/list/22.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-23 {
  background: url(../img/result/list/23.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-24 {
  background: url(../img/result/list/24.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-25 {
  background: url(../img/result/list/25.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-26 {
  background: url(../img/result/list/26.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-27 {
  background: url(../img/result/list/27.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-28 {
  background: url(../img/result/list/28.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-29 {
  background: url(../img/result/list/29.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-30 {
  background: url(../img/result/list/30.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-31 {
  background: url(../img/result/list/31.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-32 {
  background: url(../img/result/list/32.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-33 {
  background: url(../img/result/list/33.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-34 {
  background: url(../img/result/list/34.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-35 {
  background: url(../img/result/list/35.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-36 {
  background: url(../img/result/list/36.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-37 {
  background: url(../img/result/list/37.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-38 {
  background: url(../img/result/list/38.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-39 {
  background: url(../img/result/list/39.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-40 {
  background: url(../img/result/list/40.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-41 {
  background: url(../img/result/list/41.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-42 {
  background: url(../img/result/list/42.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-43 {
  background: url(../img/result/list/43.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-44 {
  background: url(../img/result/list/44.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-45 {
  background: url(../img/result/list/45.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-46 {
  background: url(../img/result/list/46.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-47 {
  background: url(../img/result/list/47.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-48 {
  background: url(../img/result/list/48.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-49 {
  background: url(../img/result/list/49.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-50 {
  background: url(../img/result/list/50.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-51 {
  background: url(../img/result/list/51.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-52 {
  background: url(../img/result/list/52.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-53 {
  background: url(../img/result/list/53.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-54 {
  background: url(../img/result/list/54.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-55 {
  background: url(../img/result/list/55.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-56 {
  background: url(../img/result/list/56.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-57 {
  background: url(../img/result/list/57.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-58 {
  background: url(../img/result/list/58.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-59 {
  background: url(../img/result/list/59.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-60 {
  background: url(../img/result/list/60.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-61 {
  background: url(../img/result/list/61.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-62 {
  background: url(../img/result/list/62.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-63 {
  background: url(../img/result/list/63.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-64 {
  background: url(../img/result/list/64.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-65 {
  background: url(../img/result/list/65.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-66 {
  background: url(../img/result/list/66.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-67 {
  background: url(../img/result/list/67.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-68 {
  background: url(../img/result/list/68.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-69 {
  background: url(../img/result/list/69.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-70 {
  background: url(../img/result/list/70.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-71 {
  background: url(../img/result/list/71.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-72 {
  background: url(../img/result/list/72.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-73 {
  background: url(../img/result/list/73.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-74 {
  background: url(../img/result/list/74.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-75 {
  background: url(../img/result/list/75.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-76 {
  background: url(../img/result/list/76.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-77 {
  background: url(../img/result/list/77.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-78 {
  background: url(../img/result/list/78.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-79 {
  background: url(../img/result/list/79.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-80 {
  background: url(../img/result/list/80.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-81 {
  background: url(../img/result/list/81.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-82 {
  background: url(../img/result/list/82.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-83 {
  background: url(../img/result/list/83.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-84 {
  background: url(../img/result/list/84.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-85 {
  background: url(../img/result/list/85.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-86 {
  background: url(../img/result/list/86.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-87 {
  background: url(../img/result/list/87.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-88 {
  background: url(../img/result/list/88.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-89 {
  background: url(../img/result/list/89.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-90 {
  background: url(../img/result/list/90.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-91 {
  background: url(../img/result/list/91.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-92 {
  background: url(../img/result/list/92.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-93 {
  background: url(../img/result/list/93.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-94 {
  background: url(../img/result/list/94.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-95 {
  background: url(../img/result/list/95.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-96 {
  background: url(../img/result/list/96.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-97 {
  background: url(../img/result/list/97.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-98 {
  background: url(../img/result/list/98.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-99 {
  background: url(../img/result/list/99.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs li .rank-mark.rank-mark-100 {
  background: url(../img/result/list/100.png?1523247041);
  width: 82px;
  height: 80px
}

.tabs .box-right {
  left: 516px
}

@media screen and (max-width:640px) {
  .tabs .box-left {
    position: absolute;
    top: 50px;
    left: 68px
  }
  .tabs .box-right {
    position: absolute;
    top: 3650px;
    left: 68px
  }
}

.rule {
  background: url(../img/bg2.jpg?1523247041) center top no-repeat;
  padding-bottom: 200px;
  position: relative
}

.rule .title {
  position: absolute;
  top: 62px
}

.rule p.japanese {
  color: #ffe930;
  font-size: 36px;
  font-weight: 700
}

.rule p.japanese.note {
  font-size: 20px
}

.rule p.english {
  margin-top: 10px;
  color: #fff;
  font-size: 24px
}

.rule p.english.note {
  font-size: 20px
}

.rule .word {
  position: absolute;
  text-align: center
}

.prize, .prize .prize-title, .prize .prize1, .rule .group-btn, .rule .monsters, .rule .next, .rule .rule-dl-btn {
  position: relative
}

.rule .word.one {
  top: 240px;
  left: 125px
}

.rule .word.two {
  top: 240px;
  left: 84px
}

.rule .word.three {
  top: 540px;
  left: 100px
}

.rule .word.four {
  line-height: 1.4;
  top: 1750px;
  left: 10px
}

.rule .word.five, .rule .word.six {
  line-height: 1.6;
  text-align: left;
  width: 620px;
  left: 20px
}

.rule .word.four p.japanese {
  font-size: 28px
}

.rule .word.five {
  top: 2050px
}

.rule .word.six {
  top: 2380px
}

.prize .wrapper, main .title, main .wrapper {
  text-align: center
}

.rule .rule-dl-btn {
  padding-top: 318px;
  margin-left: 20px
}

.rule .rule-dl-btn li {
  float: left;
  margin-right: 7px
}

.rule .rule-dl-btn .dl-appstore {
  background: url(../img/rule_app_btn.png?1523247041);
  width: 195px;
  height: 58px
}

.rule .rule-dl-btn .dl-googleplay {
  background: url(../img/rule_google_btn.png?1523247041);
  width: 195px;
  height: 58px
}

.rule .rule-dl-btn .dl-dmm {
  background: url(../img/rule_dmm_btn.png?1523247041);
  width: 195px;
  height: 58px
}

.rule .next {
  background: url(../img/next.png?1523247041);
  width: 129px;
  height: 57px
}

.rule .next.one {
  margin-top: 87px;
  margin-left: 256px

}

.rule .next.two {
  top:400px;
  margin-left: 256px
}

.rule .next.three {
  margin-top: 27px;
  margin-left: 256px
}

.rule .monsters {
  background: url(../img/rule_monsters.png?1523247041);
  width: 578px;
  height: 960px;
  margin: 600px 0 0 24px
}

.rule .group-btn {
  background: url(../img/group_btn.png?1523247041);
  width: 387px;
  height: 100px;
  margin: 200px 0 0 125px
}

.prize {
  background: url(../img/prize_bg.png?1523247041) center top no-repeat;
  padding-bottom: 40px
}

.prize .prize-title {
  padding-top: 32px
}

.prize .prize1 {
  margin: 20px 0 0 -161px
}

.prize .prize2, .prize .prize3 {
  position: relative;
  margin: 23px 0 0 -161px
}

.prize p {
  line-height: 1.4
}

.prize p.japanese {
  margin-top: 20px;
  color: #ffe930;
  font-size: 24px
}

.prize p.english {
  color: #fff;
  font-size: 20px
}

main {
  background: url(../img/bg3.jpg?1523247041) center top no-repeat;
  padding-top: 57px;
  padding-bottom: 100px
}

main .wrapper {
  width: 1050px
}

@media screen and (max-width:640px) {
  main .wrapper {
    width: 640px
  }
}

main .group-inner {
  color: #001326;
  line-height: 1.92;
  font-size: 30px;
  width: 400px;
  padding: 126px 0 0 67px;
  text-align: center;
  letter-spacing: 9px
}

.about-cryuni .about-dl-btn, .about-cryuni .sns-btn {
  font-size: 0;
  text-align: center
}

main .group-a {
  background: url(../img/group_a_bg.png?1523247041);
  width: 518px;
  height: 411px;
  display: inline-block;
  margin-top: 17px
}

main .group-b {
  background: url(../img/group_b_bg.png?1523247041);
  width: 518px;
  height: 411px;
  display: inline-block
}

main .group-c, main .group-d {
  width: 518px;
  height: 300px;
  display: inline-block
}

main .group-c {
  background: url(../img/group_c_bg.png?1523247041)
}

main .group-d {
  background: url(../img/group_d_bg.png?1523247041)
}

main .group-e {
  background: url(../img/group_e_bg.png?1523247041);
  margin: 0 auto
}

main .attention {
  font-weight: bold;
  color: #4d4d4d;
  font-size: 24px;
}

main .official-site-btn {
  background: url(../img/official_site_btn.png?1523247041);
  width: 618px;
  height: 148px;
  display: block;
  margin: 24px auto 50px auto;
}

.about-cryuni {
  height: auto
}

@media screen and (max-width:640px) {
  .about-cryuni {
    height: auto
  }
  .about-cryuni .spec {
    margin-left: -70px !important;
  }
}

.about-cryuni .title {
  text-align: center;
  margin-top: -45px
}

.about-cryuni .spec {
  background: url(../img/spec.png?1523247041);
  width: 778px;
  height: 245px;
  margin: 0 auto;
  padding-top: 305px
}

.about-cryuni .about-dl-btn li {
  display: inline-block
}

.about-cryuni .about-dl-btn .dl-appstore {
  background: url(../img/f_app_btn.png?1523247041);
  width: 291px;
  height: 85px;
  margin-right: 20px
}

.about-cryuni .about-dl-btn .dl-googleplay {
  background: url(../img/f_google_btn.png?1523247041);
  width: 287px;
  height: 87px
}

.about-cryuni .about-dl-btn .dl-dmm {
  background: url(../img/f_dmm_btn.png?1523247041);
  width: 294px;
  height: 87px;
  margin-top: 15px
}

.about-cryuni .sns-btn {
  margin-top: 47px;
  margin-bottom: 20px;
}

.about-cryuni .sns-btn li {
  display: inline-block;
  margin-right: 25px
}

.about-cryuni .sns-btn .sns-facebook {
  background: url(../img/f_fb_btn.png?1523247041);
  width: 70px;
  height: 70px
}

.about-cryuni .sns-btn .sns-twitter {
  background: url(../img/f_twi_btn.png?1523247041);
  width: 70px;
  height: 70px
}

.about-cryuni .sns-btn .sns-line {
  background: url(../img/f_line_btn.png?1523247041);
  width: 70px;
  height: 70px;
  margin-right: 0
}

footer {
  background-color: #000;
  padding-bottom: 15px
}

footer p {
  color: #fff;
  font-size: 11px;
  float: left;
  margin: 34px 0 0 168px
}

footer .gumi {
  background: url(../img/gumi.png?1523247041);
  width: 98px;
  height: 38px;
  float: left;
  margin-top: -28px;
  margin-left: 518px
}