@charset "UTF-8";
/*
// 変数設定
*/
/* フォント */
/* サイズ */
/* カラー */
.sp-next-arrow:before, .sp-previous-arrow:before { content: ' ' !important; display: block; background: url(../images/ranking/slider-arrow-glay.png) no-repeat left top; background-color: transparent !important; text-indent: -9999px; width: 39px !important; height: 39px !important; transform: none !important; }

.sp-next-arrow:after, .sp-previous-arrow:after { background-color: transparent !important; }

#contents .page-navi { height: auto; margin: 20px auto 50px; padding: 0; }

.page-navi .page-navi-prev { padding: 0; text-align: right; }
.page-navi .page-navi-prev a { display: inline-block; width: 80px; height: 39px; margin: auto; background: url(../images/ranking/slider-arrow-prev-glay.png) right center no-repeat; text-indent: 9999px; overflow: hidden; }
.page-navi .page-navi-center { position: relative; overflow: hidden; padding-top: 10px; }
.page-navi .page-navi-next { padding: 0; text-align: left; }
.page-navi .page-navi-next a { display: inline-block; width: 80px; height: 39px; margin: auto; background: url(../images/ranking/slider-arrow-next-glay.png) left center no-repeat; text-indent: -9999px; overflow: hidden; }
.page-navi .page-title { display: inline-block; width: 100%; margin: 0; }
.page-navi .page-sub-title { margin: 0; font-size: 1.31rem; }

ul { list-style-type: none; }

.tab-box ul { clear: both; margin: 0; padding: 0; }
.tab-box ul li { float: left; width: auto; padding: 15px 25px; font-weight: bold; color: #fff; cursor: pointer; }
.tab-box ul li.champion { background: #0075a9; }
.tab-box ul li.veteran { background: #2b9acb; }
.tab-box ul li.amateur { background: #7ebdd9; }
.tab-box ul li.amateur_surf { background: #9ac3d6; }
.tab-box ul li.amateur_skim { background: #9bb5c1; }

.ranking-content { width: 100%; min-height: 500px; padding: 25px 0; }
.ranking-content.champion { display: block; background: #0075a9; }
.ranking-content.veteran { display: none; background: #2b9acb; }
.ranking-content.amateur { display: none; background: #7ebdd9; }
.ranking-content.amateur_surf { display: none; background: #9ac3d6; }
.ranking-content.amateur_skim { display: none; background: #9bb5c1; }

.ranking-table { width: 100%; }
.ranking-table th, .ranking-table td { padding: 10px 15px; font-size: 0.92rem; }
.ranking-table thead th { text-align: center; background: #000; color: #fff; }
.ranking-table tbody tr:nth-child(odd) th, .ranking-table tbody tr:nth-child(odd) td { background: #fff; }
.ranking-table tbody tr:nth-child(even) th, .ranking-table tbody tr:nth-child(even) td { background: #f1f1f1; }
.ranking-table tbody tr th, .ranking-table tbody tr td { height: 60px; color: #888; }
.ranking-table tbody tr .rank { text-align: center; font-weight: normal; }
.ranking-table tbody tr .image { padding: 10px 0; }
.ranking-table tbody tr .image img { width: 46px; height: 46px; border-radius: 23px; }
.ranking-table tbody tr .name { text-align: left; vertical-align: middle; white-space: nowrap; }
.ranking-table tbody tr .team { text-align: left; white-space: normal; word-wrap: break-word; word-break: break-all; }
.ranking-table tbody tr .point { text-align: right; }

/*
// 変数設定
*/
/* フォント */
/* サイズ */
/* カラー */
@media screen and (max-width: 767px) { #contents { /* トップページ */ }
  #contents .page-navi .page-navi-center { padding: 0; }
  #contents .page-sub-title { width: auto; }
  #contents .tab-box ul li { width: 33.3%; }
  #contents .ranking-content { padding: 0 0 20px; }
  #contents h3 { margin: 20px 0; text-align: center; font-size: 1.15rem; font-weight: bold; color: #fff; }
  #contents .ranking-table th, #contents .ranking-table td { padding: 5px; }
  #contents .ranking .tab-box ul li { width: 33.3%; }
  #contents .ranking h3 { text-align: center; font-size: 1.15rem; font-weight: bold; color: #fff; }
  #contents .ranking .ranking-table th, #contents .ranking .ranking-table td { padding: 5px; } }

/* Ranking 見出し */
#contents .ranking-content h3 {
    color: #fff;
}

/*# sourceMappingURL=ranking.css.map */