@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 {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

/*comment*/

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

body {
  line-height: 1;
  -webkit-animation: bodyfade 1s liner both;
  animation: bodyfade 1s both;
}

 @-webkit-keyframes bodyfade {
  0% {opacity: 0;}
 100% {opacity: 1;}
}
@keyframes bodyfade {
 0% {opacity: 0;}
 100% {opacity: 1;}
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

@font-face {
  font-family: 'notoB';
  /* お好きな名前にしましょう */
  src: url("/files/user/league_common/fonts/noto/noto_sans_jp_black.eot");
  /* IE9以上用 */
  src: url("/files/user/league_common/fonts/noto/noto_sans_jp_black.eot?#iefix") format("embedded-opentype"), url("/files/user/league_common/fonts/noto/noto_sans_jp_black.woff") format("woff"), url("/files/user/fonts/noto/noto_sans_jp_black.ttf") format("truetype"), url("/files/user/fonts/noto/noto_sans_jp_black.svg#noto") format("svg");
  font-weight: normal;
  /* 念の為指定しておきます */
  font-style: normal; }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 100;
  src: url("/files/user/league_common/fonts/noto/noto-thin.eot");
  /* IE9 Compat Modes */
  src: url("/files/user/league_common/fonts/noto/noto-thin.eot?#iefix") format("embedded-opentype"), url("/files/user/league_common/fonts/noto/noto-thin.woff") format("woff"), url("/files/user/league_common/fonts/noto/noto-thin.ttf") format("truetype");
  /* Safari, Android, iOS */
}

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 200;
  src: url("/files/user/league_common/fonts/noto/noto-light.eot");
  src: url("/files/user/league_common/fonts/noto/noto-light.eot?#iefix") format("embedded-opentype"), url("/files/user/league_common/fonts/noto/noto-light.woff") format("woff"), url("/files/user/league_common/fonts/noto/noto-light.ttf") format("truetype");
}

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 300;
  src: url("/files/user/league_common/fonts/noto/noto-demilight.eot");
  src: url("/files/user/league_common/fonts/noto/noto-demilight.eot?#iefix") format("embedded-opentype"), url("/files/user/league_common/fonts/noto/noto-demilight.woff") format("woff"), url("/files/user/league_common/fonts/noto/noto-demilight.ttf") format("truetype");
}

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 400;
  src: url("/files/user/league_common/fonts/noto/noto-regular.eot");
  src: url("/files/user/league_common/fonts/noto/noto-regular.eot?#iefix") format("embedded-opentype"), url("/files/user/league_common/fonts/noto/noto-regular.woff") format("woff"), url("/files/user/league_common/fonts/noto/noto-regular.ttf") format("truetype");
}

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 500;
  src: url("/files/user/league_common/fonts/noto/noto-medium.eot");
  src: url("/files/user/league_common/fonts/noto/noto-medium.eot?#iefix") format("embedded-opentype"), url("/files/user/league_common/fonts/noto/noto-medium.woff") format("woff"), url("/files/user/league_common/fonts/noto/noto-medium.ttf") format("truetype");
}

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 700;
  src: url("/files/user/league_common/fonts/noto/noto-blod.eot");
  src: url("/files/user/league_common/fonts/noto/noto-blod.eot?#iefix") format("embedded-opentype"), url("/files/user/league_common/fonts/noto/noto-blod.woff") format("woff"), url("/files/user/league_common/fonts/noto/noto-blod.ttf") format("truetype");
}

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 900;
  src: url("/files/user/league_common/fonts/noto/noto-black.eot");
  src: url("/files/user/league_common/fonts/noto/noto-black.eot?#iefix") format("embedded-opentype"), url("/files/user/league_common/fonts/noto/noto-black.woff") format("woff"), url("/files/user/league_common/fonts/noto/noto-black.ttf") format("truetype");
}

@font-face {
  font-family: 'fontello';
  src: url("/files/user/league_common/fonts/fontello.eot?75086332");
  src: url("/files/user/league_common/fonts/fontello.eot?75086332#iefix") format("embedded-opentype"), url("/files/user/league_common/fonts/fontello.woff?75086332") format("woff"), url("/files/user/league_common/fonts/fontello.ttf?75086332") format("truetype"), url("/files/user/league_common/fonts/fontello.svg?75086332#fontello") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  
  font-family: "bleagueFont";
  src: url("/files/user/fonts/bleage_font/bleage_font.eot?") format("eot"), url("/files/user/fonts/bleage_font/bleage_font.eot?#iefix") format("embedded-opentype"), url("/files/user/fonts/bleage_font/bleage_font.woff") format("woff"), url("/files/user/fonts/bleage_font/bleage_font.ttf") format("truetype");
}
@font-face {
  font-family: "bleageFont";
  src: url("/files/user/fonts/bleage_font/bleage_font.eot?") format("eot"), url("/files/user/fonts/bleage_font/bleage_font.eot?#iefix") format("embedded-opentype"), url("/files/user/fonts/bleage_font/bleage_font.woff") format("woff"), url("/files/user/fonts/bleage_font/bleage_font.ttf") format("truetype");
}

.bFont {
  font-family: "bleagueFont";
}

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-twt:before {
  content: '\e800';
}

/* '釞€' */
.icon-insta:before {
  content: '\e801';
}

/* '釞閼€' */
.icon-fb:before {
  content: '\e802';
}

/* '釞闊€' */
.icon-search:before {
  content: '\e803';
}

/* '釞闌€' */
/*Google MAterial Icons*/
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  vertical-align: middle;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  /*text-rendering: optimizeLegibility;*/
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}
@font-face {
    font-family: 'icomoon';
    src:    url('/files/user/fonts/icomoon.eot?yagty7');
    src:    url('/files/user/fonts/icomoon.eot?yagty7#iefix') format('embedded-opentype'),
        url('/files/user/fonts/icomoon.ttf?yagty7') format('truetype'),
        url('/files/user/fonts/icomoon.woff?yagty7') format('woff'),
        url('/files/user/fonts/icomoon.svg?yagty7#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-icon-bguide {
  font-family: 'icomoon';
  font-weight: normal;
  font-style: normal;
  font-size: 20px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  vertical-align: middle;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  /*text-rendering: optimizeLegibility;*/
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}

iframe[name=google_conversion_frame] {
    position: absolute;
    top: 0;
}

/* メンテナンス画面 */
.next-season:before {
    content:"";
    display: block;
    height: 100vh;
    background: url(/v=/league_common/img/mentenance.png) center center;
    -webkit-background-repeat:no-repeat;
    -moz-background-repeat:no-repeat;
    -ms-background-repeat:no-repeat;
    -o-background-repeat:no-repeat;
    background-repeat: no-repeat;
    background-size: contain;
}

/*--------------------------------------------
  PC/SP振り分け設定
---------------------------------------------*/
@media screen and (min-width: 641px) {
  .sp {
    display: none !important;
  }
}

@media screen and (max-width: 640px) {
  .pc {
    display: none !important;
  }
}

/*--------------------------------------------
  汎用クラス
---------------------------------------------*/
/*クリアフィックス*/
.cf {
  *zoom: 1;
}

.cf:after {
  content: "";
  display: table;
  clear: both;
}

.cf:before {
  content: "";
  display: table;
}

/*クリアフィックス(簡易)*/
.oh {
  overflow: hidden;
}

/*画像置換*/
.ir {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/*you tube レスポンシブ*/
.movie {
  position: relative;
  width: 100%;
  /*padding-top: 56.25%;*/
}
.movie iframe {
  /*position: absolute;
  top: 0;
  right: 0;*/
  width: 100% !important;
}

@media screen and (max-width: 640px) {
  .movie iframe {
    height: 100%;
  }
}

/*テキストサイズ変更*/
.fz10 {
  font-size: 10px !important;
}

.fz11 {
  font-size: 11px !important;
}

.fz12 {
  font-size: 12px !important;
}

.fz13 {
  font-size: 13px !important;
}

.fz14 {
  font-size: 14px !important;
}

.fz15 {
  font-size: 15px !important;
}

.fz16 {
  font-size: 16px !important;
}
.fz24 {
  font-size: 24px !important;
}

/*文字の太さ*/
.fwb {
  font-weight: bold !important;
}

.fwn {
  font-weight: normal !important;
}

/*文字の位置*/
.tac {
  text-align: center !important;
}

.tal {
  text-align: left !important;
}

.tar {
  text-align: right !important;
}

/*文字をメインカラーに*/
.cm {
  color: #fcfff5 !important;
}

/*背景をメインカラーに*/
.bg {
  background: #fcfff5 !important;
}

.attention {
  color: #F00;
}

/*マージントップ*/
.mt0 {
  margin-top: 0px !important;
}

/*マージンボトム*/
.mb0 {
  margin-bottom: 0px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mb85 {
  margin-bottom: 85px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mb95 {
  margin-bottom: 95px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

@media screen and (min-width: 641px) {
  .mb-xs {
    margin-bottom: 7.5px !important;
  }
  .mb-s {
    margin-bottom: 15px !important;
  }
  .mb-m {
    margin-bottom: 30px !important;
  }
  .mb-l {
    margin-bottom: 60px !important;
  }
  .mb-xl {
    margin-bottom: 80px !important;
  }
    /* 
  追加STATS
  stats-season
  */
  .stats-season .tbl-wrap {
    margin: 35px 0 30px;
    overflow: auto;
    white-space: nowrap;
  }
  .stats-season .tbl-wrap::-webkit-scrollbar {
    height: 5px;
  }
  .stats-season .tbl-wrap::-webkit-scrollbar-track {
    background: #F1F1F1;
  }
  .stats-season .tbl-wrap::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
  .stats-season .tbl01 {
    width: 100%;
    border-top: 1px solid #bfbfbf;
  }
  .stats-season .tbl01 th, .stats-season .tbl01 td {
    padding: 10px 5px;
    text-align: center;
    color: #fff;
    vertical-align: middle;
  }
  .stats-season .tbl01 td a {
    color: #fff;
    text-decoration: underline;
  }
  .stats-season .tbl01 tr {
    border-bottom: 1px solid #bfbfbf;
  }
  .stats-season .tbl01 thead th {
    padding: 10px 5px 5px;
    font-size: 10px;
  }
  .stats-season .tbl-tips thead th {
    position: relative;
    padding-top: 30px !important;
    color: #fff;
  }
  .stats-season .tbl-tips thead th:before, .stats-season .tbl-tips thead th:after {
    content: '';
    position: absolute;
    top: 15px;
    left: 50%;
    width: 7px;
    display: block;
    border-top: 1px solid #e72185;
  }
  .stats-season .tbl-tips thead th:before {
    margin-left: -4px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
  .stats-season .tbl-tips thead th:after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  /*  .stats-season .tbl-tips tbody tr td:nth-child(3) {
    text-align: left;
    padding: 10px;
  }*/
  .stats-season .tbl-tips tbody tr:nth-child(odd) {
    background: #282828;
  }
  .stats-season .tbl-tips tbody tr:nth-child(odd) td:nth-child(odd) {
    background: #000;
  }
  .stats-season .tbl-tips tbody tr:nth-child(even) {
    background: #3c3e3d;
  }
  .stats-season .tbl-tips tbody tr:nth-child(even) td:nth-child(odd) {
    background: #282828;
  }
  .stats-season .tbl-tips tbody td .logo {
    width: 30px;
    vertical-align: middle;
  }
  .stats-season .tbl-tips tbody td:nth-child(3){
    white-space: normal;
  }
  .stats-season .tbl-tips tbody tr:hover td {
    background: #646262;
  }
  .stats-season .tbl-tips tbody tr:hover:nth-child(odd) td:nth-child(odd) {
    background: #333;
  }
  /* 
  追加STATS
  stats-average
  */
  .stats-average .tbl-wrap {
    margin: 35px 0 30px;
    overflow: auto;
    white-space: nowrap;
  }
  .stats-average .tbl-wrap::-webkit-scrollbar {
    height: 5px;
  }
  .stats-average .tbl-wrap::-webkit-scrollbar-track {
    background: #F1F1F1;
  }
  .stats-average .tbl-wrap::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
  .stats-average .tbl01 {
    width: 100%;
    border-top: 1px solid #bfbfbf;
  }
  .stats-average .tbl01 th, .stats-average .tbl01 td {
    padding: 10px 5px;
    text-align: center;
    color: #fff;
    vertical-align: middle;
  }
  .stats-average .tbl01 td a {
    color: #fff;
    text-decoration: underline;
  }
  .stats-average .tbl01 tr {
    border-bottom: 1px solid #bfbfbf;
  }
  .stats-average .tbl01 thead th {
    padding: 10px 5px 5px;
    font-size: 10px;
  }
  .stats-average .tbl-tips thead th {
    position: relative;
    padding-top: 30px !important;
    color: #fff;
  }
  .stats-average .tbl-tips thead th:before, .stats-average .tbl-tips thead th:after {
    content: '';
    position: absolute;
    top: 15px;
    left: 50%;
    width: 7px;
    display: block;
    border-top: 1px solid #e72185;
  }
  .stats-average .tbl-tips thead th:before {
    margin-left: -4px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
  .stats-average .tbl-tips thead th:after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  /*  .stats-average .tbl-tips tbody tr td:nth-child(3) {
    text-align: left;
    padding: 10px;
  }*/
  .stats-average .tbl-tips tbody tr:nth-child(odd) {
    background: #282828;
  }
  .stats-average .tbl-tips tbody tr:nth-child(odd) td:nth-child(odd) {
    background: #000;
  }
  .stats-average .tbl-tips tbody tr:nth-child(even) {
    background: #3c3e3d;
  }
  .stats-average .tbl-tips tbody tr:nth-child(even) td:nth-child(odd) {
    background: #282828;
  }
  .stats-average .tbl-tips tbody td .logo {
    width: 30px;
    vertical-align: middle;
  }
  .stats-average .tbl-tips tbody td:nth-child(3){
    white-space: normal;
  }
  .stats-average .tbl-tips tbody tr:hover td {
    background: #646262;
  }
  .stats-average .tbl-tips tbody tr:hover:nth-child(odd) td:nth-child(odd) {
    background: #333;
  }
  /* 
  追加STATS
  stats-recent5games
  */
  .stats-recent5games .tbl-wrap {
    margin: 35px 0 30px;
    overflow: auto;
    white-space: nowrap;
  }
  .stats-recent5games .tbl-wrap::-webkit-scrollbar {
    height: 5px;
  }
  .stats-recent5games .tbl-wrap::-webkit-scrollbar-track {
    background: #F1F1F1;
  }
  .stats-recent5games .tbl-wrap::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
  .stats-recent5games .tbl01 {
    width: 100%;
    border-top: 1px solid #bfbfbf;
  }
  .stats-recent5games .tbl01 th, .stats-recent5games .tbl01 td {
    padding: 10px 5px;
    text-align: center;
    color: #fff;
    vertical-align: middle;
  }
  .stats-recent5games .tbl01 td a {
    color: #fff;
    text-decoration: underline;
  }
  .stats-recent5games .tbl01 tr {
    border-bottom: 1px solid #bfbfbf;
  }
  .stats-recent5games .tbl01 thead th {
    padding: 10px 5px 5px;
    font-size: 10px;
  }
  .stats-recent5games .tbl-tips thead th {
    position: relative;
    padding-top: 30px !important;
    color: #fff;
  }
  .stats-recent5games .tbl-tips thead th:before, .stats-recent5games .tbl-tips thead th:after {
    content: '';
    position: absolute;
    top: 15px;
    left: 50%;
    width: 7px;
    display: block;
    border-top: 1px solid #e72185;
  }
  .stats-recent5games .tbl-tips thead th:before {
    margin-left: -4px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
  .stats-recent5games .tbl-tips thead th:after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  /*  .stats-recent5games .tbl-tips tbody tr td:nth-child(3) {
    text-align: left;
    padding: 10px;
  }*/
  .stats-recent5games .tbl-tips tbody tr:nth-child(odd) {
    background: #282828;
  }
  .stats-recent5games .tbl-tips tbody tr:nth-child(odd) td:nth-child(odd) {
    background: #000;
  }
  .stats-recent5games .tbl-tips tbody tr:nth-child(even) {
    background: #3c3e3d;
  }
  .stats-recent5games .tbl-tips tbody tr:nth-child(even) td:nth-child(odd) {
    background: #282828;
  }
  .stats-recent5games .tbl-tips tbody td .logo {
    width: 30px;
    vertical-align: middle;
  }
  .stats-recent5games .tbl-tips tbody td:nth-child(3){
    white-space: normal;
  }
  .stats-recent5games .tbl-tips tbody tr:hover td {
    background: #646262;
  }
  .stats-recent5games .tbl-tips tbody tr:hover:nth-child(odd) td:nth-child(odd) {
    background: #333;
  }
}

@media screen and (max-width: 640px) {
  .mb-xs {
    margin-bottom: 5px !important;
  }
  .mb-s {
    margin-bottom: 10px !important;
  }
  .mb-m {
    margin-bottom: 20px !important;
  }
  .mb-l {
    margin-bottom: 40px !important;
  }
  .mb-xl {
    margin-bottom: 50px !important;
  }
}

/*マージンライト*/
.mr0 {
  margin-right: 0px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mr50 {
  margin-right: 50px !important;
}

/*パディング*/
.p0 {
  margin-right: 0px !important;
}

.p5 {
  margin-right: 5px !important;
}

.p10 {
  margin-right: 10px !important;
}

.p15 {
  margin-right: 15px !important;
}

.p20 {
  margin-right: 20px !important;
}

.p25 {
  margin-right: 25px !important;
}

.p30 {
  margin-right: 30px !important;
}

.p35 {
  margin-right: 35px !important;
}

.p40 {
  margin-right: 40px !important;
}

.p45 {
  margin-right: 45px !important;
}

.p50 {
  margin-right: 50px !important;
}

/*フロート*/
.fl {
  float: left !important;
}

.fr {
  float: right !important;
}

.imgfl {
  float: left;
  margin: 0 5 5 0 !important;
}

.imgfr {
  float: right;
  margin: 0 0 5 5 !important;
}

.cb {
  clear: both !important;
}

.list-mark {
  text-indent: -1em;
  padding-left: 1em;
}

.attention span {
  color: #FF0000;
}

iframe {
    max-width: 100%;
}

/* Z-INDEX */
.formError {
  z-index: 990;
}

.formError .formErrorContent {
  z-index: 991;
}

.formError .formErrorArrow {
  z-index: 996;
}

.ui-dialog .formError {
  z-index: 5000;
}

.ui-dialog .formError .formErrorContent {
  z-index: 5001;
}

.ui-dialog .formError .formErrorArrow {
  z-index: 5006;
}

.inputContainer {
  position: relative;
  float: left;
}

.formError {
  position: absolute;
  top: 300px;
  left: 300px;
  display: block;
  cursor: pointer;
  text-align: left;
}

.formError.inline {
  position: relative;
  top: 0;
  left: 0;
  display: inline-block;
}

.ajaxSubmit {
  padding: 20px;
  background: #55ea55;
  border: 1px solid #999;
  display: none;
}

.formError .formErrorContent {
  width: 100%;
  position: relative;
  color: #fff;
  min-width: 120px;
  font-size: 13px;
  padding: 4px 10px 4px 10px;
  background: #e95757;
}

.formError.inline .formErrorContent {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  border: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
}

.greenPopup .formErrorContent {
  background: #33be40;
}

.blackPopup .formErrorContent {
  background: #393939;
  color: #FFF;
}

.formError .formErrorArrow {
  width: 15px;
  margin: -2px 0 0 13px;
  position: relative;
}

body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
  margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  margin: 0px 0 0 12px;
  top: 2px;
}

.formError .formErrorArrow div {
  font-size: 0;
  height: 1px;
  margin: 0 auto;
  line-height: 0;
  font-size: 0;
  display: block;
  background: #e95757;
}

.formError .formErrorArrowBottom div {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
}

.greenPopup .formErrorArrow div {
  background: #33be40;
}

.blackPopup .formErrorArrow div {
  background: #393939;
  color: #FFF;
}

.formError .formErrorArrow .line10 {
  width: 13px;
  border: none;
}

.formError .formErrorArrow .line9 {
  width: 11px;
  border: none;
}

.formError .formErrorArrow .line8 {
  width: 11px;
}

.formError .formErrorArrow .line7 {
  width: 9px;
}

.formError .formErrorArrow .line6 {
  width: 7px;
}

.formError .formErrorArrow .line5 {
  width: 5px;
}

.formError .formErrorArrow .line4 {
  width: 3px;
}

.formError .formErrorArrow .line3 {
  width: 1px;
  border-left: 2px solid #ddd;
  border-right: 2px solid #ddd;
  border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
  width: 3px;
  border: none;
  background: #ddd !important;
}

.formError .formErrorArrow .line1 {
  width: 1px;
  border: none;
  background: #ddd !important;
}

.explain {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.show-explain .explain {
  opacity: 1;
  filter: alpha(opacity=100);
}

.errorExplanation{
    border: solid 3px #e95757;
    padding: 15px;
    margin-bottom: 70px;
}

a {
  color: #717171;
  text-decoration: none;
}

.layout-content a:hover {
  /*opacity: 0.7;
  filter: alpha(opacity=70);*/
  /*color:#f31918;*/
}



a.demo-icon {
  color: #686868;
  text-decoration: none;
}

.en {
  letter-spacing: .1em;
}

.ofh {
  overflow: hidden;
}

.list-mark {
  text-indent: -1em;
  padding-left: 1em;
}

.caution, .attention span {
  color: #fa0203;
}

.sub-table {
  width: 100%;
}

.sub-table tr {
  border-bottom: solid 1px #000;
}

.sub-table th {
  width: 50%;
  text-align: right;
  padding: 15px 30px;
}

.sub-table td {
  width: 50%;
  text-align: left;
  padding: 15px 30px;
}

.table-blk {
  color: #cbcbcb;
}

.table-blk th {
  background: #232323;
}

.table-blk td {
  background: #2c2c2c;
}

img.external{
  margin-left: 5px;
}

#ogp-image-url{
  display: none;
}

/* MR-B B-GUIDE のみ　例外対応　PCレイアウトをSP上書き*/



/********************
bguide-page
*********************/
.bguide-page .main-img-box {
  background: url(/v=/files/user//files/user/b-guide/img/main.jpg) no-repeat center;
  background-size: cover;
  text-align: center;
  padding: 100px 0;
}
.bguide-page .guide-box {
  float: left;
  width: 33.3333333%;
  position: relative;
}
.bguide-page .guide-box img {
  width: 100%;
}
.bguide-page .guide-box .number {
  position: absolute;
  font-family: "bleagueFont";
  top: -7%;
  line-height: 1;
  left: 4%;
  font-size: 140px;
  color: #fff;
  z-index: 1;
}
.bguide-page .guide-box .guide-title {
  position: absolute;
  top: 6%;
  left: 0;
  font-size: 26px;
  color: #fff;
  padding: 10px 5px 5px 25px;
}
.bguide-page .guide-box .guide-text {
  position: absolute;
  bottom: 18%;
  right: 0;
  background: rgba(255, 255, 255, 0.6);
  width: 80%;
  padding: 10px;
  color: #000;
}
.bguide-page .guide-box .tbl {
  font-family: "bleagueFont";
  position: absolute;
  bottom: 4%;
  right: 0;
  color: #fff;
}
.bguide-page .guide-box .tbl .tbl-cell {
  vertical-align: bottom;
}

.bguide-page .more-box{
  }
.bguide-page .and-more-area{
    position: absolute;
    bottom: 10%;
    right: 0;
    margin: 0 10%;
    width: 80%;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.1em;
    line-height: 1.4;
  }
.bguide-page .and-more-area .title{
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 30px;
  }


/*bguide-page first-box*/
.bguide-page .first-box .tbl .text span {
  display: inline-block;
}
.bguide-page .first-box .tbl .title {
  line-height: 0.7;
  font-size: 66px;
}
.bguide-page .first-box .tbl .tbl-cell {
  width: 62%;
}
.bguide-page .first-box .tbl .tbl-cell:first-child {
  width: 25%;
}
.bguide-page .first-box .guide-title {
  background: rgba(254, 104, 249, 0.8);
}
.bguide-page .first-box .number {
  display: block;
  filter:dropshadow(color=#fe68f9,offX= 5,offY= 5);
  text-shadow: 5px 5px 0px #fe68f9;
}
.bguide-page .first-box .tbl {
  font-size: 67px;
}
.bguide-page .first-box .tbl .text {
  font-size: 20px;
  font-family: 'Noto Sans Japanese';
  text-align: right;
  padding-right: 10px;
  line-height: 1.3;
}
.bguide-page .news a {
  color: #dcdcdc;
}
/*bguide-page second-box*/
.bguide-page .second-box .tbl .text span {
  display: block;
}
.bguide-page .second-box .tbl .title {
  line-height: 0.7;
  font-size: 129px;
}
.bguide-page .second-box .tbl .tbl-cell {
  width: 72%;
}
.bguide-page .second-box .tbl .tbl-cell:first-child {
  width: 26%;
}
.bguide-page .second-box .guide-title {
  background: rgba(76, 189, 247, 0.8);
}
.bguide-page .second-box .number {
  display: block;
  filter:dropshadow(color=#4cbdf7,offX= 5,offY= 5);
  text-shadow: 5px 5px 0px #4cbdf7;
}
.bguide-page .second-box .tbl {
  font-size: 67px;
  font-family: "bleagueFont";
}
.bguide-page .second-box .tbl .text {
  font-size: 19px;
  text-align: right;
  padding-right: 10px;
  line-height: 1;
}
.bguide-page.sub-page p.guide-text a {
    color: #000 !important;
}
.bguide-page.sub-page .tbl-cell .title a, .bguide-page.sub-page .tbl-cell .text a {
    color: #fff !important;
}
.bguide-page .second-box .tbl .text span:first-child {
  letter-spacing: 1px;
}
.bguide-page .second-box .tbl .text span:nth-child(2) {
  letter-spacing: 0.7px;
}
.bguide-page .second-box .tbl .text span:nth-child(3) {
  letter-spacing: 3.7px;
}
.bguide-page .second-box .tbl .text span:nth-child(4) {
  letter-spacing: 0.5px;
}
.bguide-page .second-box .tbl .text span:nth-child(5) {
  letter-spacing: 0.5px;
}
.bguide-page .second-box .tbl .text span:nth-child(5) {
    letter-spacing: 3.6px;
}

/*bguide-page third-box*/
.bguide-page .third-box .guide-title {
  background: rgba(246, 255, 0, 0.7);
}
.bguide-page .third-box .number {
  display: block;
  filter:dropshadow(color=#f6ff00,offX= 5,offY= 5);
  text-shadow: 5px 5px 0px #f6ff00;
}
.bguide-page .third-box .img-box {
  position: absolute;
  bottom: 4%;
  right: 4%;
  text-align: right;
}
.bguide-page .third-box .img-box img {
  width: 80%;
}

/*bguide-page news*/
.bguide-page .news {
  margin: 50px 0;
}
.bguide-page .news .tbl .inner-tbl {
  width: 100%;
}
.bguide-page .news .tbl .inner-tbl .tbl-cell {
  vertical-align: top;
}
.bguide-page .news .tbl .inner-tbl .tbl-cell:first-child {
  width: 18%;
}
.bguide-page .news span {
  color: #dcdcdc;
  padding: 0 5px;
}

/********************
mr-b-page
*********************/
.mr-b-page *, .mr-b-page *:before, .mr-b-page *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.sub-page .wrap,
.mr-b-page .wrap {
  padding: 0 40px;
}

.mr-b-page .container {
  max-width: 1200px;
  padding: 0 40px;
  margin: 0 auto;
}

.sub-page .tbl,
.mr-b-page .tbl {
  display: table;
}

.sub-page .tbl .tbl-cell,
.mr-b-page .tbl .tbl-cell {
  display: table-cell;
  vertical-align: middle;
}

.iframe-container {
  width: 80%;
  margin: 50px auto;
}

.iframe-container .iframe-content {
  position: relative;
  width: 100%;
  padding: 75% 0 0 0;
}

.iframe-container .iframe-content iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mr-b-page .img-wrap {
  background: url(/v=/files/user//files/user/mr-b/img/main.jpg) no-repeat;
  background-size: cover;
  max-height: 610px;
  background-position: center;
  padding: 510px 0 10px;
}

.mr-b-page .img-wrap h2 {
  font-family: "bleagueFont";
  letter-spacing: 0.2em;
  font-size: 50px;
  text-align: center;
  color: #fff;
  line-height: 1;
}

.mr-b-page .img-wrap h2 .small {
  font-size: 80%;
}

.mr-b-page .sub-title {
  text-align: center;
  color: #fff;
  font-size: 24px;
  padding: 150px 0;
}

.mr-b-page .player-box, .mr-b-page .player-box-02 {
  background-position: right center;
  background-size: contain;
  padding: 205px 0 90px;
}

.mr-b-page .player-box .wrap, .mr-b-page .player-box-02 .wrap {
  position: relative;
}

.mr-b-page .player-box .name-box, .mr-b-page .player-box-02 .name-box {
  position: absolute;
  font-family: "bleagueFont";
  color: #fff;
  font-size: 110px;
  top: 130px;
  right: 36px;
  line-height: 1;
}

.mr-b-page .player-box .player-name, .mr-b-page .player-box-02 .player-name {
  color: #fff;
  text-align: right;
  font-size: 18px;
}

.mr-b-page .player-box .player-name dl dd, .mr-b-page .player-box-02 .player-name dl dd {
  display: inline-block;
}

.mr-b-page .player-box .btn, .mr-b-page .player-box-02 .btn {
  display: inline-block;
  background: #797979;
  padding: 5px 10px 5px 100px;
  color: #000;
  margin-top: 200px;
}

.mr-b-page .player-box-02 .name-box {
  left: 36px;
}

.mr-b-page .player-box-02 .player-name {
  text-align: left;
}

.mr-b-page .player-box-02 .btn {
  float: none;
}

.mr-b-page .tabuse {
  background: url("/files/user//files/user/mr-b/img/tabuse.jpg") no-repeat left top #101010;
}

.mr-b-page .hiejima {
  background: url("/files/user//files/user/mr-b/img/hiejima.jpg") no-repeat right top #202020;
}

.mr-b-page .tsuji {
  background: url("/files/user//files/user/mr-b/img/tsuji.jpg") no-repeat left top #101010;
}

.mr-b-page .kishimoto {
  background: url("/files/user//files/user/mr-b/img/kishimoto.jpg") no-repeat right top #101010;
}

.mr-b-page .tanaka {
  background: url("/files/user//files/user/mr-b/img/tanaka.jpg") no-repeat left top #202020;
}

.sub-page .news,
.mr-b-page .news {
  background: #111;
  padding: 30px 0;
}

.sub-page .news .news-title,
.mr-b-page .news .news-title {
  font-family: "bleagueFont";
  color: #fff;
  font-size: 24px;
}

.sub-page .news a,
.mr-b-page .news a {
  /*text-decoration: underline;*/
}

.sub-page .news .tbl .tbl-cell:first-child,
.mr-b-page .news .tbl .tbl-cell:first-child {
  width: 15%;
}

.sub-page .news ul li,
.mr-b-page .news ul li {
  /*padding: 5px 0;*/
}

.mr-b-page .sub-nav li {
  text-align: center;
  background: #414141;
  letter-spacing: .2em;
  border: none;
}

.mr-b-page .sub-nav li a {
  padding: 20px;
  color: #fff;
  display: block;
}

.mr-b-page .sub-nav li:last-child {
  background: #545454;
}

.mr-b-page .sub-nav li:hover {
  opacity: 0.7;
}

.mr-b-page .player-nav li {
  display: inline-block;
  width: 20%;
  text-align: center;
  position: relative;
  float: left;
}

.mr-b-page .player-nav li a {
  font-family: "bleagueFont";
  font-size: 200%;
  padding: 0 0 25px;
  color: #fff;
  display: block;
  line-height: 0;
}
.mr-b-page .player-nav li a img {
  width: 100%;
}
.mr-b-page .player-nav li:nth-child(odd) {
  background: #797979;
}

.mr-b-page .player-nav li:nth-child(even) {
  background: #b2b2b2;
}

.mr-b-page .player-nav li:hover {
  opacity: 0.9;
}

.mr-b-page .my-first-sns-wrap {
  background: #333333;
  padding: 40px 0;
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  margin: 60px 0;
}

.mr-b-page .my-first-sns-wrap .my-first-sns-title {
  text-align: center;
  margin-bottom: 40px;
}

.mr-b-page .my-first-sns-wrap .header-sns {
  text-align: center;
}

.mr-b-page .my-first-sns-wrap .header-sns li {
  display: inline-block;
}
.mr-b-page .sns-box a {
  display: inline-block;
  margin-right: 10px;
  text-align: center;
}
.mr-b-page .sns-box .twt {
  background: url(/v=/files/user/img/icn-twt.png) no-repeat center 40% #00aced;
  background-size: 20px;
  padding: 22px;
  font-size: 20px;
  color: #fff;
  display: inline-block;
  border-radius: 10px;
}
.mr-b-page .sns-box .insta {
  width: 44px;
}
.mr-b-page .sns-box p {
  color: #fff;
  font-size: 11px;
}
.mr-b-page .my-first-sns-wrap .header-sns .twt a {
  background: url(/v=/files/user/img/icn-twt.png) no-repeat center 40% #00aced;
  background-size: 18px;
  padding: 34px 0 6px 0;
  font-size: 10px;
  color: #fff;
}

.mr-b-page .my-first-sns-wrap .header-sns .fb a {
  background: url(/v=/files/user/img/icn-fb.png) no-repeat center 40% #3b5998;
  background-size: 9px;
  padding: 34px 0 6px 0;
  font-size: 10px;
  color: #fff;
}

.mr-b-page .player-info-box {
  margin-top: 200px;
}

.mr-b-page .player-info-box hr {
  width: 30%;
  margin-right: 70%;
}

.mr-b-page .player-info-box .fl {
  width: 40%;
  padding: 110px 80px 0 0;
  color: #fff;
}

.mr-b-page .player-info-box .fl img {
  max-width: 100%;
}

.mr-b-page .player-info-box .fl:last-child {
  width: 60%;
  padding: 0;
}

.mr-b-page .player-info-title {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 20px;
}

.mr-b-page .player-info-tbl th {
  padding: 10px 20px 10px 0;
}

.mr-b-page .sns-box{
  margin-bottom: 30px;
  padding-top: 10px;
}
.mr-b-page .sns-box p{
  margin-bottom: 5px;
  font-size: 12px;
}
.mr-b-page .sns-box span{
 /*width: 30px;
  height: 30px;*/
  text-align: center;
  display: inline-block;
  line-height: 30px;
  margin: 0 12px 0 0;
  color: #fff;
  font-size: 10px;
}
.mr-b-page .sns-box span img{
  width: 28px;
  height: auto;
  margin-right: 7px;
  vertical-align: middle;
}
.player-page {
  background: #111;
  position: relative;
}
.player-page .player-box, .player-page .mr-b-page .player-box-02, .mr-b-page .player-page .player-box-02 {
  background: #111;
  color: #fff;
  padding: 0;
  position: relative;
}

.player-page .player-box .container, .player-page .mr-b-page .player-box-02 .container, .mr-b-page .player-page .player-box-02 .container {
  position: relative;
}

.player-page .player-box .name-box, .player-page .mr-b-page .player-box-02 .name-box, .mr-b-page .player-page .player-box-02 .name-box {
  top: 90%;
  right: 0;
  left: 3%;
  z-index: 999;
}

.player-page .player-box .name-box .name-title, .player-page .mr-b-page .player-box-02 .name-box .name-title, .mr-b-page .player-page .player-box-02 .name-box .name-title {
  line-height: 1;
}

.player-page .player-box .name-box .name-text, .player-page .mr-b-page .player-box-02 .name-box .name-text, .mr-b-page .player-page .player-box-02 .name-box .name-text {
  font-size: 18px;
  line-height: 1.4;
  font-family: 'Noto Sans Japanese';
}

.player-page .player-box > .tbl > .tbl-cell:first-child, 
.player-page .mr-b-page .player-box-02 > .tbl > .tbl-cell:first-child, 
.mr-b-page .player-page .player-box-02 > .tbl > .tbl-cell:first-child {
  width: 65%;
}

.player-page .player-box > .tbl > .tbl-cell:first-child img, 
.player-page .mr-b-page .player-box-02 > .tbl > .tbl-cell:first-child img, .mr-b-page .player-page .player-box-02 > .tbl > 
.tbl-cell:first-child img {
  max-width: 100%;
}

.player-page .player-box .tbl, .player-page .mr-b-page .player-box-02 .tbl, .mr-b-page .player-page .player-box-02 .tbl {
  font-family: "bleagueFont";
}

.player-page .player-box .tbl .text, .player-page .mr-b-page .player-box-02 .tbl .text, .mr-b-page .player-page .player-box-02 .tbl .text {
  font-size: 21px;
  line-height: 1;
  padding-left: 30px;
}

.player-page .player-box .tbl .text span, .player-page .mr-b-page .player-box-02 .tbl .text span, .mr-b-page .player-page .player-box-02 .tbl .text span {
  display: block;
}

.player-page .player-box .tbl .text span:first-child, .player-page .mr-b-page .player-box-02 .tbl .text span:first-child, .mr-b-page .player-page .player-box-02 .tbl .text span:first-child {
  letter-spacing: 1px;
}

.player-page .player-box .tbl .text span:nth-child(2), .player-page .mr-b-page .player-box-02 .tbl .text span:nth-child(2), .mr-b-page .player-page .player-box-02 .tbl .text span:nth-child(2) {
  letter-spacing: .8px;
}

.player-page .player-box .tbl .text span:nth-child(3), .player-page .mr-b-page .player-box-02 .tbl .text span:nth-child(3), .mr-b-page .player-page .player-box-02 .tbl .text span:nth-child(3) {
  letter-spacing: 4.8px;
}

.player-page .player-box .tbl .text span:last-child, .player-page .mr-b-page .player-box-02 .tbl .text span:last-child, .mr-b-page .player-page .player-box-02 .tbl .text span:last-child {
  letter-spacing: .5px;
}

.player-page .player-box .tbl .title, .player-page .mr-b-page .player-box-02 .tbl .title, .mr-b-page .player-page .player-box-02 .tbl .title {
 font-size: 142px;
 margin-top: 4px;
}



@media screen and (min-width: 1291px) {
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .team-logo {
    width: 50px;
    padding: 0 3%;
  }
}

@media screen and (min-width: 641px) {
  #responsive {
    display: block;
  }
  .layout-team-header {
    z-index: 200;
  }
  .game-list-controller {
    z-index: 500;
  }
  .top-main-visual-wrap {
    z-index: 100;
  }
  /* TOP SLIDER & GAME SCHEDULE */
  .main-visual-inner {
    z-index: 5;
  }
  .layout-side {
    z-index: 2;
  }
  /*////////////////////////////
  
  {  * *  }
   ┘|||||└  

              | PC共通 |　　　　　　　　　　　　
                      
/////////////////////////////*/
  body {
    min-width: 1100px;
    background: #000;
    background-size: 100% auto;
    color: #1a1a1a;
    *font-size: small;
    *font: x-small;
    font-weight: normal;
    font-style: normal;
    font: 14px/1.61 "Noto Sans Japanese", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    text-align: justify;
    text-justify: inter-ideograph;
    text-align: left;
  }
  body.body-fixed {
    position: fixed;
    height: 100%;
    width: 100%;
    left:0;
    top:0;
  }
  .mini-header-layout{
    background: #000;
  }
  /* table */
  .tbl01 {
    margin-bottom: 30px;
    width: 100%;
    border-top: 1px solid #bfbfbf;
  }
  .tbl01 th, .tbl01 td {
    padding: 10px 5px;
    text-align: center;
  }
  .tbl01 tr {
    border-bottom: 1px solid #bfbfbf;
  }
  .tbl01 thead th {
    padding: 10px 5px 5px;
    font-size: 10px;
  }
  .tbl01 tbody td:nth-child(odd) {
    background: #f7f7f7;
  }
  .tbl02 {
    margin-bottom: 30px;
    width: 100%;
    border: 1px solid #bfbfbf;
  }
  .tbl02 th, .tbl02 td {
    padding: 10px;
  }
  .tbl02 thead tr th {
    color: #FFF;
    text-align: center;
    background: #b5b5b5;
  }
  .tbl02 tbody tr {
    border-bottom: 1px solid #bfbfbf;
  }
  .tbl02 tbody tr th {
    text-align: center;
  }
  .tbl02 tbody tr:nth-child(even) {
    background: #f7f7f7;
  }
  .tbl03 {
    margin-bottom: 30px;
    width: 100%;
    border: 1px solid #bfbfbf;
  }
  .tbl03 th, .tbl03 td {
    padding: 10px;
  }
  .tbl03 tbody tr {
    border-bottom: 1px solid #bfbfbf;
  }
  .tbl03 tbody tr th {
    text-align: center;
    background: #eee;
  }
  .tbl03 tbody tr td {
    padding: 10px 20px;
  }
  /* BUTTON */
  .link-wrap {
    margin-bottom: 30px;
  }
  .link-wrap .link {
    color: #595959;
    padding: 5px;
    display: inline-block;
    text-align: center;
    border: 1px solid;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    transition: all .2s;
  }
  .link-wrap .link:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
  }
  .link-wrap .link-radius {
    display: inline-block;
    padding: 10px 18px;
    font-size: 12px;
    color: #797979;
    border: 1px solid #bfbfbf;
    border-radius: 6px;
  }
  .link-wrap .link-radius:hover, .link-wrap .link-radius.selected {
    background: #efefef;
  }
  .link-wrap .ico {
    margin-right: 10px;
    vertical-align: middle;
  }
  .link-wrap .size-fixed {
    padding: 15px 0;
    width: 100%;
    font-size: 16px;
  }
  .link-wrap .size-half {
    padding: 15px 0;
    width: 100%;
    font-size: 16px;
  }
  .link-wrap .size-half:first-child {
    margin-right: 1.65%;
  }
  .link-wrap .size-half:last-child {
    margin-left: 1.65%;
  }
  .link-wrap .strong {
    color: #FFF;
    background: #e40073;
  }
/*.layout-content{
  margin-top: -50px
}*/

/*.under800 .layout-content{
  margin-top: -70px
}*/
.ticket-information-area-standings a{
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    /*border: 2px solid #000;*/
    /*padding: 7px 15px;*/
    letter-spacing: .2em;
    text-decoration:underline;
}

.mini-header-layout .layout-content{
  margin-top: 70px
}

  
  /*////////////////////////////
  
  {  * *  }
   ┘|||||└  

              | COMMON STYLE |　　　　　　　　　　　　
                      
/////////////////////////////*/
  .bg-light-gry {
    background: #e5e5e5 !important;
  }
  .main-title {
    font-family: "bleagueFont";
    font-size: 36px;
    text-align: center;
    margin-bottom: 70px;
    letter-spacing: 0.2em;
    color: #848484;
  }
  .more {
    border: solid 1px #ccc;
    padding: 10px 30px;
    font-weight: 500;
    line-height: 1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 27px;
    color: #000;
    background: #fff;
    font-size: 12px;
    letter-spacing: 0.2em;
     transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
  }
  .more-wide, .close-wide {
    display: block;
    background: #c6c6c6;
    line-height: 70px;
    height: 70px;
    font-size: 16px;
    letter-spacing: 0.1em;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
  }
  .more-wide:after{
    content: "";
    width: 30px;
    height: 15px;
    background: url(/v=1534495866/files/rcms_conv_webp/b/f/bf6ebd8c5373d99af682b19ad4550ea2_1518577892.webp) no-repeat center center;
    display: inline-block;
    margin-left: 10px;
  }
  .close-wide:after{
    content: "";
    width: 30px;
    height: 15px;
    background: url(/v=1534495866/files/rcms_conv_webp/2/d/2d007fb6957f1e1263f33d653ef5d1a6_1518577894.webp) no-repeat center center;
    display: inline-block;
    margin-left: 10px;
  }
  a.more-wide:hover,
  a.close-wide:hover{
      color:#fff;
  }

.more:hover{
  background-color:#333333;
  color: #ffffff;
}

  .popup-parent {
    position: relative;
    overflow: visible;
  }
  .popup-parent .popup-wrap {
    display: none;
    background: #4b4b4b;
    padding: 15px 10px;
    text-align: center;
    position: absolute;
    color: #fff;
    font-size: 11px;
    left: 50%;
    min-width: 90px;
    line-height: 1em;
    margin-left: -45px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .popup-parent .popup-wrap:before {
    position: absolute;
    content: " ";
    height: 10px;
    width: 10px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    background: #4b4b4b;
    top: -5px;
    left: 50%;
    margin-left: -5px;
  }
  .popup-parent.position-top .popup-wrap {
    top: -63px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .popup-parent.position-top .popup-wrap:before {
    position: absolute;
    content: " ";
    height: 10px;
    width: 10px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    background: #4b4b4b;
    top: auto;
    bottom: -5px;
    left: 50%;
    margin-left: -5px;
  }
  .popup-parent.position-right .popup-wrap {
    left: 160%;
    top: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .popup-parent.position-right .popup-wrap:before {
    position: absolute;
    content: " ";
    height: 10px;
    width: 10px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    background: #4b4b4b;
    top: 50%;
    left: -5px;
    left: 0%;
    margin-left: -5px;
  }
  .popup-parent.position-left .popup-wrap {
    left: -130%;
    top: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .popup-parent.position-left .popup-wrap:before {
    position: absolute;
    content: " ";
    height: 10px;
    width: 10px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    background: #4b4b4b;
    top: 50%;
    left: 100%;
    margin-right: -5px;
  }
  .popup-parent .on-hover {
    display: block;
      will-change: animation,transform;
-webkit-animation: pagetopmove 1s cubic-bezier(0.215, 0.61, 0.355, 1) both;
  animation: pagetopmove 1s cubic-bezier(0.215, 0.61, 0.355, 1) both;
}

 @-webkit-keyframes pagetopmove {
 0% {-webkit-transform: translate(0,-10px);}
 100% {-webkit-transform: translate(0,0);}
}
@keyframes pagetopmove {
 0% {transform: translate(0,-10px);}
 100% {transform: translate(50,0);}
  }

 .no-main ul.js-tab-child.league-select-detail{
  background:white;
  }


.no-main-wrap {
    
    background-color:#000;
    padding: 0 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: visible;
    position: relative;
    background-size: 100% auto;
}

.no-main-wrap:before {
    content: "";
    background: #313131;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 260px;
}

.no-main ul.js-tab-child.league-select-detail{
  margin-top:50px;
}

.no-main .league-selector{
  padding: 0!important;
}


  /*////////////////////////////
  
  {  * *  }
   ┘|||||└  

       | TEAM LOGO LINK LIST |　　　　　　　　　　　　
                      
/////////////////////////////*/
/* NORMAL LAYOUT */
   .club-list-wrap {
    position: relative;
    margin-bottom: 50px;
    z-index: 9998;
  }
  .under800 .club-list-wrap {
    margin-bottom: 20px;
    position: relative;
    z-index: 9998;
/*     transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;*/
  }
.mini-header-layout .club-list-wrap {
    margin: 0px;
  }
  .club-list-wrap .club-nav-parent {
    position: absolute;
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-family: "bleagueFont";
    font-size: 22px;
  }
  .club-list-wrap .club-nav-parent#league01 {
    background: #fff;
    color: #000;
    left: 0;
    transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
  }

.mini-header-layout .club-list-wrap .club-nav-parent#league01 {
    z-index: 3;
    top: 20px;
    left: 30px;
  }
  .club-list-wrap .club-nav-parent#league02 {
    background: #3b3b3b;
    color: #bebebe;
    right: 0;
    top: 0;
     transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
  }
.mini-header-layout .club-list-wrap .club-nav-parent#league02 {
  left: 90px;
  z-index: 3;
  top: 20px;
  }

  .club-list-wrap .club-nav-parent#league01,
  .club-list-wrap .club-nav-parent#league02{
background: #3b3b3b;
color: white;
  }
    .club-list-wrap .club-nav-parent#league01:hover,
  .club-list-wrap .club-nav-parent#league02:hover{
background: white;
color: black;
  }
.club-list-wrap .club-nav-parent.front#league01,
  .club-list-wrap .club-nav-parent.front#league02{
background: white;
color: black;
  }


  .club-list-wrap .league .club-list {
    display: none;
    text-align: center;
  }
  .club-list-wrap .league .club-list li {
    width: 3%;
    display: inline-block;
    padding: 0 7.5px;
       will-change: animation,transform;
        -webkit-animation: leagueselect 0.3s both;
  animation: leagueselect 0.3s both;
}

 @-webkit-keyframes leagueselect {
 0% {-webkit-transform: translate(0,20px) scale(0);}
 100% {-webkit-transform: translate(0,0) scale(1);}
}
@keyframes leagueselect {
 0% {transform: translate(0,20px) scale(0);}
 100% {transform: translate(0,0) scale(1);}
  }
  .club-list-wrap .league .club-list li img{
    width: 100%;
}

  .club-list-wrap .league .club-list li a {
    display: inline-block;
    padding: 10px 0 0 0;
    position: relative;
  }
  .club-list-wrap .league .club-list li a:after {
    content: "";
    position: absolute;
    background: transparent;
    width: 15px;
    height: 5px;
    left: 50%;
    margin-left: -7.5px;
    top: 0;
  }
  .club-list-wrap .league .club-list li a:hover:after {
    background: #fff;
  }
  .club-list-wrap .show .club-list {
    display: block;
  }

  .league.league01.show,
  .league.league02.show{
    height: 60px;
  }
  
/* MINI HEADER LAYOUT */
  .mini-header-layout .club-list-wrap{
    margin: 0;
    
  }
  .mini-header-layout .club-list-wrap .club-nav-parent.show-children {
    z-index: 3;
    left: 0px;
    top: 0px;
    position: fixed;
    height: 60px;
    line-height: 60px;
    font-size: 22px;
  }
.mini-header-layout .club-list-wrap .club-nav-parent.show-children .btn-close {
    position: fixed;
    top: 50px;
    left: 134px;
    width: 48px;
    height: 48px;
    display: block!important;
  }
.mini-header-layout .club-list-wrap .club-nav-parent.show-children .btn-close:before,
.mini-header-layout .club-list-wrap .club-nav-parent.show-children .btn-close:after {
    content: '';
    position: absolute;
    width: 48px;
    height: 3px;
    background: #fff;
  }
.mini-header-layout .club-list-wrap .club-nav-parent.show-children .btn-close:before {
    opacity: 1;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
.mini-header-layout .club-list-wrap .club-nav-parent.show-children .btn-close:after {
    opacity: 1;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
.mini-header-layout .club-list-wrap .league {
    display: none;
    text-align: center;
    position: fixed;
    width: 102%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    overflow-y: scroll;
    transition: all 0.5s;
  }
.mini-header-layout .club-list-wrap .league .club-list {
    position: relative;
    padding: 70px 0;
  }
.mini-header-layout .club-list-wrap .league .club-list li {
    display: inline-block;
    padding: 0 7.5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 30%;
  }
.mini-header-layout .club-list-wrap .league .club-list li img {
    width: 100%!important;
  }
.mini-header-layout .club-list-wrap .league .club-list li .popup-wrap {
  display: none!important;
  }
.mini-header-layout .club-list-wrap .league .club-list li a {
    display: inline-block;
    padding: 10px 0 0 0;
    position: relative;
  }
.mini-header-layout .club-list-wrap .league .club-list li a:after {
    content: "";
    position: absolute;
    background: transparent;
    width: 15px;
    height: 5px;
    left: 50%;
    margin-left: -7.5px;
    top: 0;
  }
  .mini-header-layout .club-list-wrap .league .club-list li a:hover{
    opacity: 0.8;
  } 
.mini-header-layout .club-list-wrap .league .club-list li a:hover:after {
    background: none;
  }
  .mini-header-layout .club-list-wrap .league.show-wide .club-list {
    display: block;
  }
.mini-header-layout .club-list-wrap .league.show-wide {
    display: block;
    z-index: 2;
  }
  


  /*////////////////////////////
  
  {  * *  }
   ┘|||||└  

       | HEADER |　　　　　　　　　　　　
                      
/////////////////////////////*/
  .header {
    position: relative;
  }
  .header .logo {
    position: absolute;
    width: 57px;
    left: 50%;
    margin-left: -29px;
    margin-top: 7px;
  }

  .under800 .header .logo img{
    width: 47px;
  }

  .mini-header-layout .header .logo {
    top:30px;
    z-index: 1;
  }
  .header .nav-wrap {
    padding: 32px 50px 0;
    overflow: hidden;
    margin-bottom: -10px;
/*     transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;*/
  }
    .under800 .header .nav-wrap {
    padding: 52px 50px 0;
  }

  .header .nav-wrap .head-sns {
    float: right;
    width: 273px;
    margin-top: 25px;
  }
.mini-header-layout .header .nav-wrap .head-sns {
/*    display: none;*/
  }
.mini-header-layout .header .nav-wrap .head-sns ul li {
    display: block;
    margin-bottom: 40px;
    text-align: center;
  }
  .mini-header-layout .header .nav-wrap .head-sns ul li img{

  }
  .mini-header-layout .header .nav-wrap .head-sns ul li .popup-wrap{
    display: block;
    left: 58%;
    top: 0;
    background: none;
    font-size: 16px;
    text-align: left;
    
  }
  .mini-header-layout .header .nav-wrap .head-sns ul li .popup-wrap:before{
    content:"";
    background: none;
  }
  .header .nav-wrap .head-sns ul li {
    display: inline-block;
    margin-left: 10px;
    text-align: center;
  }
  .header .nav-wrap .head-sns ul li a {
    display: inline-block;
    border: solid 1px #888888;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
     transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
  }
    .header .nav-wrap .head-sns ul li a:hover{
      background: #666666;
    }
.mini-header-layout .header .nav-wrap .head-sns ul li a {
    display: block;
    border: none;
    width: auto;
    height: 40px;
  }
.mini-header-layout .header .nav-wrap .head-sns ul li a:hover {
  opacity: 0.7;
  }
  .header .nav-wrap .head-sns ul li a img {
    width: 18px;
    height: auto;
    vertical-align: middle;
    padding-bottom: 5px;
  }

.header .nav-wrap .head-sns ul li.fb a img {
    width: 10px;
    height: auto;
  }

  .header .nav-wrap .head-sns ul li.line a img{
    width:22px;
  }

.mini-header-layout .header .nav-wrap .head-sns ul li a img{
    width: 60px;
    height: auto;
  } 
  .mini-header-layout .header .nav-wrap .head-sns ul li.fb a img{
    width: 20px;
    height: auto;
  } 
  .header .nav-wrap .gnav-wrap {
    float: left;
    width: 570px;
    overflow: hidden;
    margin-top: -31px;
  }
 
  .header .nav-wrap .gnav-wrap .menu-trigger {
    float: left;
    width: 34px;
    height: 28px;
    position: relative;
    margin: 31px 36px 0 0;
    cursor: pointer;
  }
  .mini-header-layout .header .nav-wrap .gnav-wrap .menu-trigger {
   position: absolute;
    right: 0px;
    top: 24px;
  }
  .mini-header-layout .header .nav-wrap .gnav-wrap .menu-trigger.show-menu{
    opacity: 0;
    
  }
  .header .nav-wrap .gnav-wrap .menu-trigger:hover {
    cursor: pointer;
    opacity: 0.8;
    filter: alpha(opacity=80);
  }
  .header .nav-wrap .gnav-wrap .menu-trigger:before {
    position: absolute;
    content: "";
    width: 38px;
    height: 4px;
    background: #fff;
  }
  .header .nav-wrap .gnav-wrap .menu-trigger span {
    position: absolute;
    top: 8px;
    width: 38px;
    height: 4px;
    background: #fff;
  }
  .header .nav-wrap .gnav-wrap .menu-trigger span:before {
    position: absolute;
    top: 8px;
    content: "";
    width: 38px;
    height: 4px;
    background: #fff;
  }
  .header .nav-wrap .gnav-wrap .menu-trigger span:after {
    position: absolute;
    top: 16px;
    content: "";
    width: 38px;
    height: 4px;
    background: #fff;
  }
 .mini-header-layout .header .nav-wrap .gnav-wrap .gnav {
   display: none;
  }
  
  
  .header .nav-wrap .gnav-wrap .gnav {
    float: left;
    width: 424px;
    font-family: "bleagueFont";
    font-size: 18px;
    letter-spacing: 0.2em;
    overflow: hidden;
    padding-bottom: 100px;
    line-height: 1.5;
    margin-left: -36px;
    padding-left: 36px;
  }
  .header .nav-wrap .gnav-wrap .gnav li {
    margin-right: 16px;
    position: relative;
    float: left;
  }
  .header .nav-wrap .gnav-wrap .gnav li a {
    color: #e1e1e1;
    margin: 0 0 5px 0;
    padding: 0 2px;
    display: inline-block;
     transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
  }

  .header .nav-wrap .gnav-wrap .gnav li a:hover {
    color: #333333;
  }

    .header .nav-wrap .gnav-wrap .gnav li a:after {
    content: '';
    background: white;
    width: 0%;
    margin-right: 0;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
  }
      .header .nav-wrap .gnav-wrap .gnav li:hover a:after {
    content:'';
    z-index:-1;
    position:absolute;
    left: 0;
    top: 0;
    background: white;
    width: 100%;
    height: 25px;
  }

  .header .nav-wrap .gnav-wrap .gnav li a .popup-parent .popup-wrap {
    margin-top: 15px;
    font-size:10px;
    padding: 10px 10px 10px;
    z-index: 500;
    font-family: "Noto Sans Japanese", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 1.2;
  }
  .header .nav-wrap .gnav-wrap .gnav li.gnav07, .header .nav-wrap .gnav-wrap .gnav li.gnav08, .header .nav-wrap .gnav-wrap .gnav li.gnav09, .header .nav-wrap .gnav-wrap .gnav li.gnav10, .header .nav-wrap .gnav-wrap .gnav li.gnav11, .header .nav-wrap .gnav-wrap .gnav li.gnav12, .header .nav-wrap .gnav-wrap .gnav li.gnav14, .header .nav-wrap .gnav-wrap .gnav li.gnav15 {
    margin-right: 19px;
  }
  .header .nav-wrap .gnav-wrap .gnav li.gnav07 a, .header .nav-wrap .gnav-wrap .gnav li.gnav08 a, .header .nav-wrap .gnav-wrap .gnav li.gnav09 a, .header .nav-wrap .gnav-wrap .gnav li.gnav10 a, .header .nav-wrap .gnav-wrap .gnav li.gnav11 a, .header .nav-wrap .gnav-wrap .gnav li.gnav12 a, .header .nav-wrap .gnav-wrap .gnav li.gnav14 a, .header .nav-wrap .gnav-wrap .gnav li.gnav15 a {
    margin: 0;
  }
  .cover-nav-wrap {
    position: fixed;
    z-index: -1;
    background: rgba(0, 0, 0, 0.9);
    width: 102%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.5s;
    padding: 100px 0;
    overflow-y: scroll;
    box-sizing: border-box;
  }
  .cover-nav-wrap .gnav {
    text-align: center;
    font-family: "bleagueFont";
    font-size: 28px;
    letter-spacing: 0.1em;
    z-index: 0;
  }
    .cover-nav-wrap.show .gnav li{
      display: block;
    }
  .cover-nav-wrap .gnav li {
    display: none;
    margin-bottom: 20px;
  }
  .cover-nav-wrap .gnav li a {
    color: #cfcfcf;
    padding: 24px 0;
  }
  .cover-nav-wrap .gnav li a span {
    display: block;
  }
  .cover-nav-wrap .gnav li a .ja {
    font-size: 12px;
    font-family: "Noto Sans Japanese", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin-top: -10px;
  }
  .cover-nav-wrap .gnav li a:hover {
    color: #fff;
    background: #000;
  }
  .cover-nav-wrap.show {
    z-index: 99999;
    opacity: 1;
  }
  .cover-nav-wrap.show .btn-close {
    cursor: pointer;
    position: fixed;
    top: 53px;
    right: 30px;
    width: 50px;
    height: 50px;
    display: block;
  }
  .cover-nav-wrap.show .btn-close:before, .cover-nav-wrap.show .btn-close:after {
    content: '';
    position: absolute;
    width: 50px;
    height: 3px;
    background: #fff;
  }
  .cover-nav-wrap.show .btn-close:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
  .cover-nav-wrap.show .btn-close:after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  
/*MINI HEADER LAYOUT*/
.mini-header-layout .header .head-sns {
    opacity: 0;
    position: fixed;
    z-index: -1;
    width: 102%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    overflow-y: scroll;
    transition: all 0.5s;
    letter-spacing: 0.1em;
    text-align: center;
    padding: 50px 0 0;
  }
 .mini-header-layout .header .head-sns li {
    display: block;
    margin: 10px;
    text-align: center;
    padding: 10px 0;
  }
 .mini-header-layout .header .head-sns li a {
    display: inline-block;
    border: solid 1px #fff;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 30px;
  }
 .mini-header-layout .header .head-sns li a img {
    width: 24px;
    height: auto;
    vertical-align: sub;
  }
 .mini-header-layout .header .head-sns li.fb img {
    width: 12px;
  }
 .mini-header-layout .header .head-sns.show {
    opacity: 1;
    z-index: 9998;
  }
  .mini-header-layout .header .sns-trigger {
    width: 38px;
    height: 38px;
    position: absolute;
    right: 90px;
    top: 35px;
    background: url(/v=1534495866/files/rcms_conv_webp/1/b/1beea4ae13bb0e2241e68ac738c6eec8_1518577928.webp) no-repeat center center;
    background-size: auto 100%;
    display: block!important;
  }
  .mini-header-layout .header .sns-trigger:before, .mini-header-layout .header .sns-trigger:after {
    content: '';
    position: absolute;
    width: 50px;
    height: 3px;
    background: transparent;
    transition: all 0.5s;
    top: 0;
  }
  .mini-header-layout .header .sns-trigger:before {
    background: transparent;
    transform: rotate(33deg);
    -webkit-transform: rotate(33deg);
    top: 17px;
  }
  .mini-header-layout .header .sns-trigger:after {
    background: transparent;
    transform: rotate(-33deg);
    -webkit-transform: rotate(-33deg);
    top: 8px;
  }
  .mini-header-layout .header .sns-trigger.close-snsnav {
    background: none;
    z-index: 9999;
  }
  .mini-header-layout .header .sns-trigger.close-snsnav img {
    opacity: 0;
  }
  .mini-header-layout .header .sns-trigger.close-snsnav:before, .mini-header-layout .header .sns-trigger.close-snsnav:after {
    background: #fff;
    top: 12px;
  }
  .mini-header-layout .header .sns-trigger.close-snsnav:before {
    opacity: 1;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
  .mini-header-layout .header .sns-trigger.close-snsnav:after {
    opacity: 1;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  
  /*////////////////////////////
  
  {  * *  }
   ┘|||||└  

                    | FOOTER |　　　　　　　　　　　　
                      
/////////////////////////////*/
  .top-page .layout-footer {
    margin-top: -300px;
    padding: 320px 0 147px;
    background: none;
  }
  .top-page .layout-footer:after {
    content: "";
    background: url(/v=1534495867/files/rcms_conv_webp/c/6/c62351692aa14b6403ee3093ad28596e_1513740623.webp) no-repeat center top #E5E5E5;
    width: 100%;
    height: 1350px;
    position: absolute;
    top: -226px;
    z-index: -1;
  }
  .top-page .layout-footer .footer-inner {
    padding: 0;
    margin-top: -100px;
  }
  .bg-blk .layout-footer {
    background: url(/v=1534495868/files/rcms_conv_webp/9/6/968e0586a9cae9251ddf27dccbfa99f3_1513740628.webp) no-repeat center bottom #000;
  }
  .bg-gry1 .layout-footer {
    background: url(/v=1534495868/files/rcms_conv_webp/9/6/968e0586a9cae9251ddf27dccbfa99f3_1513740628.webp) no-repeat center bottom #141414;
  }
  .layout-footer {
    overflow: hidden;
    position: relative;
    /*z-index: -1;*/
    color: #a6a6a6;
    /*margin-top: -100px;*/
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: url(/v=1534495868/files/rcms_conv_webp/9/6/968e0586a9cae9251ddf27dccbfa99f3_1513740628.webp) no-repeat center bottom #fff;
  }
  body.top-page .layout-footer{
    z-index: 1;
  }
  .layout-footer a {
    color: #a6a6a6;
  }

  .layout-footer .footer-inner {
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 300px 0 147px;
  }
  .layout-footer .footer-inner .footer-left {
    float: left;
    width: 612px;
    padding-left: 30px;
    padding-top: 210px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .layout-footer .footer-inner .footer-left .company {
    background: url(/v=/league_common/img/footer-bleague-logo.png) no-repeat left center;
    padding: 10px 0 10px 55px;
    margin-bottom: 20px;
    font-size: 12px;
  }
  .layout-footer .footer-inner .footer-left .fnav-wrap .fnav li {
    display: inline-block;
    margin-right: 30px;
  }
  .layout-footer .footer-inner .footer-left .fnav-wrap .fnav li:last-child {
    margin-right: 0;
  }
  .layout-footer .footer-inner .footer-right {
    float: right;
    width: 410px;
    text-align: right;
    padding-right: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
  }
  .layout-footer .footer-inner .footer-right .logo-box {
    margin-bottom: 50px;
    display: inline-block;
  }
  .layout-footer .footer-inner .footer-right .flink {
    margin-bottom: 70px;
  }
  .layout-footer .footer-inner .footer-right .flink li {
    margin-bottom: 5px;
    letter-spacing: 0.1em;
  }
  .layout-footer .footer-inner .copyright {
    clear: both;
    text-align: right;
    margin-right: 30px;
    font-size: 12px;
  }
     .layout-footer .return-top{
      width: 60px;
      height: 60px;
      margin:0 0 50px 320px;
    background: black;
   }
   .layout-footer .return-top img{
    margin: 19px;
   }

      .layout-footer .return-top:hover{
        opacity:0.8;
   }
  /*////////////////////////////
  
  {  * *  }
   ┘|||||└  

                       | TOP |　　　　　　　　　　　　
                      
/////////////////////////////*/
  .top-page section {
    position: relative;
    padding-bottom: 10px;
  }
  .top-main-visual-wrap {
    overflow: hidden;
    padding-right: 50px;
    margin-bottom: 150px;
    margin-top: -50px;
  }
   .under800 .top-main-visual-wrap {
    margin-top: -70px;
    margin-bottom: 30px !important;
  }
  .main-visual-inner {
    position: relative;
    overflow: visible;
  }
  .main-visual-inner .top-slide-guard {
    width: 100%;
  }
  .main-visual-inner .main-visual {
    position: absolute;
    top: 0;
    left: 0;
  }
  .main-visual-inner .main-visual .slide {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
  }
  
  .main-visual-inner .main-visual .slide img {
    width: 100%;
    transform-origin: center;
    transform: scale(0.96);
    /*transform: scale(1);*/
    opacity: 0;
    transition: all 200ms linear;
  }


  .main-visual-inner .main-visual.one-slide .slide img {
    width: 100%;
    transform-origin: center;
    /*transform: scale(0.96);*/
    transform: scale(1);
    transition: all 200ms linear;
  }
  .main-visual-inner .main-visual .now{
    z-index: 10;
  }
  .main-visual-inner .main-visual .now img, .main-visual-inner .main-visual .animate img {
    z-index: 10;
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
  }

  .main-visual-inner .main-visual .slide-img-box {
    width: 100%;
    height: 100%;
    -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
     transform-origin: center;
    background-size: 100% auto;
    
  }
 .main-visual-inner .main-visual .out {
    z-index: 0;
    width: 100%;
    opacity:0;
/*    transform:scale(0.94);
    -webkit-transform:scale(0.94);*/
  }
  .main-visual-inner .main-visual .out .slide-img-box img {
/*
   -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
*/
  }
  .main-visual-inner .main-visual .now img {
    z-index: 5;
    width: 100%;
    opacity:1;
    transform:scale(1);
    -webkit-transform:scale(1);
  }
  .main-visual-inner .main-visual .now .slide-img-box {
/*
    -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transition: -webkit-transform 0.85s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.85s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: -webkit-transform 0.85s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.85s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.85s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.85s cubic-bezier(0.25, 0.46, 0.45, 0.94);
*/
  }
  .main-visual-inner .main-visual .in .slide-img-box {
/*
     -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
*/
  }
  .main-visual-inner .main-visual .in {
    z-index: 10;
    
  }
  
  .main-visual-inner .main-visual-card-wrap {
    line-height: 70px;
    height: 70px;
    font-size: 18px;
    position: relative;
    overflow: hidden;
    margin-top: -5px;
  }
  .main-visual-inner .main-visual-card-wrap .head-line {
    position: absolute;
    width: 160px;
    text-align: center;
    font-family: "bleagueFont";
    font-size: 18px;
    letter-spacing: 0.1em;
    background: #0d3b87;
    color: #9eb1cf;
    z-index: 1;
  }
  .main-visual-inner .main-visual-card-wrap .main-visual-card {
    position: absolute;
    width: 100%;
    background: #fff;
    padding-left: 160px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .main-visual-inner .main-visual-card-wrap .main-visual-card .title {
    font-size: 16px;
    line-height: 70px;
    height: 70px;
    padding-left: 60px;
    letter-spacing: 0.2em;
    color: #545454;
  }
  .main-visual-inner .main-visual-card-wrap .main-visual-card.back {
    z-index: -1;
  }
  .main-visual-inner .main-visual-card-wrap .main-visual-card.front {
    z-index: 0;
  }
  .main-visual-inner .slide-pager {
    position: absolute;
    right: -34px;
    top: 41%;
    width: 18px;
  }
  .main-visual-inner .slide-pager span {
    overflow: hidden;
    display: inline-block;
    width: 18px;
    height: 18px;
    background: #000;
    cursor: pointer;
    position: relative;
    border-radius: 9px;
  }
  .main-visual-inner .slide-pager span:after {
    position: absolute;
    content: "";
    border: solid 1px #fff;
    width: 8px;
    height: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 5px;
    left: 5px;
    border-radius: 5px;
  }
  .main-visual-inner .slide-pager span.now {
    background: #581218;
  }
  .main-visual-inner .slide-pager span.now:after {
    border: solid 1px #e60012;
    background: #e60012;
  }
  .main-visual-inner .slide-control {
    position: absolute;
    top: 46%;
    z-index: 10;
    width: 100%;
    margin-top: -14px;
  }
  .main-visual-inner .slide-control.one-slide {
    display: none;
  }
  .main-visual-inner .slide-control a {
    display: block;
    width: 44px;
    height: 27px;
    position: absolute;
  }
  .main-visual-inner .slide-control .bx-next {
    right: 20px;
  }
  .main-visual-inner .slide-control .bx-prev {
    left: 20px;
  }
  .news-wrap {
    position: relative;
    padding: 0;
  }
  .news-wrap .inner h1.title-en.top{
    text-align: center;
    color: #838383;
    font-family: 'bleagueFont';
    font-size: 36px;
    letter-spacing: .2em;
  }
  .news-wrap .news-title {
    position: absolute;
    font-family: "bleagueFont";
    font-size: 18px;
    letter-spacing: 0.1em;
    color: #c2c2c2;
    left: 0px;
    top: 0px;
    width: 200px;
    height: 70px;
    padding: 0 0 0 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 70px;
  }
  .news-wrap .news-title.top{
    top:57px;
  }
  .news-wrap .news-open-btn {
    position: absolute;
    width: 150px;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    right: 0;
    cursor: pointer;
    padding: 30px 0px 0 40px;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    font-size: 12px;
    letter-spacing: 0.1em;
  }
  .news-wrap .news-open-btn:before {
    content: "OPEN";
  }
  .news-wrap .news-open-btn .arrow {
    display: inline-block;
    width: 30px;
    height: 15px;
    background: url(/v=/league_common/img/arrow-down.png) no-repeat center center;
    margin-left: 20px;
  }
  .news-wrap .news-open-btn.close:before {
    content: "CLOSE";
  }
  .news-wrap .news-open-btn.close .arrow {
    background: url(/v=/league_common/img/arrow-up.png) no-repeat center center;
  }

  .news-wrap ul li {
    letter-spacing: 0.2em;
    color: #bababa;
  }
  .news-wrap ul li a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: 0 0 0 200px;
    min-height: 70px;
    line-height: 70px;
    color: #bababa;
  }
  .news-wrap ul li:nth-child(odd) {
    background: #2b2b2b;
  }
  .news-wrap ul li:nth-child(even) {
    background: #232323;
  }
  .news-wrap ul li .date {
    display: inline-block;
    margin-right: 30px;
  }
  .news-wrap ul li .new {
    display: inline-block;
    margin-right: 30px;
    color: #fe0000;
  }
  .news-wrap ul li:not(:nth-child(1)) {
    display: none;
  }
  .news-wrap ul.all{
/*    display: block;*/
  }
  .news-wrap ul.all li {
/*    display: block;*/
  }
  .news-wrap .view-all-wrap {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 30px 0 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 150px;
    min-height: 70px;
    line-height: 70px;
    background: #4c4c4c;
    z-index: -1;
    transition: all 0.5s;
    opacity: 0;
  }
  .news-wrap .view-all-wrap.all {
        opacity: 1;
  } 
  .news-wrap .view-all-wrap .view-all {
    color: #d4d4d4;
    background: url(/v=/league_common/img/view-all.png) no-repeat left center;
    padding-left: 35px;

  }
  .news-wrap .view-all-wrap.all {
    z-index: 0;
  }
  .about-info-wrap {
    background: url(/v=/league_common/img/body-bg.png) no-repeat center top #000;
    background-size: 100% auto;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 50px;
    position: relative;
  }


.about-info-wrap p.thumb {
    overflow: hidden;
}

.layout-content .about-info-wrap a:hover{
  opacity: 1;
}



        .about-info-wrap a img{
          width: 100%;
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    }
          .about-info-wrap a img:hover{
  transform:scale(1.07);
-webkit-transform:scale(1.07);
-moz-transform:scale(1.07) ;
-ms-transform:scale(1.07) ;
}


  .about-info-wrap ul {
    clear: both;
  }
  .about-info-wrap ul li {
    float: left;
    width: 50%;
  }
  .about-info-wrap ul li img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
  }
  .about-info-wrap ul li .sub-title {
    position: absolute;
    color: #dfdfdf;
    font-family: "bleagueFont";
    font-size: 18px;
    letter-spacing: 0.2em;
    padding: 15px 40px;
    text-align: center;
    background: rgba(0, 0, 0, 0.8);
  }
  .about-info-wrap ul li .explain-txt {
    background: #000;
    padding: 15px 30px;
    color: #dfdfdf;
  }
  .about-info-wrap ul li.about .sub-title {
    left: 0;
    top: 90px;
  }
  .about-info-wrap ul li.club .sub-title {
    right: 0;
    bottom: 126px;
  }
  .about-info-wrap ul li.club .explain-txt {
    background: #262626;
  }
  .magazine-wrap {
    background: #fff;
    padding: 40px 50px;
    position: relative;
  }
  .magazine-wrap .more {
    position: absolute;
    right: 40px;
    top: 64px;
  }
  .magazine-wrap .inner a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
  }
  .magazine-wrap .inner a:hover img, .magazine-wrap .inner a:hover span, .magazine-wrap .inner a:hover dl {
    opacity: 0.8;
    filter: alpha(opacity=80);
  }
  .magazine-wrap .inner .title-en {
    text-align: center;
    font-family: "bleagueFont";
    letter-spacing: 0.2em;
    font-size: 36px;
    color: #848484;
  }
  .magazine-wrap .inner .title-ja {
    text-align: center;
    margin-bottom: 70px;
    color: #000;
    font-size: 12px;
    letter-spacing: 0.1em;
  }
  .magazine-wrap .inner .event-cat {
    margin-bottom: 50px;
  }
  .magazine-wrap .inner .event-cat ul {
    text-align: center;
    overflow: hidden;
  }
  .magazine-wrap .inner .event-cat ul li {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: -webkit-calc(100% / 6);
    width: -moz-calc(100% / 6);
    width: calc(100% / 6);
    background: #484848;
    color: #fff;
    font-size: 12px;
    letter-spacing: 0.2em;
  }
  .magazine-wrap .inner .event-cat ul li:nth-child(odd) {
    background: #313131;
  }
  .magazine-wrap .inner .event-cat ul li a {
    color: #fff;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 10px 10px 30px;
  }
  .magazine-wrap .inner .event-cat ul li.magazine-cat-all a {
    background: url(/v=/league_common/img/event-ico-all.png) no-repeat left center;
  }
  .magazine-wrap .inner .event-cat ul li.magazine-cat-club a {
    background: url(/v=/league_common/img/event-ico-club.png) no-repeat left center;
  }
  .magazine-wrap .inner .event-cat ul li.magazine-cat-students a {
    background: url(/v=/league_common/img/event-ico-students.png) no-repeat left center;
  }
  .magazine-wrap .inner .event-cat ul li.magazine-cat-column a {
    background: url(/v=/league_common/img/event-ico-column.png) no-repeat left center;
  }
  .magazine-wrap .inner .event-cat ul li.magazine-cat-interview a {
    background: url(/v=/league_common/img/event-ico-interview.png) no-repeat left center;
  }
  .magazine-wrap .inner .event-cat ul li.magazine-cat-i-love-b a {
    background: url(/v=/league_common/img/event-ico-i-love-b.png) no-repeat left center;
  }
  .magazine-wrap dl dt {
      font-family: "bleagueFont";
      letter-spacing: 0.1em;
      font-size: 24px;
    margin-bottom: 20px;
    line-height: 12px;
  }
    .magazine-wrap dl dt.guide-title {
    margin-bottom: 20px;
    line-height: 12px;
  }
  .magazine-wrap dl dt span {
    display: inline-block;
    text-align: center;
    margin-right: 5%;
  }
  .magazine-wrap dl dt.date {
    margin-right: 0;
  }
  .magazine-wrap dl dt .cat-name {
    background: #ccc;
    color: #fff;
    letter-spacing: 0.1em;
    line-height: 19px;
    width: 120px;
    font-size: 11px;
  }
  .magazine-wrap dl dt .cat-name.club-info {
    background: #00b8ee;
  }
  .magazine-wrap dl dt .cat-name.students {
    background: #9666fa;
  }
  .magazine-wrap dl dt .cat-name.league-column {
    background: #4d4d4d;
  }
  .magazine-wrap dl dt .cat-name.i-love-b {
    background: #ed6942;
  }
  .magazine-wrap dl dt .cat-name.special {
    background: #b7ab01;
  }
  .magazine-wrap dl dt .date {
    letter-spacing: 0.2em;
    font-size: 12px;
    line-height: 12px;
  }
  .magazine-wrap dl dt .team-icon img {
    vertical-align: bottom;
  }
  .magazine-wrap dl dd {
    color: #838383;
    text-align: left;
    font-size: 16px;
  }
  .magazine-wrap .pick-up-wrap {
    overflow: hidden;
  }
  .magazine-wrap .pick-up-wrap.column-list {
    margin-left: -50px; 
  }
  body.top-page .magazine-wrap .pick-up-wrap.column-list {
    margin-left: 0;
  }
  .pick-up-wrap.column-list li{
    float: left;
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 70px;
  }
  .pick-up-wrap.column-list li a img{
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    }
         .pick-up-wrap.column-list li a:hover img{
          opacity: 1;
  transform:scale(1.07);
-webkit-transform:scale(1.07);
-moz-transform:scale(1.07) ;
-ms-transform:scale(1.07) ;
}
.pick-up-wrap li {
    padding: 0 0 50px 50px;
}

 .top-page .magazine-wrap .pick-up-wrap li {
    float: left;
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 70px;
  }
  .top-page .magazine-wrap .pick-up-wrap li:nth-child(odd) {
    padding: 0 22.5px 0 0;
  }
  .top-page .magazine-wrap .pick-up-wrap li:nth-child(even) {
    padding: 0 0 0 22.5px;
  }

  .magazine-wrap .pick-up-wrap .thumb {
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
  }
  .magazine-wrap .pick-up-wrap .thumb img {
    width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: top;
  }
  .magazine-wrap .pick-up-wrap .thumb .pick-01 {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 54px;
    height: 40px;
    background: url(/v=/league_common/img/event-ico-pick-up-01.png) no-repeat center center;
  }
  .magazine-wrap .pick-up-wrap .thumb .pick-02 {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 54px;
    height: 40px;
    background: url(/v=/league_common/img/event-ico-pick-up-02.png) no-repeat center center;
  }
  .magazine-wrap .pick-up-wrap .thumb .new {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 33px;
    border-radius: 20px;
    border: solid 3px #ff0000;
    text-align: center;
    color: #ff0000;
    font-size: 9px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 10px;
    right: 10px;
    letter-spacing: 1px;
  }

  .magazine-wrap .normal-event-wrap {
    overflow: hidden;
    margin-left: -50px;
  }
  .magazine-wrap .normal-event-wrap li {
    width: -webkit-calc(100% / 3);
    width: -moz-calc(100% / 3);
    width: calc(100% / 3);
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 50px 50px;
  }

  .magazine-wrap.magazine-latest-wrap .column-list li {
    width: -webkit-calc(100% / 3);
    width: -moz-calc(100% / 3);
    width: calc(100% / 3);
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  body.top-page .pick-up-wrap.column-list li:nth-child(n+3){
  display: none;
}

  body.top-page .magazine-wrap .normal-event-wrap li:nth-child(n+10){
    display: none;
  }
/* .magazine-wrap.magazine-latest-wrap .column-list li:nth-child(n+4){
    display: none;
  }*/


  .magazine-wrap .normal-event-wrap span.pickup-clubname {
    font-size: 10px;
    font-weight: bold;
    display: inline-block;
    background: #333333;
    padding:3px 5px;
    color: white;
  }

  .magazine-wrap .normal-event-wrap li dd {
    font-size: 14px;
  }
  .magazine-wrap .normal-event-wrap .thumb {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
  }
  .magazine-wrap .normal-event-wrap .thumb img {
    width: 100%;
    height: auto;
    vertical-align: top;
  }
  .magazine-wrap .normal-event-wrap .thumb .new {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 33px;
    border-radius: 20px;
    border: solid 3px #ff0000;
    text-align: center;
    color: #ff0000;
    font-size: 9px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 10px;
    right: 10px;
    letter-spacing: 1px;
  }
  .magazine-wrap .normal-event-wrap li a img{
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    }
  .magazine-wrap .normal-event-wrap  li a:hover img{
          opacity: 1;
  transform:scale(1.07);
-webkit-transform:scale(1.07);
-moz-transform:scale(1.07) ;
-ms-transform:scale(1.07) ;
}

  .magazine-wrap .normal-event-wrap .cat-name.club-info {
    background: #00b8ee;
  }
  .magazine-wrap .normal-event-wrap .cat-name.students {
    background: #9666fa;
  }
  .magazine-wrap .normal-event-wrap .cat-name.league-column {
    background: #4d4d4d;
  }
  .magazine-wrap .normal-event-wrap .cat-name.i-love-b {
    background: #ed6942;
  }
  .magazine-wrap .normal-event-wrap .cat-name.special {
    background: #b7ab01;
  }
  .top-page .magazine-wrap {
    padding: 64px 40px;
  }
  .sub-page section.magazine-latest-wrap {
    padding: 0;
  }
  .sub-page section.magazine-latest-wrap .inner {
    max-width: 1300px;
    margin: 0 auto;
    padding: 100px 50px 0;
  }
  .layout-sponsors {
    text-align: center;
    position: relative;
    padding: 70px 0;
  }
  .layout-sponsors ul {
    position: relative;
    z-index: 1;
  }
  .layout-sponsors:after {
    position: absolute;
    content: "";
    background: #e5e5e5;
    width: 100%;
    height: 1000px;
    top: 0;
    left: 0;
    z-index: -1;
  }
  .layout-sponsors .more {
    position: absolute;
    right: 40px;
    top: 0;
  }
    body.top-page .layout-sponsors .inner{
      position: relative;
      z-index: 11;
  }
  .layout-sponsors img.sponavi{
    width: 300px;
  }

  .layout-sponsors .explain-title {
    font-size: 10px;
    letter-spacing: 0.1em;
    margin-top: 30px;
  }
  .layout-sponsors .main-title.bleague_partner {
    color: #000;
  }
  .layout-sponsors .main-title.bleague_partner span:before {
    content: "";
    background: url(/v=1533096656/files/rcms_conv_webp/0/0/00bed53e565a52a4b0b9ed2142e691e0_1513740627.webp) no-repeat;
    background-size: auto;
    width: 40px;
    height: 76px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
  }
  .layout-sponsors .partner-rank {
    font-family: "bleagueFont";
    letter-spacing: 0.1em;
    margin-bottom: 30px;
  }
  .layout-sponsors ul {
    text-align: center;
    padding-bottom: 50px;
  }
  .layout-sponsors ul.rank-supporing li.second-partner {
    margin-bottom: 0px;
    width: 22%;
  }
  .layout-sponsors ul.rank-supporing li.second-rank-supporing{
    width: 31% !important;
  }
  .layout-sponsors ul li {
    display: inline-block;
  }
  .layout-sponsors ul.rank-top li {
    padding: 0;
    width: 30%;
  }
  .layout-sponsors ul li {
    display: inline-block;
  }
  .layout-sponsors ul.rank-partner li {
    width: 24%;
    padding: 0 5%;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 50px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .layout-sponsors ul.rank-partner li img {
    width: 100%;
    vertical-align: middle;
  }
  .layout-sponsors ul.rank-supporing li {
    width: 17%;
    padding: 0 3%;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 50px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*vertical-align:top;*/
  }
  .layout-sponsors ul.rank-supporing.valign-t li{
    vertical-align:top;
  }
  .layout-sponsors ul.rank-supporing li img {
    width: 100%;
    vertical-align: middle;
  }
  .partner-page .layout-sponsors {
    background: #fff;
  }
  .partner-page .layout-sponsors .main-title {
    letter-spacing: 0.2em;
  }
  .partner-page .layout-sponsors .partner-txt {
    font-size: 18px;
    letter-spacing: 0.1em;
    margin-bottom: 70px;
    text-align: left;
  }
  .partner-page .layout-sponsors ul {
    padding-bottom: 0px;
  }
  .partner-page .layout-sponsors .rank-top {
    margin-bottom: 70px;
  }
  .partner-page .layout-sponsors .rank-top li {
    padding: 0;
    vertical-align: middle;
    margin: 0 0 7% 0;
  }
  .partner-page .layout-sponsors .rank-partner {
    margin-bottom: 70px;
  }
  .partner-page .layout-sponsors .rank-partner li {
    width: 24%;
    padding: 0 5%;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 7% 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .partner-page .layout-sponsors .rank-partner li img {
    width: 100%;
    vertical-align: middle;
  }
  .partner-page .layout-sponsors .rank-supporing {
    margin-bottom: 0px;
  }
  .partner-page .layout-sponsors .rank-supporing li {
    width: 24%;
    padding: 0 5%;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 7% 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .partner-page .layout-sponsors .rank-supporing li img {
    width: 100%;
    vertical-align: middle;
  }

  .partner-page .layout-sponsors img.logo-softbank{height: 44px;}
  .partner-page .layout-sponsors img.logo-sponavi{height: 48px;}
/*  .partner-page .layout-sponsors img.logo-molten{height: 44px;}
  .partner-page .layout-sponsors img.logo-pia{height: 44px;}*/

  /*TOPICS */
  .topics-wrap {
    background:#d2d2d2;
    padding: 64px 0;
    box-sizing:border-box;
    position:relative;
  }
  .top-page section.top-contents{    
    padding-bottom: 50px;
  }
    .topics-wrap .inner {
max-width: 1300px;
margin: 0 auto;
    }
    .topics-wrap .inner .title-en {
    text-align: center;
    font-family: "bleagueFont";
    letter-spacing: 0.2em;
    font-size: 36px;
    color: #848484;
    margin-bottom: 70px;
  }
  .topics-wrap .inner .title-ja {
    text-align: center;
    margin-bottom: 70px;
    color: #000;
    font-size: 12px;
    letter-spacing: 0.1em;
  }
  .topics-wrap .top-pickup{
    position:relative;
    margin:0 auto;
  }
  .topics-wrap .top-pickup ul{
    overflow:hidden;
    padding:0 25px;

  }
  .topics-wrap .top-pickup li{
    width:50%;
    float:left;
    padding:0 25px;
    box-sizing:border-box;
    overflow:hidden;
    list-style: none;
  }
  .topics-wrap .top-pickup.pickup-3 li{
    width:33.3%;
    
  }
  .topics-wrap .top-pickup li img{
    width:100%;
        height: auto;
    display: inline-block;
    vertical-align: top;
  }
   .topics-wrap .top-pickup li a img{
      transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
      -moz-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
      -ms-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    }
  .topics-wrap .top-pickup li a:hover img{
    opacity: 1;
    transform:scale(1.07);
    -webkit-transform:scale(1.07);
    -moz-transform:scale(1.07) ;
    -ms-transform:scale(1.07) ;
  }
  .topics-wrap .top-pickup li a .thumb{
    overflow:hidden;
    position: relative;
    width:100%;
  }

    .topics-wrap .top-pickup li .thumb{
    margin-bottom: 20px;
  }

  .topics-wrap .top-pickup li .thumb iframe{
   display: block;
    width: 100% !important;
    overflow:hidden;
    height: 338px;
  }
  .topics-wrap .top-pickup li p{
    font-size:16px;
  }
    .topics-wrap .top-pickup li p.thumb{
    font-size:0px;
  }

  .topics-wrap .bx-pager{
    display:none;
  }
  .topics-wrap  .bx-wrapper{
    position: relative;
  }
  .topics-wrap  .bx-controls .bx-controls-direction{
    position:absolute;
    top:32%;
    width:100%;
  }

  .topics-wrap  .bx-controls .bx-controls-direction a{
    display:block;
    background:#414141;
    width:40px;
    height:90px;
    text-indent:-9999em;
    position:absolute;
    
  }
  .topics-wrap  .bx-controls .bx-controls-direction .bx-prev{
    background:url(/v=1530354811/files/rcms_conv_webp/0/5/050454f09a3b8577468deb4d1e89d493_1513740619.webp) no-repeat 7px center #414141;
  }
  .topics-wrap  .bx-controls .bx-controls-direction .bx-next{
    background:url(/v=1530354811/files/rcms_conv_webp/7/3/73eab8bf05a8f38d95eba73a7647db95_1513740620.webp) no-repeat 11px center #414141;
    right:0;
  }
  /*////////////////////////////
  
  {  * *  }
   ┘|||||└  

                     | FORM |　　　　　　　　　　　　
                      
/////////////////////////////*/
  select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    padding: 10px 6% 10px 10px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAGFBMVEUAAAAZJCYWISIYIyQYIiUWIiIYIyQYIiXh0rToAAAACHRSTlMA/hTRqiinvwFkb0sAAABCSURBVHjajchBDsAgDAPBOJDw/x+XVN0icQGfPGs3i+2GEqeiLCXWLENzvdzrDfP2ls/NjfKbgimYglfBq2Dm+LwHguMA235EdKYAAAAASUVORK5CYII=") 94% center no-repeat;
    transition: all 300ms linear;
  }
  select:focus {
    background: #fafafa url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAGFBMVEUAAAAZJCYWISIYIyQYIiUWIiIYIyQYIiXh0rToAAAACHRSTlMA/hTRqiinvwFkb0sAAABCSURBVHjajchBDsAgDAPBOJDw/x+XVN0icQGfPGs3i+2GEqeiLCXWLENzvdzrDfP2ls/NjfKbgimYglfBq2Dm+LwHguMA235EdKYAAAAASUVORK5CYII=") 94% center no-repeat;
    outline: none;
  }
  .contact {
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
  }
  .contact .btn {
    transition: opacity .15s;
    -webkit-transition: opacity .15s;
  }
  .contact .btn:hover {
    opacity: .7;
  }
  .contact .contact-note {
    font-size: 13px;
    line-height: 1.9;
    color: #313131;
    text-align: center;
  }
  .contact .contact-note a {
    color: #313131;
  }
  .contact .require-txt {
    color: #e95757;
  }
  .contac-tbl {
    width: 100%;
  }
  .contac-tbl tr th, .contac-tbl tr td {
    padding: 30px 0px;
    vertical-align: middle;
    text-align: left;
    line-height: 1.9em;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .contac-tbl tr th {
    width: 20%;
    text-align: right;
    vertical-align: top;
    color: #6e6e6e;
  }
  .contac-tbl tr th span {
    display: block;
    font-weight: normal;
    line-height: 1.3;
    font-size: 13px;
  }
  .contac-tbl tr td {
    width: 50%;
    padding-left: 50px;
    color: #1a1a1a;
  }
  .contac-tbl tr td .input-field {
    position: relative;
    padding-left: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .contac-tbl tr td .input-field .add-ex {
    position: absolute;
    left: 9px;
    top: 7px;
  }
  .contac-tbl tr td .input-field.half {
    width: 49%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
  }
  .ct-form .btn,
  #inquiry_item_button_send {
    width: 40%;
    background: #e95757;
    line-height: 1.7em;
    letter-spacing: 0.2em;
    color: #fff;
    border: none;
    font-size: 16px;
    padding: 20px 20px;
    text-align: center;
    box-sizing: border-box;
    display: block;
    font-weight: bold;
    margin: 40px auto 0;
    cursor: pointer;
    transition: all 300ms ease-in-out;
  }
  .ct-form .btn:hover,
  #inquiry_item_button_send:hover {
    background: #4d4d4d;
  }
  .ct-form .btns2 {
    width: 100%;
    text-align: center;
  }
  .ct-form .btns2 .btn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 1%;
    margin-left: 1%;
  }
  .ct-form .btns2 .btn.btn-back {
    background: #4d4d4d;
    transition: all 300ms ease-in-out;
    text-decoration: none;
  }
  .ct-form .btns2 .btn.btn-back:hover {
    background: #999999;
    text-decoration: none;
  }
  .ct-form .cz-l {
    width: 100%;
  }
  .ct-form .cz-m {
    width: 50%;
  }
  .ct-form .cz-s {
    width: 30%;
  }
  .ct-form select {
    width: 120%;
    background-position: 80% center;
    border: none;
  }
  .ct-form input[type="radio"]:focus {
    outline: solid 3px #fff;
  }
  .ct-form input[type="text"], .ct-form input[type="email"] {
    border-bottom: solid 1px #CCC;
    border-top: none;
    border-left: none;
    border-right: none;
    outline: solid 3px #fff;
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .ct-form textarea {
    border: solid 1px #CCC;
    outline: solid 3px #fff;
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .ct-form label {
    margin-right: 15px;
  }
  .ct-form .select-wrap {
    overflow: hidden;
    border: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .ct-form input[type="text"]:focus, .ct-form input[type="email"]:focus, .ct-form textarea:focus {
    outline: solid 3px #e95757;
  }
  .sub-page section .inner, .sub-page article .inner {
    position: relative;
    z-index: 1;
    margin: 70px 50px 0;
  }
  .sub-page-body {
    /*background: #fff;*/
    overflow: hidden;
    color:#1a1a1a;
  }
  .sub-page-body .inner p {
    font-size: 14px;
    letter-spacing: 0.2em;
    line-height: 2;
  }
  .sub-page-body .inner .title-en {
    text-align: center;
    font-family: "bleagueFont";
    letter-spacing: 0.2em;
    font-size: 36px;
  }
  .sub-page-body .inner .title-ja {
    text-align: center;
    margin-bottom: 70px;
    font-size: 12px;
    letter-spacing: 0.1em;
  }
  .sub-page-body .inner .main-txt {
    font-size: 36px;
  }
  .sub-page-body .inner .default-txt {
    font-size: 16px;
    letter-spacing: 0.2em;
    line-height: 2;
  }
  .sub-page-body .inner h5 {
    font-size: 20px;
    font-weight: bold;
    color: #000;
    margin-bottom: 20px;
  }
  .sub-page-body .inner .default-mb {
    margin-bottom: 20px !important;
  }
  .sub-page-body .inner .last-mb {
    margin-bottom: 70px !important;
  }
  .sub-page-body .inner .h1-title {
    font-size: 32px;
    margin-bottom: 70px;
    letter-spacing: 0.2em;
    font-weight: 500;
  }
  .common-content {
    line-height: 2.6em;
    letter-spacing: 0.2em;
  }
  .common-content p {
    margin-bottom: 20px;
  }
  .sub-header-content {
    background: #313131;
    padding: 40px 0;
    text-align: center;
    position: relative;
  }
    
  .under800 .sub-header-content {
    padding:30px 0;
    
  }
    

  .sub-header-content h1 {
    font-family: "bleagueFont";
    letter-spacing: 0.2em;
    font-size: 50px;
    color: #fff;
  }
  .sub-header-content h1.for_ec {
    padding-top: 60px;
  }
  .sub-header-content h2 {
    color: #fff;
    margin-bottom: -1em;
    text-align: center;
    letter-spacing: 0.2em;
  }
  .main-visual-wrap {
    /*background: #313131;*/
    padding: 0 100px 90px;
    overflow: hidden;
    /*position: relative;*/
    z-index: 0;
  }
  .main-visual-wrap:after {
    content: "";
    
    background-color:#000;
    background-size: 100% auto;
    width: 100%;
    height: 800px;
    position: absolute;
    top: 40%;
    left: 0;
    z-index: -1;
  }
  .main-visual-wrap .main {
    width: 100%;
    margin: 0 auto;
    max-width: 1300px;
  }
  .main-visual-wrap.player-main-visual .main {
    width: 487px;
  }

  .main-visual-wrap .main img {
    width: 100%;
  }
  .main-visual-wrap .main .no-image{
    position: relative;
  }
  .main-visual-wrap .main .no-image .no-image-bg{
    position: relative;
  }
  .main-visual-wrap .main .no-image .no-image-logo{
    position: absolute;
    width: 100%;
    height: 100%;
    left:0;
    top:17%;
    text-align: center;
  }
  .main-visual-wrap .main .no-image .no-image-logo img{
    width: 30%;
  }
  .main-visual-wrap .sub-nav {
    position: absolute;
    top: 0px;
    left: 55px;
    transition: all 0.5s;
  }
  .main-visual-wrap .sub-nav .team-logo {
    text-align: center;
    width: 180px;/*15%;*/
    margin-bottom: 30px;
  }
  .main-visual-wrap .sub-nav .team-logo img {
    width: 100%;
    /*max-width: 18%;*/
  }
  .main-visual-wrap .sub-nav .page-inner-link li {
    margin-bottom: 5px;
  }
  .main-visual-wrap .sub-nav .page-inner-link li a {
    display: inline-block;
    padding: 5px 20px;
/*    background: #fff;*/
    background: #efefef;
    color: #000;
    letter-spacing: 0.1em;
    transition: all 0.5s;
  }
  .main-visual-wrap .sub-nav .page-inner-link li a:hover {
    background: #f31918;
    color: #fff;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  .main-visual-wrap .sub-nav .page-inner-link li a .lang-en {
    font-weight: 500;
  }
  .main-visual-wrap .sub-nav .page-inner-link li a .lang-ja {
    display: inline-block;
    font-size: 10px;
    padding-left: 20px;
  }
  .main-visual-wrap .sub-nav .page-inner-link li a .external {
    width: 15px;
    display: inline-block;
    padding-left: 5px;
  }
  .main-visual-wrap .sub-nav .page-inner-link li.active a {
    background: #f31918;
    color: #fff;
  }
  .main-visual-wrap .sub-nav.fixed {
    position: fixed;
    z-index: 100;
    left: 10px;
    top:230px;
  }
  .main-visual-wrap .sub-nav.fixed .team-logo {
    width: 80px;
    background: #e4e4e4;
  }
  .main-visual-wrap .sub-nav.fixed .page-inner-link li {
    margin-bottom: 5px;
  }
  .main-visual-wrap .sub-nav.fixed .page-inner-link li a {
    display: inline-block;
    padding: 5px 20px;
    background: #e4e4e4;
    color: #000;
    letter-spacing: 0.1em;
    transition: all 0.5s;
  }
  .main-visual-wrap .sub-nav.fixed .page-inner-link li a .lang-ja {
    display: none;
  }
  .main-visual-wrap .sub-nav.fixed .page-inner-link li a:hover {
    background: #f31918;
    color: #fff;
  }
  .main-visual-wrap .sub-nav.fixed .page-inner-link li a:hover .lang-ja {
    display: inline-block;
  }
  .main-visual-wrap .sub-nav.fixed .page-inner-link li.active a {
    background: #f31918;
    color: #fff;
  }
  .about-page .sub-nav {
    padding-top: 167px;
    z-index: 10;
  }
  .game-list-controller {
    display: none;
    position: relative;
    float: right;
    width: 30%;
    min-width: 200px;
    max-width: 350px;
  }
  .game-list-controller a {
    position: absolute;
    display: block;
    width: 35px;
    height: 35px;
    margin-top: 0;
    margin-left: -10px;
    left: 50%;
  }
  .game-list-controller .bx-prev {
    top: -15px;
    background: url(/v=/league_common/img/btn-circle-arw-top.png) no-repeat center center;
    background-size: 35px;
  }
  .game-list-controller .bx-next {
    bottom: -15px;
    top: inherit;
    right: inherit;
    background: url(/v=/league_common/img/btn-circle-arw-bottom.png) no-repeat center center;
    background-size: 35px;
  }
  .game-list-controller .disabled {
    opacity: 0 !important;
  }
  .layout-game-list {
    position: relative;
    height: 100%;
  }
  .layout-game-list .wrap {
    z-index: 0;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .layout-game-list .game-list {
    position: relative;
    margin-left: 10px;
    height: 400;
    color: #FFF;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .layout-game-list .game-list:before {
    content: '';
    z-index: 1;
    position: absolute;
    width: 60px;
    height: 60px;
    background: #1b1b1b;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
  .layout-game-list .game-list:before {
    top: -30px;
    left: -30px;
  }
  .layout-game-list .game-list .bx-wrapper {
    overflow: hidden;
    padding: 10px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .layout-game-list .game-list .bx-viewport {
    background: #3a3a3a;
  }
  .layout-game-list .game-list .bx-controls {
    display: none;
  }
  .layout-game-list a {
    position: relative;
    z-index: 1;
    color: #FFF;
  }
  .layout-game-list li {
    padding: 10px 0;
  }
  .layout-game-list li:nth-child(even) {
    background: #484848;
  }
  .layout-game-list li:nth-child(odd) {
    background: #3a3a3a;
  }
  .layout-game-list .date-wrap {
    letter-spacing: 0.05em;
    line-height: 1;
    margin-bottom: 3px;
    font-size: 20px;
    color: #FFF;
    text-align: center;
  }
  .layout-game-list .date-wrap > * {
    vertical-align: middle;
  }
  .layout-game-list .date-wrap .week {
    margin: 0 10px;
    font-size: 14px;
  }
  .page-news .component-month-selector {
    width: 300px;
    margin: 0 auto 70px;
  }
  .page-news .component-month-selector .common-selector {
    margin-right: 0;
  }
  .page-news .news-cat {
    margin-bottom: 70px;
  }
  .page-news .news-cat ul {
    text-align: center;
    overflow: hidden;
  }
  .page-news .news-cat ul li {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: -webkit-calc(100% / 9);
    width: -moz-calc(100% / 9);
    width: calc(100%/9);
    background: #484848;
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.2em;
    border-right: 1px solid #151515;
    /*border-bottom: 1px solid white;*/
  }
  .page-news .news-cat ul li:hover,
  .page-news .news-cat ul li.current:hover{
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: -webkit-calc(100% / 9);
    width: -moz-calc(100% / 9);
    width: calc(100%/9);
    background: #f31918; /*#e60012;*/
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.2em;
    border-right: 1px solid #151515;
    /*border-bottom: 1px solid white;*/
  }
.page-news .news-cat ul li.current{
    background: #e8e8e8; /*black;*/
    color: #717171;
  }
  .page-news .news-cat ul li.current a{
      color: #717171;
  }
  .page-news .news-cat ul li.current a:hover{
      color: #fff;
  }
  .page-news .news-cat ul li:nth-child(odd) {
  }
  .page-news .news-cat ul li a {
    color: #fff;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 0;
    font-family: "bleagueFont";
    width: 100%;
  }
  .league-select-detail .component-month-selector {
    width: 1022px;
  }
  .component-month-selector {
    text-align: center;
    margin: 0 auto 30px;
  }
  .component-month-selector:after {
    content: '';
    display: block;
    clear: both;
  }
  .component-month-selector > * {
    float: left;
  }
  .component-month-selector .year-selector {
    position: relative;
    margin-right: 65px;
    line-height: 40px;
    width: 95px;
    letter-spacing: 0.1em;
    font-size: 18px;
    text-align: center;
    border: 1px solid #b2b2b2;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .component-month-selector .year-selector .arw {
    display: block;
    position: absolute;
    right: -39px;
    top: -1px;
    width: 38px;
    height: 42px;
    border-top: 1px solid #b2b2b2;
    border-right: 1px solid #b2b2b2;
    border-bottom: 1px solid #b2b2b2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .component-month-selector .year-selector .arw::before, .component-month-selector .year-selector .arw::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 11px;
    border: 1px solid #797979;
  }
  .component-month-selector .year-selector .arw::before {
    content: '';
    margin-left: -11px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
  .component-month-selector .year-selector .arw::after {
    content: '';
    margin-left: -3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  .component-month-selector .year-selector .pulldown {
    display: none;
    z-index: 9999;
    position: absolute;
    background: #fff;
    left: 0;
    top: 40px;
    width: 93px;
    border: 1px solid #b2b2b2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .component-month-selector .year-selector .pulldown a {
    width: 100%;
    height: 100%;
    display: block;
  }
  .component-month-selector .year-selector:hover .pulldown {
    display: block;
  }
  .component-month-selector .common-selector {
    position: relative;
    margin-right: 65px;
    line-height: 40px;
    width: 95px;
    letter-spacing: 0.1em;
    font-size: 18px;
    text-align: center;
    border: 1px solid #b2b2b2;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .component-month-selector .common-selector .arw {
    display: block;
    position: absolute;
    right: -39px;
    top: -1px;
    width: 38px;
    height: 42px;
    border-top: 1px solid #b2b2b2;
    border-right: 1px solid #b2b2b2;
    border-bottom: 1px solid #b2b2b2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .component-month-selector .common-selector .arw:before, .component-month-selector .common-selector .arw:after {
    content: '';
    position: absolute;
    top: 50%;
    width: 11px;
    border: 1px solid #797979;
  }
  .component-month-selector .common-selector .arw:before {
    margin-left: -11px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
  .component-month-selector .common-selector .arw:after {
    margin-left: -3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  .component-month-selector .common-selector .pulldown {
    display: none;
    z-index: 9999;
    position: absolute;
    left: 0;
    top: 40px;
    width: 93px;
    border: 1px solid #b2b2b2;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .component-month-selector .common-selector .pulldown a {
    width: 100%;
    height: 100%;
    display: block;
  }
  .component-month-selector .common-selector:hover .pulldown {
    display: block;
  }
  .component-month-selector .selector-mideium {
    width: 180px;
  }
  .component-month-selector .selector-mideium .pulldown {
    width: 178px;
  }
  .component-month-selector .year-selector-schedule {
    width: 220px;
  }
  .component-month-selector .year-selector-schedule .pulldown {
    width: 218px;
  }
  .component-month-selector .month-selector .month {
    display: none;
  }
  .component-month-selector .month-selector li {
    font-size: 12px;
    display: inline-block;
  }
  .component-month-selector .month-selector li .year-txt {
    font-size: 10px;
    position: absolute;
    left: 10px;
    top: 13px;
    letter-spacing: 0.1em;
  }
  .component-month-selector .month-selector li a {
    display: block;
    width: 50px;
    line-height: 40px;
    color: #424242;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .component-month-selector .month-selector li a .en {
    font-size: 18px;
  }
  .component-month-selector .month-selector li a.selected {
    border: 1px solid #b2b2b2;
  }
  .component-month-selector .month-selector li.this-year, .component-month-selector .month-selector li.new-year {
    position: relative;
    width: 101px;
  }
  .component-month-selector .month-selector li.this-year a, .component-month-selector .month-selector li.new-year a {
    margin-left: 50px;
  }
  .schedule {
    position: relative;
    max-width:1300px;
    margin: 0 auto;
    background: #fff;
    padding-top: 70px;
  }
  .schedule .league-selector {
    top: 0px;
    position: absolute;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 ;
    margin:0;
    z-index: 0;
  }
   .schedule .league-selector ul{
     width: 100%;
     max-width: 1300px;
     margin: 0 auto;
  }
  .schedule .league-selector:after {
    content: "";
    background: #fff;
    width: 100%;
    height: 100px;
    top: 50%;
    left: 0;
    position: absolute;
    z-index: -1;
  }
  .schedule .league-selector ul li {
    background: #545454;
    float: left;
    width: 33.3%;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    font-family: "bleagueFont";
    font-size: 36px;
    cursor: pointer;
    color: #fff;
    letter-spacing: 0.2em;
  }
  .schedule .league-selector ul li:last-child{
    width: 33.4%;
  }
  .schedule .league-selector ul li.show-tab {
    background: #fff !important;
    color: #000 !important;
  }
  .schedule .league-selector ul li:nth-child(2) {
    background: #414141;
    color: #fff;
  }
  .schedule .league-selector ul li:hover {
    background: #eeeeee;
    color: #000;
  }
  .schedule .league-select-detail li {
    overflow: hidden;
  }
  .schedule .schedule-list-wrap .selected-month {
    text-align: center;
    font-size: 14px;
    color: #000;
    line-height: 100px;
  }
  .schedule .schedule-list-wrap .selected-month span {
    font-family: "bleagueFont";
    font-size: 100px;
  }
  .schedule .schedule-list-wrap .day-title {
    padding: 20px 0;
    text-align: center;
    background: #dcdcdc;
    font-size: 24px;
    line-height: 24px;
    font-weight: 500;
  }
  .schedule .schedule-list-wrap .day-title.sun {
    color: #ed5749;
  }
  .schedule .schedule-list-wrap .day-title.sat {
    color: #567ffd;
  }
  .schedule .schedule-list-wrap .day-title span {
    font-weight: normal;
    font-size: 14px;
    display: inline-block;
    padding: 0 10px;
    letter-spacing: 0.1em;
  }
  .schedule .schedule-list-wrap .schedule-ul li {
    padding: 20px 20px 20px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }
  .schedule .schedule-list-wrap .schedule-ul li:nth-child(odd) {
    background: #f6f4f5;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail {
    width: 100%;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail td {
    vertical-align: middle;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .league-area {
    padding-right: 1%;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .league-area .league-name {
    font-family: "bleagueFont";
    font-size: 22px;
    text-align: center;
    background: #000;
    border-radius: 6px;
    color: #fff;
    letter-spacing: 0.1em;
    width: 38px;
    height: 33px;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .team-logo {
    width: 50px;
    padding: 0 1%;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .team-logo img {
    width: 100%;
    min-width: 50px;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .team-name {
    letter-spacing: 0.1em;
    padding: 0 1%;
    width: 14%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
    font-weight: 500;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .a-h {
    padding: 0;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .a-h .a-h-ico {
    border-radius: 20px;
    width: 40px;
    height: 14px;
    line-height: 14px;
    border: solid 1px #585858;
    font-size: 10px;
    text-align: center;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .a-h .a-h-ico.home {
    background: #7d7d7d;
    color: #fff;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .a-h .a-h-ico.away {
    color: #000;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .score-box {
    position: relative;
    width: 13%;
    text-align: center;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .score-box .score {
    font-size: 30px;
    display: inline-block;
    width: 53px;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .score-box .score.score-left {
    padding-right: 1.5%;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .score-box .score.score-right {
    padding-left: 1.5%;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .score-box:after {
    content: "VS";
    position: absolute;
    left: 50%;
    top: 34%;
    font-size: 12px;
    letter-spacing: 0.2em;
    margin-left: -8px;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .start-time {
    color: #737172;
    text-align: center;
    font-size: 18px;
    position: relative;
    width: 13%;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .start-time span {
    display: inline-block;
    padding-right: 10px;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .live-mode {
    text-align: center;
    color: #ef1023;
    width: 13%;
    font-size: 18px;
    letter-spacing: 0.1em;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .stadium-detail {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    padding: 0;
    min-width: 90px;
    font-size:12px;
    width: 8%;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .stadium-detail a {
    border-bottom: solid 1px;
    padding-bottom: 2px;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .stadium-detail .stadium-name {
    min-width: 100px;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .check-area {
    padding: 0 1% 0 1%;
  }
   .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .section{
    width: 5%;
    padding: 0 1% 0 1%;

}
.schedule .schedule-list-wrap .schedule-ul li .schedule-detail .section span{
    display: inline-block;
    padding:8px;
    color:#FFF;
    letter-spacing:.05em;
    background:#999999;
    border-radius:6px;
    white-space: nowrap;
        font-size: 12px;
    letter-spacing: 0.2em;
}

  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .check-area .no-check {
    opacity: 0.5;
    filter: alpha(opacity=50);
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .check-area a img {
    min-width: 60px;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .result-area {
    padding-left: 1%;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .result-area .result-btn {
    border-radius: 20px;
    width: 120px;
    height: 30px;
    line-height: 30px;
    border: solid 1px #a0a0a0;
    text-align: center;
    color: #000;
    background: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.1em;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .ticket-area {
    padding-left: 1%;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .ticket-area .ticket-btn {
    border-radius: 20px;
    width: 120px;
    height: 30px;
    line-height: 30px;
    border: solid 1px #a0a0a0;
    background: #cccccc;
    text-align: center;
    color: #000;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.1em;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .result-area .result-btn.not-buy,
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .ticket-area .ticket-btn.not-buy {
    opacity: 0.5;
    filter: alpha(opacity=50);
  }

  .schedule-list-wrap {
    margin: 0 50px 70px;
}
  /*////////////////////////////
  
  {  * *  }
   ┘|||||└  

                 | CLUB DETAIL |　　　　　　　　　　　　
          | CLUB PALYER DETAIL |　
/////////////////////////////*/
  .player-detail {
    overflow: hidden;
  }
  .player-detail .plyer-title-data {
    text-align: center;
    color: #fff;
    letter-spacing: 0.1em;
  }
  .player-detail .plyer-title-data h1 {
    font-family: "bleagueFont";
    font-size: 100px;
    line-height: 100px;
    margin-bottom: 30px;
  }
  .player-detail .plyer-title-data h2 {
    margin-bottom: 20px;
    font-size: 36px;
    line-height: 36px;
    font-weight: 500;
  }
  .player-detail .plyer-title-data .name-en {
    margin-bottom: 30px;
  }
  .player-detail .plyer-title-data .position {
    font-size: 24px;
  }
  .sub-club-information {
    background: #000;
  }
  .sub-club-information .title-en {
    text-align: center;
    font-family: "bleagueFont";
    letter-spacing: 0.2em;
    font-size: 36px;
    color: #fff;
  }
  .sub-club-information .title-ja {
    text-align: center;
    margin-bottom: 70px;
    color: #fff;
    font-size: 12px;
    letter-spacing: 0.1em;
  }
  .sub-club-information .sub-player-table {
    width: 100%;
    color: #cbcbcb;
    line-height: 1.6;
  }
  .sub-club-information .sub-player-table tr {
    border-bottom: solid 1px #000;
  }
  .sub-club-information .sub-player-table th {
    width: 50%;
    text-align: right;
    padding: 15px 30px;
    background: #232323;
  }
  .sub-club-information .sub-player-table td {
    width: 50%;
    text-align: left;
    padding: 15px 30px;
    background: #2c2c2c;
  }
  .sub-club-information .arena-img{
    margin-left: 0!important;
  }
  .sub-club-information .arena-img img {
    width: 100%;
    height: auto;
  }
  .sub-club-information .slogun-txt, .sub-club-information .default-txt {
    font-size: 16px;
    letter-spacing: 0.2em;
    color: #cbcbcb;
    line-height: 2;
    width: 1000px;
    margin: auto;
    text-align: center;
  }
    .sub-page-body.sub-club-information .inner p {
  color:#cbcbcb;
  /*margin-left:130px;*/
  }
  .sub-club-information .player-list {
    overflow: hidden;
  }
  .sub-club-information .player-list li {
    float: left;
    width: 25%;
    overflow: hidden;
    position: relative;
  }
  .sub-club-information .player-list li a figure img {
    width: 100%;
    vertical-align: bottom;
  }
  .sub-club-information .player-list li a figure figcaption {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    color: #fff;
    padding: 85% 30px 30px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    letter-spacing: 0.2em;
  }
  .sub-club-information .player-list li a figure figcaption .player-number {
    position: absolute;
    font-family: "bleagueFont";
    letter-spacing: 0.2em;
    font-size: 36px;
    line-height: 36px;
    top: 30px;
  }
  .sub-club-information .inner .player-list li a figure figcaption p{
    margin-left: 0;
    color:#fff;
  }
  .sub-club-information .player-list li a figure figcaption .player-name{
      font-size: 14px;
  }
  .sub-club-information .player-list li a figure figcaption .player-name span{
    display: inline-block;
    padding-right: 10px;
  }

  .sub-club-information .player-list li a figure figcaption .name-en {
    font-size: 11px;
  }
  .sub-club-information .player-list li a figure figcaption .position-name {
    font-size: 11px;
  }
  .sub-club-information .club-external-link {
    width: 40%;
    margin: 0 auto;
    display: block;
    font-size: 16px;
    letter-spacing: 0.2em;
    text-align: center;
    background: #b5b5b5;
    padding: 25px 0;
    color: #000;
  }
  .sub-club-information .club-player-list-link {
    width: 40%;
    margin: 0 auto;
    display: block;
    font-size: 16px;
    letter-spacing: 0.2em;
    text-align: center;
    padding: 25px 0;
    color: #fff;
  }
  .sub-club-information .club-external-link img {
    vertical-align: bottom;
  }
  .sub-club-information .club-player-list-link img {
    vertical-align: sub;
    width: 24px;
    display: inline-block;
    margin-right: 5px;
  }
  .has-club-slide .bx-controls {
    padding: 40px 0 0px;
    margin-bottom: -40px;
  }
  .has-club-slide .bx-controls .bx-controls-direction {
    position: absolute;
    width: 100%;
    padding: 0 40px 0;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
  }
  .has-club-slide .bx-controls .bx-controls-direction a {
    text-indent: -9999em;
    display: block;
    width: 44px;
    height: 27px;
  }
  .has-club-slide .bx-controls .bx-controls-direction a.bx-prev {
    background: url(/v=/league_common/img/arrow-left.png) no-repeat left center;
    float: left;
  }
  .has-club-slide .bx-controls .bx-controls-direction a.bx-next {
    background: url(/v=/league_common/img/arrow-right.png) no-repeat left center;
    float: right;
  }
  .has-club-slide .bx-pager {
    text-align: center;
  }
  .has-club-slide .bx-pager .bx-pager-item {
    display: inline-block;
  }
  .has-club-slide .bx-pager .bx-pager-item a {
    overflow: hidden;
    display: inline-block;
    width: 18px;
    height: 18px;
    background: transparent;
    cursor: pointer;
    position: relative;
    border-radius: 9px;
    text-indent: -9999em;
    margin: 0 5px;
  }
  .has-club-slide .bx-pager .bx-pager-item a:after {
    position: absolute;
    content: "";
    border: solid 1px #fff;
    width: 8px;
    height: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 5px;
    left: 5px;
    border-radius: 5px;
  }
  .has-club-slide .bx-pager .bx-pager-item a.active {
    background: #581218;
  }
  .has-club-slide .bx-pager .bx-pager-item a.active:after {
    border: solid 1px #e60012;
    background: #e60012;
  }
  .has-club-slide .sub-nav {
    z-index: 51;
  }

  footer .sns-list {
    margin-bottom: 45px;
  }

footer.pagenate-data{
  margin: 0 50px;
}
footer .pagenate-club {
    position: relative;
    overflow: hidden;
    height: 60px;
    width: 100%;
        max-width: 1300px;
    margin: 70px auto 0;
  }
footer .pagenate-club li {
    position: absolute;
    width: 17px;
  }
footer .pagenate-club li.prev {
    left: 0;
    z-index: 3;
  }
footer .pagenate-club li.view-all {
    /*left: 50%;
    width: 39px;
    margin-left: -19px;*/
    width: 100%;
    text-align:center;
  }
footer .pagenate-club li.view-all div{
    width:100%;
}
footer .pagenate-club li.view-all div img {
    vertical-align: sub;
    width: 24px;
    display: inline-block;
    margin-right: 5px;
}
footer .pagenate-club li.view-all div a{
    color:#fff;
}
footer .pagenate-club li.next {
    right: 0;
  }
  /*////////////////////////////
  
  {  * *  }
   ┘|||||└  

                 | CLUB LIST |　　　　　　　　　　　　
                      
/////////////////////////////*/
  .page-club .club-wrap {
    background-color: #000;
    padding: 0 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: visible;
    position: relative;
  }
  .page-club .club-wrap:before {
    content: "";
    background: #313131;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 260px;
    z-index: -1;
  }
  .page-club .club-wrap .club-area-map .inner {
    margin: 0;
    padding: 60px 50px;
  }
  .page-club .club-wrap .club-area-logo {
    background: #151515;
  }
  .page-club .club-wrap .club-area-logo .inner {
    margin: 0;
    padding: 60px 0 0;
  }
  .page-club .club-wrap .area-title {
    background: #313131;
    color: #fff;
    text-align: center;
    font-size: 16px;
    padding: 20px 0;
    letter-spacing: 0.2em;
    margin-bottom: 0;
  }
  .page-club .club-wrap .each-area {
    position: relative;
  }
  .page-club .club-wrap .each-area .inner-link {
    position: absolute;
    left: -30px;
    top: 180px;
    transition: all 0.5s;
  }
  .page-club .club-wrap .each-area .inner-link li {
    background: #fff;
    text-align: center;
  }
  .page-club .club-wrap .each-area .inner-link li a {
    display: block;
    background: #fff;
    padding: 5px 0;
    width: 84px;
    margin-bottom: 5px;
    color: #000;
    font-weight: 500;
    letter-spacing: 0.2em;
    transition: all 0.5s;
  }
  .page-club .club-wrap .each-area .inner-link li a:hover {
    background: #545454;
    color: #fff;
  }
  .page-club .club-wrap .each-area .inner-link li.active a {
    background: #545454;
    color: #fff;
  }
  .page-club .club-wrap .each-area .inner-link.fixed {
    position: fixed;
    left: 20px;
    top: 250px;
  }
  .page-club .club-wrap .team-logo-area ul {
    overflow: hidden;
  }
  .page-club .club-wrap .team-logo-area ul li {
    float: left;
    width: -webkit-calc(100% / 3);
    width: -moz-calc(100% / 3);
    width: 33.3%;
    text-align: center;
    background: #fff;
    display: none;
    padding: 50px 0 70px;
  }

  .page-club .club-wrap .team-logo-area ul li :hover img{
        transform:scale(1.2);
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2) ;
-ms-transform:scale(1.2) ;
}

  .page-club .club-wrap .team-logo-area ul li.odd {
    background: #eeeeee;
  }
  .page-club .club-wrap .team-logo-area ul li img {
              transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    width: 35%;
  }
  .page-club .club-wrap .team-logo-area ul li img:hover{
    width: 35%;
  }
    .page-club .club-wrap .team-logo-area ul li a:hover{
      opacity: 1;
    }

  .page-club .club-wrap .team-logo-area ul li .name-wrap {
    color: #000;
  }
  .page-club .club-wrap .team-logo-area ul li .name-wrap .name-ja {
    font-weight: 600;
    letter-spacing: 0.2em;
  }
  .page-club .club-wrap .team-logo-area ul li .name-wrap .name-en {
    font-size: 10px;
    letter-spacing: 0.1em;
  }
  .page-club .club-wrap .team-logo-area ul li.show {
    display: block;
  }
  .page-club .club-wrap .team-logo-area ul li.show a {
    display: inline-block;
  }
  .page-club .league-selector {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 0;
  }
  .page-club .league-selector ul {
    overflow: hidden;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
  }
  .page-club .league-selector ul li {
    background: #545454;
    float: left;
    width: 33.3%;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    font-family: "bleagueFont";
    font-size: 36px;
    cursor: pointer;
    color: #fff;
    letter-spacing: 0.2em;
  }
  .page-club .league-selector ul li.show-tab {
    background: #151515 !important;
    color: #fff !important;
  }
  .page-club .league-selector ul li:nth-child(2) {
    background: #414141;
    color: #fff;
  }
  .page-club .league-selector ul li:hover {
    /*background: #fff;*/
    color: #fff;/*#000;*/
  }
  .page-club .player-area-wrap {
    background: url(/v=1534495868/files/rcms_conv_webp/4/f/4fb60accde17cb4302611b66d51fe6e3_1518577895.webp) no-repeat center top;
    background-size: cover;
    max-width: 1300px;
    margin: 0 auto;
  }
  .page-club .player-area-wrap .league-selector ul {
    overflow: hidden;
  }
  .page-club .player-area-wrap .league-selector ul li {
    width: 50%;
    
    position:relative;/*追加*/
  }
  
  
  .page-club .league-selector ul li a{
      color:#FFF;
      display:block;
      padding:20px;
  }
  .page-club .league-selector ul li a:hover{
      color:#FFF;
      
      opacity: 1.0;
      filter: alpha(opacity=100);
  }
  .page-club .league-selector ul li.link {
    padding:0;   
  }
  
  
  .page-club .player-area-wrap .league-selector ul li.show-tab {
    background: transparent !important;
  }

  
  .page-club .player-area-wrap .player-area .inner {
    margin: 0;
    padding: 70px;
    box-sizing: border-box;
  }
  .page-club .player-area-wrap .player-area .inner .area-title {
    display: none;
  }
  .page-club .player-area-wrap .player-area .tab-player-link {
    /*border-top: solid 4px #3c3e3d;
    border-bottom: solid 4px #3c3e3d;*/
    width: 548px;
    margin: 30px auto 50px;
    text-align: center;
  }
  .page-club .player-area-wrap .player-area .tab-player-link li {
    display: inline-block;
    text-align: center;
    color: #d5d5d5;
    padding: 15px 0;
    cursor: pointer;
    width: 180px;
    letter-spacing: 0.1em;

    color: #6f717d;
    border-bottom: solid 2px #24292d;
  }
  .page-club .player-area-wrap .player-area .tab-player-link li.show-tab {
    /*background: #282828;*/
    
    color: #fff;
    border-bottom: solid 2px #f31917;
  }
  .page-club .player-area-wrap .player-area .tab-player-link li:hover{
      color: #f31918;
  }
  .page-club .player-area-wrap .player-area .pickup-area ul {
    overflow: hidden;
  }
  .page-club .player-area-wrap .player-area .pickup-area ul li {
    float: left;
    width: -webkit-calc(100% / 3);
    width: -moz-calc(100% / 3);
    width: 33.3%;
    text-align: center;
    display: none;
    padding: 50px 0 70px;
  }

          .page-club .player-area-wrap .player-area .pickup-area ul li a:hover{
            opacity: 1;
          }
    .page-club .player-area-wrap .player-area .pickup-area ul li a .player-img img{
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    }
        .page-club .player-area-wrap .player-area .pickup-area ul li a:hover .player-img img{
  transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1) ;
-ms-transform:scale(1.1) ;
}

  .page-club .player-area-wrap .player-area .pickup-area ul li a .player-img {
    height: 512px;
    position: relative;
    margin-bottom: 30px;
  }
  .page-club .player-area-wrap .player-area .pickup-area ul li a .player-img img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
  }

  .page-club .player-area-wrap .player-area .pickup-area ul li.an a .player-img img,
  .page-club .player-area-wrap .player-area .pickup-area ul li.rg a .player-img img,
  .page-club .player-area-wrap .player-area .pickup-area ul li.rh a .player-img img,
  .page-club .player-area-wrap .player-area .pickup-area ul li.py a .player-img img,
  .page-club .player-area-wrap .player-area .pickup-area ul li.tn a .player-img img,
  .page-club .player-area-wrap .player-area .pickup-area ul li.sl a .player-img img,
  .page-club .player-area-wrap .player-area .pickup-area ul li.ff a .player-img img,
  .page-club .player-area-wrap .player-area .pickup-area ul li.ct a .player-img img,
  .page-club .player-area-wrap .player-area .pickup-area ul li.te a .player-img img,
  .page-club .player-area-wrap .player-area .pickup-area ul li.sw a .player-img img,
/*            .page-club .player-area-wrap .player-area .pickup-area ul li.hd a .player-img img,*/
  .page-club .player-area-wrap .player-area .pickup-area ul li.rk a .player-img img,
  .page-club .player-area-wrap .player-area .pickup-area ul li.ib a .player-img img,
  .page-club .player-area-wrap .player-area .pickup-area ul li.an a .player-img img{
    max-height: 95%;
  }
/*   .page-club .player-area-wrap .player-area .pickup-area ul li.kv a .player-img img,*/
  .page-club .player-area-wrap .player-area .pickup-area ul li.hh a .player-img img, 
  .page-club .player-area-wrap .player-area .pickup-area ul li.am a .player-img img {
    max-height: 90%;
  }
  .page-club .player-area-wrap .player-area .pickup-area ul li.oe a .player-img img{
    max-height: 80%;
  }
/*roster選手画像、一覧をテスト
    .page-club .player-area-wrap .player-area .pickup-area ul li.ss a .player-img img{
    max-height: 105%;
    right: -70px;
  }*/
  .page-club .player-area-wrap .player-area .pickup-area ul li.gc a .player-img img{
    /*max-height: 120%;*/
  }
/*roster選手画像、一覧をテスト

    .page-club .player-area-wrap .player-area .pickup-area ul li.am a .player-img img,
    .page-club .player-area-wrap .player-area .pickup-area ul li.tk a .player-img img,
    .page-club .player-area-wrap .player-area .pickup-area ul li.ns a .player-img img{
    height: 90%;
  }*/

/*roster選手画像、一覧をテスト
  .page-club .player-area-wrap .player-area .pickup-area ul li.cj a .player-img img {
    top: -150px;
    right:-130px;
    max-width: 130%;
    max-height: 130%;
  }*/
/*roster選手画像、一覧をテスト
  .page-club .player-area-wrap .player-area .pickup-area ul li.tg a .player-img img{
    top: -113px;
    max-width: 130%;
    max-height: 130%;
  }*/
/*roster選手画像、一覧をテスト
  .page-club .player-area-wrap .player-area .pickup-area ul li.bn a .player-img img{
    top: -113px;
    right:-110px;
    max-width: 130%;
    max-height: 130%;
  }*/
  /*roster選手画像、一覧をテスト
  .page-club .player-area-wrap .player-area .pickup-area ul li.aw a .player-img img {
    top: -80px;
    right:-160px;
    max-width: 120%;
    max-height: 120%;
  }*/

  .page-club .player-area-wrap .player-area .pickup-area ul li .name-wrap {
    color: #d3d3d3;
    overflow: hidden;
  }
  .page-club .player-area-wrap .player-area .pickup-area ul li .name-wrap .team-logo {
    width: 20%;
    float: left;
  }
  .page-club .player-area-wrap .player-area .pickup-area ul li .name-wrap .team-logo img {
    width: 100%;
  }
  .page-club .player-area-wrap .player-area .pickup-area ul li .name-wrap .name-right {
    float: right;
    width: 76%;
    text-align: left;
    padding-top: 10px;
  }
  .page-club .player-area-wrap .player-area .pickup-area ul li .name-wrap .name-right .name-ja {
    font-size: 11px;
    letter-spacing: 0.2em;
  }
  .page-club .player-area-wrap .player-area .pickup-area ul li .name-wrap .name-right .name-en {
    font-family: "bleagueFont";
    letter-spacing: 0.1em;
  }
  .page-club .player-area-wrap .player-area .pickup-area ul li .player-detail-wrap a {
    display: inline-block;
    width: 27%;
    padding: 6px 10px;
    border: solid 1px #dcdcdc;
    border-radius: 18px;
    text-align: center;
    letter-spacing: 0.1em;
    margin: 0 1.5%;
    font-size: 12px;
    font-weight: 600;
  }
  .page-club .player-area-wrap .player-area .pickup-area ul li .player-detail-wrap a:hover{
    display: inline-block;
    width: 27%;
    padding: 6px 10px;
    border: solid 1px #f31917;
    border-radius: 18px;
    text-align: center;
    letter-spacing: 0.1em;
    margin: 0 1.5%;
    font-size: 12px;
    font-weight: 600;
  }
  .page-club .player-area-wrap .player-area .pickup-area ul li .player-detail-wrap a.player-link {
    color: #000;
    background: #dcdcdc;
    display: none;
  }
  .page-club .player-area-wrap .player-area .pickup-area ul li .player-detail-wrap a.team-player-link {
    color: #dcdcdc;
 transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
  }
    .page-club .player-area-wrap .player-area .pickup-area ul li .player-detail-wrap a.team-player-link:hover {
    color: #333333;
    background: white;
  }
  .page-club .player-area-wrap .player-area .pickup-area ul li.show {
    display: block;
  }
  .page-club .player-area-wrap .player-area .pickup-area ul li.show a {
    display: inline-block;
    color: #d3d3d3;
  }
  .page-club .player-area-wrap .player-area .pickup-area ul li.show a:hover{
    display: inline-block;
    color: #f31917;
}
  .page-club .league-select-detail {
    overflow: hidden;
  }
  .page-club .club-detail-area-wrap {
    background: #141414;
  }
  .page-club .club-detail-area-wrap .area-ul {
    overflow: hidden;
    margin-bottom: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    transition: all 0.5s;
  }
  .page-club .club-area-all{
    max-width:1300px;
    margin:0 auto;
  }
  .page-club .club-detail-area-wrap .area-ul li {
    float: left;
    width: -webkit-calc(100% / 7);
    width: -moz-calc(100% / 7);
    width: 14.28%;
    height: 44px;
    line-height: 44px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: solid 1px #151515;
    background: #2f2f2f;
  }
  .page-club .club-detail-area-wrap .area-ul li a {
    display: inline-block;
    font-family: "bleagueFont";
    font-size: 24px;
    text-align: center;
    letter-spacing: 0.2em;
    transition: all 0.5s;
    width: 100%;
  }
  .page-club .club-detail-area-wrap .area-ul li a span {
    font-family: "Noto Sans Japanese", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 12px;
    letter-spacing: 0.1em;
  }
  .page-club .club-detail-area-wrap .area-ul li a:hover {
    background: #f31918; /*#e8e8e8;*/
    color: #fff; /*#000;*/
  }
  .page-club .club-detail-area-wrap .area-ul li.active {
    background: #e8e8e8;
    color: #000;
  }
  .page-club .club-detail-area-wrap .area-ul.fixed {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 3;
  }
  .page-club .club-detail-area-wrap .map-wrap {
    background: url(/v=1534495868/files/rcms_conv_webp/8/8/88e73e65dbfb3ed4d792e2e04f2e6959_1513740621.webp) top center no-repeat;
    width: 1054px;
    height: 1049px;
    position: relative;
    margin: 0 auto;
  }
  .page-club .club-detail-area-wrap .map-wrap .map-canvas {
    width: 1099px;
    height: 1049px;
    left: -59px;
    position: absolute;
    z-index: -1;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  .page-club .club-detail-area-wrap .map-wrap .map-canvas.front-canvas {
    z-index: 1;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  .page-club .club-detail-area-wrap .map-wrap .club-start-list {
    position: relative;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-start-list li {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 2;
    /*display: none;*/
  }
  .page-club .club-detail-area-wrap .map-wrap .club-start-list li.rh {
    left: 744px;
    top: 152px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-start-list li.se {
    left: 657px;
    top: 461px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-start-list li.an {
    left: 632px;
    top: 377px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-start-list li.rt {
    left: 606px;
    top: 563px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-start-list li.cj {
    left: 625px;
    top: 635px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-start-list li.tt {
    left: 854px;
    top: 693px;
    display: none;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-start-list li.ht {
    left: 585px;
    top: 622px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-start-list li.tk {
    left: 584px;
    top: 636px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-start-list li.yb {
    left: 584px;
    top: 636px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-start-list li.na {
    left: 563px;
    top: 515px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-start-list li.tg {
    left: 483px;
    top: 567px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-start-list li.hh {
    left: 515px;
    top: 669px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-start-list li.am {
    left: 481px;
    top: 659px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-start-list li.mn {
    left: 531px;
    top: 881px;
    display: none;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-start-list li.sl {
    left: 429px;
    top: 652px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-start-list li.kh {
    left: 402px;
    top: 651px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-start-list li.oe {
    left: 401px;
    top: 685px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-start-list li.rg {
    left: 245px;
    top: 263px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-start-list li.aw {
    left: 651px;
    top: 318px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-start-list li.ib {
    left: 681px;
    top: 389px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-start-list li.py {
    left: 620px;
    top: 457px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-start-list li.ff {
    left: 627px;
    top: 522px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-start-list li.ct {
    left: 626px;
    top: 591px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-start-list li.gc {
    left: 566px;
    top: 575px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-start-list li.te {
    left: 791px;
    top: 631px;
    display: none;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-circle-list li.ex {
    left: 960px;
    top: 760px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-circle-list li.ka {
    left: 720px;
    top: 755px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-start-list li.ez {
    left: 585px;
    top: 622px;
    display: none;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-start-list li.ks {
    left: 463px;
    top: 527px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-start-list li.sw {
    left: 514px;
    top: 606px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-start-list li.tn {
    left: 481px;
    top: 659px;
    display: none;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-start-list li.ns {
    left: 367px;
    top: 658px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-start-list li.bn {
    left: 416px;
    top: 702px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-start-list li.ss {
    left: 247px;
    top: 664px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-start-list li.hd {
    left: 263px;
    top: 690px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-start-list li.tf {
    left: 325px;
    top: 706px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-start-list li.oh {
    left: 266px;
    top: 744px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-start-list li.rf {
    left: 176px;
    top: 747px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-start-list li.kv {
    left: 176px;
    top: 798px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-start-list li.rk {
    left: 167px;
    top: 843px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-circle-list {
    position: relative;
    z-index: 2;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-circle-list li {
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    background: #fff;
    text-align: center;
    line-height: 50px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: visible;
     transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-circle-list li a {
    width: 100%;
    height: 100%;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-circle-list li a img {
    width: 35px;
    padding-top: 7px;
         transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-circle-list li a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  .page-club .club-detail-area-wrap .map-wrap .club-circle-list li a:hover:after {
    background: none;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-circle-list li.rh {
    left: 641px;
    top: 58px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-circle-list li.se {
    left: 703px;
    top: 435px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-circle-list li.an {
    left: 554px;
    top: 260px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-circle-list li.rt {
    left: 697px;
    top: 537px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-circle-list li.cj {
    left: 681px;
    top: 671px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-circle-list li.tt {
    left: 854px;
    top: 660px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-circle-list li.ht {
    left: 793px;
    top: 598px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-circle-list li.tk {
    left: 614px;
    top: 750px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-circle-list li.yb {
    left: 567px;
    top: 700px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-circle-list li.na {
    left: 512px;
    top: 323px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-circle-list li.tg {
    left: 380px;
    top: 380px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-circle-list li.hh {
    left: 501px;
    top: 793px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-circle-list li.am {
    left: 550px;
    top: 857px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-circle-list li.mn {
    left: 647px;
    top: 956px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-circle-list li.sl {
    left: 413px;
    top: 781px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-circle-list li.kh {
    left: 381px;
    top: 555px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-circle-list li.oe {
    left: 318px;
    top: 774px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-circle-list li.rg {
    left: 114px;
    top: 239px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-circle-list li.aw {
    left: 796px;
    top: 290px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-circle-list li.ib {
    left: 743px;
    top: 365px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-circle-list li.py {
    left: 553px;
    top: 386px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-circle-list li.ff {
    left: 755px;
    top: 498px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-circle-list li.ct {
    left: 820px;
    top: 521px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-circle-list li.gc {
    left: 477px;
    top: 429px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-circle-list li.te {
    left: 961px;
    top: 774px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-circle-list li.ez {
    left: 904px;
    top: 717px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-circle-list li.ks {
    left: 440px;
    top: 296px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-circle-list li.sw {
    left: 408px;
    top: 491px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-circle-list li.tn {
    left: 596px;
    top: 904px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-circle-list li.ns {
    left: 347px;
    top: 463px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-circle-list li.bn {
    left: 308px;
    top: 841px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-circle-list li.ss {
    left: 123px;
    top: 641px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-circle-list li.hd {
    left: 157px;
    top: 501px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-circle-list li.tf {
    left: 304px;
    top: 547px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-circle-list li.oh {
    left: 219px;
    top: 813px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-circle-list li.rf {
    left: 16px;
    top: 668px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-circle-list li.kv {
    left: 12px;
    top: 773px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-circle-list li.rk {
    left: 147px;
    top: 906px;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-circle-list li.start {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-animation-name: circleanimation;
    -moz-animation-name: circleanimation;
    -ms-animation-name: circleanimation;
    animation-name: circleanimation;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;display: block;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
    animation-direction: normal;
    /*-webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;*/
  }
  @-webkit-keyframes circleanimation {
    0% {
      transform: scale(0);
      opacity: 0;
    }
    100% {
      transform: scale(1);
      opacity: 1;
    }
  }
  @-moz-keyframes circleanimation {
    0% {
      transform: scale(0);
      opacity: 0;
    }
    100% {
      transform: scale(1);
      opacity: 1;
    }
  }
  @keyframes circleanimation {
    0% {
      transform: scale(0);
      opacity: 0;
    }
    100% {
      transform: scale(1);
      opacity: 1;
    }
  }
  .page-club .club-detail-area-wrap .map-wrap .club-circle-list li:hover {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    margin-top: -30px;
    margin-left: -30px;
    z-index: 3;
  }
  .page-club .club-detail-area-wrap .map-wrap .club-circle-list li:hover img {
    padding: 20px;
    width: 60px;
  }
  .page-club .club-detail-area-wrap .map-wrap .popup-parent .popup-wrap {
    text-align: left;
    width: 150px;
    line-height: 2;
  }
section.club-wrap .ticket-information-area-banner{
    position: relative;z-index: 0;
}
section.club-wrap .ticket-information-area-banner .title-en{
    letter-spacing: 0.3em;
}
section.club-wrap .ticket-information-area-banner a.banner-club{
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    /*border: 2px solid #000;*/
    /*padding: 7px 15px;*/
    letter-spacing: .2em;
    text-decoration:underline;
}
  /*////////////////////////////
  
  {  * *  }
   ┘|||||└  

                     | NEWS & COLUMN |　　　　　　　　　　　　
                      
/////////////////////////////*/
  .news-list {
    width: 100%;
  }
  .news-list li {
    background: #2a2a2a;
    letter-spacing: 0.2em;
  }
  .news-list li:nth-child(even) {
    background: #222;
  }
  .news-list a {
    display: block;
    padding: 30px;
    color: #bbb;
    font-size: 14px;
  }
  .news-list a:hover {
    color: #f31918;
  }
  .news-list .date {
    padding-right: 15px;
    float: left;
    display: block;
  }
  .news-list .cat {
    padding-right: 15px;
    float: left;
    display: block;
  }
  .news-list .title{
    display: block;
    margin-left: 25%;
  }
  .news-list .new {
    color: #fa0203;
    padding-right: 15px;
  }
  .news-detail-wrap .meta-data {
    text-align: center;
  }
  .news-detail-wrap .meta-data .date-cat {
    position: relative;
    letter-spacing: 0.2em;
    font-size: 16px;
    margin-bottom: 25px;
  }
  .news-detail-wrap .meta-data .date-cat span {
    display: inline-block;
    position: relative;
  }
  .news-detail-wrap .meta-data .date-cat span.date {
    padding: 0 10px 0 0;
  }
  .news-detail-wrap .meta-data .date-cat span.date:after {
    content: "/";
    padding-left: 10px;
    position: relative;
    top: -1px;
  }
  .news-detail-wrap .meta-data .date-cat span.cat {
    background: #ccc;
    color: #fff;
    letter-spacing: 0.1em;
    line-height: 19px;
    padding: 0px 30px;
  }
  .news-detail-wrap .meta-data .date-cat span.club-info {
    background: #00b8ee;
  }
  .news-detail-wrap .meta-data .date-cat span.students {
    background: #9666fa;
  }
  .news-detail-wrap .meta-data .date-cat span.league-column {
    background: #4d4d4d;
  }
  .news-detail-wrap .meta-data .date-cat span.i-love-b {
    background: #ed6942;
  }
  .news-detail-wrap .meta-data .date-cat span.special {
    background: #b7ab01;
  }
  .news-detail-wrap .meta-data .sns-list {
    margin-bottom: 60px;
  }
  .news-detail-wrap .meta-data .sns-list li {
    display: inline-block;
    padding: 0 5px;
  }
  .news-detail-wrap .meta-data .sns-list li.fb, .news-detail-wrap .meta-data .sns-list li.twt {
    list-style: none;
  }
  .news-detail-wrap footer {
    padding: 10px 0 0;
  }
  .news-detail-wrap footer .sns-list {
    margin-bottom: 45px;
  }
  .news-detail-wrap footer .pagenate-area {
    position: relative;
    overflow: hidden;
    height: 60px;
    width: 100%;
  }
  .news-detail-wrap footer .pagenate-area li {
    position: absolute;
    width: 17px;
  }
  .news-detail-wrap footer .pagenate-area li.prev {
    left: 0;
    list-style: none;
  }
  .news-detail-wrap footer .pagenate-area li.view-all {
    left: 50%;
    width: 39px;
    margin-left: -19px;
    list-style: none;
  }
  .news-detail-wrap footer .pagenate-area li.next {
    right: 0;
    list-style: none;
  }
  .news-detail-wrap .news-title {
    font-size: 32px;
    margin:0 auto 70px;
    letter-spacing: 0.2em;
    padding: 0 50px;
    font-weight: 500;
    max-width: 1300px;
    line-height: 1.8em;
  }
  .news-detail-wrap .news-detail {
    line-height: 2.6em;
    font-size: 16px;
    letter-spacing: 0.2em;
    max-width: 1300px;
    margin:0 auto;
    padding:0 50px;
  }
  .news-detail-wrap .news-detail h1 {
    font-size: 32px;
    margin:0 auto 70px;
    letter-spacing: 0.2em;
    font-weight: 500;
  }  
 .news-detail-wrap .news-detail a{
   text-decoration: underline;
  }
  .news-detail-wrap img {
    max-width: 100%;
  }
/*  .news-detail-wrap .news-detail p,
  .news-detail-wrap .news-detail h4,
  .news-detail-wrap .news-detail h5,
  .news-detail-wrap .news-block
   {
    padding: 0 50px;
  }*/
  .news-detail-wrap .news-detail p {
    margin-bottom: 60px;
  }
  .magazine-contents p.first-image {
    /* max-width: 30%; */
    width: 60%;
    margin-right: 50px;
    margin: 0 auto 60px;
  }
  .magazine-contents p.first-image img {
    width: 100%;
  }
  section.magazine-contents{
    margin-bottom: 100px;
  }
 .news-detail-wrap .news-detail p.copy-txt{
    margin:10px 0 60px;
    font-size: 12px;
    text-align: right;
  }
  .news-detail-wrap .news-detail .read-txt{
    background: #eeeeee;
    padding: 30px 50px;
}
  .news-detail-wrap .news-detail .tit-s-txt{
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 70px;
}
  .news-detail-wrap .news-detail .announce-txt{
    font-weight: bold;
    color: black;
}



  .news-detail-wrap .news-detail .interview-info {
    background: #eeeeee;
    font-size: 13px;
    letter-spacing: 0.2em;
    padding: 30px;
    margin-bottom: 30px;
    overflow: hidden;
  }
    .news-detail-wrap .news-detail .interview-info .right-img{
      width:40%;
      float: right;
    }
    .news-detail-wrap .news-detail .interview-info .right-img img{
      width: 100%;
      vertical-align: top;
    }
.news-detail-wrap .news-detail .title-interview-profile{
  font-size: 18px;
  margin-bottom: 10px;
  line-height: 1.5
}
.news-detail-wrap .news-detail p.interview-txt{
  margin-bottom: 30px;
}
.news-detail-wrap .news-detail h2.title-interview-profile {
    margin-top: 27px;
}
.news-detail-wrap .news-detail dl.interview-history{
  margin-bottom: 50px;
}
.news-detail-wrap .news-detail dl.interview-history dt {
    float: left;
    width: 14%;
    line-height: 1.6;
    margin-bottom: 5px;
}
.news-detail-wrap .news-detail dl.interview-history dd {
    margin-left: 16%;
    line-height: 1.6;
    margin-bottom: 5px;
}

.news-detail-wrap .news-detail .interview-info .right-img.player-info{
  width: 200px;
  padding-left: 30px
}



  .news-detail-wrap .news-detail h5 {
    font-size: 20px;
    font-weight: bold;
    color: #000;
    margin-bottom: 20px;
  }
  .news-detail-wrap .news-detail h6 {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    margin-bottom: 10px;
  }
  .news-detail-wrap .flat-tbl {
    width: 90%;
  }
  .news-detail-wrap .flat-tbl tr th.t-col30 {
    width: 30%;
  }
  .news-detail-wrap .flat-tbl tr th {
    border-top: 1px solid #000;
    border-bottom: solid 1px #000;
    padding: 20px 5px;
    color: #000;
    text-align: left;
    vertical-align: middle;
  }
  .news-detail-wrap .flat-tbl tr td {
    border-top: 1px solid #000;
    border-bottom: solid 1px #000;
    padding: 20px 10px;
    vertical-align: middle;
  }
  .news-detail-wrap .flat-tbl02 {
    width: 93%; }
    .news-detail-wrap .flat-tbl02 tr th {
      border-top: 1px solid #000;
      border-bottom: solid 1px #000;
      padding: 20px 5px;
      color: #000;
      text-align: left;
      vertical-align: middle; }
      .news-detail-wrap .flat-tbl02 tr th.t-col30 {
        width: 30%; }
    .news-detail-wrap .flat-tbl02 tr td {
      border-top: 1px solid #000;
      border-bottom: solid 1px #000;
      padding: 20px 10px;
      vertical-align: middle; }
  .news-detail-wrap .lb-txt {
    margin: 0 5px 0 3px;
    height: 15px;
  }
  .news-detail-wrap .lb-txt02 {
    margin: 0 5px 0 3px;
    height: 15px;
  }
  .news-detail-wrap .more-link {
    margin: 30px 0;
    text-align: center;
  }
  .news-detail-wrap .more-link a {
    display: inline-block;
    text-decoration: none;
    padding: 5px 50px;
    font-size: 16px;
    color: #000;
    border: 2px solid #000;
  }
   .about-league {
    background: #FFF;
    padding: 0 50px; }
    .about-league h3, .about-league h4, .about-league h5 {
      color: #000 !important; }
    .about-league .tab-club-child > li {
      margin-bottom: 80px; }
    .about-league .tab-club-child .club-class {
      margin-bottom: 30px;
      color: #000;
      padding: 0;
      font-size: 20px; }
    .about-league .area-wrap {
      margin-top: -1px;
      border-top: 1px solid #000;
      border-bottom: 1px solid #000; }
    .about-league .area-name {
      margin-top: 10px;
      color: #000;
      background: none; }
    .about-league .team-list-wrap {
      padding-top: 20px; }
      .about-league .team-list-wrap li {
        padding: 0 20px; }
      .about-league .team-list-wrap .team {
        background: #FFF; }
      .about-league .team-list-wrap .team-logo {
        float: left;
        margin-right: 20px; }
        .about-league .team-list-wrap .team-logo img {
          width: 85px; }
      .about-league .team-list-wrap .team-detail {
        overflow: hidden;
        margin-top: 10px;
        color: #686868;
        text-align: left; }
        .about-league .team-list-wrap .team-detail .name-ja {
          margin-bottom: 10px;
          line-height: 1.5;
          font-size: 16px; }
        .about-league .team-list-wrap .team-detail .name-en {
          font-size: 10px;
          line-height: 1.5;
          margin-bottom: 0px;
          font-family: notoR; }
      .about-league .team-list-wrap .link {
        display: none; }
    .about-league .tab-club-child li {
      display: block !important; }
    .team-list-wrap {
    overflow: hidden;
    zoom: 1; }
    .team-list-wrap li {
      float: left;
      padding: 30px 20px;
      width: 33.333%;
      line-height: 1.3;
      text-align: center;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      transition: border .2s linear .4s;
      -webkit-transition: border .2s linear .4s; }
      .team-list-wrap li:nth-child(2n+1) {
        background: #eaeaea; }
      .team-list-wrap li .team-logo {
        margin-bottom: 20px; }
        .team-list-wrap li .team-logo img {
          transition: all .1s linear;
          -webkit-transition: all .1s linear; }
      .team-list-wrap li.selected {
        border: 10px solid #ccc; }
      .team-list-wrap li:hover .team-logo img {
        transform: scale(1.2);
        -webkit-transform: scale(1.2); }
      .team-list-wrap li .name-ja {
        margin-bottom: 10px;
        padding: 0;
        font-size: 20px;
        font-weight: bold; }
      .team-list-wrap li .name-en {
        font-family: notoB;
        padding: 0;
        font-size: 12px;
        color: #818181; }
      .team-list-wrap li .link {
        margin-top: 10px; }
        .team-list-wrap li .link a {
          color: #7d7c7c;
          font-weight: bold;
          font-size: 14px;
          text-decoration: none; }
  .level-tbl {
    width: 100%;
    font-size: 14px; }
  .level-tbl tr th {
    border-top: 1px solid #eee;
    border-bottom: solid 1px #eee;
    padding: 25px 5px;
    color: #000;
    text-align: left;
    vertical-align: middle;
    line-height: 1.6; }
  .level-tbl tr th.t-col30 {
    width: 30%; }
  .level-tbl tr td {
    border-top: 1px solid #eee;
    border-bottom: solid 1px #eee;
    padding: 25px 10px;
    color: #000;
    vertical-align: middle;
    line-height: 1.6; }
  .level-tbl thead tr th,
  .level-tbl thead tr td {
    border-top: 1px solid #000;
    border-bottom: solid 1px #000;
    color: #000;
    padding-top: 30px;
    padding-bottom: 30px;
    vertical-align: middle; }
  .news-detail-wrap .news-detail table {
    margin: 0 50px;
  }
  .news-detail-wrap .news-imgs {
    width: 100%;
    font-size: 0;
    margin: 40px 50px;
  }
  .news-detail-wrap .news-imgs-item .item-txt {
    font-size: 13px;
    margin-bottom: 0 !important;
    color: #000;
    line-height: 1.8;
    padding: 2% 1%;
  }
  .news-detail-wrap .news-imgs-item img {
    width: 100%;
    height: auto;
  }
  .news-detail-wrap .news-imgs-item {
    width: 45%;
    margin: 0 1% 1%;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
  }
  .news-detail-wrap .news-detail h4 {
    margin-top: 80px;
    font-size: 30px;
    color: #000;
    margin-bottom: 40px;
    font-weight: bold;
  }
  .news-detail-wrap .news-detail .news-txt-inner {
    padding: 0 50px;
  }
  .news-detail-wrap .news-detail .wide-img {
    display: inline-block;
    padding: 80px 0;
    width: 100%;
  }
  .news-detail-wrap .wide-img {
    display: inline-block;
    width: 100%;
  }
  .news-detail-wrap .comment-wrap p {
    margin-bottom: 50px;
    line-height: 2.2;
    color: #6a6a6a;
  }
  .news-detail-wrap .comment-wrap .question {
    color: #000;
    font-weight: bold;
  }
  .news-detail-wrap .news-wrap {
    padding: 0 50px;
  }
  .news-detail-wrap .news-gallery {
    padding: 20px;
    background: #e7e7e7; }
  .news-detail-wrap .news-gallery img {
      margin: 10px;
      height: 230px;
      transition: all .1s linear;
      -webkit-transition: all .1s linear; }
  .news-detail-wrap .news-gallery img:hover {
        opacity: 0.8; }
  .news-detail-wrap .tbl-simple th,
  .news-detail-wrap .tbl-simple td{
    padding:5px 10px;
  }
  .news-detail-wrap .tbl-simple th{
    min-width: 130px;
  }
  .news-detail-wrap .pc-imgfl {
    float: left;
    margin: 0 5px 5px 0;
  }
  .news-detail-wrap table.startinggame-schedule-list {
    width: 90%;
    margin: 0 auto;
  }
  .news-detail-wrap table.startinggame-schedule-list th,
  .news-detail-wrap table.startinggame-schedule-list td {
    text-align: center;
    padding: 8px;
    vertical-align: middle;
  }
  .news-detail-wrap .startinggame-schedule-list .place {
    border-bottom: 1px solid gray;
  }
  .news-detail-wrap table.startinggame-schedule-list thead {
      background: #222222;
      padding-top: 30px;
      padding-bottom: 30px;
      color:  #ffffff;
  }
  .news-detail-wrap .startinggame-date {
    text-align: center;
  }
  .news-detail-wrap .startinggame-list-01 {
    text-align: center;
    background: #f6f5f5;
  }
  .news-detail-wrap .startinggame-list-01 td img {
    width: 70px;
    margin-right: 10px;
    vertical-align: middle;
  }
  .news-detail-wrap .startinggame-list-02 {
    text-align: center;
    background: #ffffff;
  }
  .news-detail-wrap .startinggame-list-02 td img {
    width: 70px;
    margin-right: 10px;
    vertical-align: middle;
  }
  .news-detail-wrap .startinggame-schedule-list tbody tr td:first-child {
    width: 46%;
    padding: 20px 10px;
    vertical-align: middle;
  }
  .news-detail-wrap table.startinggame-schedule-list thead tr:last-child {
    background: rgba(255, 255, 255, 0.3);
  }
  .news-detail-wrap .iframe-container {
    width: 70%;
  }
  .news-detail-wrap .iframe-container .iframe-content {
    padding: 56% 0 0 0;
  }
  .news-detail-wrap .list-mark {
    margin-left: 1em;
  }
  .page-column .news-detail-wrap .meta-data .date-cat span {
    display: inline-block;
    position: relative;
  }
  .page-column .news-detail-wrap .meta-data .date-cat span.date {
    padding: 0;
  }
  .page-column .news-detail-wrap .meta-data .date-cat span.date:after {
    content: "";
    padding: 0;
  }
  .page-column .row {
    margin: 0 -15px 60px -15px;
  }
  .page-column .row .col {
    float: left;
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .page-column .row .col img {
    max-width: 100%;
  }

.news-list-wrap + nav.pagination,
.category-pages + nav.pagination{
    margin: 50px 0;
    font-size: 16px;
    margin-bottom:10px;
}



.news-list-wrap + nav.pagination span.page.current{
    border: 1px solid #333333;
    padding: 10px;
    margin: 50px 20px 0 0;
    letter-spacing: -1px;
    background: #fff; /*#666666;*/
    color: #717171; /*white;*/
}
.news-list-wrap + nav.pagination span.page{
    /*padding: 10px;*/
    /*border: 1px solid #333333;*/
    margin-right: 20px;
}
.news-list-wrap + nav.pagination span.page a{
    padding: 15px 10px;
    display: inline-block;
    /*border: 1px solid #333333;*/
    
    background-color: #484848;
    color:#fff;
}
.news-list-wrap + nav.pagination span.page.current:hover,
.news-list-wrap + nav.pagination span.page a:hover{
    background-color:#f31918;
    color:#fff;
}

.news-list-wrap + nav.pagination span.next,
.category-pages + nav.pagination span.next{
    margin: 0 20px;
}
.news-list-wrap + nav.pagination span.prev,
.category-pages + nav.pagination span.prev{
    margin:0 40px 0 20px;
}
.news-list-wrap + nav.pagination span.first a:hover,
.news-list-wrap + nav.pagination span.last a:hover,
.news-list-wrap + nav.pagination span.next:hover,
.news-list-wrap + nav.pagination span.prev:hover{
    color:#f31918;
}
.category-pages + nav.pagination span.page.current{
    border: 1px solid #333333;
    padding: 10px;
    margin: 50px 20px 0 0;
    letter-spacing: -1px;
    background: #666666;
    color: white;
}

.category-pages + nav.pagination span.page{
    padding: 10px;
    border: 1px solid #333333;
    margin-right: 20px;
}
/* コラム本文 */

/*        column14        */
.page-column .magazine-contents p.fr.column14-right {
    width: 30%;
    margin-left: 25px;
    margin-bottom: 0;
    margin-top: 20px;
}
/*        END column14        */
  
/*        column15        */
.page-column .magazine-contents ul.img-2-layout.column15 {
    text-align: center;
}
.page-column .magazine-contents ul.img-2-layout.column15 li {
    display: inline-block;
    width: 40%;
    box-sizing: border-box;
    padding: 10px 30px 0;
}
.page-column .magazine-contents ul.img-2-layout.column15 li p {
    margin-bottom:0;
}
.page-column .magazine-contents ul.img-2-layout.column15 li:first-child {
    margin-right: 10%;
}
/*        END column15        */
  
/*        column15        */
.column16-movie.tac {
    margin-bottom: 60px;
}
.column16-movie.tac .yjads_priority_3{
    margin: 0 auto;
}
/*        END column15        */

/* END コラム本文 */

  /*////////////////////////////
  
  {  * *  }
   ┘|||||└  

                   | TWITTER |　　　　　　　　　　　　
                      
/////////////////////////////*/
  .sns-wrap {
    background: #000;
  }
  .sns-wrap .inner {
    color: #cbcbcb;
  }
  .sns-wrap .inner .title-en, .sns-wrap .inner .title-ja, .sns-wrap .inner .main-txt {
    color: #fff;
  }
  .sns-wrap .inner .main-txt {
    margin-bottom: 70px;
  }
  .sns-wrap .inner .catch {
    margin-bottom: 70px;
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.1em;
  }
  .sns-wrap .inner .more-wide,
  .sns-wrap .inner .close-wide{
    background: #313131;
  }
  .sns-wrap .league-selector {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 50px;
    z-index: 0;
  }
  .sns-wrap .league-selector ul {
    overflow: hidden;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    
    position: relative;
  }
  .sns-wrap .league-selector ul li {
    background: #545454;
    float: left;
    width: 50%;
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    font-family: "bleagueFont";
    /*font-size: 31px;*/
    font-size: 21px;
    cursor: pointer;
    color: #fff;
    letter-spacing: 0.2em;
    
    position:relative;
  }
  .sns-wrap .league-selector ul li p {
      font-size:36px;
  }
  .sns-wrap .league-selector ul li.show-tab {
    background: #1c1c1c !important; /*#000*/
    color: #fff !important;
    /*border-left: solid 1px #414141;
    border-top: solid 1px #414141;*/
  }
  .sns-wrap .league-selector ul li.b1-area {
    background: #414141;
    color: #fff;
  }
  .sns-wrap .league-selector ul li.b1-area.show-tab {
    border-left: none;
  }
  .sns-wrap .league-selector ul li.b2-area.show-tab {
    border-left: none;
    /*border-right: solid 1px #414141;*/
  }
  .sns-wrap .league-selector ul li:hover {
    /*background: #fff;*/
    color: #fff; /*#000;*/
  }
  .sns-wrap .sns-ranking {
    width: 100%;
    margin-bottom: 70px;
  }
  .sns-wrap .sns-ranking li:nth-child(n + 11) {
    display: none;
  }
  .sns-wrap .sns-ranking li {
    padding: 30px 50px 30px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .sns-wrap .sns-ranking li:nth-child(odd) {
    background: #1c1c1c;
  }
  .sns-wrap .sns-ranking li .sns-table {
    width: 100%;
    letter-spacing: 0.2em;
    color: #6e6e6e;
  }
  .sns-wrap .sns-ranking li .sns-table td {
    vertical-align: middle;
  }
  .sns-wrap .sns-ranking li .sns-table .ranking-area {
    position: relative;
    width: 28%;
  }
  .sns-wrap .sns-ranking li .sns-table .ranking-area span {
    position: absolute;
    display: block;
    width: 44px;
    height: 44px;
    left: 0;
    top: 50%;
    margin-top: -22px;
  }
  .sns-wrap .sns-ranking li .sns-table .ranking-area span.up {
    background: url(/v=1534495868/files/rcms_conv_webp/1/8/18b9043e487c2b6cad51fdf0c4d48582_1517542455.webp) no-repeat center center;
  }
  .sns-wrap .sns-ranking li .sns-table .ranking-area span.keep {
    background: url(/v=1534495868/files/rcms_conv_webp/5/3/5313bd7b0d800db39f338bef9ef0f040_1517551651.webp) no-repeat center center;
  }
  .sns-wrap .sns-ranking li .sns-table .ranking-area span.down {
    background: url(/v=1534495868/files/rcms_conv_webp/0/2/027b2d57e00fc31599d2bfaad7ecc8f4_1517542451.webp) no-repeat center center;
  }
  .sns-wrap .sns-ranking li .sns-table .ranking-area .rank {
    text-align: center;
  }
  .sns-wrap .sns-ranking li .sns-table .ranking-area .rank p {
    padding: 0;
    color: #fff;
    font-size: 100px;
    font-family: "bleagueFont";
    text-align: center;
    line-height: 100px;
  }
  .sns-wrap .sns-ranking li .sns-table .ranking-area .rank p.last-week {
    font-size: 12px;
    line-height: 12px;
    font-family: "Noto Sans Japanese", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .sns-wrap .sns-ranking li .sns-table .team-logo {
    width: 130px;
  }
  .sns-wrap .sns-ranking li .sns-table .team-logo img {
    width: 100%;
    max-width: 130px;
  }
  .sns-wrap .sns-ranking li .sns-table .team-logo dt {
    text-align: center;
  }
  .sns-wrap .sns-ranking li .sns-table .team-logo dd {
    color: #cbcbcb;
    text-align: center;
  }
  .sns-wrap .sns-ranking li .sns-table .twitter-account-area {
    width: 18%;
    padding-left: 2%;
    min-width: 140px;
  }
  .sns-wrap .sns-ranking li .sns-table .twitter-account-area .twitter-link {
    margin-bottom: 20px;
  }
  .sns-wrap .sns-ranking li .sns-table .twitter-account-area .twitter-link a {
    padding-bottom: 3px;
    font-size: 16px;
  }
  .sns-wrap .sns-ranking li .sns-table .twitter-account-area .twitter-link dt {
    margin: 30px 0 50px;
  }
  .sns-wrap .sns-ranking li .sns-table .twitter-account-area .twitter-link dd {
    color: #cbcbcb;
  }
  .sns-wrap .sns-ranking li .sns-table .twitter-account-area .twitter-follow {
    border: solid 1px #fff;
    border-radius: 15px;
    text-align: center;
    display: block;
    height: 30px;
    color: #fff;
    font-weight: 500;
    width: 160px;
    font-size: 12px;
    line-height: 30px;
  }
  .sns-wrap .sns-ranking li .sns-table .twitter-account-area .twitter-follow:hover {
    border: solid 1px #f31918;
    color:#f31918;
  }
  .sns-wrap .sns-ranking li .sns-table .retweet-area {
    width: 18%;
    padding-left: 2%;
    min-width: 140px;
  }
  .sns-wrap .sns-ranking li .sns-table .retweet-area .retweet {
    color: #57ace2;
  }
  .sns-wrap .sns-ranking li .sns-table .follow-retweet-area {
    width: 18%;
    padding-left: 2%;
    min-width: 140px;
  }
  .sns-wrap .sns-ranking li .sns-table .follow-retweet-area .this-week-retweet {
    display: inline-block;
    border-bottom: solid 1px;
    padding-bottom: 3px;
  }
  .sns-wrap .sns-ranking li .sns-table a {
    color: #cbcbcb;
  }
  .sns-wrap .sns-ranking li .sns-table dl {
    font-size: 12px;
  }
  .sns-wrap .sns-ranking li .sns-table a:hover {
    color: #f31918;
  }
  .sns-wrap .sns-ranking li .sns-table dl:first-child {
    margin-bottom: 20px;
  }
  .sns-wrap .sns-ranking li .sns-table .score {
    color: #fff;
    font-size: 30px;
    font-family: "bleagueFont";
  }
  

.header-sns {
    text-align: center; }
    .header-sns li {
      display: inline-block; }
    .header-sns a {
      display: block;
      width: 50px;
      height: 50px;
      transition: all .2s linear;
      -webkit-transition: all .2s linear; }
      .header-sns a:hover {
        opacity: 0.7; }
    .header-sns .fb a {
      background: url(/v=1534495868/files/rcms_conv_webp/3/7/37e860f6ffc7bf12af21b85af916d1c0_1513740624.webp) no-repeat center center #3b5998;
      background-size: 9px; }
    .header-sns .twt a {
      background: url(/v=1534495869/files/rcms_conv_webp/5/5/55e01d720bf0a5ab6b5e7ce811390f60_1513740624.webp) no-repeat center center #00aced;
      background-size: 18px; }
.twt-fb-outer{
  background: #d1d1d1;
  padding: 64px 40px;
}
.twt-fb {
    overflow: hidden;
    zoom: 1; 

  margin-left: -50px;
  }
.twt-fb .more{
      position: absolute;
    right: 0;
    top: 0;
    padding: 10px 20px;
}
   
    .twt-fb > * {
      position: relative;
      float: left;
      width: 33.333333%;
      color:#747474; 
    padding:0 0 0 50px;
    box-sizing: border-box;
  }
      .twt-fb .h-bar{
        position: relative;
        padding: 0 0 30px 0;
      }
      .twt-fb .h-bar {
      }
      .twt-fb .h-bar:after {
        content:"";
        height: 10px;
        width: 100%;
        
        bottom: 0;
      left: 0; 
      position: absolute;
    }
    .twt-fb .twt .h-bar:after {
      background: #29c1ce;
     }
    .twt-fb .fb .h-bar:after {
      background: #4b68b9;
    }
    .twt-fb .instagram .h-bar:after {
      background: linear-gradient(left, #ff0000, rgba(255,0,0,0));
      background: -webkit-gradient(linear, left top, right top, from(#f4ba56), to(#8b4dbc));
    }
    .twt-fb .content {
      overflow: hidden;
      padding: 20px;
      background: #fff;
      text-align: center;
      /*height: 340px;*/
       }
       .top-page .twt-fb .content {
      height: 340px !important;
       }
       .twt-fb .instagram .content img{
        width: 100%;
        height: auto;

       }
      .twt-fb .instagram .instafeed {
        margin: 0 auto;
        width: 100%;
        overflow: hidden;

      }
        .twt-fb .instagram .instafeed a{
          width: 33.3%;
          display: inline-block;
        }
        .twt-fb .instagram .instafeed a img{
          width:100%;
          vertical-align: top;
        }
        .top-page .twt-fb .instagram .content img {
            width: 100%;
            /* height: 100%; */
        }
    .twt-fb .h-bar a {
     
    }
      .twt-fb .h-bar a img {
        display: block;
        margin: 0 auto 3px;
      }
      .twt-fb .h-en {
          font-family: "bleagueFont";
          letter-spacing: 0.1em;
          font-size: 24px;
      }
  .twitter-timeline {max-width: 100% !important; }
  .timeline{max-width: 100% !important;width: 100% !important;box-sizing:border-box;}
.timeline-header,.timeline-footer{display:none!important;}
.stream{height:250px!important;padding-top:30px!important;}

/*////////////////////////////
  
  {  * *  }
   ┘|||||└  

       | WITH B. |　　　　　　　　　　　　
                      
/////////////////////////////*/
.page-with-b .sub-header-content h2 {
    max-width: 1300px;
    margin: 0 auto;
    }
    .page-with-b h3 {
    text-align: center;
    font-family: "bleagueFont";
    font-size: 36px;
    color: #fff;
    margin-bottom: 40px;
    letter-spacing: 0.2em;
  }
  .page-with-b.page-club .club-detail-area-wrap .map-wrap .club-circle-list li:hover {
    width: 100px;
    height: 100px;
    border-radius: 70px;
  }
  .page-with-b.page-club .club-detail-area-wrap .map-wrap .club-circle-list li:hover img {
    padding: 5px;
    width: 90px;
  }
  .page-with-b .fanclub-data {
    position: absolute;
    top: -20%;
    padding: 12px 7px 12px 20px;
    background: #eeeeee;
    display: inline-block;
    width: 280px;
    text-align: left;
    display: none;
}
.page-with-b .on-hover.fanclub-data {
    display: block;

}
  .page-with-b .fanclub-data:before {
    position: absolute;
    content: " ";
    height: 14px;
    width: 14px;
    background: #eeeeee;
    top: 48%;
  }
  .page-with-b .fanclub-data.fanclub-right {
        left: 120%;
}
  .page-with-b .fanclub-data.fanclub-right:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    left: -5px;
    left: 0;
    margin-left: -5px;
  }
  .page-with-b .fanclub-data.fanclub-left {
        right: 120%;
}
  .page-with-b .fanclub-data.fanclub-left:before {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    right: -5px;
    right: 0;
    margin-right: -5px;
  }
.page-with-b .fanclub-data p.fanclub-name {
        display: inline-block;
    color: #000 !important;
    font-size: 16px !important;
    line-height: 22px;
    vertical-align: middle;
    margin-right: 10px;
    margin-bottom: 4px;
    float: left;
}
  .page-with-b .fanclub-data img.external-icon {
    display: inline-block;
    width: 20px !important;
    vertical-align: middle;
    padding: 5px !important;
    float: left;
}
  .page-with-b .fanclub-data img.external-icon.name-2row {
    margin-top: 10px;
    }
.page-with-b .fanclub-data p.type{
  font-size: 13px;
    color: #000 !important;
    letter-spacing: 0.1em;
    line-height: 1.5;
    margin: -6px 0 2px;
    clear: both;
}
.page-with-b .fanclub-data p.club-name{
  font-size: 11px;
  color: #545454 !important;
    letter-spacing: 0.2em;
}
.page-with-b .fanclub-data p.mascot-name{
  font-size: 11px;
    color: #000 !important;
    letter-spacing: 0.2em;
}
.page-with-b .fanclub-data p.mascot-name span.en{
    font-family: "bleagueFont";
}


.page-movie .movie-select-wrap{
  text-align: center;
  margin-bottom: 70px;

 }
 .page-movie .movie iframe {
    /*height: 100% !important;*/
  }
  .page-movie .more-wide {
    background: #222222;
  }
 .page-movie .movie-select-wrap select{
  /* display: inline-block; */
  padding: 0 10px;
  width: 15%;
  font-size: 18px;
  height: 30px;
  box-sizing: border-box;
  margin:0 15px;

 }
 .page-movie .movie-select-wrap select#year,
 .page-movie .movie-select-wrap select#day,
 .page-movie .movie-select-wrap select#month{
  width: 12%;
 }
 .page-movie .movie-select-wrap select#cat{
    font-family: "bleagueFont";
    letter-spacing: 0.1em;
  width: 25%;

}
  .page-movie .movie-select-wrap .btn {
  display: inline-block;
  text-align: center;
  width: 15%;
  height: 30px;
  font-size: 20px;
  background: #000;
  outline: none;
  color: #fff;
  border-radius: 8px;
  border: solid 1px #000;
  font-family: "bleagueFont";
    letter-spacing: 0.1em;
    margin-left:15px;
    cursor: pointer;
  } 

 .page-movie .magazine-wrap .normal-event-wrap li dd {
    height: 70px;
    overflow: visible;
  }
.page-movie .magazine-wrap .normal-event-wrap li{
  cursor: pointer;
  height: 400px;
}
.page-movie .magazine-wrap .normal-event-wrap li:hover{
}
.countdown{
  position: absolute;
  width: 281px;
  height: 320px;
  z-index: 1;
  color:#fff;
  top:45px;
  background: url(/v=1534495869/files/rcms_conv_webp/c/0/c041236c51cd8f024c4981241148cfd5_1518577951.webp) no-repeat center top;
  opacity: 0;
  transition: all 0.5s;
}
.main-visual-inner-new .countdown{
  top:15px;
  right:15px;
}

.loaded .countdown,
.countdown.start{
  opacity: 1;
}
.countdown div{
  position: absolute;

}
.countdown img{
  
}

.countdown .min{top: 129px;left: 170px;}
.countdown .hour{top: 129px;left: 135px;}
.countdown .day{top: 159px;left: 112px;}

.countdown .min img{width: 28px!important;}
.countdown .hour img{width: 28px!important;}
.countdown .day img{width: 47px!important;}




}
/*
PC MEDIA QUERY END
*/

@media screen and (max-width: 640px) {
  #responsive {
    display: none;
  }
  body {
    background: #000;
    background-size: 100% auto;
    color: #4c4c4c;
    font: 14px/1.61 "Noto Sans Japanese", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    text-align: justify;
    text-justify: inter-ideograph;
    text-align: left;
    /*text-rendering: optimizeLegibility;*/
  }
    body.body-fixed {
    position: fixed;
    height: 100%;
    width: 100%;
    left:0;
    top:0;
  }

  
  img {
    max-width: 100%;
    height: auto;
  }
  /* table */
  .tbl-wrap {
    margin-bottom: 30px;
    overflow: auto;
    white-space: nowrap;
  }
  .tbl-wrap::-webkit-scrollbar {
    height: 5px;
  }
  .tbl-wrap::-webkit-scrollbar-track {
    background: #F1F1F1;
  }
  .tbl-wrap::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
  .tbl01 {
    width: 100%;
    border-top: 1px solid #bfbfbf;
  }
  .tbl01 th, .tbl01 td {
    padding: 10px 5px;
    text-align: center;
  }
  .tbl01 tr {
    border-bottom: 1px solid #bfbfbf;
  }
  .tbl01 thead th {
    padding: 10px 5px 5px;
    font-size: 10px;
  }
  .tbl01 tbody td:nth-child(odd) {
    background: #f7f7f7;
  }
  .tbl02 {
    width: 100%;
    border: 1px solid #bfbfbf;
  }
  .tbl02 th, .tbl02 td {
    padding: 10px;
  }
  .tbl02 thead tr th {
    color: #FFF;
    text-align: center;
    background: #b5b5b5;
  }
  .tbl02 tbody tr {
    border-bottom: 1px solid #bfbfbf;
  }
  .tbl02 tbody tr th {
    text-align: center;
  }
  .tbl02 tbody tr:nth-child(even) {
    background: #f7f7f7;
  }
  .tbl03 {
    width: 100%;
    border: 1px solid #bfbfbf;
  }
  .tbl03 th, .tbl03 td {
    padding: 10px;
  }
  .tbl03 tbody tr {
    border-bottom: 1px solid #bfbfbf;
  }
  .tbl03 tbody tr th {
    text-align: center;
    background: #eee;
  }
  .tbl03 tbody tr td {
    padding: 10px 20px;
  }
  /* BUTTON */
  .link-wrap {
    margin-bottom: 30px;
  }
  .link-wrap .link {
    color: #595959;
    padding: 5px;
    display: inline-block;
    text-align: center;
    border: 1px solid;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .link-wrap .link-radius {
    padding: 5px 10px;
    font-size: 12px;
    color: #797979;
    border: 1px solid #bfbfbf;
    border-radius: 6px;
  }
  .link-wrap .link-radius:hover, .link-wrap .link-radius.selected {
    background: #efefef;
  }
  .link-wrap .size-fixed {
    padding: 15px 0;
    width: 100%;
    font-size: 16px;
  }
  .link-wrap .size-half {
    padding: 13px 0;
    width: 48%;
    font-size: 14px;
  }
  .link-wrap .size-half:first-child {
    margin-right: 1%;
  }
  .link-wrap .size-half:last-child {
    margin-left: 1%;
  }
  .link-wrap .strong {
    color: #FFF;
    background: #e40073;
  }
  .sp-ancharlink {
    padding-top: 60px;
    margin-top: -60px;
  }
  /*////////////////////////////
  
  {  * *  }
   ┘|||||└  

       | TEAM LOGO LINK LIST |　　　　　　　　　　　　
                      
  /////////////////////////////*/
  .club-list-wrap {
    position: relative;
  }
  .club-list-wrap .club-nav-parent {
    position: absolute;
    display: inline-block;
    width: 80px;
    height: 36px;
    line-height: 40px;
    text-align: center;
    font-family: "bleagueFont";
    z-index: 1;
    transition: all 0.5s;
    top: 0px;
  }
  .club-list-wrap .club-nav-parent.parent-01 {
    background: #fff;
    color: #000;
    left: 15px;
  }
  .club-list-wrap .club-nav-parent.parent-02 {
    background: #3b3b3b;
    color: #bebebe;
    left: 15px;
    top:37px;
  }
  .club-list-wrap .club-nav-parent.parent-02 .btn-close:before, .club-list-wrap .club-nav-parent.parent-02 .btn-close:after {
    background: #bebebe !important;
  }
  .club-list-wrap .club-nav-parent.show-children {
    width: 100%;
    z-index: 9999;
    left: 0px;
    top: 0px;
    font-size: 24px;
    position: fixed;
    height: 60px;
    line-height: 60px;
  }
  .club-list-wrap .club-nav-parent.show-children .btn-close {
    position: absolute;
    top: 30px;
    right: 40px;
    width: 24px;
    height: 24px;
    display: block;
  }
  .club-list-wrap .club-nav-parent.show-children .btn-close:before, .club-list-wrap .club-nav-parent.show-children .btn-close:after {
    content: '';
    position: absolute;
    width: 24px;
    height: 3px;
    background: #000;
  }
  .club-list-wrap .club-nav-parent.show-children .btn-close:before {
    opacity: 1;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
  .club-list-wrap .club-nav-parent.show-children .btn-close:after {
    opacity: 1;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }

  .club-list-wrap .league {
    display: none;
    text-align: center;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    overflow-y: scroll;
    transition: all 0.5s;
  }
  .club-list-wrap .league .club-list {
    position: relative;
    padding: 70px 0;
  }
  .club-list-wrap .league .club-list li {
    display: inline-block;
    padding: 0 7.5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 30%;
  }
  .club-list-wrap .league .club-list li img {
    width: 60%;
  }
  .club-list-wrap .league .club-list li a {
    display: inline-block;
    padding: 10px 0 0 0;
    position: relative;
  }
  .club-list-wrap .league .club-list li a:after {
    content: "";
    position: absolute;
    background: transparent;
    width: 15px;
    height: 5px;
    left: 50%;
    margin-left: -7.5px;
    top: 0;
  }
  .club-list-wrap .league .club-list li a:hover:after {
    background: #fff;
  }
  .club-list-wrap .league.show-sp {
    display: block;
    z-index: 9998;
  }
  /*////////////////////////////
  
  {  * *  }
   ┘|||||└  

       | HEADER |　　　　　　　　　　　　
                      
  /////////////////////////////*/
  .header {
    position: relative;
  }
  .header .logo {
    width: 35px;
    margin: 15px auto 15px;
    text-align: center;
  }
  .header .logo img {
    width: 100%;
  }
  .header .head-sns {
    opacity: 0;
    position: fixed;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    overflow-y: scroll;
    transition: all 0.5s;
    letter-spacing: 0.1em;
    text-align: center;
    padding: 50px 0 0;
  }
  .header .head-sns li {
    display: block;
    text-align: center;
    margin-bottom: 10px;
  }

  .header .head-sns li p{
    color: #aaa;
  }

  .header .head-sns li a {
    display: inline-block;
    border: solid 1px #fff;
    width: 54px;
    height: 54px;
    line-height: 54px;
    border-radius: 30px;
  }
  .header .head-sns li a img {
    width: 24px;
    vertical-align: middle;
    padding-bottom:5px;
  }
  .header .head-sns li.fb img {
    width: 12px;
  }
  .header .head-sns li.line img{
    width: 30px;
  }
  .header .head-sns.show {
    opacity: 1;
    z-index: 9998;
  }
  .header .sns-trigger {
    width: 34px;
    height: 28px;
    position: absolute;
    right: 15px;
    top: 40px;
    background: url(/v=1534495866/files/rcms_conv_webp/1/b/1beea4ae13bb0e2241e68ac738c6eec8_1518577928.webp) no-repeat center center;
    background-size: auto 100%;
  }
  .header .sns-trigger:before, .header .sns-trigger:after {
    content: '';
    position: absolute;
    width: 34px;
    height: 3px;
    background: transparent;
    transition: all 0.5s;
    top: 0;
  }
  .header .sns-trigger:before {
    background: transparent;
    transform: rotate(33deg);
    -webkit-transform: rotate(33deg);
    top: 17px;
  }
  .header .sns-trigger:after {
    background: transparent;
    transform: rotate(-33deg);
    -webkit-transform: rotate(-33deg);
    top: 8px;
  }
  .header .sns-trigger.close-snsnav {
    background: none;
    z-index: 9999;
  }
  .header .sns-trigger.close-snsnav img {
    opacity: 0;
  }
  .header .sns-trigger.close-snsnav:before, .header .sns-trigger.close-snsnav:after {
    background: #fff;
    top: 0;
  }
  .header .sns-trigger.close-snsnav:before {
    opacity: 1;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
  .header .sns-trigger.close-snsnav:after {
    opacity: 1;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  .header .gnav-wrap .menu-trigger {
    width: 34px;
    height: 28px;
    position: absolute;
    right: 15px;
    top: -11px;
  }
  .header .gnav-wrap .menu-trigger span {
    position: absolute;
    top: 8px;
    width: 34px;
    height: 4px;
    background: #fff;
  }
  .header .gnav-wrap .menu-trigger span:before {
    position: absolute;
    top: 8px;
    content: "";
    width: 34px;
    height: 4px;
    background: #fff;
    transition: all 0.3s;
  }
  .header .gnav-wrap .menu-trigger span:after {
    position: absolute;
    top: 16px;
    content: "";
    width: 34px;
    height: 4px;
    background: #fff;
    transition: all 0.3s;
  }
  .header .gnav-wrap .menu-trigger.close-gnav {
    z-index: 9999;
    margin-top: -15px;
  }
  .header .gnav-wrap .menu-trigger.close-gnav:before {
    top: 24px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
  .header .gnav-wrap .menu-trigger.close-gnav span {
    background: transparent;
  }
  .header .gnav-wrap .menu-trigger.close-gnav span:before {
    background: transparent;
  }
  .header .gnav-wrap .menu-trigger.close-gnav span:after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  .header .gnav-wrap .gnav {
    opacity: 0;
    position: fixed;
    z-index: -9999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    overflow-y: scroll;
    transition: all 0.1s;
    font-family: "bleagueFont";
    font-size: 22px;
    letter-spacing: 0.1em;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px 0 0;
  }
  .header .gnav-wrap .gnav a {
    color: #cfcfcf;
    padding: 8px 0;
    display: block;
  }
  .header .gnav-wrap .gnav.show {
    opacity: 1;
    z-index: 8888;
  }
  /*////////////////////////////
  
  {  * *  }
   ┘|||||└  

                    | FOOTER |　　　　　　　　　　　　
                      
  /////////////////////////////*/
  .layout-footer {
    overflow: hidden;
    position: relative;
    color: #a6a6a6;
    background: #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
  }
  .layout-footer.lp{
    margin-bottom: 85px;
  }
  .layout-footer a {
    color: #a6a6a6;
  }
  .layout-footer .footer-inner {
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .layout-footer .footer-inner .footer-left {
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .layout-footer .footer-inner .footer-left .company {
    margin-bottom: 20px;
    font-size: 12px;
  }
  .layout-footer .footer-inner .footer-left .fnav-wrap .fnav li {
    display: inline-block;
    margin-right: 15px;
  }
  .layout-footer .footer-inner .footer-left .fnav-wrap .fnav li:last-child {
    margin-right: 0;
  }
  .layout-footer .footer-inner .footer-right {
    margin-bottom: 20px;
    font-size: 11px;
  }
  .layout-footer .footer-inner .footer-right .logo-box {
    margin-bottom: 20px;
    text-align:center;
    width:80%;
    margin:0 auto 20px;
    display:block;
  }
  .layout-footer .footer-inner .footer-right .logo-box img{
    width:100%;
  }
  .layout-footer .footer-inner .footer-right .flink li {
    margin-bottom: 5px;
    letter-spacing: 0.1em;
  }
  .layout-footer .footer-inner .copyright {
    text-align: center;
    font-size: 12px;
  }
  /*////////////////////////////
  
  {  * *  }
   ┘|||||└  

                       | TOP |　　　　　　　　　　　　
                      
  /////////////////////////////*/
  .top-page section {
    position: relative;
  }
  .top-main-visual-wrap {
    overflow: hidden;
  }
  .main-visual-inner {
    position: relative;
    overflow: visible;
  }
  .main-visual-inner .top-slide-guard {
    display: none;
  }
  .main-visual-inner .main-visual {
    position: absolute;
    top: 0;
    left: 0;
  }
  .main-visual-inner .main-visual .slide {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
  }
  .main-visual-inner .main-visual .slide a {
    color: #fff;
  }
  .main-visual-inner .main-visual .slide img {
    width: 100%;
  }
  .main-visual-inner .main-visual .slide .catch-text {
    position: absolute;
    font-family: "bleagueFont";
    font-size: 36px;
    letter-spacing: 0.1em;
    text-align: center;
    top: 40%;
    width: 100%;
    left: 50%;
    margin-left: -50%;
  }
  .main-visual-inner .main-visual .inner {
    overflow: hidden;
    width: 0%;
  }
  .main-visual-inner .main-visual .now, .main-visual-inner .main-visual .animate {
    z-index: 10;
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  .main-visual-inner .main-visual .now .inner, .main-visual-inner .main-visual .animate .inner {
    width: 100%;
  }
  .main-visual-inner .main-visual .in {
    z-index: 10;
  }
  .main-visual-inner .main-visual .out {
    z-index: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  .main-visual-inner .main-visual .out .inner {
    width: 100%;
  }
  .main-visual-inner .main-visual-card-wrap {
    height: 50px;
    position: relative;
    overflow: hidden;
    margin-top: -5px;
  }
  .main-visual-inner .main-visual-card-wrap .head-line {
    position: absolute;
    width: 100px;
    height: 50px;
    line-height: 50px;
    font-family: "bleagueFont";
    font-size: 14px;
    letter-spacing: 0.1em;
    background: #0d3b87;
    color: #fff;
    z-index: 1;
    text-align: center;
  }
  .main-visual-inner .main-visual-card-wrap .main-visual-card {
    position: absolute;
    width: 100%;
    background: #fff;
    padding-left: 110px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .main-visual-inner .main-visual-card-wrap .main-visual-card .title {
    height: 70px;
    padding-left: 0px;
    letter-spacing: 0.2em;
    color: #545454;
    font-size: 12px;
    margin-top: 6px;
  }
  .main-visual-inner .main-visual-card-wrap .main-visual-card.back {
    z-index: -1;
  }
  .main-visual-inner .main-visual-card-wrap .main-visual-card.front {
    z-index: 0;
  }
  .main-visual-inner .bx-pager {
    position: absolute;
    right: 15px;
    top: 30%;
    width: 18px;
    display: none;
  }
  .main-visual-inner .bx-pager .bx-pager-item {
    display: inline-block;
  }
  .main-visual-inner .bx-pager .bx-pager-item a {
    overflow: hidden;
    display: inline-block;
    width: 18px;
    height: 18px;
    background: transparent;
    cursor: pointer;
    position: relative;
    border-radius: 9px;
    text-indent: -9999em;
    margin: 0 5px;
  }
  .main-visual-inner .bx-pager .bx-pager-item a:after {
    position: absolute;
    content: "";
    border: solid 1px #fff;
    width: 8px;
    height: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 5px;
    left: 5px;
    border-radius: 5px;
  }
  .main-visual-inner .bx-pager .bx-pager-item a.active {
    background: #581218;
  }
  .main-visual-inner .bx-pager .bx-pager-item a.active:after {
    border: solid 1px #e60012;
    background: #e60012;
  }
  .main-visual-inner .slide-control {
    display: none;
  }
  .news-wrap {
    position: relative;
    padding: 0;
  }
  .news-wrap .news-open-btn {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #545454;
    color: #fff;
    font-size: 12px;
    letter-spacing: 0.1em;
    text-align: center;
    width: 100%;
    height: 40px;
    line-height: 40px;
  }
  .news-wrap .news-open-btn .arrow {
    display: inline-block;
    width: 30px;
    height: 15px;
    background: url(/v=/league_common/img/arrow-down.png) no-repeat center center;
  }
  .news-wrap .news-open-btn.close {
    position: relative;
  }
  .news-wrap .news-open-btn.close .arrow {
    background: url(/v=/league_common/img/arrow-up.png) no-repeat center center;
  }
  .news-wrap ul li {
    letter-spacing: 0.2em;
    color: #bababa;
    overflow: hidden;
    position: relative;
  }
  .news-wrap ul li a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: 10px;
    height: 70px;
    color: #bababa;
  }
  .news-wrap ul li:nth-child(odd) {
    background: #2b2b2b;
  }
  .news-wrap ul li:nth-child(even) {
    background: #232323;
  }
  .news-wrap ul li .date {
    display: block;
    float: left;
    width: 30px;
    font-size: 12px;
  }
body.top-page .news-wrap ul li .date {
    width: 30%;
  }
  .news-wrap ul li .new {
    display: block;
    position: absolute;
    top: 30px;
    color: #fe0000;
  }
  .news-wrap ul li .title {
    float: right;
    width: 70%;
  }
  .news-wrap ul li:not(:nth-child(1)) {
    display: none;
  }
  .news-wrap ul.all li {
    display: block;
  }
  .news-wrap .view-all-wrap {
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100px;
    min-height: 40px;
    line-height: 40px;
    background: #4c4c4c;
    z-index: -1;
  }
  .news-wrap .view-all-wrap .view-all {
    color: #d4d4d4;
    background: url(/v=/league_common/img/view-all.png) no-repeat center center;
    text-indent: -9999em;
    display: block;
  }
  .news-wrap .view-all-wrap.all {
    z-index: 0;
  }
  .news-detail-wrap .news-detail p,
  .news-detail-wrap .news-detail h4,
  .news-detail-wrap .news-detail h5,
  .news-detail-wrap .news-detail h6,
  .news-detail-wrap .news-block
   {
    padding: 0 20px;
  }
  .news-detail-wrap a {
    word-wrap: break-word;
  }
  .news-detail-wrap .tw_img {
    width: 90%;
  }
  .news-detail-wrap .news-detail p {
    font-size: 14px;
    line-height: 1.9;
    margin-bottom: 25px;
  }
  .news-detail-wrap .news-detail h4 {
    margin-bottom: 30px;
    line-height: 1.4;
    font-size: 18px;
    font-weight: bold;
    color: #000;
  }
  .news-detail-wrap .news-detail h5 {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 1px;
    padding-bottom: 5px;
    color: #222;
    margin-bottom: 0;
  }
  .news-detail-wrap .news-detail h6 {
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: 1px;
    padding-bottom: 5px;
    color: #222;
    margin-bottom: 0;
  }
  .news-detail-wrap .flat-tbl {
    width: 90%; 
    margin: 0 auto;
  }
  .news-detail-wrap .flat-tbl th {
      border-top: solid 1px #000;
      padding: 10px;
      display: block;
      color: #333;
      text-align: left;
      font-weight: bold; }
  .news-detail-wrap .flat-tbl td {
      display: block;
      padding: 0 10px 10px; 
      font-size: 14px;
      line-height: 1.8;
    }
  .news-detail-wrap .news-imgs-item {
    margin: 0 5%;
  }
  .news-detail-wrap .news-imgs-item p.item-txt {
    padding: 0;
  }
  .news-detail-wrap .iframe-container {
    width: 90%;
  }
  .news-detail-wrap .iframe-container .iframe-content {
    padding: 57% 0 0 0;
  }
  .news-detail-wrap .lb-txt,
  .news-detail-wrap .lb-txt02 {
    margin: 0 5px 0 3px;
    height: 15px;
  }
  .news-detail-wrap .list-mark {
    margin-left: 1em;
  }
  .news-detail-wrap .news-gallery {
    padding: 10px;
    background: #e7e7e7; }
  .news-detail-wrap .news-gallery img {
    margin: 5px;
    height: 120px;
  }
  .news-detail-wrap .news-block li {
    font-size: 14px;
    line-height: 1.8;
  }
  .news-detail-wrap .info-box a {
    font-size: 12px;
  }
  .news-wrap{
    padding-top:10px;
  }
  .news-wrap .inner{
    margin-top:15px;
  }
  .news-wrap .inner .title-en{
    text-align: center;
    font-family: "bleagueFont";
    letter-spacing: 0.2em;
    font-size: 24px;
    color: #848484;
    margin-bottom: 10px;
  }
    .about-league .tab-club-child .club-class {
      margin-bottom: 30px;
      color: #000;
      font-size: 20px;
    }
    .team-list-wrap {
    overflow: hidden;
    zoom: 1; }
    .team-list-wrap li {
      position: relative;
      overflow: hidden;
      zoom: 1;
      padding: 20px;
      box-sizing: border-box;
      -webkit-box-sizing: border-box; }
      .team-list-wrap li:nth-child(2n+1) {
        background: #eaeaea; }
      .team-list-wrap li .team-logo {
        float: left;
        width: 20%;
        margin-right: 20px; }
      .team-list-wrap li .team-detail {
        overflow: hidden;
        padding-top: 1%;
        padding-bottom: 30px; }
      .team-list-wrap li .name-ja {
        margin-bottom: 10px;
        font-size: 18px;
        font-weight: bold;
        line-height: 1.4; }
      .team-list-wrap li .name-en {
        font-size: 12px;
        color: #818181; }
      .team-list-wrap li .link a {
        position: absolute;
        bottom: 20px;
        right: 10px;
        padding: 5px 8px;
        border: 1px solid #818181;
        display: inline-block;
        color: #7d7c7c;
        font-weight: bold;
        font-size: 12px;
        text-decoration: none; }
        .team-list-wrap li .link a img {
          width: 20px;
          vertical-align: sub; }
  .flat-tbl02 {
    font-size:12px;
    width: 100%; 
    font-size:12px;
    text-align: center; }
    .flat-tbl02 th {
      border-top: solid 1px #000;
      padding: 5px;
      color: #333;
      font-weight: bold;
      border-bottom: 1px solid #000;
      }
    .flat-tbl02 td {
      padding: 5px;
      border-bottom: 1px solid #000;
      line-height: 2;
    }

  table.startinggame-schedule-list {
    width: 90%;
    margin: 0 auto;
  }
  table.startinggame-schedule-list th {
    text-align: center;
  }
  table.startinggame-schedule-list td {
    font-size: 14px;
    line-height: 1.5;
  }
  table.startinggame-schedule-list thead {
      background: #222222;
      padding-top: 30px;
      padding-bottom: 30px;
      color:  #ffffff;
  }
  .koryu-game {
      background:#222222 !important;
  }
  table.startinggame-schedule-list thead tr:last-child {
      background: rgba(255, 255, 255, 0.3);
  }

  .startinggame-list-01 {
      text-align: center;
      background: #f6f5f5;
  }
  .startinggame-list-01 td img {
      width: 70px;
      margin-right: 10px;
      vertical-align: middle;
  }
  .startinggame-schedule-list td p {
      margin-top: 30px;
      margin-bottom: 30px;
  }
  .startinggame-list-02 {
      text-align: center;
      background: #ffffff;
  }
  .startinggame-list-02 td img {
      width: 70px;
      margin-right: 10px;
      vertical-align: middle;
  }
  .startinggame-schedule-list tr th {
      padding: 10px;
  }
  .startinggame-schedule-list .place{
      border-bottom: 1px solid gray;
  }
  .list-name {
      display: block;
  }
  .startinggame-schedule-list tbody tr td:first-child {
      width: 46%;
      padding: 20px 10px;
      vertical-align: middle;
  }
  .startinggame-schedule-list tbody tr td:last-child {
      width: 46%;
      padding: 20px 10px;
      vertical-align: middle;
  }

  .startinggame-schedule-list tbody tr td:nth-of-type(2){
      width: 8%;
      vertical-align: middle;
  }
  .news-detail-wrap .more-link {
    text-align: center;
    margin-top: 30px;
  }
  .news-detail-wrap .more-link a {
    display: inline-block;
    text-decoration: none;
    padding: 5px 30px;
    font-size: 16px;
    color: #000;
    border: 2px solid #000;
  }
  .sp-tbl-slide table{
    width:100%;
  }
  .sp-tbl-slide{
    overflow: auto;
    white-space: nowrap;
    margin: 0 20px;
  }
  .sp-tbl-slide::-webkit-scrollbar{
    height: 5px;
  }
  .sp-tbl-slide::-webkit-scrollbar-track{
    background: #F1F1F1;
  }
  .sp-tbl-slide::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
  .tbl-simple{
    font-size:12px;
    margin: 10px 20px;
  }
  .tbl-simple th,.tbl-simple td{
    padding:2px 5px;
    line-height: 1.7;
  }
  .tbl-simple th{
    min-width: 80px;
  }
  .level-tbl {
    width: 90%;
    font-size: 12px; 
    margin: 0 auto;
  }
  .level-tbl th {
    border-top: solid 1px #eee;
    padding: 10px 10px 15px 10px;
    color: #999;
    text-align: left;
    font-weight: bold;
    display: block;
    border-top: 1px solid #000; }
  .level-tbl td {
    padding: 0 10px 10px;
    color: #000;
    line-height: 1.4;
    display: block; }
  .level-tbl thead tr th,
  .level-tbl thead tr td {
    border-top: none;
    border-bottom: none;
    color: #000;
    padding-top: 7px;
    padding-bottom: 7px;
    vertical-align: middle;
    line-height: 1.2;
    width: 100%; }

  .about-info-wrap {
    background: url(/v=/league_common/img/body-bg.png) no-repeat center top #000;
    background-size: cover;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
  }
  .about-info-wrap .inner {
    padding: 15px;
  }
  .about-info-wrap ul {
    clear: both;
  }
  .about-info-wrap ul li {
    margin-bottom: 30px;
  }
  .about-info-wrap ul li img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
  }
  .about-info-wrap ul li .sub-title {
    color: #fff;
    font-family: "bleagueFont";
    font-size: 16px;
    letter-spacing: 0.2em;
    padding: 15px 0 0;
  }
  .about-info-wrap ul li .explain-txt {
    color: #dfdfdf;
  }
  .magazine-wrap {
    background: #fff;
    padding: 15px 0;
    position: relative;
  }
  .magazine-wrap .inner .title-en {
    text-align: center;
    font-family: "bleagueFont";
    letter-spacing: 0.2em;
    font-size: 24px;
    color: #000;
  }
  .magazine-wrap .inner .title-ja {
    text-align: center;
    margin-bottom: 50px;
    color: #000;
    font-size: 12px;
    letter-spacing: 0.1em;
  }
  .magazine-wrap .inner .event-cat {
    margin-bottom: 50px;
    display: none;
  }
  .magazine-wrap .inner .event-cat ul {
    text-align: center;
    overflow: hidden;
  }
  .magazine-wrap .inner .event-cat ul li {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: -webkit-calc(100% / 6);
    width: -moz-calc(100% / 6);
    width: calc(100% / 6);
    background: #313131;
    color: #fff;
  }
  .magazine-wrap .inner .event-cat ul li:nth-child(odd) {
    background: #484848;
  }
  .magazine-wrap .inner .event-cat ul li a {
    color: #fff;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 10px 10px 30px;
  }
  .magazine-wrap .inner .event-cat ul li.magazine-cat-all a {
    background: url(/v=/league_common/img/event-ico-all.png) no-repeat left center;
  }
  .magazine-wrap .inner .event-cat ul li.magazine-cat-club a {
    background: url(/v=/league_common/img/event-ico-club.png) no-repeat left center;
  }
  .magazine-wrap .inner .event-cat ul li.magazine-cat-event a {
    background: url(/v=/league_common/img/event-ico-event.png) no-repeat left center;
  }
  .magazine-wrap .inner .event-cat ul li.magazine-cat-column a {
    background: url(/v=/league_common/img/event-ico-column.png) no-repeat left center;
  }
  .magazine-wrap .inner .event-cat ul li.magazine-cat-interview a {
    background: url(/v=/league_common/img/event-ico-interview.png) no-repeat left center;
  }
  .magazine-wrap .inner .event-cat ul li.magazine-cat-fashion a {
    background: url(/v=/league_common/img/event-ico-fashion.png) no-repeat left center;
  }
  .magazine-wrap dl dt {
    line-height: 30px;
  }
  .magazine-wrap dl dt.guide-title{
      font-family: "bleagueFont";
    letter-spacing: 0.1em;
    font-size: 18px;
}

  .magazine-wrap dl dt span {
    display: inline-block;
    text-align: center;
    margin-right: 10px;
  }
  .magazine-wrap dl dt span.pickup-clubname{
    font-size:12px;
  }

  .magazine-wrap dl dt .cat-name {
    background: #ccc;
    color: #fff;
    display: inline-block;
    letter-spacing: 0.1em;
    line-height: 19px;
    font-size: 11px;
    padding: 0 10px;
  }
  .magazine-wrap dl dt .cat-name.club-info {
    background: #00b8ee;
  }
  .magazine-wrap dl dt .cat-name.students {
    background: #9666fa;
  }
  .magazine-wrap dl dt .cat-name.league-column {
    background: #4d4d4d;
  }
  .magazine-wrap dl dt .cat-name.i-love-b {
    background: #ed6942;
  }
  .magazine-wrap dl dt .cat-name.special {
    background: #b7ab01;
  }
  .magazine-wrap dl dt .date {
    font-size: 11px;
  }
  .magazine-wrap dl dt .team-icon {
    width: 20px;
  }
  .magazine-wrap dl dt .team-icon img {
    vertical-align: middle;
  }
  .magazine-wrap dl dd {
    text-align: left;
    font-size: 16px;
  }
  .magazine-wrap .pick-up-wrap {
    width: 100%;
  }
  .magazine-wrap .pick-up-wrap li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 30px;
  }
  .magazine-wrap .pick-up-wrap .thumb {
    position: relative;
  }
  .magazine-wrap .pick-up-wrap .thumb img {
    width: 100%;
    height: auto;
    display: inline-block;
    margin-bottom: 20px;
  }
  .magazine-wrap .pick-up-wrap .thumb .pick-01 {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 54px;
    height: 40px;
    background: url(/v=/league_common/img/event-ico-pick-up-01.png) no-repeat center center;
  }
  .magazine-wrap .pick-up-wrap .thumb .pick-02 {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 54px;
    height: 40px;
    background: url(/v=/league_common/img/event-ico-pick-up-02.png) no-repeat center center;
  }
  .magazine-wrap .pick-up-wrap .thumb .new {
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 23px;
    border-radius: 15px;
    border: solid 2px #ff0000;
    text-align: center;
    color: #ff0000;
    font-size: 9px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 10px;
    right: 10px;
  }
  .magazine-wrap .normal-event-wrap {
    overflow: hidden;
    margin-left: -15px;
  }
  .magazine-wrap .normal-event-wrap li {
    width: -webkit-calc(100% / 2);
    width: -moz-calc(100% / 2);
    width: calc(100% / 2);
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 30px 15px;
    overflow: hidden;
  }
  .magazine-wrap .normal-event-wrap .thumb {
    position: relative;
  }
  .magazine-wrap .normal-event-wrap .thumb img {
    width: 100%;
    height: auto;
  }
  .magazine-wrap .normal-event-wrap .thumb .new {
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 23px;
    border-radius: 15px;
    border: solid 2px #ff0000;
    text-align: center;
    color: #ff0000;
    font-size: 9px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 10px;
    right: 10px;
  }
  .magazine-wrap .normal-event-wrap .cat-name {
    width: 100%;
    text-align: center;
    padding: 0;
  }
  .magazine-wrap .normal-event-wrap .cat-name.club-info {
    background: #00b8ee;
  }
  .magazine-wrap .normal-event-wrap .cat-name.students {
    background: #9666fa;
  }
  .magazine-wrap .normal-event-wrap .cat-name.league-column {
    background: #4d4d4d;
  }
  .magazine-wrap .normal-event-wrap .cat-name.i-love-b {
    background: #ed6942;
  }
  .magazine-wrap .normal-event-wrap .cat-name.special {
    background: #b7ab01;
  }
  .sub-page section.magazine-latest-wrap {
    padding: 0;
  }
  .sub-page section.magazine-latest-wrap .inner {
    margin: 30px 15px 15px;
  }
  .top-page .magazine-wrap .inner {
    margin: 15px;
  }


    body.top-page .pick-up-wrap.column-list li:nth-child(n+3){
  display: none;
}

  body.top-page .magazine-wrap .normal-event-wrap li:nth-child(n+7){
    display: none;
  }
  div.page-column .ticket-information-area.column10{
    margin-top:50px;  
  }

/*TOPICS */
  .topics-wrap {
    background:#d2d2d2;
    padding: 15px 0;
    box-sizing:border-box;
  }
.topics-wrap .inner {
  margin:15px;
}
    .topics-wrap .inner .title-en {
    text-align: center;
    font-family: "bleagueFont";
    letter-spacing: 0.2em;
    font-size: 24px;
    color: #848484;
    margin-bottom: 50px;
  }
  .topics-wrap .inner .title-ja {
    text-align: center;
    margin-bottom: 50px;
    color: #000;
    font-size: 12px;
    letter-spacing: 0.1em;
  }
  .topics-wrap .top-pickup{
    position:relative;
  }
  .topics-wrap .top-pickup ul{
    overflow:hidden;
    margin: 0 10px 0 0;
  }
  .topics-wrap .top-pickup li{
    width:100%;    
    height: 270px;
    margin-bottom:20px;
    list-style: none;
    box-sizing:border-box;
  }
  .topics-wrap .top-pickup li img{
    width:100%;
    display:inline-block;
  }
  .topics-wrap .top-pickup li p{
    font-size:16px;
    
  }
.topics-wrap .top-pickup li .thumb{
    margin-bottom:10px;
  overflow:hidden;
}
  .topics-wrap .bx-wrapper .bx-controls {
    width: 100%;
    text-align: center;
  }
  .topics-wrap .bx-wrapper .bx-viewport{
    margin-bottom:30px
  }
  .topics-wrap .bx-wrapper .bx-controls-direction {
    display: none;
  }
  .topics-wrap .bx-wrapper:hover .bx-prev {
    opacity: 1;
    filter: alpha(opacity=100);
    left: -17px;
  }
  .topics-wrap .bx-wrapper:hover .bx-next {
    opacity: 1;
    filter: alpha(opacity=100);
    right: -17px;
  }
  .topics-wrap .bx-wrapper .bx-pager-item {
    margin-right: 3px;
    display: inline-block;
  }
  .topics-wrap .bx-wrapper .bx-pager-item a {
    overflow: hidden;
    display: block;
    padding-top: 15px;
    width: 15px;
    height: 0;
    background: #7d7d7d;
  }
  .topics-wrap .bx-wrapper .bx-pager-item a.active {
    background: #FFF;
  }

  .layout-sponsors {
    text-align: center;
    position: relative;
    padding: 15px 0;
    background: #e5e5e5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .layout-sponsors .inner {
    margin: 15px;
  }
  .layout-sponsors ul {
    position: relative;
    z-index: 1;
  }
  .layout-sponsors .explain-title {
    font-size: 10px;
    letter-spacing: 0.1em;
    margin-top: 15px;
  }
  .layout-sponsors .main-title.bleague_partner {
    color: #000;
    display: inline-block;
  }
  .layout-sponsors .main-title.bleague_partner span:before {
    content: "";
    background: url(/v=1533096656/files/rcms_conv_webp/0/0/00bed53e565a52a4b0b9ed2142e691e0_1513740627.webp) no-repeat;
    background-size: contain;
    width: 28px;
    height: 50px;
    display: inline-block;
    position: absolute;
    left: 43px;
    top: 26px;
    }
  .layout-sponsors .partner-rank {
    font-family: "bleagueFont";
    letter-spacing: 0.1em;
    margin-bottom: 15px;
  }
  .layout-sponsors ul {
    text-align: center;
    padding-bottom: 30px;
  }
  .layout-sponsors ul.rank-partner li, .layout-sponsors ul.rank-supporing li {
    width: 48%;
    padding: 0 5%;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 7% 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
    .layout-sponsors ul.rank-partner li, .layout-sponsors ul.rank-supporing li img{
      max-width: 80%;
    }
  .layout-sponsors ul.rank-top li{
      width: 48%;
      padding:0 5%;
      display: inline-block;
     -webkit-box-sizing: border-box;
    box-sizing: border-box;
    }
  .partner-page .layout-sponsors {
    background: #fff;
  }
  .partner-page .layout-sponsors .main-title {
    letter-spacing: 0.2em;
  }
  .partner-page .layout-sponsors .partner-txt {
    letter-spacing: 0.1em;
    margin-bottom: 30px;
    text-align: left;
  }
  .partner-page .layout-sponsors ul {
    padding-bottom: 0px;
  }
  .partner-page .layout-sponsors img {
    width: 100%;
    vertical-align: middle;
  }
  .partner-page .layout-sponsors .rank-top {
    margin-bottom: 30px;
  }

  .partner-page .layout-sponsors .rank-top li {
    padding: 0;
    vertical-align: middle;
    margin: 0 0 7% 0;
  }
  .partner-page .layout-sponsors .rank-partner {
    margin-bottom: 30px;
  }
  .partner-page .layout-sponsors .rank-partner li {
    width: 48%;
    padding: 0 5%;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 7% 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .partner-page .layout-sponsors .rank-supporing {
    margin-bottom: 0px;
  }
  .partner-page .layout-sponsors .rank-supporing li {
    width: 48%;
    padding: 0 5%;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 7% 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  /*////////////////////////////
  
  {  * *  }
   ┘|||||└  

               | BASIC LAYOUT |　　　　　　　　　　　　
                      
  /////////////////////////////*/
  .bg-light-gry {
    background: #e5e5e5 !important;
  }
  .main-title {
    font-family: "bleagueFont";
    font-size: 24px;
    text-align: center;
    margin-bottom: 30px;
    color: #535353;
  }
  .more {
    border: solid 1px #ccc;
    padding: 10px 30px;
    font-weight: 600;
    line-height: 1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 27px;
    color: #000;
    background: #fff;
    display: block;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    font-size: 12px;
    letter-spacing: 0.2em;
  }
  .more-wide, .close-wide {
    display: block;
    background: #c6c6c6;
    line-height: 50px;
    height: 50px;
    font-size: 16px;
    letter-spacing: 0.1em;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
  }
  .more-wide:after {
    content: "";
    width: 30px;
    height: 15px;
    background: url(/v=1534495866/files/rcms_conv_webp/b/f/bf6ebd8c5373d99af682b19ad4550ea2_1518577892.webp) no-repeat center center;
    display: inline-block;
    margin-left: 10px;
  }
  .close-wide:after {
    content: "";
    width: 30px;
    height: 15px;
    background: url(/v=1534495866/files/rcms_conv_webp/2/d/2d007fb6957f1e1263f33d653ef5d1a6_1518577894.webp) no-repeat center center;
    display: inline-block;
    margin-left: 10px;
  }
  section {
    box-sizing: border-box;
    /*background: #fff;*/
  }
  .bg-blk section {
    background: none;
  }
  .sub-page section .inner, .sub-page article .inner {
    position: relative;
    z-index: 1;
    margin: 20px;
  }
  .sub-page-body {
    /*background: #fff;*/
    overflow: hidden;
    color: #4c4c4c;
  }
  .sub-page-body .main-txt {
    font-size: 24px;
  }
  .sub-page-body .default-txt {
    font-size: 16px;
    letter-spacing: 0.2em;
    line-height: 2;
  }
  .sub-page-body h5 {
    font-size: 18px;
    color: #000;
    margin-bottom: 20px;
  }
  .sub-page-body .title-en {
    text-align: center;
    font-family: "bleagueFont";
    letter-spacing: 0.2em;
    font-size: 24px;
  }
  .sub-page-body .title-ja {
    text-align: center;
    margin-bottom: 50px;
    font-size: 12px;
    letter-spacing: 0.1em;
  }
  .sub-page-body .h1-title {
    font-size: 26px;
    margin-bottom: 30px;
    letter-spacing: 0.2em;
    font-weight: 500;
  }
  .sub-page-body .sub-table th {
    padding: 10px;
  }
  .sub-page-body .sub-table td {
    padding: 10px;
  }
  .sub-page-body .default-mb {
    margin-bottom: 15px !important;
  }
  .sub-page-body .last-mb {
    margin-bottom: 40px !important;
  }
  .common-content {
    line-height: 2.6em;
    letter-spacing: 0.2em;
  }
  .common-content p {
    margin-bottom: 20px;
  }
  .sub-header-content {
    background: #313131 !important;
    padding: 20px 0;
    text-align: center;
    position: relative;
  }
  .sub-header-content h1 {
    font-family: "bleagueFont";
    letter-spacing: 0.2em;
    font-size: 30px;
    color: #fff;
  }
  .sub-header-content h1.for_ec {
    padding-top: 20px;
  }
  .sub-header-content h2 {
    color: #fff;
    text-align: center;
    letter-spacing: 0.2em;
  }
  .main-visual-wrap {
    background: #313131 !important;
    padding: 0 20px 20px;
    overflow: hidden;
    position: relative;
    z-index: 0;
  }
  .main-visual-wrap:after {
    content: "";
    background-color:#000;
    background-size: 100% auto;
    width: 100%;
    height: 800px;
    position: absolute;
    top: 40%;
    left: 0;
    z-index: -1;
  }
  .main-visual-wrap .main {
    width: 100%;
  }
  .main-visual-wrap .main img {
    width: 100%;
  }
  .main-visual-wrap .main .no-image{
    position: relative;
  }
  .main-visual-wrap .main .no-image .no-image-bg{
    position: relative;
  }
  .main-visual-wrap .main .no-image .no-image-logo{
    position: absolute;
    width: 100%;
    height: 100%;
    left:0;
    top:17%;
    text-align: center;
  }
  .main-visual-wrap .main .no-image .no-image-logo img{
    width: 30%;
  }
  .main-visual-wrap .sub-nav {
    display: none;
    transition: all 0.5s;
  }
  .main-visual-wrap .sub-nav .team-logo {
    text-align: center;
    width: 180px;
    margin-bottom: 30px;
  }
  .main-visual-wrap .sub-nav .team-logo img {
    width: 100%;
  }
  .main-visual-wrap .sub-nav .page-inner-link li {
    margin-bottom: 5px;
  }
  .main-visual-wrap .sub-nav .page-inner-link li a {
    display: inline-block;
    padding: 5px 20px;
    background: #fff;
    color: #000;
    letter-spacing: 0.1em;
    transition: all 0.5s;
  }
  .main-visual-wrap .sub-nav .page-inner-link li a:hover {
    background: #0d3b88;
    color: #fff;
  }
  .main-visual-wrap .sub-nav .page-inner-link li a .lang-en {
    font-weight: 500;
  }
  .main-visual-wrap .sub-nav .page-inner-link li a .lang-ja {
    display: inline-block;
    font-size: 10px;
    padding-left: 20px;
  }
  .main-visual-wrap .sub-nav .page-inner-link li a .external {
    width: 15px;
    display: inline-block;
    padding-left: 5px;
  }
  .main-visual-wrap .sub-nav .page-inner-link li.active a {
    background: #0d3b88;
    color: #fff;
  }
  .about-page .sub-nav {
    padding-top: 167px;
  }


    section.magazine-contents{
    margin-bottom: 50px;
  }
 .news-detail-wrap .news-detail p.copy-txt{
    margin:10px 0 30px;
    font-size: 12px;
    text-align: right;
  }
  .news-detail-wrap .news-detail .read-txt{
    background: #eeeeee;
    padding: 20px;
    font-size: 14px;
    line-height: 1.9;
}
  .news-detail-wrap .news-detail .tit-s-txt {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 70px;
    line-height: 1.7;
    margin: 0 20px 30px;
}
  .news-detail-wrap .news-detail .announce-txt{
    font-weight: bold;
    color: black;
}

  .news-detail-wrap .news-detail .interview-info {
    background: #eeeeee;
    font-size: 12px;
    letter-spacing: 0.2em;
    padding: 20px;
    margin-bottom: 30px;
    overflow: hidden;
  }
    .news-detail-wrap .news-detail .interview-info .right-img{
      width:100%;
    }
    .news-detail-wrap .news-detail .interview-info .right-img img{
      width: 100%;
      vertical-align: top;
    }
.news-detail-wrap .news-detail .title-interview-profile{
  font-size: 18px;
  margin-bottom: 10px;
  line-height: 1.5
}
.news-detail-wrap .news-detail p.interview-txt{
  padding-left: 0;
  margin-bottom: 30px;
}
.news-detail-wrap .news-detail h2.title-interview-profile {
    margin-top: 27px;
}
.news-detail-wrap .news-detail dl.interview-history{
  background-color: #eeeeee;
  margin-bottom: 50px;
}
.news-detail-wrap .news-detail dl.interview-history dt {
    float: left;
    width: 30%;
    line-height: 1.6;
    margin-bottom: 5px;
}
.news-detail-wrap .news-detail dl.interview-history dd {
    margin-left: 30%;
    line-height: 1.6;
    margin-bottom: 5px;
    padding-left: 10px;
}



  /*////////////////////////////
  
  {  * *  }
   ┘|||||└  

                     | FORM |　　　　　　　　　　　　
                      
  /////////////////////////////*/
  select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    padding: 10px 6% 10px 10px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAGFBMVEUAAAAZJCYWISIYIyQYIiUWIiIYIyQYIiXh0rToAAAACHRSTlMA/hTRqiinvwFkb0sAAABCSURBVHjajchBDsAgDAPBOJDw/x+XVN0icQGfPGs3i+2GEqeiLCXWLENzvdzrDfP2ls/NjfKbgimYglfBq2Dm+LwHguMA235EdKYAAAAASUVORK5CYII=") 94% center no-repeat;
    transition: all 300ms linear;
  }
  select:focus {
    background: #fafafa url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAGFBMVEUAAAAZJCYWISIYIyQYIiUWIiIYIyQYIiXh0rToAAAACHRSTlMA/hTRqiinvwFkb0sAAABCSURBVHjajchBDsAgDAPBOJDw/x+XVN0icQGfPGs3i+2GEqeiLCXWLENzvdzrDfP2ls/NjfKbgimYglfBq2Dm+LwHguMA235EdKYAAAAASUVORK5CYII=") 94% center no-repeat;
    outline: none;
  }
  
  .contact-content {
    margin: center;
  }
  .contact-content.text_A {
    margin: center;
  }
  .contact {
    overflow: hidden;
    background-color: #fff;
    color: #1a1a1a;
  }
  .contact .contact-note {
    font-size: 13px;
    line-height: 1.9;
    color: #313131;
  }
  .contact .contact-note a {
    color: #313131;
  }
  .contac-tbl {
    width: 100%;
  }
  .contac-tbl tr th, .contac-tbl tr td {
    width: 100%;
    display: block;
    vertical-align: middle;
    text-align: left;
    line-height: 1.9em;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .contac-tbl tr th {
    padding: 0 0 10px 0;
    color: #6e6e6e;
    vertical-align: top;
    font-size: 16px;
    text-align: center;
  }
  .contac-tbl tr th span {
    font-weight: normal;
    font-size: 12px;
    display: inline-block;
    padding-left: 10px;
  }
  .contac-tbl tr td {
    padding: 0 0 20px 0;
  }
  .contac-tbl tr td .input-field {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .contac-tbl tr td .input-field .add-ex {
    display: block;
    padding-right: 10px;
    float: left;
    width: 10%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .contac-tbl tr td .input-field .explain {
    font-size: 11px;
  }
  .contac-tbl tr td .input-field.half input[type="text"], .contac-tbl tr td .input-field.half input[type="email"] {
    width: 90%;
  }
  .contac-tbl tr td .input-field.half .explain {
    padding-left: 10%;
    width: 90%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .contac-tbl tr td .input-field.half .formError {
    width: 80%;
    padding-left: 10%;
  }
  .ct-form .btn {
    background: #e95757;
    line-height: 1.7em;
    color: #fff;
    border: none;
    font-size: 16px;
    padding: 10px 20px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    display: block;
    font-weight: bold;
    margin: 40px auto 0;
    cursor: pointer;
    transition: all 300ms ease-in-out;
  }
  .ct-form .btn:hover {
    background: #4d4d4d;
  }
  .ct-form .btn {
    display: inline-block;
    margin-right: 1%;
    margin-left: 1%;
  }
  .ct-form .btn.btn-back {
    background: #4d4d4d;
    transition: all 300ms ease-in-out;
    text-decoration: none;
  }
  .ct-form .btn.btn-back:hover {
    background: #999999;
    text-decoration: none;
  }
  .ct-form select {
    width: 120%;
    background-position: 80% center;
    border: none;
  }
  .ct-form input[type="radio"]:focus {
    outline: solid 3px #fff;
  }
  .ct-form input[type="text"], .ct-form input[type="email"] {
    border-bottom: solid 1px #CCC;
    border-top: none;
    border-left: none;
    border-right: none;
    outline: solid 3px #fff;
    padding: 10px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .ct-form textarea {
    border: solid 1px #CCC;
    outline: solid 3px #fff;
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }
  .ct-form label {
    margin-right: 15px;
  }
  .ct-form .select-wrap {
    overflow: hidden;
    border: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .formError {
    position: relative !important;
    display: block;
    cursor: pointer;
    text-align: left;
    margin-top: 0 !important;
    top: inherit !important;
    left: inherit !important;
    width: 92%;
  }
  .component-month-selector, .component-pulldown-selector {
    padding: 20px 10px;
    text-align: center;
  }
  .component-month-selector:after, .component-pulldown-selector:after {
    content: '';
    display: block;
    clear: both;
  }
  .component-month-selector > *, .component-pulldown-selector > * {
    display: inline-block;
  }
  .component-month-selector .year-selector, .component-month-selector .month-selector, .component-month-selector .common-selector, .component-month-selector .page-link-selector, .component-pulldown-selector .year-selector, .component-pulldown-selector .month-selector, .component-pulldown-selector .common-selector, .component-pulldown-selector .page-link-selector {
    position: relative;
    margin-right: 40px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .component-month-selector .year-selector .arw, .component-month-selector .month-selector .arw, .component-month-selector .common-selector .arw, .component-month-selector .page-link-selector .arw, .component-pulldown-selector .year-selector .arw, .component-pulldown-selector .month-selector .arw, .component-pulldown-selector .common-selector .arw, .component-pulldown-selector .page-link-selector .arw {
    display: block;
    position: absolute;
    right: -39px;
    top: -1px;
    width: 38px;
    height: 42px;
  }
  .component-month-selector .year-selector .arw:before, .component-month-selector .year-selector .arw:after, .component-month-selector .month-selector .arw:before, .component-month-selector .month-selector .arw:after, .component-month-selector .common-selector .arw:before, .component-month-selector .common-selector .arw:after, .component-month-selector .page-link-selector .arw:before, .component-month-selector .page-link-selector .arw:after, .component-pulldown-selector .year-selector .arw:before, .component-pulldown-selector .year-selector .arw:after, .component-pulldown-selector .month-selector .arw:before, .component-pulldown-selector .month-selector .arw:after, .component-pulldown-selector .common-selector .arw:before, .component-pulldown-selector .common-selector .arw:after, .component-pulldown-selector .page-link-selector .arw:before, .component-pulldown-selector .page-link-selector .arw:after {
    content: '';
    position: absolute;
    top: 50%;
    width: 11px;
    border: 1px solid #797979;
  }
  .component-month-selector .year-selector .arw:before, .component-month-selector .month-selector .arw:before, .component-month-selector .common-selector .arw:before, .component-month-selector .page-link-selector .arw:before, .component-pulldown-selector .year-selector .arw:before, .component-pulldown-selector .month-selector .arw:before, .component-pulldown-selector .common-selector .arw:before, .component-pulldown-selector .page-link-selector .arw:before {
    margin-left: -11px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
  .component-month-selector .year-selector .arw:after, .component-month-selector .month-selector .arw:after, .component-month-selector .common-selector .arw:after, .component-month-selector .page-link-selector .arw:after, .component-pulldown-selector .year-selector .arw:after, .component-pulldown-selector .month-selector .arw:after, .component-pulldown-selector .common-selector .arw:after, .component-pulldown-selector .page-link-selector .arw:after {
    margin-left: -3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  .component-month-selector .year-selector .pulldown, .component-month-selector .month-selector .pulldown, .component-month-selector .common-selector .pulldown, .component-month-selector .page-link-selector .pulldown, .component-pulldown-selector .year-selector .pulldown, .component-pulldown-selector .month-selector .pulldown, .component-pulldown-selector .common-selector .pulldown, .component-pulldown-selector .page-link-selector .pulldown {
    display: none;
    z-index: 9;/*9999;*/
    position: absolute;
    left: -18px;
    top: 40px;
    width: 93px;
    background: #f7f7f7;
    border: 1px solid #b2b2b2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .component-month-selector .year-selector .pulldown .this-year, .component-month-selector .year-selector .pulldown .new-year, .component-month-selector .month-selector .pulldown .this-year, .component-month-selector .month-selector .pulldown .new-year, .component-month-selector .common-selector .pulldown .this-year, .component-month-selector .common-selector .pulldown .new-year, .component-month-selector .page-link-selector .pulldown .this-year, .component-month-selector .page-link-selector .pulldown .new-year, .component-pulldown-selector .year-selector .pulldown .this-year, .component-pulldown-selector .year-selector .pulldown .new-year, .component-pulldown-selector .month-selector .pulldown .this-year, .component-pulldown-selector .month-selector .pulldown .new-year, .component-pulldown-selector .common-selector .pulldown .this-year, .component-pulldown-selector .common-selector .pulldown .new-year, .component-pulldown-selector .page-link-selector .pulldown .this-year, .component-pulldown-selector .page-link-selector .pulldown .new-year {
    font-size: 12px;
  }
  .component-month-selector .year-selector .pulldown a, .component-month-selector .month-selector .pulldown a, .component-month-selector .common-selector .pulldown a, .component-month-selector .page-link-selector .pulldown a, .component-pulldown-selector .year-selector .pulldown a, .component-pulldown-selector .month-selector .pulldown a, .component-pulldown-selector .common-selector .pulldown a, .component-pulldown-selector .page-link-selector .pulldown a {
    width: 100%;
    height: 100%;
    display: block;
  }
  .component-month-selector .year-selector .pulldown, .component-pulldown-selector .year-selector .pulldown {
    width: 116%;
    left: 0;
  }
  .component-month-selector .page-link-selector, .component-pulldown-selector .page-link-selector {
    color: #fff;
    display: block;
    background: #313131;
    width: 100%;
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .component-month-selector .page-link-selector .default, .component-pulldown-selector .page-link-selector .default {
    background: url(/v=1534495866/files/rcms_conv_webp/b/f/bf6ebd8c5373d99af682b19ad4550ea2_1518577892.webp) no-repeat 95% center #313131;
  }
  .component-month-selector .page-link-selector .arw:before, .component-month-selector .page-link-selector .arw:after, .component-pulldown-selector .page-link-selector .arw:before, .component-pulldown-selector .page-link-selector .arw:after {
    display: none;
  }
  .component-month-selector .page-link-selector .pulldown, .component-pulldown-selector .page-link-selector .pulldown {
    width: 100%;
    background: #eeeeee;
    border: none;
    overflow: hidden;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
  }
  .component-month-selector .page-link-selector .pulldown li, .component-pulldown-selector .page-link-selector .pulldown li {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    border-bottom: solid 1px #e3e3e3;
    background: #fff;
    line-height: 1;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
  }
/*  .component-month-selector .page-link-selector .pulldown li:last-child, .component-pulldown-selector .page-link-selector .pulldown li:last-child{
    width: 100%;
  }*/
  .component-month-selector .page-link-selector .pulldown li:nth-child(even), .component-pulldown-selector .page-link-selector .pulldown li:nth-child(even) {
    background: #eeeeee;
  }
  .component-month-selector .page-link-selector .pulldown li a, .component-pulldown-selector .page-link-selector .pulldown li a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding: 0;
    margin: 0;
  }
  .component-month-selector .page-link-selector .pulldown li a span, .component-pulldown-selector .page-link-selector .pulldown li a span {
    display: block;
  }
  .component-month-selector .page-link-selector .pulldown li a span .external, .component-pulldown-selector .page-link-selector .pulldown li a span .external {
    width: 12px;
  }
  .component-month-selector .page-link-selector .pulldown li a .lang-en, .component-pulldown-selector .page-link-selector .pulldown li a .lang-en {
    font-weight: 500;
    word-wrap: break-word;
    width: 50%;
    font-size: 13px;
    color: #000;
  }
  .component-month-selector .page-link-selector .pulldown li:last-child a .lang-en, .component-pulldown-selector .page-link-selector .pulldown li:last-child a .lang-en {
    width: auto;
    padding-right: 10px;
  }
  .component-month-selector .page-link-selector .pulldown li a .lang-ja, .component-pulldown-selector .page-link-selector .pulldown li a .lang-ja {
    font-size: 8px;
    width: 50%;
  }
  .component-month-selector .year-selector, .component-pulldown-selector .year-selector {
    letter-spacing: 0.2em;
  }
  .component-month-selector .common-selector, .component-month-selector .month-selector, .component-pulldown-selector .common-selector, .component-pulldown-selector .month-selector {
    display: inline-block;
  }
  .component-month-selector .common-selector .month, .component-month-selector .month-selector .month, .component-pulldown-selector .common-selector .month, .component-pulldown-selector .month-selector .month {
    font-size: 14px;
  }
  .component-month-selector .common-selector .month .en, .component-month-selector .month-selector .month .en, .component-pulldown-selector .common-selector .month .en, .component-pulldown-selector .month-selector .month .en {
    padding-right: 3px;
    font-size: 20px;
  }
  .component-month-selector .common-selector li, .component-month-selector .month-selector li, .component-pulldown-selector .common-selector li, .component-pulldown-selector .month-selector li {
    display: inline-block;
    width: 47%;
    font-size: 12px;
  }
  .component-month-selector .common-selector li a, .component-month-selector .month-selector li a, .component-pulldown-selector .common-selector li a, .component-pulldown-selector .month-selector li a {
    display: block;
    line-height: 30px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .component-month-selector .common-selector li a .en, .component-month-selector .month-selector li a .en, .component-pulldown-selector .common-selector li a .en, .component-pulldown-selector .month-selector li a .en {
    font-size: 18px;
  }
  .component-month-selector .common-selector li a.selected, .component-month-selector .month-selector li a.selected, .component-pulldown-selector .common-selector li a.selected, .component-pulldown-selector .month-selector li a.selected {
    background: #E7E7E7;
  }
  .page-news .selector-mideium {
    font-family: "bleagueFont";
  }
  .page-news .selector-mideium li {
    display: block;
    width: 100%;
    font-size: 12px;
  }

body.schedule-body section.no-main{
  background: white !important;
}

  .schedule {
    background: #fff!important;
    position: relative;
  }
  .schedule .league-selector {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .schedule .league-selector ul {
    overflow: hidden;
  }
  .schedule .league-selector ul li {
    background: #545454;
    float: left;
    width: 33.3%;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    font-family: "bleagueFont";
    font-size: 20px;
    cursor: pointer;
    color: #fff;
    letter-spacing: 0.2em;
  }
  .schedule .league-selector ul li.show-tab {
    background: #fff !important;
    color: #000 !important;
  }
  .schedule .league-selector ul li:nth-child(2) {
    background: #414141;
    color: #fff;
  }
  .schedule .league-selector ul li:hover {
    background: #fff;
    color: #000;
  }
  .schedule .league-select-detail li {
    overflow: hidden;
  }
  .schedule .schedule-list-wrap .selected-month {
    text-align: center;
    font-size: 14px;
    color: #000;
    line-height: 100px;
  }
  .schedule .schedule-list-wrap .selected-month span {
    font-family: "bleagueFont";
    font-size: 100px;
  }
  .schedule .schedule-list-wrap .schedule-ul li {
    width: 100%;
    padding: 59px 15px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
  }
  .schedule .schedule-list-wrap .schedule-ul li:nth-child(odd) {
    background: #f6f4f5;
  }
  .schedule .schedule-list-wrap .schedule-ul li .day-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    background: #dcdcdc;
    font-size: 24px;
    line-height: 24px;
    font-weight: 500;
  }
  .schedule .schedule-list-wrap .schedule-ul li .day-title.sun {
    color: #ed5749;
  }
  .schedule .schedule-list-wrap .schedule-ul li .day-title.sat {
    color: #567ffd;
  }
  .schedule .schedule-list-wrap .schedule-ul li .day-title span {
    font-weight: normal;
    font-size: 14px;
    display: inline-block;
    padding: 0 10px;
    letter-spacing: 0.1em;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail {
    width: 100%;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail td {
    display: block;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .league-area {
    padding-right: 1%;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .league-area .league-name {
    font-family: "bleagueFont";
    font-size: 22px;
    text-align: center;
    background: #000;
    border-radius: 6px;
    color: #fff;
    letter-spacing: 0.1em;
    width: 38px;
    height: 33px;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .team-logo {
    float: left;
    width: 20%;
    font-size: 11px;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .team-logo img {
    width: 100%;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .a-h {
    padding: 0;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .a-h .a-h-ico {
    border-radius: 20px;
    width: 40px;
    height: 14px;
    line-height: 14px;
    border: solid 1px #585858;
    font-size: 10px;
    text-align: center;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .a-h .a-h-ico.home {
    background: #7d7d7d;
    color: #fff;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .a-h .a-h-ico.away {
    color: #000;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .score-box {
    position: relative;
    float: left;
    width: 60%;
    text-align: center;
    padding-top: 10%;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .score-box .score {
    font-size: 30px;
    display: inline-block;
    width: 70px;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .score-box .score.score-left {
    padding-right: 1.5%;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .score-box .score.score-right {
    padding-left: 1.5%;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .score-box:after {
    content: "VS";
    position: absolute;
    left: 50%;
    top: 56%;
    font-size: 12px;
    letter-spacing: 0.2em;
    margin-left: -8px;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .start-time {
    color: #737172;
    text-align: center;
    font-size: 18px;
    position: relative;
    float: left;
    width: 60%;
    padding-top: 10%;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .start-time span {
    display: inline-block;
    padding-right: 10px;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .live-mode {
    text-align: center;
    color: #ef1023;
    float: left;
    width: 60%;
    font-size: 18px;
    letter-spacing: 0.1em;
    padding-top: 10%;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .stadium-detail {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    padding: 0;
    width: 100%;
    clear: both;
    margin-bottom: 20px;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .stadium-detail a {
    border-bottom: solid 1px;
    padding-bottom: 2px;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .stadium-detail .stadium-name {
    min-width: 100px;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .check-area {
    float: left;
    width: 16%;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .check-area .no-check {
    opacity: 0.5;
    filter: alpha(opacity=50);
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .check-area a img {
    width: 100%;
  }
   .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .section{
     float: left;
    width: 16%;
    
}
.schedule .schedule-list-wrap .schedule-ul li .schedule-detail .section span{
    display: inline-block;
    padding:8px;
    color:#FFF;
    letter-spacing:.05em;
    background:#999999;
    border-radius:6px;
    white-space: nowrap;
        font-size: 12px;
    letter-spacing: 0.2em;
}

  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .result-area {
    float: left;
    width: 38%;
    padding-left: 4%;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .result-area .result-btn {
    border-radius: 20px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    border: solid 1px #a0a0a0;
    text-align: center;
    color: #000;
    background: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.1em;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .ticket-area {
    float: left;
    width: 38%;
    padding-left: 4%;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .ticket-area .ticket-btn {
    border-radius: 20px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    border: solid 1px #a0a0a0;
    background: #cccccc;
    text-align: center;
    color: #000;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.1em;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .ticket-area .ticket-btn.not-buy,
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .result-area .result-btn.not-buy {
    opacity: 0.5;
    filter: alpha(opacity=50);
  }
  /*////////////////////////////
  
  {  * *  }
   ┘|||||└  

                 | CLUB DETAIL |　　　　　　　　　　　　
          | CLUB PALYER DETAIL |　
/////////////////////////////*/
  .player-detail {
    overflow: hidden;
  }
  .player-detail .plyer-title-data {
    text-align: left;
    color: #fff;
    letter-spacing: 0.1em;
  }
  .player-detail .plyer-title-data h1 {
    font-family: "bleagueFont";
    font-size: 100px;
    line-height: 100px;
    margin-bottom: 30px;
    text-align: center;
  }
  .player-detail .plyer-title-data h2 {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 24px;
    font-weight: 500;
    text-align: center;
  }
  .player-detail .plyer-title-data .name-en {
    margin-bottom: 15px;
    text-align: center;
  }
  .player-detail .plyer-title-data .position {
    font-size: 18px;
    text-align: center;
  }

  .sub-club-information .title-en {
    color: #fff;
  }
  .sub-club-information .title-ja {
    color: #fff;
  }
  .sub-club-information .sub-player-table {
    width: 100%;
    color: #cbcbcb;
  }
  .sub-club-information .sub-player-table tr {
    border-bottom: solid 1px #000;
  }
  .sub-club-information .sub-player-table th {
    width: 50%;
    text-align: right;
    padding: 10px;
    background: #232323;
  }
  .sub-club-information .sub-player-table td {
    width: 50%;
    text-align: left;
    padding: 10px;
    background: #2c2c2c;
  }
  .sub-club-information .arena-img img {
    width: 100%;
    height: auto;
  }
  .sub-club-information .slogun-txt, .sub-club-information .default-txt {
    font-size: 16px;
    letter-spacing: 0.2em;
    color: #cbcbcb;
    line-height: 2;
  }
    .sub-page-body.sub-club-information .inner p {
  color:#cbcbcb;
  }
  .sub-club-information .player-list {
    overflow: hidden;
  }
  .sub-club-information .player-list li {
    float: left;
    width: 50%;
    overflow: hidden;
    position: relative;
  }
  .sub-club-information .player-list li a figure img {
    width: 100%;
    vertical-align: bottom;
  }
  .sub-club-information .player-list li a figure figcaption {
    color: #fff;
    margin: 15px 0;
  }
  
@media screen and (max-width: 640px) {
  .sub-club-information .player-list li a figure figcaption {
    color: #fff;
    margin: 5px 0;
    min-height: 50px;
  }
}
  
  .sub-club-information .player-list li a figure figcaption .player-number {
    font-family: "bleagueFont";
    letter-spacing: 0.2em;
    font-size: 24px;
    line-height: 24px;
  }
  .sub-club-information .player-list li a figure figcaption .name-en {
    font-size: 11px;
  }
  .sub-club-information .player-list li a figure figcaption .position-name {
    font-size: 11px;
  }
  .sub-club-information .club-external-link {
    display: block;
    font-size: 16px;
    letter-spacing: 0.2em;
    text-align: center;
    background: #b5b5b5;
    padding: 15px 0;
    color: #000;
  }
  .sub-club-information .club-player-list-link {
    display: block;
    font-size: 16px;
    letter-spacing: 0.2em;
    text-align: center;
    padding: 15px 0;
    color: #fff;
  }
  .sub-club-information .club-external-link img {
    vertical-align: bottom;
  }
  .sub-club-information .club-player-list-link img {
    vertical-align: sub;
    width: 24px;
    display: inline-block;
    margin-right: 5px;
  }
  .has-club-slide .bx-controls {
    padding-top: 10px;
  }
  .has-club-slide .bx-controls .bx-controls-direction {
    position: absolute;
    width: 100%;
    padding: 0 20px 0;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
  }
  .has-club-slide .bx-controls .bx-controls-direction a {
    text-indent: -9999em;
    display: block;
    width: 44px;
    height: 27px;
  }
  .has-club-slide .bx-controls .bx-controls-direction a.bx-prev {
    background: url(/v=/league_common/img/arrow-left.png) no-repeat left center;
    float: left;
  }
  .has-club-slide .bx-controls .bx-controls-direction a.bx-next {
    background: url(/v=/league_common/img/arrow-right.png) no-repeat left center;
    float: right;
  }
  .has-club-slide .bx-pager {
    text-align: center;
  }
  .has-club-slide .bx-pager .bx-pager-item {
    display: inline-block;
  }
  .has-club-slide .bx-pager .bx-pager-item a {
    overflow: hidden;
    display: inline-block;
    width: 18px;
    height: 18px;
    background: transparent;
    cursor: pointer;
    position: relative;
    border-radius: 9px;
    text-indent: -9999em;
    margin: 0 5px;
  }
  .has-club-slide .bx-pager .bx-pager-item a:after {
    position: absolute;
    content: "";
    border: solid 1px #fff;
    width: 8px;
    height: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 5px;
    left: 5px;
    border-radius: 5px;
  }
  .has-club-slide .bx-pager .bx-pager-item a.active {
    background: #581218;
  }
  .has-club-slide .bx-pager .bx-pager-item a.active:after {
    border: solid 1px #e60012;
    background: #e60012;
  }
  .has-club-slide .sub-nav {
    z-index: 51;
  }

 .pagenate-club {
    position: relative;
    overflow: hidden;
    height: 60px;
    margin: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
.pagenate-club li {
    position: absolute;
    width: 17px;
  }
 .pagenate-club li.prev {
    left: 0px;
  }
  .pagenate-club li.view-all {
      width: 100%;
      text-align:center;
    /*left: 50%;
    width: 39px;
    margin-left: -19px;*/
  }
  .pagenate-club li.view-all div{
      padding-top:3px;
  }
  .pagenate-club li.view-all div img {
    vertical-align: sub;
    width: 24px;
    display: inline-block;
    margin-right: 5px;
 }
 .pagenate-club li.view-all div a{
    color:#fff;
  }
 .pagenate-club li.next {
    right: 0px;
  }



  /*////////////////////////////
  
  {  * *  }
   ┘|||||└  

                     | NEWS & COLUMN |　　　　　　　　　　　　
                      
/////////////////////////////*/
  .news-list {
    width: 100%;
  }
  .news-list li {
    background: #2a2a2a;
    letter-spacing: 0.2em;
    overflow: hidden;
  }
  .news-list li:nth-child(even) {
    background: #222;
  }
  .news-list a {
    display: block;
    padding: 20px;
    color: #bbb;
    overflow: hidden;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 84px;
  }
  .news-list .date {
    font-size: 12px;
    float: left;
    width: 33%;
  }
  .news-list .cat {
    /*position: absolute;
    left: 20px;
    top: 50px;*/
    font-size: 12px;
    letter-spacing: 0;
    float: left;
  }
  .news-list .title {
    float: left; /*right;*/
    width: 100%; /*63%;*/
    font-size: 14px;
  }
  .news-list .new {
    color: #fa0203;
    padding-right: 15px;
  }
  .news-detail-wrap .meta-data {
    text-align: center;
  }
  .news-detail-wrap .meta-data .date-cat {
    position: relative;
    letter-spacing: 0.2em;
    font-size: 16px;
    margin-bottom: 25px;
  }
  .news-detail-wrap .meta-data .date-cat span {
    display: inline-block;
    position: relative;
  }
  .news-detail-wrap .meta-data .date-cat span.date {
    padding: 0 10px 0 0;
  }
  .news-detail-wrap .meta-data .date-cat span.date:after {
    content: "/";
    padding-left: 10px;
  }
  .news-detail-wrap .meta-data .date-cat span.cat {
    background: #ccc;
    color: #fff;
    letter-spacing: 0.1em;
    line-height: 19px;
    padding: 0px 10px;
    font-size: 11px;
  }
  .news-detail-wrap .meta-data .date-cat span.club-info {
    background: #00b8ee;
  }
  .news-detail-wrap .meta-data .date-cat span.students {
    background: #9666fa;
  }
  .news-detail-wrap .meta-data .date-cat span.league-column {
    background: #4d4d4d;
  }
  .news-detail-wrap .meta-data .date-cat span.i-love-b {
    background: #ed6942;
  }
  .news-detail-wrap .meta-data .date-cat span.special {
    background: #b7ab01;
  }
  .news-detail-wrap .meta-data .sns-list {
    margin-bottom: 30px;
  }
  .news-detail-wrap .meta-data .sns-list li {
    display: inline-block;
    padding: 0 5px;
  }
  .news-detail-wrap .meta-data .sns-list li.fb, .news-detail-wrap .meta-data .sns-list li.twt {
    list-style: none;
  }
  .news-detail-wrap footer {
    padding: 30px 0 0;
  }
  .news-detail-wrap footer .sns-list {
    margin-bottom: 30px;
  }
  .news-detail-wrap footer .pagenate-area {
    position: relative;
    overflow: hidden;
    height: 60px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .news-detail-wrap footer .pagenate-area li {
    position: absolute;
    width: 17px;
  }
  .news-detail-wrap footer .pagenate-area li.prev {
    left: 0px;
    list-style: none;
  }
  .news-detail-wrap footer .pagenate-area li.view-all {
    left: 50%;
    width: 39px;
    margin-left: -19px;
    list-style: none;
  }
  .news-detail-wrap footer .pagenate-area li.next {
    right: 0px;
    list-style: none;
  }
  .news-detail-wrap .news-title {
    font-size: 24px;
    margin-bottom: 30px;
    letter-spacing: 0.2em;
    padding: 0;/*0 20px;*/
    font-weight: 500;
    line-height:1.6em;
  }
  .news-detail-wrap .news-detail {
    line-height: 2.6em;
    font-size: 16px;
    letter-spacing: 0.2em;
  }
  .news-detail-wrap .news-detail h1 {
    font-size: 24px;
    margin-bottom: 30px;
    letter-spacing: 0.2em;
    padding: 0 20px;
    font-weight: 500;
  }
  .news-detail-wrap .news-detail p {
    padding: 0 20px;
  }
  .news-detail-wrap .news-detail .news-txt-inner {
    padding: 0 20px;
  }
  .news-detail-wrap .news-detail .wide-img {
    display: inline-block;
    padding: 80px 0;
    width: 100%;
  }
  .page-column .news-detail-wrap .meta-data .date-cat span {
    display: inline-block;
    position: relative;
  }
  .page-column .news-detail-wrap .meta-data .date-cat span.date {
    padding: 0;
  }
  .page-column .news-detail-wrap .meta-data .date-cat span.date:after {
    content: "";
    padding: 0;
  }
  .page-column .row {
    margin: 0 -7px 60px -7px;
    padding: 20px;
  }
  .page-column .row .col {
    float: left;
    width: 50%;
    padding-left: 7px;
    padding-right: 7px;
    box-sizing: border-box;
  }
  .page-column .row .col img {
    max-width: 100%;
  }

  .news-list-wrap + nav.pagination{
    margin: 50px 0;
    font-size: 10px;
    margin-bottom:10px;
}

.news-list-wrap + nav.pagination span.page.current {
    border: 1px solid #333333;
    padding: 5px;
    margin: 20px 15px 20px 0;
    letter-spacing: -1px;
    background: #666666;
    color: white;
}

.news-list-wrap + nav.pagination span.page {
    padding: 5px;
    border: 1px solid #333333;
    margin-right: 15px;
    display: inline-block;
}

.news-list-wrap + nav.pagination span.page.gap {
    margin-right: 15px;
}

.news-list-wrap + nav.pagination span.next {
    margin: 0 10px;
    margin-left: 0;
}
.news-list-wrap + nav.pagination span.prev {
    margin: 0 10px;
}

  /* コラム本文 */
  
  /*        column15        */
  .page-column .magazine-contents ul.img-2-layout.column15 {
    text-align: center;
  }
  .page-column .magazine-contents ul.img-2-layout.column15 li {
    display: inline-block;
    width: 40%;
    box-sizing: border-box;
  }
  .page-column .magazine-contents ul.img-2-layout.column15 li p {
    padding: 0;
    margin-bottom:0;
  }
  .page-column .magazine-contents ul.img-2-layout.column15 li:first-child {
    margin-right: 2%;
  }
  /*        END column15        */
  
  /*        column15        */
  .column16-movie.tac {
    margin-bottom: 25px;
  }
  /*        END column15        */

  /* END コラム本文 */
  
  /*////////////////////////////
  
  {  * *  }
   ┘|||||└  

                   | TWITTER |　　　　　　　　　　　　
                      
  /////////////////////////////*/
  .sns-wrap {
    background: #000;
  }
  .sns-wrap .inner {
    color: #cbcbcb;
  }
  .sns-wrap .inner .title-en, .sns-wrap .inner .title-ja, .sns-wrap .inner .main-txt {
    color: #fff;
  }
  .sns-wrap .inner .main-txt {
    margin-bottom: 30px;
    text-align: left !important;
  }
  .sns-wrap .inner .catch {
    margin-bottom: 50px;
    font-size: 14px;
    line-height: 2;
    letter-spacing: 0.1em;
    color: #fff;
  }
  .sns-wrap .inner .more-wide,
  .sns-wrap .inner .close-wide{
    background: #313131;
  }
  .sns-wrap .sns-ranking-wrapper .inner {
    margin: 0 !important;
  }
  .sns-wrap .league-selector {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 0;
  }
  .sns-wrap .league-selector ul {
    overflow: hidden;
    margin-bottom: 10px; /*30px;*/
  }
  .sns-wrap .league-selector ul li {
    position: relative;
    background: #545454;
    float: left;
    width: 33.3%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    font-family: "bleagueFont";
    font-size: 24px;
    cursor: pointer;
    color: #fff;
    letter-spacing: 0.2em;
    padding: 10px 0;
  }
  .sns-wrap .league-selector ul li.show-tab {
    background: #000 !important;
    color: #fff !important;
    border-top: solid 1px #414141;
  }
  .sns-wrap .league-selector ul li.b1-area {
    background: #414141;
    color: #fff;
  }
  .sns-wrap .league-selector ul li:hover {
    background: #fff;
    color: #000;
  }
  .sns-wrap .sns-ranking {
    width: 100%;
  }
  .sns-wrap .sns-ranking li {
    padding: 20px 10px 20px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .sns-wrap .sns-ranking li:nth-child(n + 11) {
    display: none;
  }
  .sns-wrap .sns-ranking li:nth-child(odd) {
    background: #1c1c1c;
  }
  .sns-wrap .sns-ranking li .sns-table {
    width: 100%;
    letter-spacing: 0.1em;
    color: #6e6e6e;
  }
  .sns-wrap .sns-ranking li .sns-table td {
    vertical-align: middle;
  }
  .sns-wrap .sns-ranking li .sns-table .ranking-area {
    position: relative;
    padding-left: 20px;
    width: 20%;
    vertical-align: top;
  }
  .sns-wrap .sns-ranking li .sns-table .ranking-area span {
    position: absolute;
    display: block;
    width: 44px;
    height: 44px;
    left: 0;
    top: 50%;
    margin-top: -22px;
    margin-left: -6px;
  }
  .sns-wrap .sns-ranking li .sns-table .ranking-area span.up {
    background: url(/v=1534495868/files/rcms_conv_webp/1/8/18b9043e487c2b6cad51fdf0c4d48582_1517542455.webp) no-repeat center center;
    background-size: 30%;
  }
  .sns-wrap .sns-ranking li .sns-table .ranking-area span.keep {
    background: url(/v=1534495868/files/rcms_conv_webp/5/3/5313bd7b0d800db39f338bef9ef0f040_1517551651.webp) no-repeat 45% center;
    background-size: 45%;
  }
  .sns-wrap .sns-ranking li .sns-table .ranking-area span.down {
    background: url(/v=1534495868/files/rcms_conv_webp/0/2/027b2d57e00fc31599d2bfaad7ecc8f4_1517542451.webp) no-repeat center center;
    background-size: 30%;
  }
  .sns-wrap .sns-ranking li .sns-table .ranking-area .rank {
    text-align: center;
  }
  .sns-wrap .sns-ranking li .sns-table .ranking-area .rank p {
    padding: 17% 0 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-size: 50px;
    line-height: 1em;
    font-family: "bleagueFont";
    text-align: center;
  }
  .sns-wrap .sns-ranking li .sns-table .team-logo {
    width: 15%;
    padding: 0 2% 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .sns-wrap .sns-ranking li .sns-table .team-logo img {
    width: 100%;
  }
  .sns-wrap .sns-ranking li .sns-table .team-logo dt {
    text-align: center;
  }
  .sns-wrap .sns-ranking li .sns-table .team-logo dd {
    color: #cbcbcb;
    text-align: center;
  }
  .sns-wrap .sns-ranking li .sns-table .twitter-account-area {
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 2%;
  }
  .sns-wrap .sns-ranking li .sns-table .twitter-account-area dt{
    font-size: 1.875vw;
    text-align: center;
  }
  .sns-wrap .sns-ranking li .sns-table .twitter-account-area .twitter-link {
    width: 49%;
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: top;
    height: 100%;
  }
  .sns-wrap .sns-ranking li .sns-table .twitter-account-area .twitter-link a {
  }
  .sns-wrap .sns-ranking li .sns-table .twitter-account-area .twitter-link dt {
    height: 50%;
    display: block;
    line-height: 3;
    text-align: left;
  }
  .sns-wrap .sns-ranking li .sns-table .twitter-account-area .twitter-link dd {
    color: #cbcbcb;
    height: 50%;
    display: block;
    text-align: center;
  }
  .sns-wrap .sns-ranking li .sns-table .twitter-account-area .twitter-follow {
    border: solid 1px #fff;
    border-radius: 15px;
    text-align: center;
    display: inline-block;
    height: 30px;
    color: #fff;
    font-weight: 500;
    width: 80%;
    font-size: 10px;
    line-height: 3;
  }
  .sns-wrap .sns-ranking li .sns-table .retweet-area {
    width: 49%;
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: top;
    height: 100%;
  }
  .sns-wrap .sns-ranking li .sns-table .retweet-area dt {
    height: 50%;
    text-align: center;
    line-height: 3;
  }
  .sns-wrap .sns-ranking li .sns-table .retweet-area dd {
    padding: 0;
  }
  .sns-wrap .sns-ranking li .sns-table .retweet-area .retweet {
    color: #57ace2;
  }
  .sns-wrap .sns-ranking li .sns-table a {
    color: #cbcbcb;
  }
  .sns-wrap .sns-ranking li .sns-table dl {
    font-size: 10px;
    overflow: hidden;
  }
  .sns-wrap .sns-ranking li .sns-table .score {
    color: #fff;
    font-size: 18px;
    font-family: "bleagueFont";
    text-align: center;
  }
  .page-club .club-wrap {
    background: #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .page-club .player-area-wrap {
    background: url(/v=1534495868/files/rcms_conv_webp/4/f/4fb60accde17cb4302611b66d51fe6e3_1518577895.webp) no-repeat center top;
    background-size: cover;
  }
  .page-club .player-area-wrap .league-selector ul {
    overflow: hidden;
  }
  .page-club .player-area-wrap .league-selector ul li {
    width: 50%;
  }
  .page-club .player-area-wrap .league-selector ul li.link{
      padding: 0;
  }
  .page-club .player-area-wrap .league-selector ul li a{
    display: block;
    padding: 10px 20px;
    color:#fff;
  }
  .page-club .player-area-wrap .league-selector ul li.show-tab {
    background: transparent !important;
  }
  .page-club .player-area-wrap .player-area .inner .area-title {
    display: none;
  }
  .page-club .player-area-wrap .player-area .tab-player-link {
    /*border-top: solid 4px #3c3e3d;
    border-bottom: solid 4px #3c3e3d;*/
    width: 100%;
    margin: 30px auto;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
  }
  .page-club .player-area-wrap .player-area .tab-player-link li {
    display: inline-block;
    text-align: center;
    color: #d5d5d5;
    padding: 10px 0;
    display: inline-block;
    width: 33.3%;
    font-size: 11px;
    letter-spacing: 0.1em;
    
    color: #6f717d;
    border-bottom: solid 2px #24292d;
  }
   
  .page-club .player-area-wrap .player-area .tab-player-link li.show-tab {
    /*background: #282828;*/
    
    color: #fff;
    border-bottom: solid 2px #f31917;
  }
  .page-club .player-area-wrap .player-area .pickup-area ul {
    overflow: hidden;
  }
  .page-club .player-area-wrap .player-area .pickup-area ul li {
    text-align: center;
    display: none;
    padding: 0px 0 30px;
  }
  .page-club .player-area-wrap .player-area .pickup-area ul li a .player-img {
    position: relative;
    margin: 0 auto 30px;
    width: 60%;
  }
  .page-club .player-area-wrap .player-area .pickup-area ul li a .player-img img {
    max-width: 200px;
    max-height: 300px;
  }
  .page-club .player-area-wrap .player-area .pickup-area ul li .name-wrap {
    color: #d3d3d3;
    overflow: hidden;
    margin-bottom: 10px;
  }
  .page-club .player-area-wrap .player-area .pickup-area ul li .name-wrap .team-logo {
    width: 20%;
    float: left;
  }
  .page-club .player-area-wrap .player-area .pickup-area ul li .name-wrap .team-logo img {
    width: 100%;
  }
  .page-club .player-area-wrap .player-area .pickup-area ul li .name-wrap .name-right {
    float: right;
    width: 67%;
    text-align: left;
  }
  .page-club .player-area-wrap .player-area .pickup-area ul li .name-wrap .name-right .name-ja {
    font-size: 11px;
    letter-spacing: 0.2em;
  }
  .page-club .player-area-wrap .player-area .pickup-area ul li .name-wrap .name-right .name-en {
    font-family: "bleagueFont";
    letter-spacing: 0.1em;
  }
  .page-club .player-area-wrap .player-area .pickup-area ul li .player-detail-wrap {
    width: 100%;
  }
  .page-club .player-area-wrap .player-area .pickup-area ul li .player-detail-wrap a {
    display: inline-block;
    width: 39%;
    padding: 6px 10px;
    border: solid 1px #dcdcdc;
    border-radius: 18px;
    text-align: center;
    letter-spacing: 0.1em;
    margin: 0 1.5%;
    font-size: 12px;
    font-weight: 600;
  }
  .page-club .player-area-wrap .player-area .pickup-area ul li .player-detail-wrap a.player-link {
    color: #000;
    background: #dcdcdc;
    display: none;
  }
  .page-club .player-area-wrap .player-area .pickup-area ul li .player-detail-wrap a.team-player-link {
    color: #dcdcdc;
  }
  .page-club .player-area-wrap .player-area .pickup-area ul li.show {
    display: block;
  }
  .page-club .player-area-wrap .player-area .pickup-area ul li.show a {
    display: inline-block;
    color: #d3d3d3;
  }
  .page-club .league-selector {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 0;
  }
  .page-club .league-selector ul {
    overflow: hidden;
  }
  .page-club .league-selector ul li {
    background: #545454;
    float: left;
    width: 33.3333333%;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    font-family: "bleagueFont";
    font-size: 20px;
    cursor: pointer;
    color: #fff;
    letter-spacing: 0.2em;
  }
  .page-club .league-selector.sp.clublist-tab-sp ul li {
    width: 50%;
  }
  .page-club .league-selector ul li.show-tab {
    background: #000 !important;
    color: #fff !important;
  }
  .page-club .league-selector ul li:nth-child(2) {
    background: #414141;
    color: #fff;
  }
  .page-club .league-selector ul li:hover {
    /*background: #fff;*/
    color: #fff; /*#000;*/
  }
  .club-area-logo .inner .area-title {
    background: #313131;
    color: #fff;
    text-align: center;
    font-size: 10px;
    padding: 10px 0;
    letter-spacing: 0.2em;
    margin-bottom: 0;
  }
  .club-area-logo .inner .team-logo-area ul {
    overflow: hidden;
  }
  .club-area-logo .inner .team-logo-area ul li {
    text-align: center;
    background: #fff;
    display: none;
    padding: 20px 0;
  }
  .club-area-logo .inner .team-logo-area ul li.odd {
    background: #eeeeee;
  }
  .club-area-logo .inner .team-logo-area ul li img {
    display: block;
    width: 20%;
    float: left;
  }
  .club-area-logo .inner .team-logo-area ul li .name-wrap {
    color: #000;
    text-align: left;
  }
  .club-area-logo .inner .team-logo-area ul li .name-wrap .name-ja {
    font-size: 12px;
  }
  .club-area-logo .inner .team-logo-area ul li .name-wrap .name-en {
    font-size: 10px;
    letter-spacing: 0.1em;
  }
  .club-area-logo .inner .team-logo-area ul li.show {
    display: block;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .club-area-logo .inner .team-logo-area ul li.show a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    background: url(/v=1534495869/files/rcms_conv_webp/c/7/c781745b58d897aceb471750605cd704_1513740620.webp) no-repeat right center;
    background-size: 4.8%;
  }
  .club-area-logo .inner .team-logo-area ul li.show a > div {
    padding-left: 2%;
  }
  .all-region-area .area-title {
    background: #313131;
    color: #fff;
    text-align: center;
    font-size: 10px;
    padding: 10px 0;
    letter-spacing: 0.2em;
    margin-bottom: 0;
  }
  .all-region-area .team-logo-area ul {
    overflow: hidden;
  }
  .all-region-area .team-logo-area ul li {
    background: #fff;
    display: none;
    padding: 20px 0;
  }
  .all-region-area .team-logo-area ul li.odd {
    background: #eeeeee;
  }
  section.club-wrap .ticket-information-area-banner p.banner-club ,
  .ticket-information-area-standings p.banner-standings{
    letter-spacing: 0.3em;
  }
  .ticket-information-area-standings div.inner p.title-en.banner-standings{
  font-size:24px;
  }
  section.club-wrap .ticket-information-area-banner a.banner-club ,
  .ticket-information-area-standings a.banner-standings{
    font-size: 17px;
    color: #fff;
    font-weight: 500;
    /*border: 2px solid #000;*/
    /*padding: 10px 15px;*/
    letter-spacing:initial;
    text-decoration:underline;
  }
  .all-region-area .team-logo-area ul li img {
    width: 35%;
  }
  .all-region-area .team-logo-area ul li .name-wrap {
    color: #000;
    width: 46%;
  }
  .all-region-area .team-logo-area ul li .name-wrap .name-ja {
    letter-spacing: 0.1em;
    font-size: 12px;
  }
  .all-region-area .team-logo-area ul li .name-wrap .name-en {
    font-size: 10px;
    letter-spacing: 0.1em;
  }
  .all-region-area .team-logo-area ul li .pref-area-wrap {
    width: 30%;
  }
  .all-region-area .team-logo-area ul li.show {
    display: block;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .all-region-area .team-logo-area ul li.show a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    background: url(/v=1534495869/files/rcms_conv_webp/c/2/c2894ea345e86c651f02aea956d00e6a_1518577893.webp) no-repeat right center;
    background-size: 4.8%;
    overflow: hidden;
  }
  .all-region-area .team-logo-area ul li a > div {
    padding-left: 2%;
  }
  .all-region-area .team-logo-area ul li a img {
    display: block;
    width: 20%;
    float: left;
  }
  .all-region-area .pref-area-wrap .name-pref, .all-region-area .pref-area-wrap .name-area {
    padding: 2px 5px;
    border: solid 1px #7d7d7d;
    font-size: 10px;
    margin-bottom: 5px;
    display: block;
  }
  .all-region-area .pref-area-wrap .name-pref, .all-region-area .pref-area-wrap .name-area {
    padding: 2px 5px;
    border: solid 1px #7d7d7d;
    font-size: 10px;
    margin-bottom: 5px;
    display: inline-block;
  }
  /****************
  mr-b-page
  ****************/
  .mr-b-page .wrap {
    padding: 0 10px;
  }
  .mr-b-page .img-wrap {
    padding-top: 160px;
  }
  .mr-b-page .img-wrap h2 {
    font-size: 19px;
  }
  .mr-b-page .sub-title {
    font-size: 16px;
    padding: 50px 0;
  }
  .mr-b-page .player-box, .mr-b-page .player-box-02 {
    background-size: 65%;
    padding: 110px 0 10px;
  }
  .mr-b-page .player-box .name-box, .mr-b-page .player-box-02 .name-box {
    font-size: 30px;
    top: 60px;
    right: 15px;
  }
  .mr-b-page .player-box .player-name, .mr-b-page .player-box-02 .player-name {
    font-size: 12px;
  }
  .mr-b-page .player-box .player-name dl dt, .mr-b-page .player-box-02 .player-name dl dt {
    padding-right: 0;
  }
  .mr-b-page .player-box .btn, .mr-b-page .player-box-02 .btn {
    margin-top: 70px;
    padding: 5px 10px 5px 40px;
  }
  .mr-b-page .player-box-02 .name-box {
    left: 15px;
  }
  .mr-b-page .container {
    padding: 0 10px;
  }
  .mr-b-page .iframe-container {
    width: 100%;
    margin: 0;
  }
  .mr-b-page .player-info-title {
    margin-bottom: 0;
  }
  .sub-page .news .tbl .tbl-cell,
  .mr-b-page .news .tbl .tbl-cell{
    width: 100%;
    display: block;
  }
  .sub-page .news .tbl .tbl-cell:first-child,
  .mr-b-page .news .tbl .tbl-cell:first-child {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }
  .mr-b-page .player-nav li {
    width: 50%;
  }
  .mr-b-page .player-nav li:nth-child(3) {
    background: #b2b2b2;
  }
  .mr-b-page .player-nav li:nth-child(4) {
    background: #797979;
  }
  .mr-b-page .player-nav li a {
    font-size: 150%;
  }
  .mr-b-page .my-first-sns-wrap .header-sns .twt a {
    padding: 34px 0 16px 0;
    width: 50px;
  }

  .mr-b-page .my-first-sns-wrap .header-sns .fb a {
    padding: 34px 0 16px 0;
    width: 50px;
  }
  .player-page {
    background: #111 !important;
  }
  .player-page .player-box, .player-page .mr-b-page .player-box-02, .mr-b-page .player-page .player-box-02 {
    padding: 0;
  }
  .player-page .player-box > .tbl > .tbl-cell, .player-page .mr-b-page .player-box-02 > .tbl > .tbl-cell, .mr-b-page .player-page .player-box-02 > .tbl > .tbl-cell {
    display: table-header-group;
  }
  .player-page .player-box > .tbl > .tbl-cell:first-child, .player-page .mr-b-page .player-box-02 > .tbl > .tbl-cell:first-child, .mr-b-page .player-page .player-box-02 > .tbl > .tbl-cell:first-child {
    width: 100%;
    display: table-footer-group;
  }
  .player-page .player-box > .tbl > .tbl-cell .tbl, .player-page .mr-b-page .player-box-02 > .tbl > .tbl-cell .tbl, .mr-b-page .player-page .player-box-02 > .tbl > .tbl-cell .tbl {
    float: right;
  }
  .player-page .player-box > .tbl > .tbl-cell .tbl .text, .player-page .mr-b-page .player-box-02 > .tbl > .tbl-cell .tbl .text, .mr-b-page .player-page .player-box-02 > .tbl > .tbl-cell .tbl .text {
    font-size: 10px;
  }
  .player-page .player-box > .tbl > .tbl-cell .tbl .text span:nth-child(3), .player-page .mr-b-page .player-box-02 > .tbl > .tbl-cell .tbl .text span:nth-child(3), .mr-b-page .player-page .player-box-02 > .tbl > .tbl-cell .tbl .text span:nth-child(3) {
    letter-spacing: 3.3px;
  }
  .player-page .player-box > .tbl > .tbl-cell .tbl .text span:nth-child(5), .player-page .mr-b-page .player-box-02 > .tbl > .tbl-cell .tbl .text span:nth-child(5), .mr-b-page .player-page .player-box-02 > .tbl > .tbl-cell .tbl .text span:nth-child(5) {
    letter-spacing: 3.3px;
  }
  .player-page .player-box > .tbl > .tbl-cell .tbl .title, .player-page .mr-b-page .player-box-02 > .tbl > .tbl-cell .tbl .title, .mr-b-page .player-page .player-box-02 > .tbl > .tbl-cell .tbl .title {
    font-size: 70px;
    line-height: 1;
  }
  .player-page .player-box .name-box, .player-page .mr-b-page .player-box-02 .name-box, .mr-b-page .player-page .player-box-02 .name-box {
    font-size: 39px;
    top: 90%;
    left: 10px;
  }
  .player-page .player-info-box {
    margin-top: 120px;
  }
  .player-page .player-info-box .fl {
    width: 100%;
    text-align: center;
    float: none !important;
    display: table-footer-group;
  }
  .player-page .player-info-box .fl:last-child {
    width: 100%;
    text-align: left;
    display: table-header-group;
  }
  .player-page .player-info-text {
    padding-bottom: 20px;
  }
  .player-page .player-info-tbl {
    width: 100%;
  }
  .player-page .player-info-tbl th {
    width: 35%;
    padding: 3px 0;
  }
  /****************
  bguide-page
  ****************/
  .bguide-page .main-img-box {
    padding: 60px 0;
  }
  .bguide-page .wrap {
    padding: 0 10px;
  }
  .bguide-page .news .tbl .inner-tbl {
    margin-bottom: 20px;
  }
  .bguide-page .news .tbl .inner-tbl .tbl-cell:first-child {
    width: 100%;
    text-align: left;
    margin-bottom: 0;
  }
  .bguide-page .guide-box {
    float: none;
    width: 100%;
    margin-bottom: -6px;
    position: relative;
  }
  .bguide-page .guide-box .number {
    top: 37px;
    font-size: 90px;
    z-index: 1;
  }
  .bguide-page .guide-box .guide-title {
    font-size: 22px;
    top: 0;
    width: 100%;
    text-align: center;
    position: relative;
    padding: 10px 0;
  }
  .bguide-page .first-box .guide-title {
  background: rgba(254, 104, 249, 1.0);
  }
  .bguide-page .second-box .guide-title {
    background: rgba(76, 189, 247, 1.0);
  }
  .bguide-page .third-box .guide-title {
    background: rgba(246, 255, 0, 1.0);
    color: #000;
  }
  .bguide-page .guide-box .guide-text {
    bottom: 28%;
    font-size: 11px;
  }
  .bguide-page .guide-box .tbl {
    font-family: "bleagueFont";
    position: relative;
    color: #fff;
    background: #000;
    margin: 10px 0 30px;
  }
  .bguide-page .guide-box.second-box .tbl {
    margin: 10px 0 7px;
  }
  .bguide-page .guide-box.third-box .tbl {
    margin: 10px 0 10px;
  }
  .bguide-page .first-box .tbl .tbl-cell:first-child {
    width: 27%;
  }
  .bguide-page .first-box .tbl .title {
    font-size: 46px;
  }
  .bguide-page .first-box .tbl .text {
    font-size: 13px;
  }
  .bguide-page .second-box .tbl .tbl-cell:first-child {
    width: 10%;
  }
  .bguide-page .second-box .tbl .tbl-cell {
    width: 36%;
  }
  /*.bguide-page .second-box .guide-text {
    top: 60%;
  }*/
  .bguide-page .second-box .tbl .title {
    font-size: 90px;
  }
  .bguide-page .second-box .tbl .text {
    font-size: 13px;
    line-height: 1.1;
  }
  .bguide-page .second-box .tbl .text span:nth-child(1) {
    letter-spacing: 1.4px;
  }
  .bguide-page .second-box .tbl .text span:nth-child(2) {
    letter-spacing: 1.2px;
  }
  .bguide-page .second-box .tbl .text span:nth-child(3) {
    letter-spacing: 3.4px;
  }
  .bguide-page .second-box .tbl .text span:nth-child(4) {
    letter-spacing: 1.3px;
  }
  .bguide-page .second-box .tbl .text span:nth-child(5) {
    letter-spacing: 3.2px;
  }
  .bguide-page .third-box .guide-text {
  }
  .bguide-page .third-box .img-box {
    right: 0;
    text-align: center;
    width: 100%;
  }
  .bguide-page .third-box .img-box img {
    width: 30%;
  }

  .bguide-page .guide-box .btn {
    font-family: "bleagueFont";
    border: solid 2px #fff;
    margin: 0 auto 60px;
    text-align: center;
    width: 67%;
    padding: 10px;
    color: #fff;
    display: block;
  }
  
.bguide-page .more-box{
  }
.bguide-page .and-more-area{
    bottom: 8%;
    right: 0;
    margin: 0 7%;
    width: 86%;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.1em;
    line-height: 1.4;
    text-align: center;
  }
.bguide-page .and-more-area .title{
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
  }

  .header-sns {
    text-align: center; }
    .header-sns li {
      display: inline-block; }
    .header-sns a {
      display: block;
      width: 30px;
      height: 30px;
      transition: all .2s linear;
      -webkit-transition: all .2s linear; }
      .header-sns a:hover {
        opacity: 0.7; }
    .header-sns .fb a {
      background: url(/v=1531954003/files/rcms_conv_webp/2/3/230413ec3cabeb958afc660d102b6a56_1518577902.webp) no-repeat center center #3b5998;
      background-size: 9px; }
    .header-sns .twt a {
      background: url(/v=1531954003/files/rcms_conv_webp/4/5/45e358926668962cd2379d25d90ff3af_1518577904.webp) no-repeat center center #00aced;
      background-size: 18px; }
  
  .instafeed {
    overflow: hidden;
    zoom: 1; }
    .instafeed a {
      display: block;
      width: 25%;
      float: left; }
      .instafeed a img {
        width: 100%;
        vertical-align: top; }
      .instafeed a:last-child {
        display: none; }
        .twt-fb-outer{
  background: #d1d1d1;
  padding: ;
}
  .twt-fb {
    overflow: hidden;
    zoom: 1; }
    .twt-fb .h-bar{
      position: relative;
      padding: 22px 0 30px 15px;

    }
     .twt-fb .more{
      padding: 5px;
    display: inline-block;
    width: auto;
      font-size: 10px;

     }
    .twt-fb .more{
          position: absolute;
    right: 5px;
 
    
}
     .twt-fb .h-bar:after {
        content:"";
        height: 10px;
        width: 100%;
        
        bottom: 0;
      left: 0; 
      position: absolute;
    }
    .twt-fb .twt .h-bar:after {
      background: #29c1ce;
     }
    .twt-fb .fb .h-bar:after {
      background: #4b68b9;
    }
    .twt-fb .fb .content .fb-page{
      margin: 0 auto;
    }
    .twt-fb .instagram .h-bar:after {
       background: linear-gradient(left, #ff0000, rgba(255,0,0,0));
      background: -webkit-gradient(linear, left top, right top, from(#f4ba56), to(#8b4dbc));
    }
    .twt-fb .h-bar .h-en {
      font-size: 16px; }
    .twt-fb .content {
      /*display: none; */
    }
    .twt-fb > * {
      float: left;
      width:50%;
     }
     .twt-fb .instagram .content{
      padding: 15px;
      box-sizing: border-box;
     }
     
     .twt-fb .instagram .content img{
        width: 100%;
        height: auto;
       }
    .twt-fb .instagram {
      width: 100%; 
      
    }


  .twitter-timeline {
    max-width: 100% !important; }

/*////////////////////////////
  
  {  * *  }
   ┘|||||└  

       | WITH B. |　　　　　　　　　　　　
                      
/////////////////////////////*/
  .page-with-b .club-area-logo .inner .team-logo-area ul li.show a.none {
      background: none;
  }
  .page-with-b .sub-header-content h2 {
      margin:0 20px;
      }
      .page-with-b .league-selector h3 {
    text-align: center;
      font-family: "bleagueFont";
      font-size: 24px;
      color: #fff;
      margin: 10px;
      letter-spacing: 0.2em;
  }
  .page-with-b .club-area-logo .inner .team-logo-area ul li .name-wrap .name-ja {
    display: none;
  }
  .page-with-b .club-area-logo .inner .team-logo-area ul li .name-wrap .name-en {
    display: none;
  }
  .page-with-b .fanclub-data {
      text-align: left;
      color: #000;
      font-size: 11px;
      width: 70%;
      float: left;
      margin-left: 2%;
  }
  .page-with-b .fanclub-data p.fanclub-name {
      display: inline-block;
      margin-bottom: 0;
      font-size: 14px;
      font-weight: bold;
      float:left;
  }
  .page-with-b .fanclub-data img.external-icon {
      width: 18px !important;
      margin-left: 10px;
      margin-top: 3px;
  }
  .page-with-b .fanclub-data img.external-icon.name-2row {
      margin-top: 12px;
  }
  .page-with-b .fanclub-data p.club-name {
      font-size: 11px;
      color: #545454 !important;
      letter-spacing: 0.2em;
  }
  .page-with-b .fanclub-data p.type {
      clear: both;
      margin-right: 10%;
  }
  .page-with-b .fanclub-data p.mascot-name {
      font-size: 11px;
      letter-spacing: 0.2em;
  }
  .page-movie .more-wide {
      background: #222222;
  }
  .page-movie .component-month-selector .day-selector {
    margin-right: 0;
  } 
  .page-movie .movie-select-wrap{
    margin-bottom: 30px;
  }
  .page-movie .movie-select-wrap select{
  /* display: inline-block; */
    padding: 0 10px;
    width: 32.5%;
    font-size: 18px;
    height: 30px;
    margin-bottom: 10px;
    box-sizing: border-box;
 }
 .page-movie .movie-select-wrap select#cat{
    font-family: "bleagueFont";
    letter-spacing: 0.1em;
    width: 100%;

}
  .page-movie .movie-select-wrap .btn {
  display: inline-block;
  text-align: center;
  width: 100%;
  height: 30px;
  font-size: 20px;
  background: #000;
  outline: none;
  color: #fff;
  border-radius: 10px;
  border: solid 1px #000;
  font-family: "bleagueFont";
    letter-spacing: 0.1em;
  } 
.page-movie .magazine-wrap .normal-event-wrap li dd {
    height: 30px;
    overflow: visible;
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 15px;
  }

  .page-movie  .normal-event-wrap span.pickup-clubname {
    font-size: 10px;
    font-weight: bold;
    display: inline-block;
    background: #333333;
    color: white;
    line-height: 12px;
    height: 12px;
    padding: 3px;
}
.countdown{
  position: absolute;
  width: 281px;
  height: 320px;
  z-index: 1;
  color:#fff;
  bottom:0;
  background: url(/v=1534495869/files/rcms_conv_webp/c/a/cad0ab36292c6ad3070e800cd98f4831_1518577951.webp) no-repeat center top;
  background-size: 100% auto;
  opacity: 0;
}

.countdown-sp-area{position: relative;}
.countdown-sp-area .countdown{
   top:8px; 
  /* right:15px; */
  position: relative;
  width: 180px;
  height: 200px;
  margin-left: 44%;
}
.countdown-sp-area .kaimaku-txt{
  position: absolute;
  top:36%;
  left:30px;
  text-align: center;
  font-size: 30px;font-weight: bold;color:#fff;
}

.countdown-sp-area .kaimaku-txt span{
  font-size: 40px;font-weight: bold;color:#fff;
  display: block;
}



.loaded .countdown,
.countdown.start{
  opacity: 1;
}

.countdown div{
  position: absolute;

}

.countdown .min{bottom: 52%;left: 62%;}
.countdown .hour{bottom: 52%;left: 48%;}
.countdown .day{top: 47.5%;left: 39%;}

.countdown-sp-area .countdown .min{bottom: 50%;left: 62%;}
.countdown-sp-area .countdown .hour{bottom: 50%;left: 48%;}
.countdown-sp-area .countdown .day{top: 50.5%;left: 39%;}

.countdown .min img{ width: 25%!important;}
.countdown .hour img{ width: 18%!important;}
.countdown .day img{ width: 29%!important; }




}
/*SP END QUERY*/


@media (min-width: 641px) and (max-width: 1290px) {
  .mr-b-page .img-wrap {
    padding-top: 490px;
  }
  .schedule .schedule-list-wrap .schedule-ul li {
    padding: 15px;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .league-area {
    padding-right: 5px;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .team-logo {
    padding: 0 5px;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .team-logo img {
    min-width: 35px;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .team-name {
    letter-spacing: 0.1em;
    padding: 0 5px;
    min-width: 90px;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .a-h {
    padding: 0 0;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .score-box {
    width: 110px;
    min-width: 110px;
    padding: 0 5px;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .score-box .score {
    font-size: 22px;
    width: 30px;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .score-box .score.score-left {
    padding-right: 8px;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .score-box .score.score-right {
    padding-left: 8px;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .score-box:after {
    content: "VS";
    position: absolute;
    left: 50%;
    top: 37%;
    font-size: 12px;
    letter-spacing: 0.2em;
    margin-left: -8px;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .start-time {
    color: #737172;
    text-align: center;
    font-size: 16px;
    position: relative;
    width: 110px;
    min-width: 110px;
    padding: 0 5px;
    text-align: center;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .start-time span {
    display: inline-block;
    padding-right: 5px;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .live-mode {
    text-align: center;
    color: #ef1023;
    width: 110px;
    min-width: 110px;
    font-size: 18px;
    letter-spacing: 0.1em;
    padding: 0 5px;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .check-area {
    padding: 0 5px 0 0;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .check-area .no-check {
    opacity: 0.5;
    filter: alpha(opacity=50);
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .check-area .no-check img {
    width: 100%;
    min-width: 40px;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .check-area a img {
    width: 100%;
    min-width: 40px;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .stadium-detail {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    padding: 0 5px;

  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .stadium-detail .stadium-name {
    min-width: 80px;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .result-area {
    padding-left: 5px;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .result-area .result-btn {
    border-radius: 20px;
    width: 90px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    letter-spacing: 0.1em;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .ticket-area {
    padding-left: 5px;
  }
  .schedule .schedule-list-wrap .schedule-ul li .schedule-detail .ticket-area .ticket-btn {
    border-radius: 20px;
    width: 90px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    letter-spacing: 0.1em;
  }
  .page-club .club-wrap {
    padding: 0;
  }
  .page-club .club-wrap .each-area .inner-link {
    left: 0px;
  }
  .page-club .club-wrap .each-area .inner-link.fixed {
    left: 0px;
  }
  .page-club .club-wrap .club-area-map .inner {
    margin: 0;
    padding: 60px 0;
  }
  .player-page .player-box .tbl .title, 
  .player-page .mr-b-page .player-box-02 .tbl .title, 
  .mr-b-page .player-page .player-box-02 .tbl .title {
    font-size: 107px;
  }
  .bguide-page .guide-box .number {
    top: -14%;
  }
  .bguide-page .news .tbl .inner-tbl .tbl-cell:first-child {
    width: 18%;
  }
  .bguide-page .guide-box .guide-text {
    top: 62%;
  }
  .bguide-page .second-box .guide-text {
    top: 59%;
  }
  .bguide-page .third-box .guide-text {
    top: 65%;
  }
  .bguide-page .first-box .tbl .text {
    font-size: 17px;
  }
  .bguide-page .first-box .tbl .title {
    font-size: 50px;
  }
  .bguide-page .second-box .tbl .title {
    font-size: 102px;
  }
  .bguide-page .second-box .tbl .text {
    font-size: 15px;
  }
  .bguide-page .guide-box .guide-title {
    font-size: 20px;
    top: 2%; 
  }
  .bguide-page .news .tbl .inner-tbl .tbl-cell:first-child {
    width: 25%;
  }
  .bguide-page .second-box .tbl .text span:first-child {
  letter-spacing: 1.4px;
  }
  .bguide-page .second-box .tbl .text span:nth-child(2) {
    letter-spacing: 1.1px;
  }
  .bguide-page .second-box .tbl .text span:nth-child(3) {
    letter-spacing: 3.7px;
  }
  .bguide-page .second-box .tbl .text span:nth-child(4) {
    letter-spacing: 0.5px;
  }
  .bguide-page .second-box .tbl .text span:nth-child(5) {
    letter-spacing: 0.5px;
  }
  .bguide-page .second-box .tbl .text span:nth-child(5) {
      letter-spacing: 3.6px;
  }
}

@media (min-width: 641px) and (max-width: 1170px) {
  .footer-left {
    width: 530px !important;
  }
  .footer-left .fnav-wrap .fnav li {
    margin-right: 20px !important;
  }
  .club-list-wrap .league .club-list li {
    padding: 0 5px !important;
  }
  .club-list-wrap .league .club-list li img {
    width: 35px !important;
  }
  .league-select-detail .component-month-selector {
    width: auto !important;
  }
  .league-select-detail .year-selector-schedule {
    margin-bottom: 20px;
  }
  .magazine-wrap dl dt span {
    margin-right: 2%;
  }
  .magazine-wrap .inner .event-cat ul li a {
    padding: 10px 5px 10px 18px;
  }
  .top-page .schedule-wrap .bx-controls-direction a {
        /*padding: 20px 5px 15px;*/
  }
  .schedule-wrap .game-wrap .date-box-new {
    margin-right: 3%!important;
  }
}

/*@media screen and (max-width: 375px) {
  .mr-b-page .player-box, .mr-b-page .player-box-02 {
    padding: 90px 0 10px;
  }
  .player-page .player-box {
    padding: 0;
  }
  .bguide-page .guide-box .guide-title {
    top: 9%;
  }
  .bguide-page .guide-box .guide-text {
    font-size: 11px;
  }
  .bguide-page .first-box .tbl .title {
    font-size: 54px;
  }
  .bguide-page .first-box .tbl .text {
    font-size: 17px;
  }
  .bguide-page .second-box .guide-text {
    top: 64%;
  }
  .bguide-page .second-box .tbl .tbl-cell:first-child {
    width: 33%;
  }
  .bguide-page .third-box .guide-text {
    top: 68%;
  }
}*/ 
/*@media screen and (max-width: 320px) {
  .mr-b-page .player-box, .mr-b-page .player-box-02 {
    padding: 48px 0 10px;
  }
  .player-page .player-box {
    padding: 0;
  }
  .bguide-page .guide-box .guide-title {
    top: 10%;
  }
  .bguide-page .guide-box .guide-text {
    top: 68%;
  }
  .bguide-page .first-box .tbl .title {
    font-size: 46px;
  }
  .bguide-page .first-box .tbl .text {
    font-size: 14px;
  }
  .bguide-page .second-box .guide-text {
    top: 57%;
  }
  .bguide-page .second-box .tbl .tbl-cell:first-child {
    width: 25%;
  }
  .bguide-page .third-box .guide-text {
    top: 63%;
  }
  .bguide-page .third-box .img-box img {
    width: 50%;
  }
}*/

@media screen and (min-width: 1300px) {


  .top-main-visual-wrap {
   max-width: 1500px;
   margin: -50px auto 150px;
}
  .top-page .more{
    top: 0;
    right: 0px;
  }
  .top-page .about-info-wrap .inner, 
  .top-page .magazine-wrap .inner,.top-page .twt-fb-outer .inner,.top-page .layout-sponsors .inner{
   max-width: 1300px;
   margin: 0 auto;
  position: relative;
  z-index: 11;
  }
  .top-page .news-wrap ul li a{
    
  }
  .top-page .about-info-wrap ul li {
    position: relative;
  }
  .top-page .about-info-wrap ul li.about .sub-title {
    left: -50px;
  }
  .top-page .about-info-wrap ul li.club .sub-title {
    right: -50px;
  }
  .sub-page section .inner, .sub-page article .inner {
    max-width: 1300px;
    margin: 70px auto 0;
  }

#body--news-index .sub-page section .inner, .sub-page article .inner {
    max-width: 1300px;
    margin: 70px auto 0;
    padding: 0 50px;
  }

  .sns-wrap .league-selector {
    /*padding: 0;*/
  }
  
  
}

@media screen and (min-width: 1500px) {
  .top-page .news-wrap ul li a{
    max-width: 1300px;
    margin: 0 auto;
    padding: 0;
  }
}
  /*////////////////////////////
  
  {  * *  }
   ┘|||||└  

               | @REGULATION Bリーグ規約 |　　　　　　　　　　　　
                      
  /////////////////////////////*/
  @media screen and (min-width: 641px) {
.regulation-content .content .p-indent {
    margin-bottom: 70px;
}
.regulation-content .content .p-indent p img {
    vertical-align: middle;
    margin-right: 4px;
    margin-top: -7px;
}
.regulation-content .content .p-indent p {
    text-indent: -35px;
    padding-left: 35px;
    color: #6a6a6a;
    font-size: 16px;
}
.regulation-content .content .p-indent p:nth-child(odd) {
    float: left;
    width: 46%;
    margin-right: 3%;
}
.regulation-content .content .p-indent p:nth-child(even) {
    margin-left: 54%;
    width: 48%;
}
  .page-movie .component-month-selector {
    width: 420px;
    margin: 0 auto 70px;
  }
  .page-movie .component-month-selector .common-selector {
    margin-right: 65px;
  }
  .page-movie .component-month-selector .day-selector {
    margin-right: 0;
  }
  .page-movie .component-month-selector .day-selector ul {
    width: 130px;
  }
  .page-movie .component-month-selector .day-selector li {
    float: left;
    width: 47%;
  }
  .page-ticket.page-club span.btn-qr {
    background: #0075a9;
    margin: -2px 4px;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    text-align: center;
    padding: 5px 20px;
    border-radius: 20px;
  }

  .page-ticket.page-club p {
    color: #fff;
  }
  .page-ticket.page-club .player-area-wrap .league-selector ul li {
      width: 33.33333%;
      line-height: 1;
      padding: 25px 0;
  }
  .page-ticket.page-club .league-selector ul span {
    font-family: 'Noto Sans Japanese';
    font-size: 14px;
  }
  .page-ticket.page-club .ticket_content h2 span.bFont {
    font-size: 36px;
    color: #fff;
    letter-spacing: 12px;
  }
  .page-ticket.page-club .ticket_content h2 span {
    font-size: 16px;
    color: #fff;
    letter-spacing: 3px;
  }

  
  /*////////////////////////////
 
        | @GAME 試合結果　PC |　　　　　　　　　　　　
  
  /////////////////////////////*/
  .page-media-game ul.tab-club li.show-tab{
    background: #FFF;
  }
  .page-media-game .tab-club li {
    width : 33.33333% ; /* 未対応ブラウザ用フォールバック */
    width : -webkit-calc(100% / 3) ;
    width : calc(100% / 3) ;
  }
  .page-media-game .tab-club li:nth-child(2) {
      background: #545454;
  }
  .page-media-game .tab-club li:hover {
      background: #fff;
      color: #000;
  }

      /*　チケットページ　*/
    .page-ticket .title-00 h1 {
      font-size: 48px !important;
  }
  .page-ticket .title-00 h2 {
      font-size: 18px !important;
      letter-spacing: 0.25em !important;
  }
  .page-ticket p.header_text a.co-wh{
      color: #fff !important;
      text-decoration: underline;
  }
  .page-ticket table.pc-img {
      width: 100%;
      margin-bottom: 100px;
  }
  .page-ticket th.flow-title-wrap {
      background: #686868;
      color: #fff;
      text-align: center;
      font-size: 36px;
      letter-spacing: 3px;
      vertical-align: middle;
      width: 76px;
      position: relative;
  }
  .page-ticket th.flow-txt-wrap {
      background: #e4e4e4;
      /* color: #000 !important; */
      padding: 40px;
      vertical-align: top;
  }
  .page-ticket p.flow-title {
      font-weight: bold;
      /* position: relative; */
      font-size: 18px !important;
      display: inline-block;
      border-bottom: 1px solid #000;
      color: #000 !important;
      margin-bottom: 20px;
  }
  .page-ticket p.flow-txt {
      color: #000 !important;
  }
  .page-ticket p.flow-txt a {
      color: #000 !important;
      text-decoration: underline;
  }
  .page-ticket th.flow-img-wrap {
      background: #fff;
      padding: 0;
      width: 538px;
      text-align: center;
      position: relative;
  }
  .page-ticket th.flow-img-wrap img {
      vertical-align: middle;
  }
  .page-ticket th.flow-title-wrap:after {
      content: url(/v=1534495869/files/rcms_conv_webp/c/d/cdbf791d2c2427ac7d4a42384e0f4354_1513914671.webp);
      position: absolute;
      bottom: -27px;
      left: 50%;
      margin-left: -14px;
  }
  .page-ticket .flow_list li:last-child th.flow-title-wrap:after {
      display: none;
  }
  .page-ticket.page-club p {
    color: #fff;
  }
  .page-ticket .inner h1, 
  .page-ticket .inner h2 {
    color: #fff;
  }
  .page-ticket.page-club p.header_text {
    font-size: 16px;
    letter-spacing: 0.2em;
    max-width: 1300px;
    margin: 20px auto;
    text-align: center;
    line-height: 2;
  }
  .page-ticket.page-club p.header_text a {
    color: #fff;
    text-decoration: underline;
  }
  .page-ticket.page-club .btn_wrap {
    margin: 100px 0 0;
  }
  .page-ticket.page-club .btn_wrap .tk_btn {
    width: 50%; 
    background: #b5b5b5;
    padding: 30px; 
    margin: 0 auto;
    color:  #000;
    text-align: center;
    font-size: 16px;
    letter-spacing: 0.2em;
  }
  .page-ticket.page-club .player-area-wrap .league-selector ul li {
      width: 50%;
      line-height: 1;
      padding: 25px 0;
  }
  .page-ticket.page-club .league-selector ul span {
    font-family: 'Noto Sans Japanese';
    font-size: 14px;
  }
  .page-ticket.page-club .ticket_content .point_list .text {
    font-size: 16px;
    letter-spacing: 0.2em;
    margin-left: 5%;
  }
  .page-ticket.page-club .ticket_content {
    margin-top: 100px;  
  }
  .page-ticket.page-club .ticket_content:first-child {
    margin-top: 0;  
  }
  .page-ticket.page-club .ticket_content h2 span.bFont {
    font-size: 36px;
    color: #fff;
    letter-spacing: 12px;
  }
  .page-ticket.page-club .ticket_content h2 span {
    font-size: 16px;
    color: #fff;
    letter-spacing: 3px;
  }
  .page-ticket.page-club .ticket_content ul li {
    color: #fff;
    font-size: 14px;
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding: 10px
  }
  .page-ticket.page-club p.point-title {
    color: #fff;
    border-bottom: 1px solid #fff;
    margin-bottom: 20px;
  }
  .page-ticket.page-club .ticket_content ul li img {
    width: 100%;
  }
  .page-ticket.page-club .ticket_content ul li .bFont {
    font-size: 36px;
    width: 6%;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0.1em;
    line-height: 50px;
  }
  .page-ticket.page-club .ticket_content .flow_list li {
    margin-top: 60px; 
  }
  .page-ticket.page-club .ticket_content .flow_list .col {
    display: table-cell;
    vertical-align: top;
  }
  .page-ticket.page-club .ticket_content .flow_list li:nth-child(odd) .left {
    width: 60%; 
  }
  .page-ticket.page-club .ticket_content .flow_list li:nth-child(even) .left {
    width: 40%; 
  }
  .page-ticket.page-club .ticket_content .flow_list li:nth-child(odd) .right {
    width: 40%; 
  }
  .page-ticket.page-club .ticket_content .flow_list li:nth-child(even) .right {
    width: 60%; 
  }
  .page-ticket.page-club .ticket_content .flow_list .flow_wrap {
    width: 90%;
  }
  .page-ticket.page-club .ticket_content .flow_list .flow_wrap h3 {
    background: #e4e4e4;
  }
  .page-ticket.page-club .ticket_content .flow_list .flow_wrap h3 span {
    display:  inline-block;
    vertical-align: middle;
    font-size: 18px;
    padding-left: 35px;
  }
  .page-ticket.page-club .ticket_content .flow_list .flow_wrap h3 span.bFont {
    font-size: 36px;
    padding: 20px;
    background: #686868;
    color: #fff;
    line-height: 1;
  }
  .page-ticket.page-club .ticket_content .flow_list .flow_wrap p {
    background: #fff;
    padding: 30px;
    color:  #000;
    position:   relative;
  }
  .page-ticket.page-club .ticket_content .flow_list li:nth-child(odd) .flow_wrap p:before {
    content: "";
    position: absolute;
    top: -webkit-calc(50% - 15px);
    top: calc(50% - 15px);
    right: -30px;
    border: 15px solid transparent;
    border-left: 15px solid #fff;
  }
  .page-ticket.page-club .ticket_content .flow_list .flow_wrap p a {
    text-decoration:  underline;
    color:  #000;
  }
  .page-ticket.page-club .ticket_content .flow_list li:nth-child(even) .right .flow_wrap {
    padding-left: 10%;  
  }
  .page-ticket.page-club .ticket_content .flow_list li:nth-child(even) .right .flow_wrap p:before {
      content: "";
      position: absolute;
      top: -webkit-calc(50% - 15px);
      top: calc(50% - 15px);
      left: -30px;
      border: 15px solid transparent;
      border-right: 15px solid #fff;
  }
  .page-ticket.page-club .ticket_content .flow_list .sp_flow .col {
    vertical-align: middle;
  }
  .page-ticket.page-club .sp_flow_wrap .flow_list li {
    margin-top: 0;  
  }
  .page-ticket.page-club .sp_flow_wrap .flow_list li:last-child,
  .page-ticket.page-club .sp_flow_wrap .flow_list li:first-child{
    margin-top: 70px; 
  }
  .page-ticket.page-club p.appDl.iphone {
    margin-left: -20px;
  }
  .page-ticket.page-club p.appDl {
    width: 50%;
    float: left;
    padding: 20px;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 1;
  }
  .page-ticket.page-club p.appDl img {
    width: 100%;
    margin-bottom: 5px;
  }
  /* popup */
  .ticket-pop-cover{
    opacity:0;
    position:relative;
    z-index:-1;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, 0.8) none repeat scroll 0% 0%;
    transition:all .2s;
    -webkit-transition:all .2s;
  }
  .note-show .ticket-pop-cover{
    opacity:1;
    z-index:9999;
  }
  .ticket-pop-cover .ticket-note-close{
    position:absolute;
    display:block;
    right:50%;
    margin-right:-500px;
    top:30px;
    width:30px;
    height:30px;
    cursor:pointer;
    transition:all .2s;
    -webkit-transition:all .2s;
  }
  .ticket-pop-cover .ticket-note-close:hover{
    opacity:.8;
  }
  .ticket-pop-cover .ticket-note-close::before,
  .ticket-pop-cover .ticket-note-close::after{
    content:'';
    position:absolute;
    margin-top:14px;
    width:30px;
    height:1px;
    border-top:2px solid #FFF;
  }
  .ticket-pop-cover .ticket-note-close::before{
    transform:rotate(45deg);
  }
  .ticket-pop-cover .ticket-note-close::after{
    transform:rotate(-45deg);
  }
  .ticket-note-wrap{
    overflow-y: auto;
    margin: 40px auto 0;
    padding: 50px;
    width: 800px;
    height: 80%;
    font-size: 14px;
    line-height: 2;
    letter-spacing: 0.2em;
    background: #FFF;
  }
  .ticket-note-wrap h3{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
  }
  .ticket-note-wrap p{
    margin-bottom:20px;
  }
  span.header-ticket-txt {
    background: #fff;
    color: #000;
    padding: 1px 2px;
    display: inline-block;
    margin-bottom: 6px;
  }
  /*PC チケットページここまで*/

  /*　PC　トップ　共通　*/ 
  .contents-wrap {
    position: relative;
  }
  .contents-wrap .more {
    position: absolute;
    color: #000;
    
  }
  .contents-wrap .more:hover {
    color: #fff;
  }
  .contents-wrap .more.blk {
    background: #000;
    color: #b2b2b2;
    border-color: #b2b2b2;
  }
  .contents-wrap .more.blk:hover {
    background: #fff;
    color: #000;
    border-color: #000;
  }
  .contents-wrap .area-title {
    color: #fff;
    font-size: 36px;
    letter-spacing: 6px;
    line-height: 1;
  }
  .tbl {
    display: table;
    width: 100%;
  }
  .tbl-cell {
    display: table-cell;
  }
  .small {
    font-size: 70%;
  }
  .big {
    font-size: 120%;
  }
  .no-click {
    pointer-events : none;
  }
  /*　PC　トップ　共通　ここまで*/ 

  /*　PC　トップ　schedule-wrap　*/
  .schedule-wrap {
    margin-bottom: 60px;
  }
  .top-schedule{
    padding: 50px 0;
  }
  
   .schedule-wrap .more{
    right: 50px;
    top: 0;
  }

  .schedule-wrap .more-btm {
    right: 50px;
    top: 93%;
  }
  .schedule-wrap .bx-viewport {
    max-width: 1300px;
    margin: 0 auto;
  }
  .schedule-wrap .bx-controls-direction a {
    position: absolute;
    top: 33%;
    background: #414141;
    padding: 20px 10px 15px;
  }
  .schedule-wrap .bx-controls-direction a.bx-prev {
    left: 0;
  }
  .schedule-wrap .bx-controls-direction a.bx-next {
    right: 0;
  }

  .schedule-wrap .tabset .tabset_tab {
    overflow: hidden;
  }
  .schedule-wrap .tabset .tabset_tab li {
    float: left;
    width: 250px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .schedule-wrap .tabset .tabset_tab li a {
    text-align: center;
    font-size: 21px;
    cursor: pointer;
    letter-spacing: 0.2em;
    color: #fff;
    display: inline-block;
    width: 100%;
    background: #616161;
    line-height: 1;
    padding: 15px 0;
  }
  .schedule-wrap .tabset .tabset_tab li a.select {
    background: #2b2b2b;
  }
  .schedule-wrap .tabset .tabset_panel {
    background: #2b2b2b;
    position: relative;
  }
  .schedule-wrap .tabset .tabset_panel .tab_contents {
    padding: 0;
    position: relative;
    overflow: hidden;
  }
  .schedule-wrap .tabset .tabset_panel .tab_contents .league-name{
    background: #7c7c7c;
    font-family: "bleagueFont";
    color: #fff;
    width: 9%;
    font-size: 29px;
    padding-top: 10px;
    text-align: center;
    position: absolute;
    height: 100%;
    box-sizing: border-box;
    left: -37px;
  }
  
  .schedule-wrap .tabset .tabset_panel .tab_contents.b2 .league-name{
    background: #757575;
  }
  .schedule-wrap .tabset .tabset_panel .tab_contents .bx-wrapper{
    float: right;
    width: 93%;
    padding: 20px 10px 20px 0;
    box-sizing: border-box;

  }
  .schedule-wrap .tabset .tabset_panel .tab_contents .bx-wrapper li{
    padding: 0 8px;
  }
  .schedule-wrap .tabset .tabset_panel .tab_contents.b2 {
    background:#1c1c1c;
  }
  .schedule-wrap .magazine-wrap {
    background: #2b2b2b;
  }
  .schedule-wrap a.bx-prev:before {
    content: url(/v=1530354811/files/rcms_conv_webp/0/5/050454f09a3b8577468deb4d1e89d493_1513740619.webp);
  }
  .schedule-wrap a.bx-next:after {
    content: url(/v=1530354811/files/rcms_conv_webp/7/3/73eab8bf05a8f38d95eba73a7647db95_1513740620.webp);
  }
  .schedule-wrap .game-wrap {
    /*padding: 0 20px;*/
  }
  .schedule-wrap .game-wrap .date-box {
    color: #fff;
    text-align: center;
    font-weight: bold;
  }
  .schedule-wrap .game-wrap .date-box-new {
    color: #fff;
    text-align: left;
    font-weight: bold;
    font-size: 20px;
    display: inline-block;
    margin-right: 12%;
  }
  
  .schedule-wrap .game-wrap p {
    /*letter-spacing: 2px;*/
  }
.schedule-wrap .game-wrap .week-time{
display: inline-block;
font-size: 10px;
line-height: 1;
color:#fff;
letter-spacing: 2px;
}
.schedule-wrap .game-wrap .sat {
    color: #256ad2;
  }
  .schedule-wrap .game-wrap .sun {
    color: #cb0b18;
  }

  .schedule-wrap .game-wrap .game-type{
    background: #fff;
    font-size: 11px;
    text-align: center;
    letter-spacing: 0.2em;
    margin-left: 1px;
    margin-right: 1px;
  }

  .schedule-wrap.top-schedule  .game-wrap p.big{
    font-size: 110%;
    font-weight: bold;

  }
  .schedule-wrap .game-wrap .state {
    text-align: center;
    border-radius: 20px;
    border: 1px solid #ddd;
    color: #ddd;
    margin: 10px 5px 0;
    font-size: 11px;
    padding: 2px 3px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
  }
  .schedule-wrap .game-wrap .state:hover {
    cursor: pointer;
  } 
  .schedule-wrap .game-wrap .state.report:hover {
    color: #2b2b2b;
    background: #fff;
  }
  .schedule-wrap .game-wrap .state.live {
    background: #c42039;
    color: #fff;
    border-color: #c42039;
  }
  .schedule-wrap .game-wrap .state.live:hover {
    opacity: 0.7;
  }
  .schedule-wrap .game-wrap .state.ticket {
    background: #fff;
    color: #000;
    border-color: #fff;
  }
  .schedule-wrap .game-wrap .state.ticket:hover {
    color: #fff;
    background: #2b2b2b;
    border-color: #fff;
  }

  .schedule-wrap .game-wrap .date-box {
    margin-bottom: 5px;
  }
  .schedule-wrap .game-wrap .date-box .small {
    padding-left: 5px;
  }
  .schedule-wrap .game-wrap .tbl-cell {
    width: 50%;
    text-align: center;
    color: #ddd;
  }
  .schedule-wrap .game-wrap img.logo {
    width: 30px;
  }
  /*　PC　トップ　schedule-wrap　ここまで　*/

  /*　PC　トップ　standings-wrap　*/
 .standings-wrap .league-selector {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 0;
  }
  .standings-wrap .league-selector ul {
    overflow: hidden;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
  }
  .standings-wrap .league-selector ul li {
    background: #545454;
    float: left;
    width: 18%;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    font-family: "bleagueFont";
    font-size: 21px;
    line-height: 1;
    padding: 15px 0;
    cursor: pointer;
    color: #fff;
    letter-spacing: 0.2em;
  }
  .standings-wrap .league-selector ul li:last-child {
    width: 64%;
  }
  .standings-wrap .league-selector ul li.no-click {
    background: #e5e5e5;
  }
  .standings-wrap .league-selector ul li.show-tab {
    background: none !important;
    color: #fff !important;
  }
  .standings-wrap .league-selector ul li:nth-child(2) {
    background: #414141;
    color: #fff;
  }
  .standings-wrap .league-selector ul li:hover {
    background: #717171;
    color: #fff;
  }
  .standings-wrap {
    background: url(/v=1534495869/files/rcms_conv_webp/e/5/e5f6a1110e3e6745ad1ea0e7c08ea0f7_1518577931.webp) no-repeat center top;
    background-size: cover;
  }
  .standings-wrap a {
    color: #fff;
  }
  .standings-wrap .player-area-wrap {
    padding: 70px 0;  
  }
  .standings-wrap .player-area-wrap .league-selector ul {
    overflow: hidden;
  }
  .standings-wrap .player-area-wrap .league-selector ul li {
    width: 50%;
  }
  .standings-wrap .player-area-wrap .league-selector ul li.show-tab {
    background: transparent !important;
  }
  .standings-wrap .player-area-wrap .magazine-wrap{
    background: none;
    padding-top:  0;
    padding-bottom: 0;
  }
  .standings-wrap .league-selector ul {
    max-width:  100%;
  }
  
  .standings-wrap .player-area-wrap .league-selector ul li.show-tab {
    background: #151515 !important;
    color: #fff !important;
  }
  .standings-wrap .logo {
    width: 30px;
  }
  .standings-wrap .player-area-wrap .player-area .tab-player-link {
    width: 731px;
  }
  .standings-wrap .player-area-wrap .player-area table {
    color: #fff;
    width: 100%;
    text-align: center;
  }
  .standings-wrap .player-area-wrap .player-area table tbody tr th,
  .standings-wrap .player-area-wrap .player-area table tbody tr th + td {
    text-align: left;
  }
  .standings-wrap .player-area-wrap .player-area .logo {
    vertical-align: middle;
    padding-right: 20px;
    max-width: none;
  }
  .standings-wrap .player-area-wrap .player-area table th,
  .standings-wrap .player-area-wrap .player-area table td {
    padding: 20px 15px;
    vertical-align: middle;
  }
  .standings-wrap .player-area-wrap .player-area .all table th,
  .standings-wrap .player-area-wrap .player-area .all table td {
    padding: 10px;
  }
  .standings-wrap .player-area-wrap .player-area .all .title {
    color: #fff;
    font-size: 14px;
    margin-bottom: 10px;
    text-align: center;
    font-weight: normal;
    margin-bottom: 20px;  
  }
  .standings-wrap .player-area-wrap .player-area .icon {
    display: inline-block;
    background: #fff;
    border-radius: 3px;
    color: #000;
    font-weight: bold;
    width: 30px;
    height: 26px;
    text-align: center;
  }
  .standings-wrap .player-area-wrap .player-area .col {
    width: 32.6%;
    padding-right: 1%;
    float: left;
  }
  .standings-wrap .player-area-wrap .player-area .scroll {
    margin-bottom: 35px;
  }
  .standings-wrap .player-area-wrap .player-area .cf .col:last-child {
    padding-right: 0;
  }
  .standings-wrap .player-area-wrap .player-area table .icon {
    float: right;
  }
  .standings-wrap .player-area-wrap .player-area table thead {
    background: rgba(40, 40, 40, 0.5);
  }
  .standings-wrap .player-area-wrap .player-area table tbody tr:nth-child(odd) {
    background: rgba(65, 65, 65, 0.3);
  }
  .standings-wrap .player-area-wrap .player-area table tbody tr:nth-child(even) {
    background: rgba(40, 40, 40, 0.5);
  }
  .standings-wrap .player-area-wrap .player-area .info-box {
     color: #fff;
  }
  .standings-wrap .player-area-wrap .player-area .info-box h5 {
    font-size: 14px;
    color: #fff;
  }
  .standings-wrap .player-area-wrap .player-area .info-box ul li {
    display: inline-block;
      padding-right: 10px;
  }
  .standings-wrap .player-area-wrap .player-area .info-box ul li:last-child {
    display: block;
  }
  .standings-wrap .club-wrap .scroll a {
    color: #fff;
    text-decoration: underline;
  }
  /*　PC　トップ　standings-wrap　ここまで　*/


  /*PC トップ　leaders-wrap */
  .leaders-wrap .magazine-wrap {
    background: #000;
    padding-bottom: 0;
  }
  .leaders-wrap .magazine-wrap .tabset_tab {
    margin-bottom: 70px;
  }
  .leaders-wrap .magazine-wrap .tabset_tab li {
    display: inline-block;
    background: #545454;
    width: 12.4%;
    text-align: center;
    border-right: 1px solid #000;
    cursor: pointer;
  }
  .leaders-wrap .magazine-wrap .tabset_tab li a {
    color: #fff;
    display: block;
    padding: 10px;
    font-family: "bleagueFont";
    letter-spacing: 2.7px;
    font-size: 16px;
  }
  .leaders-wrap .magazine-wrap .tabset_tab li a.select {
    background: #000;
  }
  .leaders-wrap .magazine-wrap .tabset_tab li:hover {
    opacity: 0.7;
  }
  .leaders-wrap .magazine-wrap .tabset_tab li.show-tab {
    background: #000 !important;
  }
  .leaders-wrap .sp-cat-link {
    display: none !important;
  }
  .leaders-wrap .player-area {
    background: #151515;
  }
  .leaders-wrap .rank-title {
    font-family: "bleagueFont";
    text-align: center;
    color: #fff;
    font-size: 40px;
    letter-spacing: 3px;
    margin-top: 80px;
    line-height: 1.3;
  }
  .leaders-wrap .rank-text {
    text-align: center;
    color: #fff;
    margin-bottom: 60px;
  }
  .leaders-wrap .col {
    width: 17.6%;
    padding-right: 3%;
    float: left;
  }
  .leaders-wrap .col .player-info {
    margin-top: 20px;
  }
  .leaders-wrap .cf .col:nth-child(5) {
    float: right;
    padding-right: 0;
  }
  .leaders-wrap .rank .number {
    font-family: "bleagueFont";
    border: 1px solid #fff;
    color: #fff;
    padding: 5px 13px;
    font-size: 20px;
    vertical-align: middle;
  }
  .leaders-wrap .rank .points {
    font-family: "bleagueFont";
    color: #d0c200;
    letter-spacing: 3px;
    font-size: 25px;
    padding-left: 30px;
    vertical-align: middle;
  }
  .leaders-wrap .matchHeight {
    display: table-cell;
    vertical-align: middle;
  }
  .leaders-wrap .player-img {
    max-width: 53%;
    margin: 0 auto;
  }
  .leaders-wrap .player-info li {
    background: #282828;
    color: #fff;
    font-size: 12px;
    padding: 14px;
    letter-spacing: 1.5px;
  }
  .leaders-wrap .player-info li:nth-child(2) {
    background: #545454;
  }
  .leaders-wrap .player-info li .logo {
    width: 30px;
    vertical-align: middle;
    padding-right: 20px;
  }
  .leaders-wrap .team-name {
    background: #282828;
    padding: 14px;
    color: #fff;
    line-height: 1.5 !important;
    font-size: 12px !important;
  }
  .leaders-wrap .rank-box {
    margin-bottom: 120px;
    margin-top: -10px;
    padding-top: 10px;
  }
  .leaders-wrap .rank-box .btn {
    text-align: center;
    padding: 10px;
    margin-top: 30px;
    background: #b2b2b2;
  }
  .leaders-wrap .rank-box .btn a {
    color: #000;    
    display: block;
  }
    .leaders-wrap .cat-link.fixed{
      position:fixed;
      width: 100%;
      left:0;
      top:0;
      background: #000;
      box-sizing: border-box;
      text-align: center;

    }
  .leaders-wrap .cat-link li {
    display: inline-block;
    text-align: center;
    width: 12%;
    letter-spacing: 1.5px;
  }
  .leaders-wrap .cat-link.fixed li {
   width: 12.25%;
  }
  .leaders-wrap .cat-link li a {
    font-family: "bleagueFont";
    padding: 10px 0;
    display: inline-block;
    width: 100%;
    background: #282828;
  }
  .leaders-wrap .cat-link li a:hover,
  .leaders-wrap .cat-link li a.active {
    background: #fff;
    color: #000;
  }
  .leaders-wrap .league-selector ul li:hover {
      background: #717171;
      color: #fff;
  }
  .leaders-wrap .league-selector ul li.show-tab {
      background: #000;
      color: #fff !important;
  }
  .leaders-wrap .league-selector ul li:last-child {
    width: 64%;
    opacity: 0;
  }
  .leaders-wrap .league-selector ul li {
    background: #545454;
    float: left;
    width: 18%;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    font-family: "bleagueFont";
    font-size: 21px;
    line-height: 1;
    padding: 15px 0;
    cursor: pointer;
    color: #fff;
    letter-spacing: 0.2em;
    z-index: 1;
  }
  ul.js-tab-leaders {
    position: absolute;
    top: -51px;
    width: 100%;
  }
  .standings-wrap .player-area-wrap {
    padding: 70px 0 121px;
  }
  .leaders-wrap .magazine-wrap .tabset_tab {
    text-align: center;
  }

}
@media screen and (max-width: 640px) {
  .regulation-content .content .p-indent {
      margin-bottom: 20px;
  }
  .regulation-content .content .p-indent p img {
      vertical-align: middle;
      margin-right: 4px;
      margin-top: -7px;
  }
  .regulation-content .content .p-indent p {
      text-indent: -35px;
      padding-left: 35px;
  }

  /*　チケットページ　*/
  .page-ticket p.header_text a.co-wh {
      color: #fff !important;
      text-decoration: underline;
  }
  .page-ticket .title-00 h1 {
      font-size: 32px !important;
  }
  .page-ticket .title-00 h2 {
      font-size: 16px;
      letter-spacing: 0.2em;
  } 
  .page-ticket table.pc-img {
      width: 100%;
      margin-bottom: 100px;
  }
  .page-ticket table.pc-img th {
      display: block;
  }
  .page-ticket th.flow-txt-wrap p a {
      color: #000 !important;
      text-decoration: underline;
  }
  .page-ticket p.header_text a.co-wh{
      color: #fff !important;
      text-decoration: underline;
  }
  .page-ticket th.flow-txt-wrap p a {
      color: #000 !important;
      text-decoration: underline;
  }
  .page-ticket th.flow-txt-wrap p {
      color: #000 !important;
      line-height: 26px;
      letter-spacing: 0.2em;
  }
  .page-ticket th.flow-txt-wrap {
      background: #e4e4e4;
      /* color: #000 !important; */
      padding: 27px;
      vertical-align: top;
  }
  .page-ticket th.flow-title-wrap {
      background: #686868;
      color: #fff;
      text-align: center;
      font-size: 36px;
      letter-spacing: 3px;
      vertical-align: middle;
      width: 100%;
  }
  .page-ticket p.flow-title {
      font-weight: bold;
      /* position: relative; */
      font-size: 18px !important;
      display: inline-block;
      border-bottom: 1px solid #000;
      color: #000 !important;
      margin-bottom: 20px;
  }
  .page-ticket th.flow-img-wrap {
      background: #fff;
      padding: 0;
      width: 100%;
      margin: 0 auto;
      position: relative;
  }
  .page-ticket th.flow-img-wrap img {
      vertical-align: middle;
      width: 100%;
  }
  .page-ticket th.flow-img-wrap {
      position: relative;
  }
  .page-ticket th.flow-img-wrap:after {
      content: url(/v=1534495869/files/rcms_conv_webp/8/8/886f9fceb65c46c9c32595a95133cb91_1513561468.webp);
      position: absolute;
      bottom: -16px;
      left: 50%;
      margin-left: -14px;
  }
  
  .page-ticket ol li:last-child th:after {
      display: none;
  }
  .page-ticket .inner {
    padding: 40px 0;
    margin-top: 0 !important;
  }
  .page-ticket.page-club h1.mb50 {
    margin-bottom: 10px !important; 
  }
  .page-ticket.page-club p.header_text {
    padding: 20px;
    margin-bottom: 10px;
    text-align: left;
    font-size: 14px;
    letter-spacing: 0.2em;
    line-height:1.6;
  }
  .page-ticket.page-club p.header_text a {
    color: #fff;
    text-decoration: underline;
  }
  .page-ticket .inner h1, .page-ticket .inner h2 {
    color: #fff;
  }
  .page-ticket .inner h2 {
    font-size: 14px;
    margin-bottom: 40px;
    letter-spacing: 0.2em;
  }
  .page-ticket.page-club span.btn-qr {
    background: #0075a9;
    margin: -2px 4px;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    text-align: center;
    padding: 5px 20px;
    border-radius: 20px;
  }
  .page-ticket.page-club p {
    color: #fff;
  }
  .page-ticket.page-club .btn_wrap {
    margin: 50px 0 0;
  }
  .page-ticket.page-club .btn_wrap .tk_btn {
    width: 100%; 
    background: #b5b5b5;
    padding: 20px; 
    margin: 0 auto;
    color:  #000;
    text-align: center;
    box-sizing: border-box;
  }
  .page-ticket.page-club .player-area-wrap .league-selector ul li {
      width: 50%;
      line-height: 1;
      padding: 25px 0;
      height: 110px;
  }
  .page-ticket.page-club .league-selector ul span {
    font-family: 'Noto Sans Japanese';
    font-size: 14px;
  }
  .page-ticket.page-club .ticket_content {
    margin-top: 100px;  
  }
  .page-ticket.page-club .ticket_content:first-child {
    margin-top: 0;  
  }
  .page-ticket.page-club .ticket_content .point_list li {
    display: table;
    width: 100%;
  }
  .page-ticket.page-club .ticket_content .point_list li {
    padding-bottom: 10px; 
    margin-bottom: 20px;  
  }
  .page-ticket.page-club .ticket_content .point_list li span {
    display:  table-cell;
    vertical-align: middle;
  }
  .page-ticket.page-club .ticket_content ul li {
    color: #fff;
    font-size: 14px;
  }
  .page-ticket.page-club .ticket_content ul li img {
    width: 100%;
  }
  .page-ticket.page-club .ticket_content ul li .bFont {
    font-size: 36px;
    vertical-align: middle;
    line-height: 1;
    letter-spacing: 1.5px;
    line-height: 50px;
  }
  .page-ticket.page-club .ticket_content ul li span.text {
    padding-left: 9px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.1em;
  }
  p.point-title {
      border-bottom: 1px solid #fff;
      margin-bottom: 20px;
  }
  .page-ticket.page-club .ticket_content .flow_list li i {
    font-size: 20px;
    color: #000;
  }
  .page-ticket.page-club .ticket_content .flow_list li:nth-child(even) .left {
    display:  table-row-group; 
  }
  .page-ticket.page-club .ticket_content .flow_list li:nth-child(even) .right {
    display:  table-header-group;
  }

  .page-ticket.page-club .ticket_content .flow_list .flow_wrap {
    margin-bottom: 10px;  
  }
  .page-ticket.page-club .ticket_content .flow_list .flow_wrap h3 {
    background: #e4e4e4;
  }
  .page-ticket.page-club .ticket_content .flow_list .flow_wrap h3 span {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    line-height: 53px;
    padding-left: 15px;
    float: left;
  }
  .page-ticket.page-club .ticket_content .flow_list .flow_wrap h3 span.row2{
    float: none !important;
    line-height: 1.4 !important;
    margin-top: 7px;
  }
  .page-ticket.page-club .ticket_content .flow_list .flow_wrap h3 span.bFont {
    font-size: 36px;
    padding: 10px;
    background: #686868;
    color: #fff;
    line-height: 1;
  }
  .page-ticket.page-club .ticket_content .flow_list .flow_wrap p {
    background: #fff;
    padding: 17px 16px;
    color: #000;
    font-size: 14px;
    letter-spacing: 0.2em;
    text-align: left;
    line-height: 30px;
  }
  .page-ticket .ticket_content .flow_list .flow_wrap .material-icons {
    color: #000;
    font-size: 15px;
    margin-right: 5px;
  }
  .page-ticket.page-club .ticket_content .flow_list .flow_wrap p a {
    text-decoration:  underline;
    color:  #000;
  }
  .page-ticket.page-club .sp_flow .left.tar,
  .page-ticket.page-club .sp_flow .right.col {
    text-align: center !important;  
  }
  .page-ticket.page-club p.appDl {
        width: 50%;
        float: left;
        padding: 10px 10px 0;
        box-sizing: border-box;
        font-size: 12px;
        line-height: 1;
  }
  .page-ticket.page-club p.appDl img {
        width: 100%;
        margin-bottom: 5px;
  }
  /* popup */
  .ticket-pop-cover{
    opacity:0;
    position:relative;
    z-index:-1;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, 0.8) none repeat scroll 0% 0%;
    transition:all .2s;
    -webkit-transition:all .2s;
  }
  .note-show .ticket-pop-cover{
    opacity:1;
    z-index:9999;
  }
  .ticket-pop-cover .ticket-note-close{
    position:absolute;
    display:block;
    right:10px;
    top:10px;
    width:30px;
    height:30px;
    cursor:pointer;
    transition:all .2s;
    -webkit-transition:all .2s;
  }
  .ticket-pop-cover .ticket-note-close:hover{
    opacity:.8;
  }
  .ticket-pop-cover .ticket-note-close::before,
  .ticket-pop-cover .ticket-note-close::after{
    content:'';
    position:absolute;
    margin-top:14px;
    width:30px;
    height:1px;
    border-top:2px solid #FFF;
  }
  .ticket-pop-cover .ticket-note-close::before{
    transform:rotate(45deg);
  }
  .ticket-pop-cover .ticket-note-close::after{
    transform:rotate(-45deg);
  }
  .ticket-note-wrap{
    overflow-y: auto;
    margin: 100px auto 0;
    padding: 20px;
    width: 92%;
    height: 60%;
    font-size: 14px;
    line-height: 2;
    letter-spacing: 0.2em;
    background: #FFF;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .ticket-note-wrap h3{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
  }
  .ticket-note-wrap h4{
    margin-top:40px;
    margin-bottom:10px;
    display:inline-block;
    font-size:16px;
    font-weight:bold;
    border-bottom:1px solid ;
  }
  .ticket-note-wrap p{
    margin-bottom:20px;
  }
  span.header-ticket-txt {
    background: #fff;
    color: #000;
    padding: 1px 2px;
    line-height: 27px;
    margin-bottom: 6px;
  }
  /*　SP チケットページここまで　*/
  
  /*SP トップ　共通*/
  .contents-wrap h2 {
    font-size: 24px;
    color: #fff;
  }
  .tbl {
    display: table;
    width: 100%;
  }
  .tbl-cell {
    display: table-cell;
  }
  /*SP トップ　共通　ここまで*/


  /* SP トップ　schedule-wrap */
  .schedule-wrap {
    margin: 30px 0;
  }
  .schedule-wrap .bx-wrapper {
    margin: 30px 30px 0;
    padding:10px 0;
  }
  .schedule-wrap .bx-viewport {
    max-width: 1300px;
    margin: 0 auto;
  }
  .schedule-wrap .bx-controls-direction a {
    position: absolute;
    top: 48%;
    background: #616161;
    padding: 30px 5px 25px;
  }
  .schedule-wrap .bx-controls-direction a.bx-prev {
    left: 0;
  }
  .schedule-wrap .bx-controls-direction a.bx-next {
    right: 0;
  }

  .schedule-wrap .tabset .tabset_tab {
    overflow: hidden;
  }
  .schedule-wrap .tabset .tabset_tab li {
    float: left;
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .schedule-wrap .tabset .tabset_tab li a {
    text-align: center;
    font-size: 36px;
    cursor: pointer;
    letter-spacing: 0.2em;
    color: #fff;
    display: inline-block;
    width: 100%;
    background: #616161;
  }
  .schedule-wrap .tabset .tabset_tab li a.select {
    background: #2b2b2b;
  }
  .schedule-wrap .tabset .tabset_panel {
    background: #2b2b2b;
    position: relative;
  }
   .schedule-wrap .tabset .tabset_panel .tab_contents{
    background: #2b2b2b;
    margin:30 0;
    position: relative;
    overflow:hidden;

   }
   .schedule-wrap .tabset.tabset-20161108 .tabset_panel .tab_contents{
    margin: 0;
   }
   
.schedule-wrap.top-schedule .tabset .tabset_panel .tab_contents li{
    padding: 0 5px;
  }
   .schedule-wrap .tabset .tabset_panel .tab_contents.b2{
    
    padding-bottom:30px;
   
   }

  .schedule-wrap .tabset .tabset_panel .tab_contents.b2 {
    background: #1c1c1c;
  }

     .schedule-wrap .tabset .tabset_panel .tab_contents .league-name{
    background: #7c7c7c;
    font-family: "bleagueFont";
    color:#fff;
    width: 100%;
    font-size: 24px;
    padding: 10px 0;
    text-align: center;
    box-sizing: border-box;
  }
  
  .schedule-wrap .tabset .tabset_panel .tab_contents.b2 .league-name{
    background: #757575;
  }

  .schedule-wrap .magazine-wrap {
    background: #2b2b2b;
  }
  .schedule-wrap a.bx-prev:before {
    content: url(/v=1534495869/files/rcms_conv_webp/9/f/9f49a00258317b558267bb3065cd5664_1518577893.webp);
  }
  .schedule-wrap a.bx-next:after {
    content: url(/v=1534495869/files/rcms_conv_webp/7/7/7745876ec41b35c3a74d62a0928c489e_1518577894.webp);
  }
  
  .schedule-wrap .game-wrap .date-box {
    color: #fff;
    text-align: center;
    font-weight: bold;
  }
  .schedule-wrap .game-wrap .date-box-new {
    color: #fff;
    text-align: left;
    font-weight: bold;
    font-size: 16px;
    display: inline-block;
    margin-right: 6%;
  }

.schedule-wrap .game-wrap .week-time{
display: inline-block;
font-size: 10px;
line-height: 1;
color:#fff;
}
.schedule-wrap .game-wrap .sat {
    color: #256ad2;
  }
  .schedule-wrap .game-wrap .sun {
    color: #cb0b18;
  }

  .schedule-wrap .game-wrap p {
    letter-spacing: 0px;
    font-size: 10px;
  }
  .schedule-wrap .game-wrap .state {
    text-align: center;
    border-radius: 20px;
    border: 1px solid #ddd;
    color: #ddd;
    margin: 10px 5px;
    font-size: 11px;
    padding: 3px;
  }
  .schedule-wrap .game-wrap .state.live {
    background: #c42039;
    color: #fff;
    border-color: #c42039;
  }
  .schedule-wrap .game-wrap .state.ticket {
    background: #fff;
    color: #000;
    border-color: #fff;
  }

  .schedule-wrap .game-wrap .date-box {
    margin-bottom: 5px;
  }
  .schedule-wrap .game-wrap .date-box .small {
    padding-left: 5px;
  }
  .schedule-wrap .game-wrap .tbl-cell {
    width: 50%;
    text-align: center;
    color: #ddd;
  }
  .schedule-wrap .game-wrap img.logo {
    width: 40px;
  }
  .schedule-wrap.top-schedule  .game-wrap p.big{
    font-size: 110%;
    font-weight: bold;

  }
  /* SP トップ　schedule-wrap　ここまで */

.more_menu_wrap{
  margin:0 5% 5%;
  
}

.more_menu_wrap li{
  border: solid 1px #ccc;
    padding: 10px 30px;
    font-weight: 600;
    line-height: 1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 27px;
    color: #000;
    background: #fff;
    display: inline-block;
    width: 47%;
    margin: 0 auto;
    text-align: center;
    /*font-size: 12px;*/
    font-size: 10px;
    letter-spacing: 0.2em;
    margin-right:2%;
    margin-bottom:2%;
    
}

.more_menu_wrap li a.more_menu{
  color: #000;
}

  /* SP トップ　standings-wrap */
    .standings-wrap {
        background: url(/v=1534495869/files/rcms_conv_webp/e/5/e5f6a1110e3e6745ad1ea0e7c08ea0f7_1518577931.webp) no-repeat center top;
        background-size: cover;
    }
    .standings-wrap h2 {
      font-size: 24px;
      color: #fff;
    }
    .standings-wrap .league-selector ul {
      overflow: hidden;
    }
    .standings-wrap .league-selector ul li {
      width: 50%;
      background: #545454;
      float: left;
      padding: 10px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      text-align: center;
      font-size: 20px;
      cursor: pointer;
      color: #fff;
      letter-spacing: 0.2em;
    }
    .standings-wrap .league-selector ul li.show-tab {
      background: transparent !important;
    }
      .standings-wrap .league-selector ul li.show-tab {
        background: none !important;
        color: #fff !important;
      }
      .standings-wrap .magazine-wrap {
        background: none !important;
      }
      .standings-wrap section .inner {
          margin: 0 20px;
      }

      .standings-wrap .logo {
        width: 30px;
      }

      .standings-wrap .player-area-wrap .player-area .tab-player-link {
        width: 731px;
      }
      .standings-wrap .player-area-wrap .player-area table {
        color: #fff;
        width: 100%;
        text-align: center;
      }
      .standings-wrap .player-area-wrap .player-area table tbody tr th,
      .standings-wrap .player-area-wrap .player-area table tbody tr th + td {
        text-align: left;
      }
      .standings-wrap .player-area-wrap .player-area .logo {
        vertical-align: middle;
        padding-right: 20px;
        max-width: none;
      }
      .standings-wrap .player-area-wrap .player-area table th,
      .standings-wrap .player-area-wrap .player-area table td {
        padding: 20px 15px;
        vertical-align: middle;
      }
      .standings-wrap .player-area-wrap .player-area .all table th,
      .standings-wrap .player-area-wrap .player-area .all table td {
        padding: 10px;
      }
      .standings-wrap .player-area-wrap .player-area .all .title {
        color: #fff;
        font-size: 14px;
        margin-bottom: 10px;
        text-align: center;
        font-weight: normal;
      }
      .standings-wrap .player-area-wrap .player-area .icon {
        display: inline-block;
        background: #fff;
        border-radius: 3px;
        color: #000;
        font-weight: bold;
        width: 30px;
        height: 26px;
        text-align: center;
      }
      .standings-wrap .player-area-wrap .player-area .col {
        width: 32.6%;
        padding-right: 1%;
        float: left;
      }
      .standings-wrap .player-area-wrap .player-area .scroll {
        margin-bottom: 35px;
      }
      .standings-wrap .player-area-wrap .player-area .cf .col:last-child {
        padding-right: 0;
      }
      .standings-wrap .player-area-wrap .player-area table .icon {
        margin-left: 8px;
      }
      .standings-wrap .player-area-wrap .player-area table thead {
        background: #282828;
      }
      .standings-wrap .player-area-wrap .player-area table tbody tr:nth-child(odd) {
        background: #414141;
      }
      .standings-wrap .player-area-wrap .player-area table tbody tr:nth-child(even) {
        background: #282828;
      }
      .standings-wrap .player-area-wrap .player-area .info-box {
         color: #fff;
      }
      .standings-wrap .player-area-wrap .player-area .info-box h5 {
        font-size: 14px;
        color: #fff;
      }
      .standings-wrap .player-area-wrap .player-area .info-box ul li {
        display: inline-block;
          padding-right: 10px;
      }
      .standings-wrap .player-area-wrap .player-area .info-box ul li:last-child {
        display: block;
      }
      .standings-wrap .player-area-wrap .player-area .tab-player-link {
        width: 100%;
        margin: 0 auto 30px;
      }
      .standings-wrap .player-area-wrap .player-area table th,
      .standings-wrap .player-area-wrap .player-area table td {
      padding: 10px;
      }
      .standings-wrap .player-area-wrap .player-area .col {
        width: 100%;
      }
      .standings-wrap .player-area-wrap .player-area .scroll {
        white-space: nowrap;
        overflow: auto;
      }
      .standings-wrap .player-area-wrap .player-area .info-box {
        padding-bottom: 40px;
      }
      .standings-wrap .club-wrap .scroll a {
        color: #fff;
        text-decoration: underline;
      }
      /*　SP　トップ　standings-wrap　ここまで*/

      /*　SP　トップ　leaders-wrap　*/
      .leaders-wrap section {
        background: #000;
      }
      .leaders-wrap h2 {
        margin-bottom: 10px !important;
      }
      .leaders-wrap .magazine-wrap {
        background: #000;
      }
      .leaders-wrap ul.tab-player-link {
        margin-bottom: 20px;
      }
      .leaders-wrap ul.tab-player-link li {
        width: 50%;
        display: inline-block;
        text-align: center;
      }

      .leaders-wrap ul.tab-player-link li {
            border-bottom: solid 1px #e3e3e3;
            background: #fff;
            line-height: 1;
            height: 40px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 10px;
      }
      .leaders-wrap .component-pulldown-selector {
        margin-bottom: 30px;
        padding-left: 0;
        padding-right: 0;
      }
      .leaders-wrap .component-pulldown-selector ul li:nth-child(even) {
        background: #eee;
      }
      .leaders-wrap .player-area {
        background: #151515;
      }
      .leaders-wrap section .inner {
          margin: 0 20px;
      }
      .leaders-wrap .player-area .tab-player-link li {
        width: 50%;
      }

      .leaders-wrap .sp-cat-link {
        padding: 0;
      }
      .leaders-wrap .sp-cat-link .year {
        width: 131px;
      }
      .leaders-wrap .player-area .tab-player-link {
        width: 100%;
      }
      .leaders-wrap .rank-title {
        font-family: "bleagueFont";
        text-align: center;
        color: #fff;
        font-size: 27px;
        letter-spacing: 3px;
        margin-top: 20px;
        line-height: 1.3;
      }
      .leaders-wrap .rank-text {
        text-align: center;
        color: #fff;
        margin-bottom: 60px;
      }
      .leaders-wrap .col {
        padding-bottom: 60px;
        background: #000;
        float: left;
        width: 32%;
        margin-right: 2%;
      }
      .leaders-wrap .col:nth-child(3) {
        margin-right: 0;
      }
      .leaders-wrap .col:nth-child(4) {
        margin-left: 18%; 
      }
      .leaders-wrap .rank .number {
        font-family: "bleagueFont";
        border: 1px solid #fff;
        color: #fff;
        padding: 5px 9px;
        font-size: 15px;
        vertical-align: middle;
      }
      .leaders-wrap .rank .points {
        font-family: "bleagueFont";
        color: #d0c200;
        letter-spacing: 3px;
        font-size: 15px;
        padding-left: 10px;
        vertical-align: middle;
      }
      .leaders-wrap .player-img {
        max-width: 60%;
        margin: 0 auto;
      }
      .leaders-wrap .player-info li {
        background: #282828;
        color: #fff;
        font-size: 11px;
        padding: 14px;
        letter-spacing: 1.5px;
      }
      .leaders-wrap .player-info li:nth-child(2) {
        background: #545454;
      }
      .leaders-wrap .player-info li .logo {
        width: 30px;
        vertical-align: middle;
        padding-right: 10px;
      }
      .leaders-wrap .team-name {
        background: #282828;
        padding: 14px;
        color: #fff;
        line-height: 1.5 !important;
        font-size: 12px !important;
      }      
      .leaders-wrap .rank-box .btn {
        text-align: center;
        padding: 10px;
        margin-top: 30px;
        background: #b2b2b2;
      }
      .leaders-wrap .rank-box .btn a {
        color: #000;
        display: block;
      }
      .leaders-wrap .cat-link {
        display: none;
      }
      .leaders-wrap .league-selector ul li.show-tab {
      background: #000;
      color: #fff !important;
      }
      .leaders-wrap .league-selector ul li {
          width: 50%;
          background: #545454;
          float: left;
          padding: 10px;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          text-align: center;
          font-size: 20px;
          cursor: pointer;
          color: #fff;
          z-index: 1;
          position: relative;
          margin-bottom: 30px;
          letter-spacing: 0.2em;
      }




  /*////////////////////////////
 
        | @GAME 試合結果　SP |
  
  /////////////////////////////*/
  .page-media-game ul.tab-club li.show-tab{
    background: #FFF;
  }
  .page-media-game .tab-club li {
    width : 33.33333% ; /* 未対応ブラウザ用フォールバック */
    width : -webkit-calc(100% / 3) ;
    width : calc(100% / 3) ;
  }
  .page-media-game .tab-club li:nth-child(2) {
      background: #545454;
  }
  .page-media-game .tab-club li:hover {
      background: #fff;
      color: #000;
  }
}



@media screen and (max-width: 374px) {

.twt-fb > * {
      float: none;
      width:100%;
     }

  .schedule-wrap .tabset .tabset_panel .tab_contents .bx-wrapper li {
    padding: 0 0.5px;
  }
  .schedule-wrap .game-wrap .team{
    height: 35px;
  }
  .countdown-sp-area .countdown{
    margin-left: 42%;
  }
  .countdown-sp-area .kaimaku-txt{
    left:10px;
  }

}
@media (min-width: 641px) and (max-width: 1400px) {
  .schedule-wrap.top-schedule .game-wrap {
    /*padding: 0 10px;*/
  }
  .schedule-wrap .tabset .tabset_panel .tab_contents .bx-wrapper {
    width: 93%;
    padding: 10px 50px 15px 0px;
    box-sizing: border-box;
  }
  .schedule-wrap .tabset .tabset_panel .tab_contents .league-name {
    left:-31px;
  }
}
@media (min-width: 641px) and (max-width: 1240px) {
  .schedule-wrap .tabset .tabset_panel .tab_contents .bx-wrapper li {
    /*padding: 0 5px;*/
  }

}

/********************
@MUSIC
*********************/
.page-music .anthem .artist-img img {
    background: url(/v=1531910194/files/rcms_conv_webp/a/d/ade19fd94c659152a9473d86b6448cde_1513653071.webp) no-repeat center top;
    background-size: cover;
    width: 100%;
}
.page-music .startinggame-themesong .artist-img img {
    background: url(/v=1531910194/files/rcms_conv_webp/d/d/dd0bb8d675ca6c6fb2986a7f04f1fd44_1513653072.webp) no-repeat center top;
    background-size: cover;
    width: 100%;
}
.page-music .inner a {
    color: #cbcbcb;
    text-decoration: underline;
}
.page-music .inner a:hover {
    color: #e62117;
    text-decoration: underline;
}
.page-music .inner.startinggame-themesong {
    background: #1e1e1e;
}
.page-music .inner .sec-title {
  color: #fff;
  position: relative;
}
.page-music .profile-wrap p.default-txt:last-child {
    margin-bottom: 0;
}
@media screen and (min-width: 641px){
.page-music .sub-page-body .inner h1.title-en {
    font-size: 48px;
    line-height: 50px;
    letter-spacing: 0.2em;
}
.page-music .sub-page-body .inner h2.title-ja {
    font-size: 18px;
    letter-spacing: 0.2em;
}
.page-music .inner .sec-title p.title-ja {
    font-size: 18px !important;
    letter-spacing: 0.1em;
    margin-bottom: 15px;
}
.page-music .inner .sec-title p.title-ja:after {
    content: '';
    width: 40px;
    height: 4px;
    background: #fff;
    position: absolute;
    top: 45px;
    left: 50%;
    margin-left: -20px;
}
.page-music .inner .sec-title h3 {
    font-size: 42px !important;
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 600;
    text-align: center;
    letter-spacing: 0.2em;
}
.page-music .artist-img {
    margin-bottom: 60px;
}
.page-music p.music-dl {
    text-align: right;
    margin-bottom: 30px;
    margin-top: -38px;
    position: relative;
    z-index: 2;
}
.page-music .inner .sec-title.music-title {
    margin-bottom: 30px;
}
.page-music p.music-dl-02 {
    text-align: center;
    margin-top: 20px;
}

.page-music .inner .sec-title.music-title p.title-ja {
    margin-bottom: 22px;
}
.profile-wrap {
    border: 2px solid #333333;
    margin-top: 60px;
    padding: 50px 40px;
}
}
@media screen and (max-width: 640px){
.schedule-wrap .game-wrap .game-type{
  background: #fff;
  font-size: 11px;
  text-align: center;
  letter-spacing: 0.2em;
  margin-left: 1px;
  margin-right: 1px;
}
.page-music .sub-page-body .inner h1.title-en {
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 0.2em;
}
.page-music .sub-page-body .inner h2.title-ja {
    letter-spacing: 0.2em;
    font-size: 14px;
}
.page-music .inner .sec-title p.title-ja {
    font-size: 16px !important;
    letter-spacing: 0.2em;
    margin-bottom: 20px;
    font-weight: bold;
}
.page-music .inner .sec-title p.title-ja:after {
    content: '';
    width: 30px;
    height: 3px;
    background: #fff;
    position: absolute;
    top: 34px;
    left: 50%;
    margin-left: -15px;
}
.page-music .inner .sec-title h3 {
    font-size: 28px !important;
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 600;
    text-align: center;
    letter-spacing: 0.2em;
    line-height: 33px;
    margin-bottom: 20px;
}
.page-music p.music-dl {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 10px;
}
.page-music p.music-dl-02 {
    text-align: center;
    margin-top: 20px;
}
.page-music .artist-img {
    margin-bottom: 40px;
}
.page-music .inner.startinggame-themesong {
    margin: 20px 0;
    padding: 60px 20px;
}
.page-music .inner .sec-title.music-title h3 {
    line-height: 34px !important;
    margin-bottom: 20px;
}
.page-music .inner .material-icons{
  font-size: 20px;
}
.profile-wrap {
    margin-top: 40px;
    border: 2px solid #3;
}
}


/*////////////////////////////
 
        | @WATCH THE GAME 観戦マナー＆ルール |
  
  /////////////////////////////*/
  .page-watching .player-area-wrap .league-selector ul.tab li .title-ja {
      font-family: 'Noto Sans Japanese';
      font-style: normal;
      font-weight: 400;
  }
  .page-watching .player-area-wrap .league-selector ul.tab li.non-tab a {
      color: #ffffff;
  }
  .page-watching .player-area-wrap .league-selector ul.tab li.non-tab:hover a{
      color: #000;
  }
  @media screen and (min-width: 641px){
  .page-watching .player-area-wrap {
    background: #141415;
  }
  .page-watching .inner h1,
  .page-watching .inner h2 {
    color: #fff;
  }
  .page-watching .inner .default-txt {
    color: #cbcbcb;
    margin-bottom: 60px;
  }
  .page-watching .inner h4 {
    color: #ffffff;
    margin-bottom: 30px;
    font-size: 16px;
    letter-spacing: 0.2em;
    border-bottom: 1px solid #fff;
    padding-bottom: 5px;
    display: inline-block;
  }
  .page-watching .inner .manner-purpose-list {
    margin-bottom: 60px;
  }
  .page-watching .inner .manner-purpose-list li {
    margin-bottom: 20px;
  }
  .page-watching .inner .manner-purpose-list li p {
    font-size: 16px !important;
    text-indent: -1.5em;
    padding-left: 1.5em;
    color: #cbcbcb;
  }
  .page-watching .inner table.manner-table th,
  .page-watching .inner table.manner-table td {
  padding: 20px 30px;
  border: 1px solid #141415;
  background:#dcdcdc;
  }
  .page-watching .inner table.manner-table {
    line-height: 30px;
    margin-bottom: 60px;
    letter-spacing: normal;
  }
  .page-watching .inner table.manner-table th {
  background:#dcdcdc;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  }
  .page-watching .inner table.manner-table td.table-title {
  width: 30%;
  font-weight: bold;
  }
  .page-watching .inner table.manner-table td {
  background: #f2f2f2;
  font-size: 14px;
  }
  .page-watching .inner h5 {
    margin-bottom: 40px;
    letter-spacing: 0.2em;
    color: #fff;
  }
  .page-watching .inner .attention-wrap {
  text-align: center;
    color: #ff0000;
    background: #fff;
    padding: 10px 60px;
    margin: 0 auto 20px;
    font-size: 18px;
    max-width: 110px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    font-weight: bold;
    box-sizing: initial;
  }
  .page-watching .inner ul.rule-list li {
    width: 33.333%;
    float: left;
    text-align: center;
    padding: 2%;
    color: #cbcbcb;
    box-sizing: border-box;
  }
  .page-watching .inner ul.rule-list li img {
    margin-bottom: 10px;
  }
  .page-watching .inner p.attention-txt {
    color: #cbcbcb;
    text-indent: -1em;
    padding-left: 1em;
  }
  .page-watching .inner p.attention-txt a {
    text-decoration:underline;
    color: #cbcbcb;
  }
  .page-watching .player-area-wrap .league-selector ul.tab li .title-ja {
      font-size: 14px;
  }
  }
  /*////////////////////////////
 
        | @WATCH THE GAME 観戦マナー＆ルール |　　　　　　　　　　　　
  
  /////////////////////////////*/
  @media screen and (max-width: 640px){
  .page-watching .player-area-wrap {
    background: #141415;
  }
  .page-watching .inner {
    padding: 40px 0;
    margin-top: 0 !important;
  }
  .page-watching .inner h1,
  .page-watching .inner h2 {
    color: #fff;
  }
  .page-watching .inner h2 {
    font-size : 16px;
    margin-bottom: 40px;
  }
  .page-watching .inner .default-txt {
    color: #cbcbcb;
    margin-bottom: 60px;
    line-height: 1.8;
  }
  .page-watching .inner h4 {
    color: #ffffff;
    margin-bottom: 20px;
    font-size: 16px;
    letter-spacing: 0.2em;
    border-bottom: 1px solid #fff;
    padding-bottom: 5px;
    display: inline-block;
  }
  .page-watching .inner .manner-purpose-list {
    margin-bottom: 60px;
  }
  .page-watching .inner .manner-purpose-list li {
    margin-bottom: 20px;
  }
  .page-watching .inner .manner-purpose-list li p {
    font-size: 16px !important;
    text-indent: -1.5em;
    padding-left: 1.5em;
    color: #cbcbcb;
    line-height: 1.8em;
    letter-spacing: 0.2em;
  }
  .page-watching .inner table {
    margin: 0 auto 40px;
    letter-spacing: 0.2em;
  }
  .page-watching .inner table th,
  .page-watching .inner table td {
    display: block;
    padding: 8px;
    }
  .page-watching .inner table.manner-table th {
    background: #414141;
    color: #fff;
    font-weight: bold;
  }
  .page-watching .inner table.manner-table td {
  background: #f2f2f2;
  }
  .page-watching .inner table.manner-table td.table-title {
    font-weight: bold;
    background: #f2f2f2;
    border-top: 1px solid #141415;
    border-bottom: 1px solid #141415;
  }
  .page-watching .inner h5 {
    margin-bottom: 20px;
    letter-spacing: 0.2em;
    color: #fff;
  }
  .page-watching .inner .attention-wrap {
    text-align: center;
    color: #ff0000;
    background: #fff;
    padding: 8px 50px;
    margin: 0 auto 20px;
    font-size: 16px;
    max-width: 70px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    font-weight: bold;
    box-sizing: initial;
    letter-spacing: normal;
  }
  .page-watching .inner ul.rule-list li {
    width: 50%;
    float: left;
    padding: 6% 5% 0;
    font-size: 14px;
    text-align: center;
    box-sizing: border-box;
    margin-bottom: 20px;
    color: #cbcbcb;
    letter-spacing: 0.2em;
  }
  .page-watching .inner ul.rule-list li:last-child {
    clear: both;
    margin: 0 auto;
    float: inherit;
    padding-top: 3% !important;
    width: 90%;
  }
  .page-watching .inner ul.rule-list li:last-child img {
  width: 50%;
  }
  .page-watching .inner p.attention-txt {
    color: #cbcbcb;
    text-indent: -1em;
    padding-left: 1em;
    font-size: 14px;
    letter-spacing: 0.2em;
    line-height: 1.8;
  }
  .page-watching .inner p.attention-txt a {
    text-decoration:underline;
    color: #cbcbcb;
  }
  .page-watching .player-area-wrap .league-selector ul.tab li .title-ja {
      font-size: 12px;
      margin-bottom: 0;
  }
  }

  /*////////////////////////////
 
        | @WATCH THE GAME-TELEVISION テレビ観戦 |　　　　　　　　　　　　
  
  /////////////////////////////*/
  .page-watching .flat-tbl02 thead {
      background: #E7E7E7;
  }
  .page-watching .flat-tbl02 tr td {
      color: #cbcbcb !important;
      border-bottom: 1px solid;
      text-align: center;
  } 
  .page-watching .flat-tbl02 tr th {
      border-top: 1px solid #fff;
      border-bottom: solid 1px #fff;
  }
  @media screen and (min-width: 641px){
  .page-watching .player-area-wrap .league-selector ul.tab li .title-ja {
      font-size: 14px;
  }
  .page-watching .flat-tbl02 {
      width: 100%;
  }
  .page-watching .flat-tbl02 tr th {
      padding: 20px 5px;
      color: #000;
      text-align: left;
      vertical-align: middle;
      text-align: center;
  }
  .page-watching .flat-tbl02 tr td {
      padding: 20px 0;
  }
  .page-watching .flat-tbl02 {
      font-size: 14px;
      letter-spacing: 0.2em;
  }
  }
  @media screen and (max-width: 640px){
    .page-watching .player-area-wrap .league-selector ul.tab li .title-ja {
        font-size: 12px;
        margin-bottom: 0;
    }
    .page-watching .inner table.flat-tbl02 th, .page-watching .inner table.flat-tbl02 td {
        display: table-cell;
    }
    .page-watching .sp-tbl-slide{
      margin: 0;
    }
    .page-watching .flat-tbl02 {
        font-size: 12px;
        width: 100%;
        letter-spacing: 0.2em;
        text-align: center;
    }
    .page-watching .flat-tbl02 tr td {
        color: #cbcbcb !important;
        padding: 14px 0;
        border-bottom: 1px solid;
        text-align: center;
    }
  }


   /*　グローバルメニュー　*/ 
.standings-wrap .league-selector ul li.no-click {
    background: #000;
}
.sp-content-navi {
    background: #535353;
    padding-top: 1px;
    padding-bottom: 1px;
    margin-top:20px;
}
.sp-content-navi ul {
    background: #000;
    /* margin: 30px auto; */
    width: 100%;
}
.sp-content-navi ul li {
    width: 25%;
    float: left;
    font-weight: bold;
    text-align: center;
    vertical-align: middle !important;
    padding: 6px 0;
    border-left: 1px solid #535353;
    box-sizing: border-box;
    height: 60px;  
    display: -webkit-box; /* safari, Chrome */
  display: -moz-box;    /* Firefox */
  display: -o-box;      /* Opera */
  display: -ms-box;     /* IE */
  display: box;         /* ベンダープレフィックスなし */
  -webkit-box-align: center; /* safari, Chrome */
  -moz-box-align: center;    /* Firefox */
  -o-box-align: center;      /* Opera */
  -ms-box-align: center;     /* IE */
  box-align: center;         /* ベンダープレフィックスなし */
}
.sp-content-navi ul li a {
    color: #fff;
    display: block;
    margin: 0 auto;
    font-size: 12px;
}
.sp-content-navi ul li:nth-child(n+5) {
    border-top: 1px solid #535353;
}

.sp-content-navi ul .nav_button img{
  
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -moz-transition: all, 0.25s, linear;
  -o-transition: all, 0.25s, linear;
  -webkit-transition: all, 0.25s, linear;
  transition: all, 0.25s, linear;
}

.sp-content-navi ul .nav_button.active img{
  -moz-transform: translate(0, 50%);
  -ms-transform: translate(0, 50%);
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}


.header .nav-wrap .gnav-wrap .gnav span.en {
    font-size: 18px;
}
.header .nav-wrap .gnav-wrap .gnav span.ja {
    font-size: 15px;
    letter-spacing: 0.05em;
    font-weight: bold;
    font-family: "Noto Sans Japanese", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.header .nav-wrap .gnav-wrap .menu-trigger p.othermenu {
    color: #fff;
    font-size: 10px;
    margin-top: 32px;
    text-align: center;
    letter-spacing: 0.1em;
}
.header .nav-wrap .gnav-wrap .menu-trigger {
  margin-top: 2px !important;
}
.header .nav-wrap .gnav-wrap .gnav li {
    margin-right: 23px;
    margin-bottom: 6px;
}
.header .nav-wrap .gnav-wrap .gnav li a{
    color: #fff;
    vertical-align: middle;
    display: table-cell;
}
.header .nav-wrap .gnav-wrap .gnav li a:hover{
    color: #000;
}
/*　END グローバルメニュー　*/





@media screen and (min-width: 641px) {
.header .nav-wrap {
    margin-bottom: 0px;
}
/*　ハンバーガーメニュー　*/
.header .nav-wrap .gnav-wrap {
    margin-top: 3px;
}
.header .nav-wrap .gnav-wrap .menu-trigger p.othermenu:last-child {
    margin-top: 0;
}
.cover-nav-wrap {
  margin-left: -1%;
  width: 104% !important;
  height: 103% !important;
}
.cover-nav-inner {
    max-width: 1300px;
    min-width: 1100px;
    margin: 0 auto;
}
.cover-nav-wrap h2{
    background: #7c7c7c;
    color: #fff;
    text-align: center;
    margin: 20px auto;
    width: 93%;
    font-size: 24px;
    padding: 40px 0;
    font-weight: bold;
    letter-spacing: 0.1em;
}
.cover-nav-wrap .gnav-list {
    width: 90%;
    margin: 50px auto 30px;
}
.cover-nav-wrap .gnav-list li {
        float: left;
    width: 33.3333%;
    box-sizing: border-box;
    display: table;
    margin-bottom: 30px;
    font-size: 16px;
    font-weight: bold;
}
.cover-nav-wrap .gnav-list li a > * {
    display: table-cell;
    padding-left: 15px;
    vertical-align: middle;
}

.cover-nav-wrap .gnav-list li a .nav_text{
    white-space: nowrap;
    padding-left: 0;
}

.cover-nav-wrap .gnav-list li a .nav_text2{
    white-space: nowrap;
}


.cover-nav-wrap .gnav-list a {
    color: #fff;
    vertical-align: middle;
    display: table-cell;
}
.cover-nav-wrap .gnav-list a:hover {
  opacity: .7;
  transition:all .2s;
  -webkit-transition:all .2s;
}
.cover-nav-wrap .gnav-list a span.ex-txt{
  color: #727272;
  font-size: 12px;
}
.cover-nav-wrap .gnav-list a span.en{
font-family: "bleagueFont";
font-size: 20px;
letter-spacing: 0.1em;
}
/*　END ハンバーガーメニュー　*/
  
/*　CS TOP リンク　*/
.top-cs-anr-wrap {
    background: #616161;
    width: 100%;
    height: 155px;
    padding-top: 10px;
}
.top-cs-anr-wrap ul {
    margin: 0 auto;
    padding-left: 5%;
    font-size: 0;
    max-width: 1200px;
    text-align: center;
    position: relative;
}
.top-cs-anr-wrap ul li {
    display: inline-block;
    width: 20%;
    padding: 17px 2% 20px;
    vertical-align: middle;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
}
.top-cs-anr-wrap ul li img {
    height: 40px;
}
.top-cs-anr-wrap .nav-ec a {
    color: #fff;
    font-size: 27px;
    font-family: "bleagueFont";
    white-space: nowrap;
    line-height: 1;
}
/* .top-cs-anr-wrap ul:before {
    content: "";
    position: absolute;
    top: 15px;
    left: 0;
    background: url(/v=/championship_2016_17/img/img-top-cs-ec.png) top left no-repeat;
    width: 150px;
    height: 70px;
    background-size: 100%;
} */
.top-cs-anr-wrap ul li:hover {
   opacity: 0.6;
}
.top-cs-anr-wrap ul li.nav-ec img {
    width:100%;
    height: auto;
    vertical-align: middle;
}
li.nav-ec.link {
    width: 12%;
    text-align: left;
}

li.nav-ec.img-ec {
    padding-right: 6%;
    padding-left: 0;
}
.top-cs-anr-wrap .small {
    display: inline-block;
    line-height: 1;
}
span.large.tokai {
    display: inline-block;
    line-height: .8;
}
.top-cs-anr-wrap ul li.nav-ec.link img {
    width: 80%;
}
/*　END CS TOP リンク　*/
}

@media screen and (max-width: 640px) {
/*　ハンバーガーメニュー　*/
.top-page .header .sns-trigger {
    top: 45px;
    background-size: auto 96%;
}
.header .nav-wrap .gnav-wrap .menu-trigger p.othermenu {
    font-size: 11px;
    margin-top: 30px;
    letter-spacing: 0.05em;
    font-weight: bold;
}
.cover-nav-wrap {
    position: fixed;
    z-index: -1;
    background: rgba(0, 0, 0, 0.9);
    width: 102%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.5s;
    padding: 100px 0;
    overflow-y: scroll;
    box-sizing: border-box;
  }
  .cover-nav-wrap .gnav {
    text-align: center;
    font-family: "bleagueFont";
    font-size: 28px;
    letter-spacing: 0.1em;
    z-index: 0;
  }
    .cover-nav-wrap.show .gnav li{
      display: block;
    }
  .cover-nav-wrap .gnav li {
    display: none;
    margin-bottom: 20px;
  }
  .cover-nav-wrap .gnav li a {
    color: #cfcfcf;
    padding: 24px 0;
  }
  .cover-nav-wrap .gnav li a span {
    display: block;
  }
  .cover-nav-wrap .gnav li a .ja {
    font-size: 12px;
    font-family: "Noto Sans Japanese", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin-top: -10px;
  }
  .cover-nav-wrap .gnav li a:hover {
    color: #fff;
    background: #000;
  }
  .cover-nav-wrap.show {
    z-index: 99999;
    opacity: 1;
  }
  .cover-nav-wrap.show .btn-close {
    cursor: pointer;
    position: fixed;
    top: 45px;
    right: 0;
    width: 50px;
    height: 50px;
    display: block;
  }
  .cover-nav-wrap.show .btn-close:before, .cover-nav-wrap.show .btn-close:after {
    content: '';
    position: absolute;
    width: 34px;
    height: 3px;
    background: #fff;
  }
  .cover-nav-wrap.show .btn-close:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
  .cover-nav-wrap.show .btn-close:after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }

  /*　ハンバーガーメニュー内　*/
.cover-nav-wrap {
  margin-left: -1%;
}
.cover-nav-inner {
    margin: 0 auto;
}
.cover-nav-wrap h2{
    background: #7c7c7c;
    color: #fff;
    text-align: center;
    font-size: 22px;
    padding: 14px 0;
    font-weight: bold;
    letter-spacing: 0.1em;
    border-bottom: 1px solid #000;
}
.cover-nav-wrap .gnav-list {
    margin-bottom: 60px;
    width: 100%;
    overflow: hidden;
}
.cover-nav-wrap .gnav-list:last-child {
    margin-bottom: 0;
}
.cover-nav-wrap .gnav-list li {
    float: left;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    text-align: -webkit-center;
    text-align: center;
    width: 100%;
    border-bottom: 1px solid #000;
}
.cover-nav-wrap .gnav-list li:nth-child(even) {
    background: rgba(64,64,64,0.8);
}
.cover-nav-wrap .gnav-list li:nth-child(odd) {
    background: rgba(39,39,39,0.8);
}
.cover-nav-wrap .gnav-list li a > * {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

.cover-nav-wrap .gnav-list li a .nav_text{
    white-space: nowrap;
}

.cover-nav-wrap .gnav-list li a .nav_text2{
    white-space: nowrap;
}

.cover-nav-wrap .gnav-list a {
    color: #fff;
    vertical-align: middle;
    display: block;
    padding: 14px 30px;
}
.cover-nav-wrap .gnav-list a:hover {
  opacity: .7;
  transition:all .2s;
  -webkit-transition:all .2s;
}
.cover-nav-wrap .gnav-list a span:first-child{
  letter-spacing: 1.4;
}
.cover-nav-wrap .gnav-list a span.ex-txt{
  color: #727272;
  font-size: 12px;
  padding-left: 15px;
  text-align: left;
}
.cover-nav-wrap .gnav-list a span.en{
font-family: "bleagueFont";
font-size: 20px;
letter-spacing: 0.1em;
}
/*　END ハンバーガーメニュー内　*/

/*　CS TOP リンク　*/
.top-cs-anr-wrap {
    background: #616161;
    width: 100%;
}
.top-cs-anr-wrap ul {
    width: 100%;
    margin: 0 auto;
    font-size: 0;
    text-align: center;
    box-sizing: border-box;
    padding: 20px 0;
    position: relative;
}
.top-cs-anr-wrap ul li {
    float: left;
    width: 22%;
    vertical-align: middle;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
}
.top-cs-anr-wrap ul li.nav-ec.img-ec {
    float: none;
    width: 35%;
    margin: 0 auto;
    padding: 20px 0;
}
.top-cs-anr-wrap ul li:hover {
   opacity: 0.6;
}
.top-cs-anr-wrap ul li.nav-ec {
  background:#616161;
}
.top-cs-anr-wrap .nav-ec a {
    font-size: 18px;
    color: #fff;
    font-family: "bleagueFont";
    line-height: 1.3;
}
.top-cs-anr-wrap ul li img {
    vertical-align: bottom;
}
li.nav-ec.link {
    padding-left: 20%;
}
li.nav-ec.img-ec {
    padding-right: 0;
}
.top-cs-anr-wrap ul li.tokai-hokuriku {
}
.top-cs-anr-wrap .small {
    display: inline-block;
    line-height: 1;
}
span.large.tokai {
    display: inline-block;
    line-height: .9;
}


/*　END CS TOP リンク　*/

/*　SP　フッター固定バナー　*/

.bnr-footer {
  background: #fff;
  padding: 0 10px;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 9;
  text-align:center;
}

.bnr-footer img {
  max-width: 100%;
}
.bnr-footer img.bnr-footer170315{
  vertical-align:middle;
}

/*　========================  */
/*　SP　共通バナーが入る場合要位置調節 .sp-return-top  */
/*　========================  */
/*　SP　フッター固定バナー　ここまで  */

/*　スクロールトップ　*/
.sp-return-top {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    background: #414141;
    z-index: 999;
}
.sp-return-top a {
    display: block;
    text-align: center;
    color: #222;
    font-size: 12px;
    text-decoration: none;
    padding: 15px 10px;
}
.sp-return-top a:hover {
  opacity: .7;
  transition:all .2s;
  -webkit-transition:all .2s;
}
.sp-return-top.lp{
  bottom:50px;
}
/*　END　スクロールトップ　*/
}

/*　END ハンバーガーメニュー　*/

/*　SP　 フッター固定バナー　*/
@media screen and (orientation: landscape) {
/* 横向きの場合のスタイル */
.bnr-footer.all-page a {
  display: inline-block;
  max-width: 70%;
}
.sp-return-top.lp{
  bottom: 110px;
}
}
/*　END SP フッター固定バナー*/

@media only screen and (min-width: 641px) {
    .filter_select_center {
        display: inline-block;
        //left: 400px;
        width: 200px;
        height: 50px;
        margin-right: 10px;
        margin-bottom: 0;
    }
    .filter_select::after {
        margin-top: -2px;
        top: 50%;
        right: 16px;
        width: 8px;
        height: 4px;
    }
}
.fontred{
    color: #ff0000;
}

.fontyellow{
    color: #ff0000;
}
.text_X{
    color: #fff;
}
.text_X:hover{
    color: #f31918;
}
.text_Y{
    text-align: right;
}
p.text_A {
    font-size: 100%; 
    color: #1a1a1a;
}
p.text_B {
    color: #fff;
    }
p.text_C {
    color: #191919;
    }
div.space {
    margin-top: 70px;
}
.sub-page-body_A {
    background: #fff;
    overflow: hidden;
    color: #000;
}
span.round_A {
    font-size: 25px;
}

.more_link_wrap {
    background-color: transparent;
    text-align: center;
}
.more_link_wrap .player_link {
    display: inline-block;
    position: relative;
    width: 100%;
    text-align: center;
    color: #ffffff;
    /* font-size: 28px; */
    font-size: 3.733vw;
    /* line-height: 140px; */
    line-height: 5;
}
.more_link_wrap .player_link::after{
    position: absolute;
    content: " ";
    background: url("/files/user/img/top/icon_arrow_r.png") no-repeat center center;
    background-size: contain;
    padding-left: 1.866%;
    top: 0;
    right: 9em;
    bottom: 0;
    margin: auto;
}

@media only screen and (min-width: 641px) {
    .more_link_wrap {
        background-color: transparent;
    }
    .more_link_wrap .more_link {
        box-sizing: border-box;
        display: block;
        width: 330px;
        height: 60px;
        margin: 0 auto;
        border: 2px solid #fff;
        background-color: #000;
        font-size: 14px;
        line-height: 4;
        border: 1px solid #ccc;
        vertical-align: middle;
        text-align: center;
    }
    .more_link_wrap .more_link::after{
        padding-left: 8px;
        right: 1em;
    }
}

.playbyplay_quarters li {
    display: inline-block;
    width: 20%;
    color: #6f707c;
    /* font-size: 24px; */
    font-size: 3.75vw;
    /* line-height: 72px; */
    line-height: 2.25;
    letter-spacing: 0.2em;
    text-align: center;
    border-bottom: solid 2px #24292e;
    cursor: pointer;
}

.Transplant_tab li.select {
    color: #ffffff;
    border-bottom: solid 2px #f31918;
}

.Transplant_tab li {
    font-size: 18px;
    line-height: 3;
}



/* マウスオーバーで赤くする対応 */
@media only screen and (min-width: 641px) {

    .page-club .player-area-wrap .league-selector ul li > p,
    .page-sns .sns-wrap .league-selector ul li > p{
        position: relative;
        z-index: 2;
        
        /*font-size: 20px;*/
    }
    .page-sns .sns-wrap .league-selector ul li > p{
        padding:20px;
    }
    .page-club .player-area-wrap .league-selector ul li .background,
    .page-sns .sns-wrap .league-selector ul li .background{
        z-index: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: #f31918;
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transition: all .34s cubic-bezier(.67,.01,.26,1);
        transition: all .34s cubic-bezier(.67,.01,.26,1);
        z-index: 1;
    }
    .page-club .player-area-wrap .league-selector ul li:last-child .background,
    .page-sns .sns-wrap .league-selector ul li:last-child .background{
        left: 0px;
    }
    .page-club .player-area-wrap .league-selector ul li:hover .background,
    .page-sns .sns-wrap .league-selector ul li:hover .background{
        opacity: 1.0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    .page-club .player-area-wrap .league-selector ul li:after,
    .page-sns .sns-wrap .league-selector ul li:after{
        z-index: 2;
    }

}

/* Twitterランキング修正 */
@media only screen and (min-width: 641px) {
    .sns-table dt.sub-txt {
        margin-bottom: 10px;
    }
}

/*新規お問い合わせフォーム*/
@media only screen and (min-width: 641px){
    .th_wit tr th  {
        width: 35%;
    }
    .ct-form .cn_wit {
        width: 65%;
    }
}