@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Exo+2:800,500);
/* reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font-weight: normal;
  font-style: normal;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

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

nav ul, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

/**
 * ICON
 * サイト全体で使うアイコン
 */
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?ligdqz");
  src: url("../fonts/icomoon.eot?ligdqz#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?ligdqz") format("truetype"), url("../fonts/icomoon.woff?ligdqz") format("woff"), url("../fonts/icomoon.svg?ligdqz#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="ico_"], [class*=" ico_"] {
  /* 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;
}

.ico_alarm:before {
  content: "\e900";
}

.ico_ball:before {
  content: "\e901";
}

.ico_broadcast:before {
  content: "\e902";
}

.ico_config:before {
  content: "\e903";
}

.ico_fb:before {
  content: "\e904";
}

.ico_info:before {
  content: "\e905";
}

.ico_loading:before {
  content: "\e906";
}

.ico_match:before {
  content: "\e907";
}

.ico_news:before {
  content: "\e908";
}

.ico_play:before {
  content: "\e909";
}

.ico_player:before {
  content: "\e90a";
}

.ico_ranking:before {
  content: "\e90b";
}

.ico_scoreboard:before {
  content: "\e90c";
}

.ico_search:before {
  content: "\e90d";
}

.ico_time:before {
  content: "\e90e";
}

.ico_tw:before {
  content: "\e90f";
}

.ico_video:before {
  content: "\e910";
}

.ico_video2:before {
  content: "\e911";
}

.ico_tw2:before {
  content: "\e912";
}

.ico_fb2:before {
  content: "\e913";
}

.ico_checkmark:before {
  content: "\e914";
}

.ico_campaign:before {
  content: "\e915";
}

/*-----------------------------------------------
  GENERIC
  -----------------------------------------------*/
html {
  box-sizing: border-box;
  font-size: 62.5%;
  /* sets the base font to 10px for easier math */
  height: 100%;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body {
  min-width: 320px;
  height: 100%;
  text-align: left;
  line-height: 1;
  background-color: #edeeee;
  color: #000;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

h1, h2, h3, h4, h5, h6, table, caption, thead, tr, th, td, form {
  font-size: 100%;
}

article, aside, footer, header, nav, section, main {
  display: block;
}

a, embed, object {
  outline: none;
}

a {
  color: #0b6fb4;
  text-decoration: none;
}

img {
  border: none;
}

hr {
  display: none;
}

input, textarea, select {
  -webkit-appearance: none;
  border-radius: 0;
}

/*-----------------------------------------------
  grid
  -----------------------------------------------*/
.mainContainer {
  width: 100%;
  padding: 10px 0 20px;
}

@media screen and (min-width: 769px) {
  .mainContainer {
    width: 1024px;
    margin: 0 auto;
    padding: 16px 0;
    *zoom: 1;
  }
  .mainContainer::after {
    content: "";
    display: table;
    clear: both;
  }
}
.mainColumn, .sideColumn {
  width: 100%;
}

@media screen and (min-width: 769px) {
  .mainColumn {
    width: 672px;
    min-height: 360px;
    float: left;
  }
  .mainColumn.-full {
    width: 100%;
    float: none;
  }

  .sideColumn {
    width: 300px;
    float: right;
  }
}
/*-----------------------------------------------
  nav
  -----------------------------------------------*/
.categoryTab, .matchNav, .teamNav {
  padding: 10px;
  width: 100%;
}
.categoryTab ul, .matchNav ul, .teamNav ul {
  font-size: 0;
  position: relative;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  background: #fff;
}
.categoryTab li, .matchNav li, .teamNav li {
  display: inline-block;
}
.categoryTab li a, .matchNav li a, .teamNav li a {
  display: block;
  height: 40px;
  padding: 15px;
  font-size: 13px;
  color: #474b4f;
  cursor: pointer;
}
.categoryTab li.current a, .matchNav li.current a, .teamNav li.current a {
  color: #b29245 !important;
  border-bottom: 2px solid #b29245;
}

@media screen and (min-width: 769px) {
  .categoryTab, .matchNav, .teamNav {
    position: relative;
    padding: 0 0 16px;
  }
  .categoryTab ul, .matchNav ul, .teamNav ul {
    overflow-x: hidden;
    -webkit-overflow-scrolling: auto;
  }
  .categoryTab li a, .matchNav li a, .teamNav li a {
    cursor: pointer;
    -webkit-transition: all 0.3s 0s ease;
    -moz-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
  }
  .categoryTab li a:hover, .matchNav li a:hover, .teamNav li a:hover {
    background: #b7bdc1;
  }
}
.textTab {
  text-align: center;
  margin: 0 0 10px;
}
.textTab ul {
  font-size: 0;
}
.textTab li {
  display: inline-block;
  padding: 0;
  font-size: 11px;
}
.textTab li::before {
  content: '';
  height: 11px;
  display: inline-block;
  border-left: 1px solid #bebfbf;
}
.textTab li:first-child::before {
  border-left: none;
}
.textTab li a {
  color: #0b6fb4;
  padding: 0 10px;
}

@media screen and (min-width: 769px) {
  .textTab li {
    padding: 16px 0;
    font-size: 13px;
  }
  .textTab li::before {
    content: '';
    height: 13px;
    display: inline-block;
    border-left: 1px solid #bebfbf;
  }

  .page_top .textTab {
    position: absolute;
    top: 0;
    right: 0;
  }
  .page_top .textTab li {
    padding: 0;
  }
}
.pageNav {
  width: 100%;
  height: 44px;
  background: #1f2326;
}
.pageNav > .wrapper {
  min-width: 320px;
}
.pageNav .navBlock ul {
  font-size: 0;
  position: relative;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}
.pageNav .navBlock li {
  display: inline-block;
}
.pageNav .navBlock li a {
  display: block;
  height: 44px;
  padding: 15px;
  font-size: 13px;
  color: #fff;
  cursor: pointer;
}
.pageNav .navBlock li.current a {
  color: #b29245 !important;
  border-bottom: 2px solid #b29245;
}
.pageNav .shareButtonBlock {
  display: none;
}

@media screen and (min-width: 769px) {
  .pageNav {
    padding: 0 0 16px;
    text-align: center;
  }
  .pageNav > .wrapper {
    position: relative;
    width: 1024px;
    margin: auto;
    text-align: left;
  }
  .pageNav .navBlock ul {
    overflow-x: hidden;
    -webkit-overflow-scrolling: auto;
  }
  .pageNav .navBlock li a {
    cursor: pointer;
    -webkit-transition: all 0.3s 0s ease;
    -moz-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
  }
  .pageNav .navBlock li a:hover {
    background: #4d575e;
  }
  .pageNav .shareButtonBlock {
    display: block;
    position: absolute;
    top: 10px;
    right: 0;
  }
  .pageNav .shareButtonBlock .shareText {
    color: #fff;
  }
}
.pageingBlock {
  margin: 0 10px 10px;
  text-align: center;
}
.pageingBlock hr {
  display: block;
  border-top: 1px solid #bebfbf;
}
.pageingBlock ul {
  font-size: 0;
  margin: auto;
}
.pageingBlock li {
  display: inline-block;
  font-size: 13px;
}
.pageingBlock li a, .pageingBlock li span {
  display: block;
  padding: 5px;
  margin: 0 5px;
}
.pageingBlock li a {
  color: #0b6fb4;
}
.pageingBlock li.current i {
  color: #000;
  font-weight: bold;
}
.pageingBlock li i {
  display: block;
  padding: 5px;
  margin: 0 5px;
}
.pageingBlock .btnPrev {
  position: relative;
}
.pageingBlock .btnPrev::after {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 8px;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: 2px solid #b29245;
  border-left: 2px solid #b29245;
  border-top: none;
  border-right: none;
}
.pageingBlock .btnPrev.disabled {
  color: #bebfbf;
}
.pageingBlock .btnPrev.disabled::after {
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 8px;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: 2px solid #bebfbf;
  border-left: 2px solid #bebfbf;
  border-top: none;
  border-right: none;
}
.pageingBlock .btnNext {
  position: relative;
}
.pageingBlock .btnNext::after {
  content: "";
  position: absolute;
  right: 0;
  top: 8px;
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 8px;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: 2px solid #b29245;
  border-right: 2px solid #b29245;
  border-bottom: none;
  border-left: none;
}
.pageingBlock .btnNext.disabled {
  color: #bebfbf;
}
.pageingBlock .btnNext.disabled::after {
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 8px;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: 2px solid #bebfbf;
  border-right: 2px solid #bebfbf;
  border-bottom: none;
  border-left: none;
}
.pageingBlock .pc {
  display: none;
}

@media screen and (min-width: 769px) {
  .pageingBlock {
    margin: 0 0 16px;
  }
  .pageingBlock .btnPrev {
    margin: 0 50px 0 5px;
  }
  .pageingBlock .btnNext {
    margin: 0 5px 0 50px;
  }
  .pageingBlock .sp {
    display: none;
  }
  .pageingBlock .pc {
    display: block;
  }
}
.breadcrumb {
  display: none;
}

@media screen and (min-width: 769px) {
  .breadcrumb {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    font-size: 11px;
  }
  .breadcrumb a {
    color: #0b6fb4;
  }
  .breadcrumb a:after {
    content: ">";
    display: inline-block;
  }
  .breadcrumb .current {
    font-weight: bold;
  }

  .mainContainer .breadcrumb {
    padding: 0 0 16px;
  }
}
.js-dropdown {
  position: relative;
  display: block;
}
.js-dropdown .btnSelected {
  position: relative;
  display: block;
  height: 32px;
  font-size: 11px;
  padding: 10px;
  cursor: pointer;
  color: #1f2326;
  background: #fff;
  border: 1px solid #dcdddd;
  border-radius: 5px;
}
.js-dropdown .btnSelected::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 8px;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: 2px solid #b29245;
  border-right: 2px solid #b29245;
  border-top: none;
  border-left: none;
  margin: -6px 0 0 10px;
}
.js-dropdown .dropdownList {
  display: none;
  position: absolute;
  z-index: 2;
  width: 100%;
  background: #fff;
  border-radius: 5px;
}
.js-dropdown .dropdownList li {
  display: block;
  font-size: 11px;
}
.js-dropdown .dropdownList li a {
  display: block;
  color: #1f2326;
  border-top: 1px solid #dcdddd;
  padding: 10px 10px 10px 30px;
}
.js-dropdown .dropdownList li:first-child a {
  border-top: none;
}
.js-dropdown .dropdownList li.select a::before {
  position: absolute;
  left: 10px;
  margin: 0 10px 0 0;
  font-size: 10px;
  color: #b29245;
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e914";
}
.js-dropdown.is-open .btnSelected::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 8px;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: 2px solid #b29245;
  border-left: 2px solid #b29245;
  border-bottom: none;
  border-right: none;
  margin: -2px 0 0 10px;
}
.js-dropdown.is-open .dropdownList {
  display: block;
}

/*-----------------------------------------------
  teamNav
  -----------------------------------------------*/
.matchTeamNav {
  padding: 10px;
  width: 100%;
}
.matchTeamNav ul {
  font-size: 0;
  background: rgba(0, 0, 0, 0.2);
}
.matchTeamNav li {
  display: inline-block;
  width: 50%;
  height: 40px;
  padding: 15px;
  font-size: 13px;
  color: #474b4f;
  text-align: center;
  cursor: pointer;
}
.matchTeamNav li.current {
  color: #fff !important;
  background: #474b4f;
}

@media screen and (min-width: 769px) {
  .matchTeamNav {
    display: none;
  }
}
/*-----------------------------------------------
  matchVideoNav
  -----------------------------------------------*/
.matchVideoNav {
  padding: 10px;
  width: 100%;
}
.matchVideoNav ul {
  font-size: 0;
  background: rgba(0, 0, 0, 0.2);
}
.matchVideoNav li {
  display: inline-block;
  width: 50%;
  height: 40px;
  padding: 15px;
  font-size: 13px;
  color: #474b4f;
  text-align: center;
  cursor: pointer;
}
.matchVideoNav li.current {
  color: #fff !important;
  background: #474b4f;
}

@media screen and (min-width: 769px) {
  .matchVideoNav {
    display: block;
    padding: 16px 0;
    width: 100%;
  }
  .matchVideoNav ul {
    font-size: 0;
    background: rgba(0, 0, 0, 0.2);
  }
  .matchVideoNav li {
    display: inline-block;
    width: 50%;
    height: 40px;
    padding: 15px;
    font-size: 13px;
    color: #474b4f;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.3s 0s ease;
    -moz-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
    cursor: pointer;
  }
  .matchVideoNav li:hover {
    background: #777e85;
  }
  .matchVideoNav li.current {
    color: #fff !important;
    background: #474b4f;
    cursor: pointer;
    -webkit-transition: all 0.3s 0s ease;
    -moz-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
  }
  .matchVideoNav li.current:hover {
    background: #777e85;
  }
}
/*-----------------------------------------------
  halfSelectNav
  -----------------------------------------------*/
.halfSelectNav {
  padding: 10px;
  width: 100%;
}
.halfSelectNav ul {
  font-size: 0;
  background: rgba(0, 0, 0, 0.2);
}
.halfSelectNav li {
  display: inline-block;
  width: 50%;
  height: 40px;
  font-size: 13px;
  color: #474b4f;
  text-align: center;
  overflow: hidden;
}
.halfSelectNav li a {
  display: block;
  height: 40px;
  padding: 15px;
  color: #474b4f;
}
.halfSelectNav li.current {
  color: #fff !important;
  background: #474b4f;
}
.halfSelectNav li.current a {
  color: #fff;
}

@media screen and (min-width: 769px) {
  .halfSelectNav {
    display: block;
    padding: 16px 0;
    width: 100%;
  }
  .halfSelectNav ul {
    font-size: 0;
    background: rgba(0, 0, 0, 0.2);
  }
  .halfSelectNav li {
    display: inline-block;
    width: 50%;
    height: 40px;
    font-size: 13px;
    color: #474b4f;
    text-align: center;
    cursor: pointer;
  }
  .halfSelectNav li a {
    cursor: pointer;
    -webkit-transition: all 0.3s 0s ease;
    -moz-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
  }
  .halfSelectNav li a:hover {
    background: #777e85;
  }
  .halfSelectNav li.current {
    color: #fff !important;
    background: #474b4f;
  }
  .halfSelectNav li.current a {
    cursor: pointer;
    -webkit-transition: all 0.3s 0s ease;
    -moz-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
  }
  .halfSelectNav li.current a:hover {
    background: #777e85;
  }
}
/*-----------------------------------------------
  selectBoxBlock
  -----------------------------------------------*/
.sortBoxBlock {
  padding: 0 10px 10px;
  text-align: right;
}
.sortBoxBlock .inner {
  position: relative;
  display: inline-block;
  width: 100px;
  background: #fff;
  overflow: hidden;
}
.sortBoxBlock .inner::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 8px;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: 2px solid #b29245;
  border-right: 2px solid #b29245;
  border-top: none;
  border-left: none;
  margin: -6px 0 0 10px;
}
.sortBoxBlock select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  border-radius: 0;
  width: 140%;
  padding: 10px;
  font-size: 13px;
}
.sortBoxBlock select:focus {
  outline: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

@media screen and (min-width: 769px) {
  .sortBoxBlock {
    padding: 0 0 16px;
  }
}
/*-----------------------------------------------
  refineSelectBlock
  -----------------------------------------------*/
.refineSelectBlock {
  padding: 0 10px 10px;
  text-align: right;
}
.refineSelectBlock li {
  position: relative;
  display: inline-block;
  width: 100%;
  background: #fff;
  overflow: hidden;
}
.refineSelectBlock li::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 8px;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: 2px solid #b29245;
  border-right: 2px solid #b29245;
  border-top: none;
  border-left: none;
  margin: -6px 0 0 10px;
}
.refineSelectBlock select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  border-radius: 0;
  width: 110%;
  font-size: 13px;
  padding: 10px;
}
.refineSelectBlock select:focus {
  outline: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

@media screen and (min-width: 769px) {
  .refineSelectBlock {
    margin: 0 0 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding: 0 0 16px;
  }
  .refineSelectBlock ul {
    font-size: 0;
  }
  .refineSelectBlock li {
    margin: 0 16px;
    width: 350px;
  }
}
/*-----------------------------------------------
  btn
  -----------------------------------------------*/
.btnDefault {
  display: inline-block;
  height: 32px;
  padding: 10px 25px;
  color: #0b6fb4;
  font-size: 11px;
  line-height: 1;
  border: 1px solid #dcdddd;
  background: #fff;
  border-radius: 4px;
}
.btnDefault::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 8px;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: 2px solid #b29245;
  border-right: 2px solid #b29245;
  border-bottom: none;
  border-left: none;
  margin: -4px 10px 0 0;
}

.sideColumn .layoutBlock {
  border-top: 1px solid #bebfbf;
  margin: 0;
  padding: 0;
}
.sideColumn .btnDefault {
  height: auto;
  padding: 15px 25px;
  border: none;
}

.btnTextMore {
  display: inline-block;
  height: 32px;
  padding: 10px 25px;
  color: #000;
  font-size: 11px;
  cursor: pointer;
}
.btnTextMore.-arrowUp::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 8px;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: 2px solid #818a91;
  border-left: 2px solid #818a91;
  border-bottom: none;
  border-right: none;
  margin: -4px 10px 0 0;
}
.btnTextMore.-arrowDown::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 8px;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: 2px solid #818a91;
  border-right: 2px solid #818a91;
  border-top: none;
  border-left: none;
  margin: -4px 10px 0 0;
}

/*-----------------------------------------------
  shareButtonBlock
  -----------------------------------------------*/
.shareButtonBlock {
  position: relative;
  display: block;
}
.shareButtonBlock .shareText {
  display: none;
}
.shareButtonBlock ul {
  font-size: 0;
}
.shareButtonBlock li {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  margin: 0 0 0 5px;
}
.shareButtonBlock li a {
  display: inline-block;
  width: 32px;
  height: 32px;
}
.shareButtonBlock li i {
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
}
.shareButtonBlock li .ico_fb {
  background: #3c5a98;
}
.shareButtonBlock li .ico_fb::before {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8.5px 0 0 -8.5px;
  font-size: 17px;
  color: #fff;
}
.shareButtonBlock li .ico_tw {
  background: #00aced;
}
.shareButtonBlock li .ico_tw::before {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8.5px 0 0 -8.5px;
  font-size: 17px;
  color: #fff;
}

@media screen and (min-width: 769px) {
  .shareButtonBlock .shareText {
    display: inline-block;
    font-size: 11px;
    vertical-align: middle;
  }
  .shareButtonBlock ul {
    display: inline-block;
    vertical-align: middle;
  }
  .shareButtonBlock li {
    width: 24px;
    height: 24px;
  }
  .shareButtonBlock li a {
    width: 24px;
    height: 24px;
  }
  .shareButtonBlock li i {
    width: 24px;
    height: 24px;
  }
  .shareButtonBlock li .ico_fb::before {
    margin: -6.5px 0 0 -6.5px;
    font-size: 13px;
  }
  .shareButtonBlock li .ico_tw::before {
    margin: -6.5px 0 0 -6.5px;
    font-size: 13px;
  }
}
.layoutBlock {
  position: relative;
  padding: 0 0 20px;
}
.layoutBlock.center {
  text-align: center;
}
.layoutBlock.spCenter {
  margin: 0;
  text-align: center;
}

p.layoutBlock {
  margin: 0;
}
p.layoutBlock.spCenter {
  margin: 20px 0 0;
}

@media screen and (min-width: 769px) {
  .layoutBlock {
    margin: 0 0 32px;
  }
  .layoutBlock.spCenter {
    text-align: left;
  }
}
/*-----------------------------------------------
  title
  -----------------------------------------------*/
.mainColumn > .ttlCategory {
  position: relative;
  text-align: left;
  margin: 0;
}
.mainColumn > .ttlCategory .ttl {
  font-size: 20px;
  font-weight: bold;
  padding: 10px;
}

.articleListContainer, .scheduleListContainer, .timelineContainer, .competitionListContainer {
  margin: 0 0 50px;
}
.articleListContainer .ttlCategory, .scheduleListContainer .ttlCategory, .timelineContainer .ttlCategory, .competitionListContainer .ttlCategory {
  position: relative;
  text-align: left;
  margin: 0;
}
.articleListContainer .ttlCategory .ttl, .scheduleListContainer .ttlCategory .ttl, .timelineContainer .ttlCategory .ttl, .competitionListContainer .ttlCategory .ttl {
  font-size: 18px;
  margin: 0 10px 10px;
}

.mainContainer .pickupGameContainer {
  margin: 20px 0 30px;
}
.mainContainer .pickupGameContainer .ttlCategory {
  position: relative;
  text-align: left;
  margin: 0;
}
.mainContainer .pickupGameContainer .ttlCategory .ttl {
  font-size: 18px;
  margin: 0 10px 10px;
}

@media screen and (min-width: 769px) {
  .mainColumn > .ttlCategory {
    position: relative;
    text-align: left;
    margin: 0;
  }
  .mainColumn > .ttlCategory .ttl {
    font-size: 26px;
    font-weight: bold;
    padding: 10px 0;
    margin: 0 0 10px;
  }

  .articleListContainer, .scheduleListContainer, .competitionListContainer {
    margin: 0 0 70px;
  }
  .articleListContainer .ttlCategory, .scheduleListContainer .ttlCategory, .competitionListContainer .ttlCategory {
    text-align: left;
    margin: 0 0 16px;
  }
  .articleListContainer .ttlCategory .ttl, .scheduleListContainer .ttlCategory .ttl, .competitionListContainer .ttlCategory .ttl {
    font-size: 20px;
    margin: 0 0 16px;
  }

  .mainContainer .pickupGameContainer {
    margin: 0 0 50px;
  }
  .mainContainer .pickupGameContainer .ttlCategory {
    text-align: left;
    margin: 0 0 16px;
  }
  .mainContainer .pickupGameContainer .ttlCategory .ttl {
    font-size: 20px;
    margin: 0 0 16px;
  }
}
.pageHeader .wrapper {
  position: relative;
}
.pageHeader .ttl {
  font-size: 23px;
  font-weight: bold;
  padding: 25px 70px 0 0;
  margin: 0 10px 10px;
}
.pageHeader .ttl small {
  font-size: 16px;
}
.pageHeader .shareButtonBlock {
  position: absolute;
  top: 10px;
  right: 10px;
}

@media screen and (min-width: 769px) {
  .pageHeader {
    min-width: 1024px;
  }
  .pageHeader .wrapper {
    width: 1024px;
    margin: 0 auto;
    padding: 16px 0 0;
  }
  .pageHeader .breadcrumb {
    margin: 15px 0;
  }
  .pageHeader .ttl {
    font-size: 36px;
    padding: 0 150px 0 0;
    margin: 0;
  }
  .pageHeader .ttl small {
    font-size: 24px;
  }
  .pageHeader .shareButtonBlock {
    top: 32px;
  }
}
[class^="competition_"] .pageHeader, [class^="match_"] .pageHeader {
  height: 80px;
  background: #999;
}
[class^="competition_"] .pageHeader .ttl, [class^="match_"] .pageHeader .ttl {
  padding: 28px 70px 0 0;
  color: #fff;
}
[class^="competition_"] .pageHeader .shareButtonBlock, [class^="match_"] .pageHeader .shareButtonBlock {
  top: 22px;
}

@media screen and (min-width: 769px) {
  [class^="competition_"] .pageHeader, [class^="match_"] .pageHeader {
    height: 130px;
    background: #999;
    overflow: hidden;
  }
  [class^="competition_"] .pageHeader .ttl, [class^="match_"] .pageHeader .ttl {
    font-size: 36px;
    padding: 36px 0 0 0;
    margin: 0;
  }
  [class^="competition_"] .pageHeader .ttl small, [class^="match_"] .pageHeader .ttl small {
    font-size: 24px;
  }
}
.page_feature .pageHeader {
  height: 80px;
  background: url(../img/feature/bg_title_header.jpg) 0 0 no-repeat;
}
.page_feature .pageHeader .ttl {
  padding: 28px 70px 0 0;
  color: #fff;
}
.page_feature .pageHeader .shareButtonBlock {
  top: 22px;
}

@media screen and (min-width: 769px) {
  .page_feature .pageHeader {
    height: 130px;
    background: url(../img/feature/bg_title_header.jpg) 0 0 no-repeat;
    background-size: cover;
    overflow: hidden;
  }
  .page_feature .pageHeader .breadcrumb {
    color: #fff;
  }
  .page_feature .pageHeader .breadcrumb a {
    color: #fff;
  }
  .page_feature .pageHeader .ttl {
    font-size: 36px;
    padding: 0 150px 0 0;
    margin: 0;
  }
  .page_feature .pageHeader .ttl small {
    font-size: 24px;
  }
  .page_feature .pageHeader .shareButtonBlock {
    top: 32px;
  }
  .page_feature .pageHeader .shareButtonBlock .shareText {
    color: #fff;
  }
}
.scheduleListContainer .dateBlock {
  position: relative;
  text-align: left;
  margin: 10px 0 0;
}
.scheduleListContainer .dateBlock .date {
  margin: 0 10px 20px;
  color: #1f2326;
  font-size: 26px;
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 0.8;
  font-weight: 800;
}
.scheduleListContainer .matchList ~ .dateBlock {
  margin: 40px 0 0;
}

@media screen and (min-width: 769px) {
  .scheduleListContainer .dateBlock {
    position: relative;
    text-align: left;
    margin: 10px 0 0;
  }
  .scheduleListContainer .dateBlock .date {
    margin: 0 0 20px;
    font-size: 26px;
  }
  .scheduleListContainer .matchList ~ .dateBlock {
    margin: 40px 0 0;
  }
}
.columnListTitleBlock {
  margin: 10px;
  padding: 10px;
  background: #fff;
}
.columnListTitleBlock .titleBlock {
  position: relative;
  margin: 0 0 10px;
  min-height: 100px;
}
.columnListTitleBlock .titleBlock .imageBlock {
  position: absolute;
  width: 100px;
  height: 100px;
  overflow: hidden;
}
.columnListTitleBlock .titleBlock .imageBlock img {
  width: auto;
  height: 100%;
}
.columnListTitleBlock .titleBlock .textBlock {
  padding: 0 10px 0 110px;
  font-size: 15px;
}
.columnListTitleBlock .titleBlock .textBlock a {
  -webkit-transition: all 0.3s 0s ease;
  -moz-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  color: #0b6fb4;
}
.columnListTitleBlock .titleBlock .textBlock a:visited {
  color: #5b0962;
}
.columnListTitleBlock .titleBlock .textBlock a:hover {
  color: #0b6fb4;
  background: rgba(220, 221, 221, 0.4);
}
.columnListTitleBlock .titleBlock .textBlock .ttl {
  padding: 22px 0 0;
  line-height: 1.2;
}
.columnListTitleBlock .titleBlock .textBlock .ttl a {
  display: block;
}
.columnListTitleBlock .titleBlock .textBlock .category {
  position: absolute;
  top: 0;
  display: inline-block;
  color: #fff;
  background: #818a91;
  height: 18px;
  padding: 2px 3px 3px;
  margin: 0 10px 5px 0;
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 0.8;
  font-weight: 800;
  font-size: 11px;
}
.columnListTitleBlock .titleBlock .textBlock .category::before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e908";
  margin: 0 5px 0 0;
}
.columnListTitleBlock .titleBlock .textBlock .category::after {
  content: "";
  position: absolute;
  top: 0;
  right: -9px;
  z-index: 0;
  display: inline-block;
  width: 0;
  height: 0;
  border-bottom: 8px solid transparent;
  border-right: 4px solid transparent;
  border-top: 10px solid #818a91;
  border-left: 5px solid #818a91;
}
.columnListTitleBlock .writerBlock {
  position: relative;
  margin: 0 0 10px;
  min-height: 44px;
}
.columnListTitleBlock .writerBlock .avatarBlock {
  position: absolute;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  overflow: hidden;
}
.columnListTitleBlock .writerBlock .avatarBlock img {
  width: 100%;
  height: auto;
}
.columnListTitleBlock .writerBlock .nameBlock {
  padding: 10px 0 0 54px;
  font-size: 11px;
  line-height: 1.4;
}
.columnListTitleBlock .writerBlock .nameBlock a {
  -webkit-transition: all 0.3s 0s ease;
  -moz-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  color: #0b6fb4;
}
.columnListTitleBlock .writerBlock .nameBlock a:visited {
  color: #5b0962;
}
.columnListTitleBlock .writerBlock .nameBlock a:hover {
  color: #0b6fb4;
  background: rgba(220, 221, 221, 0.4);
}
.columnListTitleBlock .writerBlock .nameBlock .name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
}

@media screen and (min-width: 769px) {
  .columnListTitleBlock {
    position: relative;
    height: 180px;
    margin: 0 0 16px;
    padding: 0;
    overflow: hidden;
  }
  .columnListTitleBlock .titleBlock .imageBlock {
    position: absolute;
    width: 180px;
    height: 180px;
    overflow: hidden;
  }
  .columnListTitleBlock .titleBlock .textBlock {
    padding: 20px 16px 0 196px;
    font-size: 15px;
  }
  .columnListTitleBlock .titleBlock .textBlock .ttl {
    height: 94px;
    overflow: hidden;
    line-height: 1.2;
  }
  .columnListTitleBlock .titleBlock .textBlock .category {
    left: 180px;
    height: 32px;
    padding: 6px;
    margin: 0 10px 5px 0;
    font-size: 16px;
  }
  .columnListTitleBlock .titleBlock .textBlock .category::before {
    margin: 0 5px 0 0;
  }
  .columnListTitleBlock .titleBlock .textBlock .category::after {
    right: -16px;
    border-bottom: 16px solid transparent;
    border-right: 8px solid transparent;
    border-top: 16px solid #818a91;
    border-left: 8px solid #818a91;
  }
  .columnListTitleBlock .writerBlock {
    position: absolute;
    left: 190px;
    bottom: 10px;
    margin: 0;
  }
  .columnListTitleBlock .writerBlock .nameBlock {
    padding: 10px 0 0 54px;
  }
  .columnListTitleBlock .writerBlock .nameBlock .name {
    font-size: 13px;
  }
}
.columnTitleBlock {
  margin: 10px 10px 0;
}
.columnTitleBlock .titleBlock {
  position: relative;
}
.columnTitleBlock .titleBlock .imageBlock {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.columnTitleBlock .titleBlock .imageBlock img {
  position: absolute;
  width: 100%;
  height: auto;
}
.columnTitleBlock .titleBlock .textBlock {
  display: none;
}
.columnTitleBlock .writerBlock {
  position: relative;
  background: #fff;
  margin: 0 0 10px;
  padding: 10px;
}
.columnTitleBlock .writerBlock .avatarBlock {
  display: inline-block;
  vertical-align: middle;
  width: 44px;
  height: 44px;
  margin: 0 0 10px;
  border-radius: 50%;
  overflow: hidden;
}
.columnTitleBlock .writerBlock .avatarBlock img {
  width: 100%;
  height: auto;
}
.columnTitleBlock .writerBlock .nameBlock {
  display: inline-block;
  vertical-align: middle;
  font-size: 11px;
  line-height: 1.4;
}
.columnTitleBlock .writerBlock .nameBlock a {
  color: #0b6fb4;
}
.columnTitleBlock .writerBlock .nameBlock .name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
}
.columnTitleBlock .writerBlock .snsLinkBlock {
  display: block;
  margin: 0 0 10px;
}
.columnTitleBlock .writerBlock .snsLinkBlock li {
  display: inline-block;
  font-size: 11px;
  border-left: 1px solid #bebfbf;
  padding: 0 5px;
}
.columnTitleBlock .writerBlock .snsLinkBlock li:first-child {
  border-left: none;
}
.columnTitleBlock .writerBlock .snsLinkBlock li a {
  color: #0b6fb4;
}
.columnTitleBlock .writerBlock .snsLinkBlock li.btnFb::before {
  color: #3c5a98;
  font-size: 13px;
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e913";
}
.columnTitleBlock .writerBlock .snsLinkBlock li.btnTw::before {
  color: #00aced;
  font-size: 13px;
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e912";
}
.columnTitleBlock .writerBlock .profileBlock {
  color: #818a91;
  font-size: 11px;
  line-height: 1.4;
}
.columnTitleBlock .shareButtonBlock {
  text-align: right;
}

@media screen and (min-width: 769px) {
  .columnTitleBlock {
    margin: 0 0 16px;
  }
  .columnTitleBlock .writerBlock {
    padding: 16px;
    min-height: 88px;
  }
  .columnTitleBlock .writerBlock .avatarBlock {
    position: absolute;
    display: block;
    width: 88px;
    height: 88px;
    border-radius: 50%;
    overflow: hidden;
  }
  .columnTitleBlock .writerBlock .nameBlock {
    display: block;
    padding: 0 0 10px 115px;
  }
  .columnTitleBlock .writerBlock .snsLinkBlock {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    padding: 0 0 10px 115px;
  }
  .columnTitleBlock .writerBlock .profileBlock {
    padding: 0 0 10px 115px;
    font-size: 11px;
  }
}
.articleTitleBlock {
  margin: 0 10px 10px;
  position: relative;
}
.articleTitleBlock .imageBlock {
  position: relative;
  display: block;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.articleTitleBlock .imageBlock img {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: auto;
}
.articleTitleBlock .imageBlock object, .articleTitleBlock .imageBlock iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.articleTitleBlock .imageBlock .icoPlay {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  margin: -16px 0 0 -16px;
}
.articleTitleBlock .imageBlock .icoPlay::after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e909";
  color: rgba(255, 255, 255, 0.8);
  font-size: 32px;
}
.articleTitleBlock .textBlock {
  width: 100%;
  background: #fff;
  padding: 10px;
  color: #1f2326;
}
.articleTitleBlock .textBlock .subTtl {
  position: relative;
  font-size: 11px;
  color: #000;
  margin: 0 0 8px;
}
.articleTitleBlock .textBlock .subTtl .category {
  position: relative;
  display: inline-block;
  color: #fff;
  height: 16px;
  padding: 3px;
  margin: 0 10px 5px 0;
  font-size: 11px;
}
.articleTitleBlock .textBlock .subTtl .category::after {
  content: "";
  position: absolute;
  top: 0;
  right: -8px;
  z-index: 0;
  display: inline-block;
  width: 0;
  height: 0;
  border-bottom: 8px solid transparent;
  border-right: 4px solid transparent;
}
.articleTitleBlock .textBlock .subTtl .category.highlight {
  background: #b29245;
}
.articleTitleBlock .textBlock .subTtl .category.highlight::before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e910";
}
.articleTitleBlock .textBlock .subTtl .category.highlight::after {
  border-top: 10px solid #b29245;
  border-left: 5px solid #b29245;
}
.articleTitleBlock .textBlock .subTtl .category.column {
  background: #818a91;
}
.articleTitleBlock .textBlock .subTtl .category.column::after {
  border-top: 8px solid #818a91;
  border-left: 4px solid #818a91;
}
.articleTitleBlock .textBlock .ttl {
  color: #1f2326;
  font-size: 15px;
  line-height: 1.4;
}
.articleTitleBlock .textBlock .data {
  margin: 10px 0 0;
  color: #818a91;
  font-size: 11px;
}
.articleTitleBlock .textBlock .data a {
  -webkit-transition: all 0.3s 0s ease;
  -moz-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  color: #0b6fb4;
}
.articleTitleBlock .textBlock .data a:visited {
  color: #5b0962;
}
.articleTitleBlock .textBlock .data a:hover {
  color: #0b6fb4;
  background: rgba(220, 221, 221, 0.4);
}

@media screen and (min-width: 769px) {
  .articleTitleBlock {
    margin: 0 0 16px;
  }
  .articleTitleBlock .imageBlock {
    position: relative;
    display: block;
    padding-bottom: 56.25%;
    overflow: hidden;
  }
  .articleTitleBlock .imageBlock img {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: auto;
  }
  .articleTitleBlock .imageBlock object, .articleTitleBlock .imageBlock iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }
  .articleTitleBlock .imageBlock .icoPlay {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    margin: -28px 0 0 -28px;
  }
  .articleTitleBlock .imageBlock .icoPlay::after {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e909";
    color: rgba(255, 255, 255, 0.8);
    font-size: 56px;
  }
  .articleTitleBlock .textBlock {
    width: 100%;
    background: #fff;
    padding: 16px;
    color: #1f2326;
  }
  .articleTitleBlock .textBlock .subTtl {
    position: relative;
    font-size: 13px;
    color: #000;
    margin: 0 0 8px;
  }
  .articleTitleBlock .textBlock .ttl {
    color: #1f2326;
    font-size: 18px;
    line-height: 1.4;
  }
  .articleTitleBlock .textBlock .data {
    margin: 36px 0 0;
    color: #818a91;
    font-size: 11px;
  }
}
.videoTitleBlock {
  margin: 0 10px 10px;
  position: relative;
  background: #000;
}
.videoTitleBlock .imageBlock {
  position: relative;
  display: block;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.videoTitleBlock .imageBlock img {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: auto;
}
.videoTitleBlock .imageBlock object, .videoTitleBlock .imageBlock iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.videoTitleBlock .imageBlock .icoPlay {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  margin: -16px 0 0 -16px;
}
.videoTitleBlock .imageBlock .icoPlay::after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e909";
  color: rgba(255, 255, 255, 0.8);
  font-size: 32px;
}
.videoTitleBlock .textBlock {
  width: 100%;
  background: #000;
  padding: 10px;
  color: #1f2326;
}
.videoTitleBlock .textBlock .subTtl {
  position: relative;
  font-size: 11px;
  color: #fff;
  margin: 0 0 8px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
}
.videoTitleBlock .textBlock .subTtl .category {
  position: relative;
  display: inline-block;
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 0.8;
  font-weight: 800;
  color: #fff;
  height: 16px;
  padding: 2px;
  margin: 0 10px 5px 0;
  font-size: 11px;
}
.videoTitleBlock .textBlock .subTtl .category::after {
  content: "";
  position: absolute;
  top: 0;
  right: -8px;
  z-index: 0;
  display: inline-block;
  width: 0;
  height: 0;
  border-bottom: 8px solid transparent;
  border-right: 4px solid transparent;
}
.videoTitleBlock .textBlock .subTtl .category.highlight {
  background: #b29245;
}
.videoTitleBlock .textBlock .subTtl .category.highlight::before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e910";
  margin: 0 2px;
}
.videoTitleBlock .textBlock .subTtl .category.highlight::after {
  border-top: 8px solid #b29245;
  border-left: 4px solid #b29245;
}
.videoTitleBlock .textBlock .subTtl .category.news {
  background: #b29245;
}
.videoTitleBlock .textBlock .subTtl .category.news::before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e908";
  margin: 0 2px;
}
.videoTitleBlock .textBlock .subTtl .category.news::after {
  border-top: 8px solid #b29245;
  border-left: 4px solid #b29245;
}
.videoTitleBlock .textBlock .subTtl .category.column {
  background: #818a91;
}
.videoTitleBlock .textBlock .subTtl .category.column::after {
  border-top: 8px solid #818a91;
  border-left: 4px solid #818a91;
}
.videoTitleBlock .textBlock .ttl {
  color: #fff;
  font-size: 15px;
  line-height: 1.4;
}
.videoTitleBlock .textBlock .data {
  margin: 10px 0 0;
  color: #818a91;
  font-size: 11px;
}
.videoTitleBlock .textBlock .data a {
  -webkit-transition: all 0.3s 0s ease;
  -moz-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  color: #fff;
}
.videoTitleBlock .textBlock .data a:visited {
  color: #ccc;
}
.videoTitleBlock .textBlock .data a:hover {
  color: #fff;
  background: #333;
}

@media screen and (orientation: landscape) {
  .videoTitleBlock .imageBlock {
    width: 70%;
    margin: auto;
    position: relative;
    display: block;
    padding-bottom: 39.37%;
    overflow: hidden;
  }
  .videoTitleBlock .imageBlock img {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: auto;
  }
  .videoTitleBlock .imageBlock object, .videoTitleBlock .imageBlock iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }
  .videoTitleBlock .imageBlock .icoPlay {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    margin: -28px 0 0 -28px;
  }
  .videoTitleBlock .imageBlock .icoPlay::after {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e909";
    color: rgba(255, 255, 255, 0.8);
    font-size: 56px;
  }
}
@media screen and (min-width: 769px) {
  .videoTitleBlock {
    margin: 0 0 16px;
  }
  .videoTitleBlock .imageBlock {
    width: 100%;
    position: relative;
    display: block;
    padding-bottom: 56.25%;
    overflow: hidden;
  }
  .videoTitleBlock .imageBlock img {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: auto;
  }
  .videoTitleBlock .imageBlock object, .videoTitleBlock .imageBlock iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }
  .videoTitleBlock .imageBlock .icoPlay {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    margin: -28px 0 0 -28px;
  }
  .videoTitleBlock .imageBlock .icoPlay::after {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e909";
    color: rgba(255, 255, 255, 0.8);
    font-size: 56px;
  }
  .videoTitleBlock .textBlock {
    padding: 16px;
    color: #1f2326;
  }
  .videoTitleBlock .textBlock .subTtl {
    position: relative;
    font-size: 13px;
    margin: 0 0 8px;
  }
  .videoTitleBlock .textBlock .ttl {
    font-size: 18px;
  }
  .videoTitleBlock .textBlock .data {
    margin: 36px 0 0;
    color: #818a91;
    font-size: 11px;
  }
}
.lineTitleBlock {
  margin: 0 10px 10px;
  position: relative;
  background: #000;
}
.lineTitleBlock .imageBlock {
  position: relative;
  display: block;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.lineTitleBlock .imageBlock img {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: auto;
}
.lineTitleBlock .imageBlock object, .lineTitleBlock .imageBlock iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.lineTitleBlock .imageBlock .icoPlay {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  margin: -16px 0 0 -16px;
}
.lineTitleBlock .imageBlock .icoPlay::after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e909";
  color: rgba(255, 255, 255, 0.8);
  font-size: 32px;
}

@media screen and (orientation: landscape) {
  .lineTitleBlock .imageBlock {
    width: 70%;
    margin: auto;
    position: relative;
    display: block;
    padding-bottom: 39.37%;
    overflow: hidden;
  }
  .lineTitleBlock .imageBlock img {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: auto;
  }
  .lineTitleBlock .imageBlock object, .lineTitleBlock .imageBlock iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }
  .lineTitleBlock .imageBlock .icoPlay {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    margin: -28px 0 0 -28px;
  }
  .lineTitleBlock .imageBlock .icoPlay::after {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e909";
    color: rgba(255, 255, 255, 0.8);
    font-size: 56px;
  }
}
@media screen and (min-width: 769px) {
  .lineTitleBlock {
    margin: 0 0 16px;
  }
  .lineTitleBlock .imageBlock {
    width: 100%;
    position: relative;
    display: block;
    padding-bottom: 56.25%;
    overflow: hidden;
  }
  .lineTitleBlock .imageBlock img {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: auto;
  }
  .lineTitleBlock .imageBlock object, .lineTitleBlock .imageBlock iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }
  .lineTitleBlock .imageBlock .icoPlay {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    margin: -28px 0 0 -28px;
  }
  .lineTitleBlock .imageBlock .icoPlay::after {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e909";
    color: rgba(255, 255, 255, 0.8);
    font-size: 56px;
  }
}
.highlightTitleBlock {
  margin: 0 10px 10px;
  position: relative;
}
.highlightTitleBlock .imageBlock {
  position: relative;
  display: block;
  padding-bottom: 56.25%;
  overflow: hidden;
  background: #000;
}
.highlightTitleBlock .imageBlock img {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: auto;
}
.highlightTitleBlock .imageBlock object, .highlightTitleBlock .imageBlock iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.highlightTitleBlock .imageBlock .icoPlay {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  margin: -16px 0 0 -16px;
}
.highlightTitleBlock .imageBlock .icoPlay::after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e909";
  color: rgba(255, 255, 255, 0.8);
  font-size: 32px;
}
.highlightTitleBlock .btnPlayBlock ul {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.highlightTitleBlock .btnPlayBlock li {
  position: relative;
  display: table-cell;
  height: 40px;
  padding: 8px;
  background: #474b4f;
  border-left: 1px solid #edeeee;
  text-align: center;
  vertical-align: middle;
}
.highlightTitleBlock .btnPlayBlock li:first-child {
  border-left: none;
}
.highlightTitleBlock .btnPlayBlock li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 8px;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: 2px solid #ddd;
  border-right: 2px solid #ddd;
  border-bottom: none;
  border-left: none;
  margin: -4px 5px 0 0;
}
.highlightTitleBlock .btnPlayBlock li span {
  display: inline-block;
  font-size: 13px;
  vertical-align: middle;
  color: #fff;
}
.highlightTitleBlock .btnPlayBlock li.current {
  background: #333;
}

@media screen and (orientation: landscape) {
  .highlightTitleBlock .imageBlock {
    width: 70%;
    margin: auto;
    position: relative;
    display: block;
    padding-bottom: 39.37%;
    overflow: hidden;
  }
  .highlightTitleBlock .imageBlock img {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: auto;
  }
  .highlightTitleBlock .imageBlock object, .highlightTitleBlock .imageBlock iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }
  .highlightTitleBlock .imageBlock .icoPlay {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    margin: -28px 0 0 -28px;
  }
  .highlightTitleBlock .imageBlock .icoPlay::after {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e909";
    color: rgba(255, 255, 255, 0.8);
    font-size: 56px;
  }
}
@media screen and (min-width: 769px) {
  .highlightTitleBlock {
    margin: 0 0 16px;
  }
  .highlightTitleBlock .imageBlock {
    width: 100%;
    position: relative;
    display: block;
    padding-bottom: 56.25%;
    overflow: hidden;
    cursor: pointer;
  }
  .highlightTitleBlock .imageBlock img {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: auto;
  }
  .highlightTitleBlock .imageBlock object, .highlightTitleBlock .imageBlock iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }
  .highlightTitleBlock .imageBlock .icoPlay {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    margin: -28px 0 0 -28px;
  }
  .highlightTitleBlock .imageBlock .icoPlay::after {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e909";
    color: rgba(255, 255, 255, 0.8);
    font-size: 56px;
  }
  .highlightTitleBlock .btnPlayBlock {
    margin: 16px 0 0;
  }
  .highlightTitleBlock .btnPlayBlock ul {
    display: block;
    font-size: 0;
  }
  .highlightTitleBlock .btnPlayBlock li {
    display: inline-block;
    width: 208px;
    margin: 0 0 0 24px;
    cursor: pointer;
  }
  .highlightTitleBlock .btnPlayBlock li:first-child {
    margin: 0;
  }
  .highlightTitleBlock .btnPlayBlock li span {
    padding: 6px;
  }
  .highlightTitleBlock .btnPlayBlock li br {
    display: none;
  }
}
.page_feature .scheduleContainer {
  position: relative;
}
.page_feature .scheduleContainer > .ttl {
  font-size: 23px;
  margin: 10px;
}
.page_feature .scheduleContainer .selectBoxBlock {
  margin: 0 0 10px;
  padding: 5px;
  font-size: 0;
}
.page_feature .scheduleContainer .selectBoxBlock > ul > li {
  display: inline-block;
  width: 50%;
  padding: 0 5px;
}
.page_feature .scheduleContainer .btnPrev {
  position: relative;
  margin: 10px 10px 0;
  padding: 10px;
  border-top: 1px solid #dcdddd;
  color: #818a91;
  font-size: 11px;
  text-align: center;
  cursor: pointer;
}
.page_feature .scheduleContainer .btnPrev::after {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 8px;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: 2px solid #818a91;
  border-left: 2px solid #818a91;
  border-bottom: none;
  border-right: none;
  margin: -2px 0 0 10px;
}
.page_feature .scheduleListContainer {
  position: relative;
}
.page_feature .scheduleListContainer.scroll {
  height: 440px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.page_feature .scheduleListContainer > .ttl {
  margin: 0 10px 20px;
  color: #1f2326;
  font-size: 26px;
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 0.8;
  font-weight: 800;
}

@media screen and (orientation: landscape) {
  .page_feature .scheduleListContainer.scroll {
    height: 220px;
  }
}
@media screen and (min-width: 769px) {
  .page_feature .scheduleContainer > .ttl {
    font-size: 36px;
    margin: 16px 0;
  }
  .page_feature .scheduleContainer .selectBoxBlock {
    position: absolute;
    top: -5px;
    right: 0;
    width: 385px;
    margin: 0 0 10px;
    padding: 5px;
    font-size: 0;
  }
  .page_feature .scheduleContainer .selectBoxBlock > ul > li {
    display: inline-block;
    width: auto;
    padding: 0 5px;
  }
  .page_feature .scheduleContainer .selectBoxBlock > ul .js-dropdown.-years {
    width: 80px;
  }
  .page_feature .scheduleContainer .selectBoxBlock > ul .js-dropdown.-category {
    position: absolute;
    top: 5px;
    right: 0;
    width: 120px;
  }
  .page_feature .scheduleListContainer {
    padding: 0;
  }
  .page_feature .scheduleListContainer.scroll {
    padding: 0 10px 0 0;
    height: 1500px;
    overflow-x: hidden;
  }
  .page_feature .scheduleListContainer.scroll .adBlock .tb, .page_feature .scheduleListContainer.scroll .adBlock .pc {
    width: 100%;
  }
  .page_feature .scheduleListContainer.scroll .adBlock img {
    width: 100%;
  }
  .page_feature .scheduleListContainer > .ttl {
    margin: 0 0 16px;
  }
}
/*-----------------------------------------------
  list
  -----------------------------------------------*/
.articleListContainer {
  position: relative;
  margin: 0 0 50px;
}
.articleListContainer > .ttl {
  font-size: 18px;
  margin: 10px;
}

.articleList, .rankingList {
  margin: 10px;
}
.articleList li, .rankingList li {
  position: relative;
}
.articleList li .imageBlock, .rankingList li .imageBlock {
  position: relative;
  display: block;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.articleList li .imageBlock img, .rankingList li .imageBlock img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: auto;
}
.articleList li .imageBlock .icoPlay, .rankingList li .imageBlock .icoPlay {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  margin: -16px 0 0 -16px;
}
.articleList li .imageBlock .icoPlay::after, .rankingList li .imageBlock .icoPlay::after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e909";
  color: rgba(255, 255, 255, 0.8);
  font-size: 32px;
}
.articleList li .textBlock .ttl, .rankingList li .textBlock .ttl {
  line-height: 1.4;
  white-space: normal;
}
.articleList li .textBlock .ttl .icoVideo, .rankingList li .textBlock .ttl .icoVideo {
  vertical-align: middle;
}
.articleList li .textBlock .ttl .icoVideo::after, .rankingList li .textBlock .ttl .icoVideo::after {
  margin: 0 0 0 5px;
  color: #b29245;
  font-size: 15px;
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e911";
}
.articleList li .textBlock .data, .rankingList li .textBlock .data {
  font-size: 11px;
  margin: 10px 0 0;
}
.articleList.-news, .articleList.-column, .rankingList.-news, .rankingList.-column {
  border-top: 1px solid #bebfbf;
}
.articleList.-news ul, .articleList.-column ul, .rankingList.-news ul, .rankingList.-column ul {
  font-size: 0;
}
.articleList.-news li, .articleList.-column li, .rankingList.-news li, .rankingList.-column li {
  display: block;
  min-height: 67px;
  padding: 10px 0;
  border-bottom: 1px solid #bebfbf;
  vertical-align: top;
}
.articleList.-news li a, .articleList.-column li a, .rankingList.-news li a, .rankingList.-column li a {
  -webkit-transition: all 0.3s 0s ease;
  -moz-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  color: #0b6fb4;
}
.articleList.-news li a:visited, .articleList.-column li a:visited, .rankingList.-news li a:visited, .rankingList.-column li a:visited {
  color: #5b0962;
}
.articleList.-news li a:hover, .articleList.-column li a:hover, .rankingList.-news li a:hover, .rankingList.-column li a:hover {
  color: #0b6fb4;
  background: rgba(220, 221, 221, 0.4);
}
.articleList.-news li .imageBlock, .articleList.-column li .imageBlock, .rankingList.-news li .imageBlock, .rankingList.-column li .imageBlock {
  width: 75px;
  position: relative;
  display: block;
  padding-bottom: 42px;
  overflow: hidden;
  position: absolute;
}
.articleList.-news li .imageBlock img, .articleList.-column li .imageBlock img, .rankingList.-news li .imageBlock img, .rankingList.-column li .imageBlock img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: auto;
}
.articleList.-news li .imageBlock .icoPlay, .articleList.-column li .imageBlock .icoPlay, .rankingList.-news li .imageBlock .icoPlay, .rankingList.-column li .imageBlock .icoPlay {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  margin: -9px 0 0 -9px;
}
.articleList.-news li .imageBlock .icoPlay::after, .articleList.-column li .imageBlock .icoPlay::after, .rankingList.-news li .imageBlock .icoPlay::after, .rankingList.-column li .imageBlock .icoPlay::after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e909";
  color: rgba(255, 255, 255, 0.8);
  font-size: 18px;
}
.articleList.-news li .textBlock, .articleList.-column li .textBlock, .rankingList.-news li .textBlock, .rankingList.-column li .textBlock {
  padding: 0 0 0 90px;
  color: #0b6fb4;
}
.articleList.-news li .textBlock .subTtl, .articleList.-column li .textBlock .subTtl, .rankingList.-news li .textBlock .subTtl, .rankingList.-column li .textBlock .subTtl {
  position: relative;
  font-size: 11px;
  color: #000;
  margin: 0 0 8px;
}
.articleList.-news li .textBlock .subTtl .category, .articleList.-column li .textBlock .subTtl .category, .rankingList.-news li .textBlock .subTtl .category, .rankingList.-column li .textBlock .subTtl .category {
  position: relative;
  display: inline-block;
  color: #fff;
  height: 16px;
  padding: 4px 2px 4px;
  margin: 0 10px 5px 0;
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 0.8;
  font-weight: 800;
  font-size: 11px;
}
.articleList.-news li .textBlock .subTtl .category::after, .articleList.-column li .textBlock .subTtl .category::after, .rankingList.-news li .textBlock .subTtl .category::after, .rankingList.-column li .textBlock .subTtl .category::after {
  content: "";
  position: absolute;
  top: 0;
  right: -8px;
  z-index: 0;
  display: inline-block;
  width: 0;
  height: 0;
  border-bottom: 8px solid transparent;
  border-right: 4px solid transparent;
}
.articleList.-news li .textBlock .subTtl .category.highlight, .articleList.-column li .textBlock .subTtl .category.highlight, .rankingList.-news li .textBlock .subTtl .category.highlight, .rankingList.-column li .textBlock .subTtl .category.highlight {
  padding: 2px 2px 4px;
  background: #b29245;
}
.articleList.-news li .textBlock .subTtl .category.highlight::before, .articleList.-column li .textBlock .subTtl .category.highlight::before, .rankingList.-news li .textBlock .subTtl .category.highlight::before, .rankingList.-column li .textBlock .subTtl .category.highlight::before {
  margin: 0 2px;
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e910";
}
.articleList.-news li .textBlock .subTtl .category.highlight::after, .articleList.-column li .textBlock .subTtl .category.highlight::after, .rankingList.-news li .textBlock .subTtl .category.highlight::after, .rankingList.-column li .textBlock .subTtl .category.highlight::after {
  border-top: 8px solid #b29245;
  border-left: 4px solid #b29245;
}
.articleList.-news li .textBlock .subTtl .category.scene, .articleList.-column li .textBlock .subTtl .category.scene, .rankingList.-news li .textBlock .subTtl .category.scene, .rankingList.-column li .textBlock .subTtl .category.scene {
  padding: 2px 2px 4px;
  background: #818a91;
}
.articleList.-news li .textBlock .subTtl .category.scene::before, .articleList.-column li .textBlock .subTtl .category.scene::before, .rankingList.-news li .textBlock .subTtl .category.scene::before, .rankingList.-column li .textBlock .subTtl .category.scene::before {
  margin: 0 2px;
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e910";
}
.articleList.-news li .textBlock .subTtl .category.scene::after, .articleList.-column li .textBlock .subTtl .category.scene::after, .rankingList.-news li .textBlock .subTtl .category.scene::after, .rankingList.-column li .textBlock .subTtl .category.scene::after {
  border-top: 8px solid #818a91;
  border-left: 4px solid #818a91;
}
.articleList.-news li .textBlock .subTtl .category.column, .articleList.-column li .textBlock .subTtl .category.column, .rankingList.-news li .textBlock .subTtl .category.column, .rankingList.-column li .textBlock .subTtl .category.column {
  background: #818a91;
}
.articleList.-news li .textBlock .subTtl .category.column::after, .articleList.-column li .textBlock .subTtl .category.column::after, .rankingList.-news li .textBlock .subTtl .category.column::after, .rankingList.-column li .textBlock .subTtl .category.column::after {
  border-top: 8px solid #818a91;
  border-left: 4px solid #818a91;
}
.articleList.-news li .textBlock .ttl, .articleList.-column li .textBlock .ttl, .rankingList.-news li .textBlock .ttl, .rankingList.-column li .textBlock .ttl {
  font-size: 13px;
}
.articleList.-news li .textBlock .ttl a, .articleList.-column li .textBlock .ttl a, .rankingList.-news li .textBlock .ttl a, .rankingList.-column li .textBlock .ttl a {
  display: block;
}
.articleList.-news li .textBlock .match, .articleList.-column li .textBlock .match, .rankingList.-news li .textBlock .match, .rankingList.-column li .textBlock .match {
  margin: 8px 0 0;
  white-space: nowrap;
}
.articleList.-news li .textBlock .match .flag, .articleList.-column li .textBlock .match .flag, .rankingList.-news li .textBlock .match .flag, .rankingList.-column li .textBlock .match .flag {
  display: inline-block;
  width: 20px;
  height: 14px;
  border: 1px solid #999;
  overflow: hidden;
  vertical-align: middle;
  vertical-align: middle;
}
.articleList.-news li .textBlock .match .flag img, .articleList.-column li .textBlock .match .flag img, .rankingList.-news li .textBlock .match .flag img, .rankingList.-column li .textBlock .match .flag img {
  width: 100%;
  height: auto;
}
.articleList.-news li .textBlock .match i, .articleList.-column li .textBlock .match i, .rankingList.-news li .textBlock .match i, .rankingList.-column li .textBlock .match i {
  color: #474b4f;
  margin: 0 3px;
  font-size: 12px;
  vertical-align: middle;
}
.articleList.-news li .textBlock .data, .articleList.-column li .textBlock .data, .rankingList.-news li .textBlock .data, .rankingList.-column li .textBlock .data {
  color: #818a91;
}

@media screen and (min-width: 769px) {
  .articleListContainer {
    margin: 0 0 70px;
  }
  .articleListContainer > .ttl {
    font-size: 18px;
    margin: 10px;
  }

  .articleList {
    margin: 0 0 16px;
  }
  .articleList li .imageBlock {
    position: relative;
    display: block;
    padding-bottom: 56.25%;
    overflow: hidden;
  }
  .articleList li .imageBlock img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: auto;
  }
  .articleList li .imageBlock .icoPlay {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    margin: -16px 0 0 -16px;
  }
  .articleList li .imageBlock .icoPlay::after {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e909";
    color: rgba(255, 255, 255, 0.8);
    font-size: 32px;
  }
  .articleList li .textBlock {
    color: #fff;
    padding: 10px 0;
  }
  .articleList li .textBlock .ttl {
    font-size: 11px;
    line-height: 1.4;
    white-space: normal;
  }
  .articleList li .textBlock .data {
    font-size: 11px;
  }
  .articleList.-news li {
    display: block;
    min-height: 110px;
    padding: 10px 0;
  }
  .articleList.-news li a {
    display: inline;
  }
  .articleList.-news li a:hover {
    cursor: pointer;
    -webkit-transition: all 0.3s 0s ease;
    -moz-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
  }
  .articleList.-news li a:hover:hover {
    opacity: 0.6;
  }
  .articleList.-news li .imageBlock {
    width: 150px;
    position: relative;
    display: block;
    padding-bottom: 85px;
    overflow: hidden;
    position: absolute;
  }
  .articleList.-news li .imageBlock img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: auto;
  }
  .articleList.-news li .imageBlock .icoPlay {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    margin: -16px 0 0 -16px;
  }
  .articleList.-news li .imageBlock .icoPlay::after {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e909";
    color: rgba(255, 255, 255, 0.8);
    font-size: 32px;
  }
  .articleList.-news li .textBlock {
    padding: 0 0 30px 170px;
    color: #0b6fb4;
  }
  .articleList.-news li .textBlock .ttl {
    font-size: 18px;
  }
  .articleList.-news li .textBlock .data {
    position: absolute;
    bottom: 16px;
    color: #818a91;
  }
  .articleList.-column li {
    display: block;
    min-height: 160px;
    padding: 10px 0;
  }
  .articleList.-column li a {
    display: inline;
    -webkit-transition: all 0.3s 0s ease;
    -moz-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
    color: #0b6fb4;
  }
  .articleList.-column li a:visited {
    color: #5b0962;
  }
  .articleList.-column li a:hover {
    color: #0b6fb4;
    background: rgba(220, 221, 221, 0.4);
  }
  .articleList.-column li a:hover {
    cursor: pointer;
    -webkit-transition: all 0.3s 0s ease;
    -moz-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
  }
  .articleList.-column li a:hover:hover {
    opacity: 0.6;
  }
  .articleList.-column li .imageBlock {
    width: 232px;
    position: relative;
    display: block;
    padding-bottom: 131px;
    overflow: hidden;
    position: absolute;
  }
  .articleList.-column li .imageBlock img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: auto;
  }
  .articleList.-column li .imageBlock .icoPlay {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    margin: -16px 0 0 -16px;
  }
  .articleList.-column li .imageBlock .icoPlay::after {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e909";
    color: rgba(255, 255, 255, 0.8);
    font-size: 32px;
  }
  .articleList.-column li .textBlock {
    padding: 0 0 30px 266px;
    color: #0b6fb4;
  }
  .articleList.-column li .textBlock .subTtl {
    position: relative;
    font-size: 13px;
    color: #000;
    margin: 0 0 8px;
  }
  .articleList.-column li .textBlock .ttl {
    font-size: 18px;
  }
  .articleList.-column li .textBlock .data {
    position: absolute;
    bottom: 16px;
    color: #818a91;
  }
}
.articleList.-video {
  margin: 10px;
  overflow: hidden;
}
.articleList.-video ul {
  font-size: 0;
  margin: -10px 0 0;
}
.articleList.-video li {
  position: relative;
  display: inline-block;
  width: 50%;
  vertical-align: top;
}
.articleList.-video li:nth-child(odd) {
  padding: 10px 5px 0 0;
}
.articleList.-video li:nth-child(even) {
  padding: 10px 0 0 5px;
}
.articleList.-video li a {
  display: block;
  -webkit-transition: all 0.3s 0s ease;
  -moz-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  color: #0b6fb4;
}
.articleList.-video li a:visited {
  color: #5b0962;
}
.articleList.-video li a:hover {
  color: #0b6fb4;
  background: rgba(220, 221, 221, 0.4);
}
.articleList.-video li .imageBlock {
  position: relative;
  display: block;
  padding-bottom: 18;
  overflow: hidden;
}
.articleList.-video li .imageBlock img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: auto;
}
.articleList.-video li .imageBlock .icoPlay {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  margin: -16px 0 0 -16px;
}
.articleList.-video li .imageBlock .icoPlay::after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e909";
  color: rgba(255, 255, 255, 0.8);
  font-size: 32px;
}
.articleList.-video li .textBlock {
  height: 120px;
  padding: 10px 0;
  color: #0b6fb4;
  overflow: hidden;
}
.articleList.-video li .textBlock .ttl {
  height: 70px;
  font-size: 13px;
  line-height: 1.4;
  white-space: normal;
  overflow: hidden;
}
.articleList.-video li .textBlock .data {
  position: absolute;
  bottom: 10px;
  color: #818a91;
  font-size: 11px;
  margin: 10px 0 0;
}

@media screen and (min-width: 360px) {
  .articleList.-video li .textBlock {
    height: 95px;
  }
  .articleList.-video li .textBlock .ttl {
    height: 54px;
  }
}
@media screen and (min-width: 769px) {
  .articleList.-video {
    margin: 16px 0;
    overflow: hidden;
  }
  .articleList.-video ul {
    font-size: 0;
    margin: -16px -8px 0;
  }
  .articleList.-video li {
    position: relative;
    display: inline-block;
    width: 25%;
    padding: 16px 8px 0;
  }
  .articleList.-video li:nth-child(odd), .articleList.-video li:nth-child(even) {
    padding: 16px 8px 0;
  }
  .articleList.-video li a {
    display: block;
  }
  .articleList.-video li a:hover {
    cursor: pointer;
    -webkit-transition: all 0.3s 0s ease;
    -moz-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
  }
  .articleList.-video li a:hover:hover {
    opacity: 0.6;
  }
  .articleList.-video li .imageBlock {
    position: relative;
    display: block;
    padding-bottom: 18;
    overflow: hidden;
  }
  .articleList.-video li .imageBlock img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: auto;
  }
  .articleList.-video li .imageBlock .icoPlay {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    margin: -16px 0 0 -16px;
  }
  .articleList.-video li .imageBlock .icoPlay::after {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e909";
    color: rgba(255, 255, 255, 0.8);
    font-size: 32px;
  }
  .articleList.-video li .textBlock {
    height: 95px;
    padding: 10px 0;
    color: #0b6fb4;
    overflow: hidden;
  }
  .articleList.-video li .textBlock .ttl {
    height: 54px;
    font-size: 13px;
    line-height: 1.4;
    white-space: normal;
    overflow: hidden;
  }
  .articleList.-video li .textBlock .data {
    color: #818a91;
    font-size: 11px;
    margin: 10px 0 0;
  }
}
.articleList.-text ul {
  border-top: 1px solid #bebfbf;
}
.articleList.-text li {
  font-size: 13px;
  padding: 10px 0;
  border-bottom: 1px solid #bebfbf;
}
.articleList.-text li a {
  -webkit-transition: all 0.3s 0s ease;
  -moz-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  color: #0b6fb4;
}
.articleList.-text li a:visited {
  color: #5b0962;
}
.articleList.-text li a:hover {
  color: #0b6fb4;
  background: rgba(220, 221, 221, 0.4);
}
.articleList.-text li .ttl {
  font-size: 13px;
  line-height: 1.4;
  margin: 0 0 10px;
}
.articleList.-text li .ttl .icoVideo {
  vertical-align: middle;
}
.articleList.-text li .ttl .icoVideo::after {
  margin: 0 0 0 5px;
  color: #b29245;
  font-size: 15px;
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e911";
}
.articleList.-text li .ttl a {
  display: block;
}
.articleList.-text li .ttl .current {
  color: #474b4f;
  font-weight: bold;
}
.articleList.-text li .live {
  color: #dc0e29;
}
.articleList.-text li .data {
  color: #818a91;
  font-size: 11px;
  margin: 10px 0 0;
}

@media screen and (min-width: 769px) {
  .articleList.-text li {
    padding: 16px 0;
  }
  .articleList.-text li .ttl {
    margin: 0 0 16px;
  }
  .articleList.-text li .data {
    margin: 16px 0 0;
  }
}
.mainColumn .matchList {
  margin: 0 10px;
}
.mainColumn .matchList > ul > li {
  background: #fff;
  margin: 0 0 16px;
}
.mainColumn .matchList .matchCard {
  position: relative;
  padding: 0 0 20px;
}
.mainColumn .matchList .matchCard .matchDate {
  height: 20px;
  background: #f9f9f9;
  border-bottom: 1px solid #dcdddd;
  font-size: 11px;
  color: #818a91;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mainColumn .matchList .matchCard .matchDate .date {
  display: inline-block;
  margin: 5px 10px;
  font-weight: bold;
}
.mainColumn .matchList .matchCard .matchDate > .category {
  position: relative;
  display: inline-block;
  color: #fff;
  width: 68px;
  height: 20px;
  padding: 5px;
  font-size: 11px;
  font-weight: bold;
  white-space: nowrap;
}
.mainColumn .matchList .matchCard .matchDate > .category::after {
  content: "";
  position: absolute;
  top: 0;
  right: -10px;
  z-index: 0;
  display: inline-block;
  width: 0;
  height: 0;
  border-bottom: 10px solid transparent;
  border-right: 5px solid transparent;
}
.mainColumn .matchList .matchCard .matchDate.-mens .category {
  background: #073190;
}
.mainColumn .matchList .matchCard .matchDate.-mens .category::after {
  border-top: 10px solid #073190;
  border-left: 5px solid #073190;
}
.mainColumn .matchList .matchCard .matchDate.-womens .category {
  background: #fe92c8;
}
.mainColumn .matchList .matchCard .matchDate.-womens .category::after {
  border-top: 10px solid #fe92c8;
  border-left: 5px solid #fe92c8;
}
.mainColumn .matchList .matchCard .signBlock {
  height: 20px;
  padding: 5px;
  font-size: 11px;
  text-align: right;
  background: #f9f9f9;
  border-bottom: 1px solid #dcdddd;
}
.mainColumn .matchList .matchCard .signBlock i.-on {
  color: #1f2326;
}
.mainColumn .matchList .matchCard .signBlock i.-off {
  color: #bebfbf;
}
.mainColumn .matchList .matchCard .matchTtl {
  height: 20px;
  padding: 15px 0 24px;
  font-size: 11px;
  color: #818a91;
  line-height: 1.2;
  text-align: center;
}
.mainColumn .matchList .matchCard .scoreboard {
  width: 100%;
  font-size: 0;
  position: relative;
}
.mainColumn .matchList .matchCard .scoreboard .teamBlock {
  display: inline-block;
  width: 50%;
  height: 70px;
  padding: 20px 30px 20px 10px;
  font-size: 13px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
}
.mainColumn .matchList .matchCard .scoreboard .teamBlock .emblem {
  display: inline-block;
  width: 27px;
  height: 27px;
  vertical-align: middle;
}
.mainColumn .matchList .matchCard .scoreboard .teamBlock .emblem img {
  width: 100%;
}
.mainColumn .matchList .matchCard .scoreboard .teamBlock .flag {
  display: inline-block;
  width: 40px;
  height: 27px;
  margin: 2px 0;
  vertical-align: middle;
  border: 1px solid #999;
  overflow: hidden;
}
.mainColumn .matchList .matchCard .scoreboard .teamBlock .flag:empty {
  width: 1px;
  border: none;
}
.mainColumn .matchList .matchCard .scoreboard .teamBlock .flag img {
  width: 100%;
}
.mainColumn .matchList .matchCard .scoreboard .teamBlock .teamName {
  display: inline-block;
  width: 55px;
  color: #1f2326;
  font-weight: bold;
  margin: 0 2px;
  white-space: normal;
  vertical-align: middle;
}
.mainColumn .matchList .matchCard .scoreboard .score, .mainColumn .matchList .matchCard .scoreboard .vs, .mainColumn .matchList .matchCard .scoreboard .time {
  position: absolute;
  left: 50%;
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 0.8;
  font-weight: 800;
  text-align: center;
}
.mainColumn .matchList .matchCard .scoreboard .score ~ .teamBlock, .mainColumn .matchList .matchCard .scoreboard .vs ~ .teamBlock, .mainColumn .matchList .matchCard .scoreboard .time ~ .teamBlock {
  padding: 20px 10px 20px 30px;
  text-align: right;
}
.mainColumn .matchList .matchCard .scoreboard .score {
  top: 20px;
  width: 84px;
  margin: 0 0 0 -42px;
  color: #1a537d;
}
.mainColumn .matchList .matchCard .scoreboard .score strong {
  position: relative;
  display: inline-block;
  width: 40%;
  font-size: 30px;
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 0.8;
  font-weight: 800;
  vertical-align: middle;
}
.mainColumn .matchList .matchCard .scoreboard .score .pkScore {
  position: absolute;
  width: 100%;
  font-size: 13px;
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 0.8;
  font-weight: 800;
  bottom: -12px;
  left: 0;
  text-align: center;
}
.mainColumn .matchList .matchCard .scoreboard .score > span {
  display: inline-block;
  font-size: 30px;
  vertical-align: middle;
}
.mainColumn .matchList .matchCard .scoreboard .vs {
  top: 24px;
  width: 68px;
  margin: 0 0 0 -34px;
}
.mainColumn .matchList .matchCard .scoreboard .vs strong {
  font-size: 20px;
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 0.8;
  font-weight: 800;
  color: #818a91;
}
.mainColumn .matchList .matchCard .scoreboard .time {
  top: 20px;
  width: 68px;
  margin: 0 0 0 -34px;
}
.mainColumn .matchList .matchCard .scoreboard .time strong {
  font-size: 26px;
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 0.8;
  font-weight: 800;
  color: #818a91;
}
.mainColumn .matchList .matchCard .matchInfo {
  font-size: 11px;
  color: #818a91;
  text-align: center;
}
.mainColumn .matchList .infoBlock ul {
  border-top: 1px solid #dcdddd;
}
.mainColumn .matchList .infoBlock li {
  position: relative;
  background: #f9f9f9;
  border-bottom: 1px solid #dcdddd;
  font-size: 11px;
  color: #818a91;
}
.mainColumn .matchList .infoBlock li .program {
  padding: 5px;
  display: block;
  color: #818a91;
  background: #f9f9f9;
  line-height: 1.2;
}
.mainColumn .matchList .infoBlock li .program .live {
  color: #dc0e29;
}
.mainColumn .matchList .infoBlock li.set .program, .mainColumn .matchList .infoBlock li.on .program, .mainColumn .matchList .infoBlock li.end .program {
  margin: 0 80px 0 0;
}
.mainColumn .matchList .infoBlock li.set .status, .mainColumn .matchList .infoBlock li.on .status, .mainColumn .matchList .infoBlock li.end .status {
  position: absolute;
  top: 50%;
  right: 0;
  display: inline-block;
  width: 80px;
  margin: -6px 0 0;
  color: #fff;
  font-size: 13px;
  text-align: center;
}
.mainColumn .matchList .infoBlock li.set {
  background: #009944;
}
.mainColumn .matchList .infoBlock li.on {
  background: #dc0e29;
}
.mainColumn .matchList .infoBlock li.end {
  background: #474b4f;
}
.mainColumn .matchList .campaingBlock li {
  position: relative;
  background: #b29245;
  border-bottom: 1px solid #dcdddd;
  font-size: 11px;
  color: #fff;
}
.mainColumn .matchList .campaingBlock li a {
  display: block;
  color: #fff;
  padding: 5px 20px 5px 5px;
  line-height: 1.2;
}
.mainColumn .matchList .campaingBlock li a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  margin: -5px 0 0;
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 8px;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  border-bottom: none;
  border-left: none;
}

@media screen and (min-width: 769px) {
  .mainColumn .matchList {
    margin: 0;
  }
  .mainColumn .matchList li a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all 0.3s 0s ease;
    -moz-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
    display: block;
  }
  .mainColumn .matchList li a:hover {
    cursor: pointer;
    -webkit-transition: all 0.3s 0s ease;
    -moz-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
  }
  .mainColumn .matchList li a:hover:hover {
    opacity: 0.6;
  }
  .mainColumn .matchList .matchCard .matchDate {
    height: 32px;
    font-size: 13px;
  }
  .mainColumn .matchList .matchCard .matchDate .date {
    margin: 10px;
  }
  .mainColumn .matchList .matchCard .matchDate > .category {
    width: 115px;
    height: 32px;
    padding: 10px;
    font-size: 13px;
  }
  .mainColumn .matchList .matchCard .matchDate > .category::after {
    content: "";
    right: -18px;
    border-bottom: 18px solid transparent;
    border-right: 9px solid transparent;
  }
  .mainColumn .matchList .matchCard .matchDate > .category + .date {
    margin: 10px 0 10px 20px;
  }
  .mainColumn .matchList .matchCard .matchDate.-mens .category::after {
    border-top: 18px solid #073190;
    border-left: 9px solid #073190;
  }
  .mainColumn .matchList .matchCard .matchDate.-womens .category::after {
    border-top: 18px solid #fe92c8;
    border-left: 9px solid #fe92c8;
  }
  .mainColumn .matchList .matchCard .signBlock {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    height: 32px;
    padding: 8px 10px;
    font-size: 16px;
    background: none;
    border-bottom: none;
  }
  .mainColumn .matchList .matchCard .matchTtl {
    padding: 15px 0 24px;
    font-size: 13px;
    color: #818a91;
    line-height: 1.2;
    text-align: center;
  }
  .mainColumn .matchList .matchCard .matchTtl br {
    display: none;
  }
  .mainColumn .matchList .matchCard .scoreboard {
    width: 404px;
    margin: auto;
  }
  .mainColumn .matchList .matchCard .scoreboard .teamBlock {
    font-size: 13px;
  }
  .mainColumn .matchList .matchCard .scoreboard .teamBlock .teamName {
    width: 100px;
  }
  .mainColumn .matchList .matchCard .matchInfo {
    font-size: 13px;
  }
  .mainColumn .matchList .infoBlock li {
    font-size: 13px;
  }
  .mainColumn .matchList .infoBlock li .program {
    padding: 8px;
  }
  .mainColumn .matchList .campaingBlock li {
    font-size: 13px;
    color: #fff;
  }
  .mainColumn .matchList .campaingBlock li a {
    display: block;
    color: #fff;
    padding: 8px 20px 8px 8px;
    line-height: 1.2;
  }
  .mainColumn .matchList .campaingBlock li a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    margin: -5px 0 0;
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    border-bottom: none;
    border-left: none;
  }
}
.competitionList {
  margin: 10px 10px 30px;
}
.competitionList > ul > li {
  position: relative;
  min-height: 70px;
  background: #fff;
  margin: 0 0 10px;
}
.competitionList > ul > li > a {
  display: block;
}
.competitionList .logoBlock {
  position: absolute;
  width: 70px;
  height: 70px;
  padding: 10px;
}
.competitionList .logoBlock img {
  width: 100%;
  height: auto;
}
.competitionList .textBlock {
  padding: 10px 0 10px 70px;
}
.competitionList .textBlock::before {
  position: absolute;
  top: 0;
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: #bebfbf;
}
.competitionList .textBlock .ttl {
  margin: 10px;
  padding: 0 0 10px;
  font-size: 18px;
  line-height: 1.4;
  border-bottom: 1px solid #bebfbf;
}
.competitionList .textBlock .info {
  padding: 0 10px 10px;
  font-size: 13px;
}
.competitionList .textBlock .info th, .competitionList .textBlock .info td {
  padding: 4px 0;
}
.competitionList .textBlock .info th {
  color: #999;
}
.competitionList .textBlock .info td {
  color: #474b4f;
}

@media screen and (min-width: 769px) {
  .competitionList {
    margin: 16px 0 30px;
  }
  .competitionList > ul > li {
    min-height: 160px;
    background: #fff;
    margin: 0 0 16px;
  }
  .competitionList > ul > li > a {
    cursor: pointer;
    -webkit-transition: all 0.3s 0s ease;
    -moz-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
  }
  .competitionList > ul > li > a:hover {
    opacity: 0.6;
  }
  .competitionList .logoBlock {
    width: 160px;
    height: 160px;
  }
  .competitionList .textBlock {
    padding: 16px 0 16px 160px;
  }
  .competitionList .textBlock::before {
    position: absolute;
    top: 0;
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background: #bebfbf;
  }
  .competitionList .textBlock .ttl {
    min-height: 70px;
    margin: 0 16px 16px;
    padding: 0 0 16px;
    font-size: 20px;
  }
  .competitionList .textBlock .info {
    padding: 0 16px;
  }
}
.sideColumn .articleListContainer, .sideColumn .matchListContainer {
  position: relative;
  background: #fff;
  margin: 0 0 20px;
}
.sideColumn .articleListContainer > .ttl, .sideColumn .matchListContainer > .ttl {
  margin: 0;
  padding: 15px;
  color: #fff;
  font-size: 13px;
  background: url(../img/bg_headline.jpg) 0 0 no-repeat;
  background-size: cover;
}
.sideColumn .articleList, .sideColumn .rankingList {
  margin: 0 10px;
}
.sideColumn .articleList.-news, .sideColumn .articleList.-column, .sideColumn .rankingList.-news, .sideColumn .rankingList.-column {
  border-top: none;
}
.sideColumn .articleList.-news li:last-child, .sideColumn .articleList.-column li:last-child, .sideColumn .rankingList.-news li:last-child, .sideColumn .rankingList.-column li:last-child {
  border-bottom: none;
}
.sideColumn .articleList.-news li a, .sideColumn .articleList.-column li a, .sideColumn .rankingList.-news li a, .sideColumn .rankingList.-column li a {
  -webkit-transition: all 0.3s 0s ease;
  -moz-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  color: #0b6fb4;
}
.sideColumn .articleList.-news li a:visited, .sideColumn .articleList.-column li a:visited, .sideColumn .rankingList.-news li a:visited, .sideColumn .rankingList.-column li a:visited {
  color: #5b0962;
}
.sideColumn .articleList.-news li a:hover, .sideColumn .articleList.-column li a:hover, .sideColumn .rankingList.-news li a:hover, .sideColumn .rankingList.-column li a:hover {
  color: #0b6fb4;
  background: rgba(220, 221, 221, 0.4);
}
.sideColumn .articleList.-news li .ttl, .sideColumn .articleList.-column li .ttl, .sideColumn .rankingList.-news li .ttl, .sideColumn .rankingList.-column li .ttl {
  margin: 0 0 10px;
}
.sideColumn .articleList.-news li .ttl a, .sideColumn .articleList.-column li .ttl a, .sideColumn .rankingList.-news li .ttl a, .sideColumn .rankingList.-column li .ttl a {
  display: block;
}
.sideColumn .rankingList li .rank {
  position: absolute;
  left: 5px;
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 0.8;
  font-weight: 800;
  font-size: 20px;
}
.sideColumn .rankingList.-news li {
  padding: 10px 0 10px 30px;
  min-height: auto;
}
.sideColumn .rankingList.-news li .textBlock {
  padding: 0 0 16px;
}
.sideColumn .matchList li {
  border-bottom: 1px solid #dcdddd;
}
.sideColumn .matchList li a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all 0.3s 0s ease;
  -moz-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  display: block;
}
.sideColumn .matchList li a:hover {
  cursor: pointer;
  -webkit-transition: all 0.3s 0s ease;
  -moz-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}
.sideColumn .matchList li a:hover:hover {
  opacity: 0.6;
}
.sideColumn .matchList .matchCard {
  position: relative;
  height: 122px;
}
.sideColumn .matchList .matchCard .matchDate {
  height: 20px;
  margin: 0 0 10px;
  background: #f9f9f9;
  border-bottom: 1px solid #dcdddd;
  font-size: 11px;
  color: #818a91;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sideColumn .matchList .matchCard .matchDate .date {
  margin: 5px 10px;
}
.sideColumn .matchList .matchCard .matchDate > .category {
  position: relative;
  display: inline-block;
  color: #fff;
  width: 68px;
  height: 20px;
  padding: 5px;
  font-size: 11px;
  font-weight: bold;
  white-space: nowrap;
}
.sideColumn .matchList .matchCard .matchDate > .category::after {
  content: "";
  position: absolute;
  top: 0;
  right: -10px;
  z-index: 0;
  display: inline-block;
  width: 0;
  height: 0;
  border-bottom: 10px solid transparent;
  border-right: 5px solid transparent;
}
.sideColumn .matchList .matchCard .matchDate.-mens .category {
  background: #073190;
}
.sideColumn .matchList .matchCard .matchDate.-mens .category::after {
  border-top: 10px solid #073190;
  border-left: 5px solid #073190;
}
.sideColumn .matchList .matchCard .matchDate.-womens .category {
  background: #fe92c8;
}
.sideColumn .matchList .matchCard .matchDate.-womens .category::after {
  border-top: 10px solid #fe92c8;
  border-left: 5px solid #fe92c8;
}
.sideColumn .matchList .matchCard .matchTtl {
  height: 20px;
  padding: 5px 0 24px;
  font-size: 11px;
  color: #818a91;
  text-align: center;
}
.sideColumn .matchList .matchCard .scoreboard {
  width: 100%;
  font-size: 0;
}
.sideColumn .matchList .matchCard .scoreboard .teamBlock {
  display: inline-block;
  width: 50%;
  height: 36px;
  padding: 0 60px 18px 10px;
  font-size: 15px;
  text-align: right;
  overflow: hidden;
}
.sideColumn .matchList .matchCard .scoreboard .teamBlock .emblem {
  display: inline-block;
  width: 27px;
  height: 27px;
  vertical-align: middle;
}
.sideColumn .matchList .matchCard .scoreboard .teamBlock .emblem img {
  width: 100%;
}
.sideColumn .matchList .matchCard .scoreboard .teamBlock .flag {
  display: inline-block;
  width: 40px;
  height: 27px;
  margin: 2px 0;
  vertical-align: middle;
  border: 1px solid #999;
  overflow: hidden;
}
.sideColumn .matchList .matchCard .scoreboard .teamBlock .flag img {
  width: 100%;
}
.sideColumn .matchList .matchCard .scoreboard .teamBlock .teamName {
  display: inline-block;
  color: #1f2326;
  margin: 0 2px;
  vertical-align: middle;
}
.sideColumn .matchList .matchCard .scoreboard .score, .sideColumn .matchList .matchCard .scoreboard .vs {
  position: absolute;
  left: 50%;
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 0.8;
  font-weight: 800;
  text-align: center;
}
.sideColumn .matchList .matchCard .scoreboard .score ~ .teamBlock, .sideColumn .matchList .matchCard .scoreboard .vs ~ .teamBlock {
  padding: 0 10px 18px 60px;
  text-align: left;
}
.sideColumn .matchList .matchCard .scoreboard .score {
  top: 52px;
  width: 84px;
  margin: 0 0 0 -42px;
  color: #1a537d;
  font-size: 24px;
}
.sideColumn .matchList .matchCard .scoreboard .score strong {
  display: inline-block;
  width: 40%;
  vertical-align: middle;
}
.sideColumn .matchList .matchCard .scoreboard .score span {
  display: inline-block;
  vertical-align: middle;
}
.sideColumn .matchList .matchCard .scoreboard .vs {
  top: 56px;
  font-size: 20px;
  width: 68px;
  margin: 0 0 0 -34px;
  color: #818a91;
}
.sideColumn .matchList .matchCard .matchInfo {
  font-size: 11px;
  color: #818a91;
  text-align: center;
}
.sideColumn .rankingContainer {
  position: relative;
  background: url(../img/bg_ranking.jpg) 0 0 no-repeat;
  background-size: cover;
  margin: 0 10px 20px;
}
.sideColumn .rankingContainer > .ttl {
  margin: 0;
  padding: 15px;
  color: #fff;
  font-size: 13px;
  background: #000;
  background-size: cover;
}
.sideColumn .rankingContainer .update {
  font-size: 11px;
  color: #818a91;
  padding: 10px;
  text-align: right;
}
.sideColumn .statsList li {
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.sideColumn .statsList li a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all 0.3s 0s ease;
  -moz-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  display: block;
}
.sideColumn .statsList li a:hover {
  cursor: pointer;
  -webkit-transition: all 0.3s 0s ease;
  -moz-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}
.sideColumn .statsList li a:hover:hover {
  opacity: 0.6;
}
.sideColumn .statsList .rankBlock {
  position: absolute;
  width: 50px;
  color: #fff;
  padding: 16px 10px;
  text-align: center;
  overflow: hidden;
}
.sideColumn .statsList .rankBlock .rank {
  display: inline-block;
  font-size: 11px;
}
.sideColumn .statsList .rankBlock .result {
  display: inline-block;
  font-size: 20px;
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 0.8;
  font-weight: 800;
}
.sideColumn .statsList .playerBlock {
  position: relative;
  height: 80px;
  padding: 10px 10px 10px 53px;
}
.sideColumn .statsList .playerBlock .playerPhoto {
  position: absolute;
  width: 60px;
  height: 60px;
  overflow: hidden;
}
.sideColumn .statsList .playerBlock .playerPhoto img {
  width: 100%;
  height: auto;
}
.sideColumn .statsList .playerBlock .playerText {
  color: #fff;
  padding: 15px 0 0 70px;
}
.sideColumn .statsList .playerBlock .playerText .name {
  margin: 0 0 5px;
  font-size: 15px;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
}
.sideColumn .statsList .playerBlock .playerText .profile {
  color: #818a91;
  font-size: 11px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
}

@media screen and (min-width: 769px) {
  .sideColumn .articleListContainer, .sideColumn .matchListContainer {
    margin: 0 0 16px;
  }
  .sideColumn .articleList, .sideColumn .rankingList {
    margin: 6px 16px 16px;
  }
  .sideColumn .articleList.-news li, .sideColumn .rankingList.-news li {
    display: block;
    min-height: 90px;
    padding: 10px 0;
  }
  .sideColumn .articleList.-news li a, .sideColumn .rankingList.-news li a {
    display: inline;
  }
  .sideColumn .articleList.-news li .imageBlock, .sideColumn .rankingList.-news li .imageBlock {
    width: 80px;
    position: relative;
    display: block;
    padding-bottom: 45px;
    overflow: hidden;
    position: absolute;
  }
  .sideColumn .articleList.-news li .imageBlock img, .sideColumn .rankingList.-news li .imageBlock img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: auto;
  }
  .sideColumn .articleList.-news li .imageBlock .icoPlay, .sideColumn .rankingList.-news li .imageBlock .icoPlay {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    margin: -11px 0 0 -11px;
  }
  .sideColumn .articleList.-news li .imageBlock .icoPlay::after, .sideColumn .rankingList.-news li .imageBlock .icoPlay::after {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e909";
    color: rgba(255, 255, 255, 0.8);
    font-size: 22px;
  }
  .sideColumn .articleList.-news li .textBlock, .sideColumn .rankingList.-news li .textBlock {
    padding: 0 0 16px 94px;
    color: #0b6fb4;
  }
  .sideColumn .articleList.-news li .textBlock .ttl, .sideColumn .rankingList.-news li .textBlock .ttl {
    font-size: 13px;
  }
  .sideColumn .articleList.-news li .textBlock .data, .sideColumn .rankingList.-news li .textBlock .data {
    color: #818a91;
  }
  .sideColumn .rankingList.-news li {
    padding: 10px 0 10px 30px;
    min-height: auto;
  }
  .sideColumn .rankingList.-news li .textBlock {
    padding: 0;
  }
  .sideColumn .rankingContainer {
    margin: 0 0 16px;
  }
}
.relatedLinkContainer {
  margin: 0 10px 20px;
  padding: 10px;
  background: #fff;
}
.relatedLinkContainer .ttl {
  font-size: 15px;
  margin: 0 0 10px;
}
.relatedLinkContainer li {
  position: relative;
  margin: 0 0 16px 13px;
  font-size: 13px;
  line-height: 1.4;
}
.relatedLinkContainer li .icoVideo {
  vertical-align: middle;
}
.relatedLinkContainer li .icoVideo::after {
  margin: 0 0 0 5px;
  color: #b29245;
  font-size: 15px;
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e911";
}
.relatedLinkContainer li:before {
  content: "・";
  position: absolute;
  margin: 0 0 0 -13px;
}
.relatedLinkContainer li a {
  -webkit-transition: all 0.3s 0s ease;
  -moz-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  color: #0b6fb4;
  display: block;
}
.relatedLinkContainer li a:visited {
  color: #5b0962;
}
.relatedLinkContainer li a:hover {
  color: #0b6fb4;
  background: rgba(220, 221, 221, 0.4);
}

@media screen and (min-width: 769px) {
  .relatedLinkContainer {
    margin: 0 0 32px;
    padding: 16px;
  }
  .relatedLinkContainer .ttl {
    font-size: 16px;
    margin: 0 0 16px;
  }
  .relatedLinkContainer li {
    font-size: 13px;
  }
  .relatedLinkContainer li:before {
    content: "・";
    margin: 0 0 0 -13px;
  }
}
/*-----------------------------------------------
  globalHeader
  -----------------------------------------------*/
.bodyFixed {
  height: 100%;
  overflow: hidden;
}

.globalHeader {
  position: relative;
  overflow: inherit;
  width: 100%;
  z-index: 300;
}
.globalHeader > .wrapper {
  position: relative;
  top: 0;
  z-index: 3;
  width: 100%;
  height: 44px;
  background: #004677;
  text-align: center;
}
.globalHeader .mainLogo img {
  width: 217px;
  height: 32.5 px;
  margin: 5px auto;
}
.globalHeader .btnMenu {
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  display: block;
  width: 44px;
  height: 44px;
}
.globalHeader .btnMenu i {
  position: relative;
  top: 50%;
  left: 50%;
  margin: -1px 0 0 -10px;
  display: block;
  width: 20px;
  height: 2px;
  background: #fff;
}
.globalHeader .btnMenu i::before, .globalHeader .btnMenu i::after {
  content: '';
  position: absolute;
  display: block;
  width: 20px;
  height: 2px;
  background: #fff;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all 0.3s 0s ease;
  -moz-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}
.globalHeader .btnMenu i::before {
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
}
.globalHeader .btnMenu i::after {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}
.globalHeader .btnSearch {
  position: absolute;
  z-index: 4;
  top: 0;
  right: 0;
}
.globalHeader .btnSearch i {
  display: block;
  width: 44px;
  height: 44px;
}
.globalHeader .btnSearch i::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50px;
  margin: -1rem 0 0 -4rem;
  color: #fff;
  font-size: 2rem;
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90d";
}
.globalHeader .searchBox {
  position: absolute;
  top: -44px;
  width: 100%;
  z-index: 1;
  padding: 10px;
  text-align: right;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all 0.3s 0s ease;
  -moz-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}
.globalHeader .searchBlock.is-open .btnSearch {
  background: #fff;
}
.globalHeader .searchBlock.is-open .btnSearch i {
  position: relative;
}
.globalHeader .searchBlock.is-open .btnSearch i::after {
  color: #004677;
}
.globalHeader .searchBlock.is-open .searchBox {
  top: 44px;
  display: block;
  background: #fff;
  padding: 10px;
  text-align: right;
  opacity: 1;
}
.globalHeader .searchBlock.is-open .searchBox form {
  position: relative;
  padding: 0 60px 0 0;
  border: 1px solid #474b4f;
  border-radius: 5px;
  overflow: hidden;
}
.globalHeader .searchBlock.is-open .searchBox form input {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  border-radius: 0;
  width: 100%;
  height: 44px;
  padding: 10px;
}
.globalHeader .searchBlock.is-open .searchBox form [type^="submit"] {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 60px;
  height: 44px;
  color: #fff;
  background: #474b4f;
  padding: 0;
  cursor: pointer;
}
.globalHeader .snsLinkBlock {
  display: none;
  text-align: center;
}
.globalHeader .snsLinkBlock ul {
  font-size: 0;
}
.globalHeader .snsLinkBlock li {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: 5px;
}
.globalHeader .snsLinkBlock li a {
  position: absolute;
  display: block;
  width: 40px;
  height: 40px;
}
.globalHeader .snsLinkBlock li i {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: #004677;
  border: 1px solid #6690ad;
  border-radius: 50%;
  overflow: hidden;
}
.globalHeader .snsLinkBlock li .ico_fb::before {
  display: inline-block;
  margin: 10px;
  width: 20px;
  height: 20px;
  font-size: 20px;
  color: #fff;
}
.globalHeader .snsLinkBlock li .ico_tw::before {
  display: inline-block;
  margin: 10px;
  width: 20px;
  height: 20px;
  font-size: 20px;
  color: #fff;
}
.globalHeader.is-open {
  position: fixed;
  height: 100%;
  top: 0;
  overflow-y: scroll;
}
.globalHeader.is-open .btnMenu {
  background: #004677;
}
.globalHeader.is-open .btnMenu i {
  background: none;
}
.globalHeader.is-open .btnMenu i::before {
  -webkit-transform: translateY(0px) rotate(45deg);
  transform: translateY(0px) rotate(45deg);
}
.globalHeader.is-open .btnMenu i::after {
  -webkit-transform: translateY(0px) rotate(-45deg);
  transform: translateY(0px) rotate(-45deg);
}
.globalHeader.is-open .globalNav {
  top: 44px;
  text-align: left;
  border-top: 1px solid #6690ad;
}
.globalHeader.is-open .globalNav li a {
  display: block;
  color: #fff;
  background: #004677;
  padding: 15px;
  border-bottom: 1px solid #6690ad;
}
.globalHeader.is-open .globalNav li.current a {
  background: #1a537d;
}
.globalHeader.is-open .snsLinkBlock {
  position: absolute;
  z-index: 2;
  top: 400px;
  display: block;
  width: 100%;
}
.globalHeader .globalNav {
  position: absolute;
  z-index: 2;
  top: -768px;
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all 0.3s 0s ease;
  -moz-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

#js-cover {
  position: static;
  z-index: 200;
  display: block;
  background: #000;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all 0.3s 0s ease;
  -moz-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}
#js-cover.-black {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
}
#js-cover.-blue {
  position: fixed;
  z-index: 200;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #004677;
  opacity: 1;
}

@media screen and (min-width: 769px) {
  .bodyFixed {
    overflow: auto;
  }

  .globalHeader {
    position: fixed;
    top: 0;
    width: 100%;
    min-width: 1024px;
    background: #004677;
    text-align: center;
  }
  .globalHeader > .wrapper {
    position: relative;
    background: none;
    width: 1024px;
    margin: auto;
  }
  .globalHeader.-on ~ .mainContents {
    margin: 76px 0 0;
  }
  .globalHeader.-off ~ .mainContents {
    margin: 44px 0 0;
  }
  .globalHeader .mainLogo {
    width: 217px;
  }
  .globalHeader .mainLogo img {
    width: 217px;
    height: 32.5 px;
    margin: 5px auto;
  }
  .globalHeader .btnMenu {
    display: none;
  }
  .globalHeader .globalNav {
    top: 0 !important;
    left: 250px !important;
    display: block;
    width: 600px;
    text-align: left;
    font-size: 0;
  }
  .globalHeader .globalNav li {
    display: inline-block;
    height: 44px;
    overflow: hidden;
    background: none !important;
  }
  .globalHeader .globalNav li a {
    display: block;
    height: 44px;
    padding: 16px 12px;
    font-size: 13px;
    line-height: 1;
    text-align: center;
    color: #bebfbf;
    cursor: pointer;
    -webkit-transition: all 0.3s 0s ease;
    -moz-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
  }
  .globalHeader .globalNav li a:hover {
    background: #0064aa;
  }
  .globalHeader .globalNav li.current a {
    color: #fff;
    font-weight: bold;
  }
  .globalHeader .btnSearch {
    position: absolute;
    z-index: 4;
    top: 0;
    right: 150px;
    cursor: pointer;
  }
  .globalHeader .btnSearch i {
    display: block;
    width: 44px;
    height: 44px;
  }
  .globalHeader .btnSearch i::after {
    position: absolute;
    top: 50%;
    left: 50px;
    margin: -1.1rem 0 0 -4rem;
    color: #fff;
    font-size: 2rem;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e90d";
  }
  .globalHeader .searchBox {
    position: absolute;
    top: -44px;
    right: 0;
    display: inline-block;
    width: 250px;
    z-index: 1;
    padding: 10px;
    opacity: 0;
    text-align: right;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all 0.3s 0s ease;
    -moz-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
  }
  .globalHeader .searchBox input[type="text"] {
    width: 140px;
  }
  .globalHeader .searchBlock.is-open .searchBox {
    top: 44px;
    display: block;
    width: 244px;
    background: #fff;
    padding: 10px;
    text-align: right;
    opacity: 1;
  }
  .globalHeader .searchBlock.is-open .searchBox form {
    position: relative;
    padding: 0 60px 0 0;
    border: 1px solid #474b4f;
    border-radius: 5px;
    overflow: hidden;
  }
  .globalHeader .searchBlock.is-open .searchBox form input {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0;
    width: 100%;
    height: 32px;
    padding: 10px;
  }
  .globalHeader .searchBlock.is-open .searchBox form [type^="submit"] {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 60px;
    height: 32px;
    color: #fff;
    background: #474b4f;
    padding: 0;
    cursor: pointer;
  }
  .globalHeader .snsLinkBlock {
    position: absolute;
    top: 10px;
    right: 0;
    display: block;
  }
  .globalHeader .snsLinkBlock li {
    position: relative;
    z-index: 0;
    display: inline-block;
    width: 22px;
    height: 22px;
    margin: 0 0 0 5px;
  }
  .globalHeader .snsLinkBlock li a {
    width: 22px;
    height: 22px;
  }
  .globalHeader .snsLinkBlock li i {
    width: 22px;
    height: 22px;
    border: 1px solid #fff;
  }
  .globalHeader .snsLinkBlock li .ico_fb::before {
    margin: 5px;
    width: 11px;
    height: 11px;
    font-size: 11px;
  }
  .globalHeader .snsLinkBlock li .ico_tw::before {
    margin: 5px;
    width: 11px;
    height: 11px;
    font-size: 11px;
  }
  .globalHeader.is-open {
    height: auto;
    overflow: auto;
  }
  .globalHeader.is-open .globalNav {
    top: 13px;
    display: inline-block;
    text-align: left;
    border-top: none;
  }
  .globalHeader.is-open .globalNav li a {
    display: block;
    color: #bebfbf;
    background: none;
    padding: 0;
    border-bottom: none;
  }
  .globalHeader.is-open .globalNav li.current a {
    color: #fff;
    font-weight: bold;
    background: none;
  }
  .globalHeader.is-open .snsLinkBlock {
    top: 10px;
    width: auto;
  }

  #js-cover {
    height: 0 !important;
    opacity: 0 !important;
  }

  #wrapper {
    height: auto !important;
  }
}
.newsTickerContainer {
  position: relative;
  background: #dc0e29;
  min-width: 320px;
  height: 32px;
  text-align: left;
}
.newsTickerContainer .txtHead {
  position: absolute;
  display: inline-block;
  height: 20px;
  margin: 5px;
  padding: 5px;
  background: #fff;
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 0.8;
  font-weight: 800;
  font-size: 12px;
  font-weight: bold;
}
.newsTickerContainer .txtHead::after {
  content: "";
  position: absolute;
  top: 0;
  right: -10px;
  z-index: 0;
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 10px solid #fff;
  border-bottom: 10px solid transparent;
  border-left: 5px solid #fff;
  border-right: 5px solid transparent;
}
.newsTickerContainer .newsText {
  position: relative;
  padding: 0 0 0 85px;
}
.newsTickerContainer li {
  color: #fff;
}
.newsTickerContainer li a, .newsTickerContainer li span {
  display: block;
  color: #fff;
  font-size: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  padding: 8px;
}

@media screen and (min-width: 769px) {
  .newsTickerContainer {
    min-width: 1024px;
    margin: 0;
  }
  .newsTickerContainer .wrapper {
    position: relative;
    margin: 0 auto;
    width: 1024px;
  }
}
.headMatchResultContainer {
  background: #000;
}
.headMatchResultContainer .btnLink {
  text-align: center;
}
.headMatchResultContainer .btnLink a {
  display: inline-block;
  padding: 10px;
  color: #bebfbf;
  font-size: 11px;
  cursor: pointer;
  -webkit-transition: all 0.3s 0s ease;
  -moz-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}
.headMatchResultContainer .btnLink a:hover {
  background: #333333;
}
.headMatchResultContainer .btnLink a::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: 2px solid #818a91;
  border-right: 2px solid #818a91;
  border-bottom: none;
  border-left: none;
  margin: 0 10px 0 0;
}
.headMatchResultContainer .tournamentList {
  width: 100%;
  height: 40px;
}
.headMatchResultContainer .tournamentList .btnLink {
  display: none;
}
.headMatchResultContainer .tournamentList + .btnLink {
  display: block;
}
.headMatchResultContainer .tournamentList ul {
  font-size: 0;
  position: relative;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}
.headMatchResultContainer .tournamentList li {
  display: inline-block;
}
.headMatchResultContainer .tournamentList li a {
  display: block;
  height: 40px;
  padding: 15px;
  font-size: 13px;
  color: #bebfbf;
  cursor: pointer;
}
.headMatchResultContainer .tournamentList li.current a {
  color: #b29245;
  border-bottom: 2px solid #b29245;
  color: #b29245;
}
.headMatchResultContainer .js-matchSliderContainer {
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  height: 50px;
  overflow: hidden;
}
.headMatchResultContainer .js-matchSliderContainer .slide {
  display: inline-block;
  border-right: 1px solid #333;
}
.headMatchResultContainer .js-matchSliderContainer .matchCard {
  position: relative;
  width: 158px;
  height: 48px;
}
.headMatchResultContainer .js-matchSliderContainer .matchCard .matchdate {
  height: 20px;
  padding: 5px 0 0;
  font-size: 10px;
  color: #818a91;
  text-align: center;
}
.headMatchResultContainer .js-matchSliderContainer .matchCard .scoreboard {
  width: 100%;
  font-size: 0;
}
.headMatchResultContainer .js-matchSliderContainer .matchCard .scoreboard .teamBlock {
  display: inline-block;
  width: 50%;
  height: 28px;
  padding: 5px;
  font-size: 10px;
  overflow: hidden;
}
.headMatchResultContainer .js-matchSliderContainer .matchCard .scoreboard .teamBlock .emblem {
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: middle;
}
.headMatchResultContainer .js-matchSliderContainer .matchCard .scoreboard .teamBlock .emblem img {
  width: 100%;
}
.headMatchResultContainer .js-matchSliderContainer .matchCard .scoreboard .teamBlock .flag {
  display: inline-block;
  width: 15px;
  height: 10px;
  margin: 2px 0;
  vertical-align: middle;
  border: 1px solid #999;
  overflow: hidden;
}
.headMatchResultContainer .js-matchSliderContainer .matchCard .scoreboard .teamBlock .flag:empty {
  width: 1px;
  border: none;
}
.headMatchResultContainer .js-matchSliderContainer .matchCard .scoreboard .teamBlock .flag img {
  width: 100%;
}
.headMatchResultContainer .js-matchSliderContainer .matchCard .scoreboard .teamBlock .teamName {
  display: inline-block;
  width: 40px;
  color: #fff;
  margin: 0 2px;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.headMatchResultContainer .js-matchSliderContainer .matchCard .scoreboard .score {
  position: absolute;
  color: #fff;
  top: 22px;
  left: 50%;
  width: 40px;
  margin: 0 0 0 -20px;
  font-weight: bold;
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 0.8;
  font-weight: 800;
  font-size: 15px;
  text-align: center;
}
.headMatchResultContainer .js-matchSliderContainer .matchCard .scoreboard .score strong {
  display: inline-block;
  width: 40%;
  vertical-align: middle;
}
.headMatchResultContainer .js-matchSliderContainer .matchCard .scoreboard .score span {
  display: inline-block;
  vertical-align: middle;
}
.headMatchResultContainer .js-matchSliderContainer .matchCard .scoreboard .score ~ .teamBlock {
  text-align: right;
}

@media screen and (min-width: 769px) {
  .headMatchResultContainer {
    min-width: 1024px;
  }
  .headMatchResultContainer .tournamentList {
    position: relative;
    width: 1024px;
    margin: 0 auto;
  }
  .headMatchResultContainer .tournamentList .btnLink {
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 0;
  }
  .headMatchResultContainer .tournamentList .btnLink a {
    padding: 2px;
  }
  .headMatchResultContainer .tournamentList + .btnLink {
    display: none;
  }
  .headMatchResultContainer .tournamentList ul {
    overflow-x: hidden;
    -webkit-overflow-scrolling: auto;
  }
  .headMatchResultContainer .tournamentList li a {
    cursor: pointer;
    -webkit-transition: all 0.3s 0s ease;
    -moz-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
  }
  .headMatchResultContainer .tournamentList li a:hover {
    background: #333333;
  }
  .headMatchResultContainer .js-matchSliderContainer {
    position: relative;
    display: block;
    width: 100%;
    height: 82px;
    overflow: hidden;
    padding: 0 24px;
  }
  .headMatchResultContainer .js-matchSliderContainer .sliderControl {
    display: block;
    position: absolute;
    top: 0;
    z-index: 2;
    width: 100%;
  }
  .headMatchResultContainer .js-matchSliderContainer .sliderControl i {
    position: absolute;
    display: block;
    width: 24px;
    height: 80px;
    background: #000;
    cursor: pointer;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
  }
  .headMatchResultContainer .js-matchSliderContainer .sliderControl i::after {
    content: "";
    position: absolute;
    top: 50%;
    margin: -5px 0 0;
  }
  .headMatchResultContainer .js-matchSliderContainer .sliderControl .btnPrev {
    left: -24px;
    border-right: 1px solid #333;
  }
  .headMatchResultContainer .js-matchSliderContainer .sliderControl .btnPrev::after {
    left: 6px;
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-bottom: 2px solid #ddd;
    border-left: 2px solid #ddd;
    border-top: none;
    border-right: none;
  }
  .headMatchResultContainer .js-matchSliderContainer .sliderControl .btnNext {
    right: 24px;
    border-left: 1px solid #333;
  }
  .headMatchResultContainer .js-matchSliderContainer .sliderControl .btnNext::after {
    left: 6px;
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 2px solid #ddd;
    border-right: 2px solid #ddd;
    border-bottom: none;
    border-left: none;
  }
  .headMatchResultContainer .js-matchSliderContainer ul {
    overflow-x: hidden;
    -webkit-overflow-scrolling: auto;
    padding: 0 24px;
    font-size: 0;
  }
  .headMatchResultContainer .js-matchSliderContainer a .matchCard {
    cursor: pointer;
    -webkit-transition: all 0.3s 0s ease;
    -moz-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
  }
  .headMatchResultContainer .js-matchSliderContainer a .matchCard:hover {
    background: #333333;
  }
  .headMatchResultContainer .js-matchSliderContainer .matchCard {
    width: 226px;
    height: 80px;
  }
  .headMatchResultContainer .js-matchSliderContainer .matchCard .matchdate {
    height: 26px;
    padding: 10px 0 0;
    font-size: 11px;
    color: #bebfbf;
    text-align: center;
  }
  .headMatchResultContainer .js-matchSliderContainer .matchCard .scoreboard .teamBlock {
    height: 52px;
    padding: 10px;
    font-size: 11px;
  }
  .headMatchResultContainer .js-matchSliderContainer .matchCard .scoreboard .teamBlock .emblem {
    width: 30px;
    height: 30px;
  }
  .headMatchResultContainer .js-matchSliderContainer .matchCard .scoreboard .teamBlock .emblem img {
    width: 100%;
  }
  .headMatchResultContainer .js-matchSliderContainer .matchCard .scoreboard .teamBlock .flag {
    width: 30px;
    height: 20px;
    margin: 4px 0;
    border: 1px solid #999;
    overflow: hidden;
  }
  .headMatchResultContainer .js-matchSliderContainer .matchCard .scoreboard .teamBlock .flag img {
    width: 100%;
  }
  .headMatchResultContainer .js-matchSliderContainer .matchCard .scoreboard .score {
    top: 36px;
    left: 50%;
    width: 60px;
    margin: 0 0 0 -30px;
    font-size: 20px;
  }
  .headMatchResultContainer .js-matchSliderContainer ~ .btnLink {
    display: none;
  }
}
/*-----------------------------------------------
  footer
  -----------------------------------------------*/
.footerContainer {
  height: 120px;
  padding: 40px 10px;
  text-align: center;
}
.footerContainer .footerMenu {
  margin: 0 0 40px;
}
.footerContainer .footerMenu ul {
  font-size: 0;
}
.footerContainer .footerMenu li {
  display: inline-block;
  padding: 0;
  font-size: 11px;
}
.footerContainer .footerMenu li::before {
  content: '';
  height: 11px;
  display: inline-block;
  border-left: 1px solid #bebfbf;
}
.footerContainer .footerMenu li:first-child::before {
  border-left: none;
}
.footerContainer .footerMenu li a {
  color: #0b6fb4;
  padding: 0 10px;
}
.footerContainer .copylight {
  font-size: 11px;
}

@media screen and (min-width: 769px) {
  .footerContainer {
    position: relative;
    width: 1024px;
    margin: auto;
    padding: 16px 0;
    text-align: left;
  }
  .footerContainer .footerMenu li {
    padding: 16px 0;
    font-size: 13px;
  }
  .footerContainer .footerMenu li::before {
    content: '';
    height: 13px;
    display: inline-block;
    border-left: 1px solid #bebfbf;
  }
  .footerContainer .copylight {
    position: absolute;
    top: 35px;
    right: 0;
  }
}
/*-----------------------------------------------
  heroContainer
  -----------------------------------------------*/
.heroContainer {
  position: relative;
  overflow: hidden;
  background: url(../img/bg_hero.jpg) center 0 no-repeat #1f2326;
  background-size: 180% auto;
}
.heroContainer h1 {
  display: none;
}
.heroContainer .wrapper {
  position: relative;
  z-index: 1;
  width: 100%;
  padding: 10px 0;
}
.heroContainer .categoryTab {
  margin: 0 0 10px;
}
.heroContainer .categoryTab ul {
  background: rgba(255, 255, 255, 0.1);
  font-size: 0;
  white-space: nowrap;
  position: relative;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}
.heroContainer .categoryTab li {
  display: inline-block;
}
.heroContainer .categoryTab li a {
  display: block;
  color: #bebfbf;
  font-size: 13px;
  padding: 10px;
  cursor: pointer;
}
.heroContainer .categoryTab li.current a {
  color: #b29245;
  border-bottom: 4px solid #b29245;
  color: #b29245;
}
.heroContainer .js-articleSliderContainer {
  margin: 0 0 10px;
  height: 156px;
  overflow: hidden;
}
.heroContainer .js-articleSliderContainer .sliderControl {
  display: none;
}
.heroContainer .js-articleSliderContainer .slide {
  display: inline-block;
  width: 145px;
  margin: 0 0 10px 10px;
  vertical-align: top;
}
.heroContainer .js-articleSliderContainer .slide a {
  display: block;
}
.heroContainer .js-articleSliderContainer .slide .imageBlock {
  position: relative;
  display: block;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.heroContainer .js-articleSliderContainer .slide .imageBlock img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: auto;
}
.heroContainer .js-articleSliderContainer .slide .imageBlock .icoPlay {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  margin: -16px 0 0 -16px;
}
.heroContainer .js-articleSliderContainer .slide .imageBlock .icoPlay::after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e909";
  color: rgba(255, 255, 255, 0.8);
  font-size: 32px;
}
.heroContainer .js-articleSliderContainer .slide .textBlock {
  color: #fff;
  height: 70px;
  padding: 10px 0;
}
.heroContainer .js-articleSliderContainer .slide .textBlock .ttl {
  font-size: 11px;
  line-height: 1.4;
  white-space: normal;
}
.heroContainer .js-articleSliderContainer .slide .textBlock .data {
  font-size: 11px;
}
.heroContainer .pickupGameContainer {
  margin: 10px 10px 20px;
}
.heroContainer .pickupGameContainer .ttlCategory > .ttl {
  margin: 0 0 10px;
  color: #fff;
  font-size: 18px;
}
.heroContainer .documentBlock {
  max-height: 230px;
  margin: 10px 10px 20px;
  color: #fff;
  overflow: hidden;
}
.heroContainer .documentBlock > .ttl {
  margin: 0 0 10px;
  color: #fff;
  font-size: 18px;
}
.heroContainer .documentBlock p {
  font-size: 13px;
  line-height: 1.6;
}
.heroContainer .sideColumn .layoutBlock {
  border-top: none;
  margin: 0;
  padding: 0;
}
.heroContainer .sideColumn .btnDefault {
  height: auto;
  padding: 10px 25px;
  border: none;
}

@media screen and (min-width: 769px) {
  .heroContainer {
    background-size: cover;
    *zoom: 1;
  }
  .heroContainer::after {
    content: "";
    display: table;
    clear: both;
  }
  .heroContainer .wrapper {
    width: 1024px;
    margin: 0 auto;
  }
  .heroContainer .categoryTab {
    margin: 0 0 16px;
  }
  .heroContainer .categoryTab ul {
    overflow-x: hidden;
    -webkit-overflow-scrolling: auto;
  }
  .heroContainer .categoryTab li {
    display: inline-block;
  }
  .heroContainer .categoryTab li a {
    height: 40px;
    color: #bebfbf;
    font-size: 13px;
    padding: 15px;
    cursor: pointer;
    -webkit-transition: all 0.3s 0s ease;
    -moz-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
  }
  .heroContainer .categoryTab li a:hover {
    background: black;
    background: #004677;
  }
  .heroContainer .categoryTab li.current a {
    border-bottom: 4px solid #b29245;
  }
  .heroContainer .js-articleSliderContainer {
    position: relative;
    width: 672px;
    margin: 0 0 16px;
    padding: 0 0 0 40px;
  }
  .heroContainer .js-articleSliderContainer .sliderControl {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
  }
  .heroContainer .js-articleSliderContainer .sliderControl i {
    position: absolute;
    display: block;
    width: 24px;
    height: 158px;
    background: #fff;
    cursor: pointer;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
  }
  .heroContainer .js-articleSliderContainer .sliderControl i::after {
    content: "";
    position: absolute;
    top: 50%;
    margin: -5px 0 0;
  }
  .heroContainer .js-articleSliderContainer .sliderControl .btnPrev::after {
    left: 6px;
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-bottom: 2px solid #818a91;
    border-left: 2px solid #818a91;
    border-top: none;
    border-right: none;
  }
  .heroContainer .js-articleSliderContainer .sliderControl .btnNext {
    right: 0;
  }
  .heroContainer .js-articleSliderContainer .sliderControl .btnNext::after {
    left: 6px;
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 2px solid #818a91;
    border-right: 2px solid #818a91;
    border-bottom: none;
    border-left: none;
  }
  .heroContainer .js-articleSliderContainer .slide {
    display: inline-block;
    width: 150px;
    margin: 0 0 16px 16px;
    vertical-align: top;
  }
  .heroContainer .js-articleSliderContainer .slide a:hover {
    cursor: pointer;
    -webkit-transition: all 0.3s 0s ease;
    -moz-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
  }
  .heroContainer .js-articleSliderContainer .slide a:hover:hover {
    opacity: 0.6;
  }
  .heroContainer .pickupGameContainer {
    margin: 16px 0 32px;
  }
  .heroContainer .pickupGameContainer .ttlCategory > .ttl {
    margin: 0 0 16px;
    font-size: 20px;
  }
  .heroContainer .documentBlock {
    max-height: 236px;
    margin: 16px 0 32px;
    color: #fff;
  }
  .heroContainer .documentBlock > .ttl {
    margin: 0 0 16px;
    font-size: 20px;
  }
}
/*-----------------------------------------------
  matchHeader
  -----------------------------------------------*/
.matchHeader {
  background: #fff;
}
.matchHeader > a {
  display: block;
}
.matchHeader .matchCard {
  position: relative;
  padding: 0 0 20px;
}
.matchHeader .matchCard .matchDate {
  height: 20px;
  background: #f9f9f9;
  border-bottom: 1px solid #dcdddd;
  font-size: 11px;
  color: #818a91;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.matchHeader .matchCard .matchDate .date {
  display: inline-block;
  margin: 5px 10px;
  font-weight: bold;
}
.matchHeader .matchCard .matchDate > .category {
  position: relative;
  display: inline-block;
  color: #fff;
  width: 68px;
  height: 20px;
  padding: 5px;
  font-size: 11px;
  font-weight: bold;
  white-space: nowrap;
}
.matchHeader .matchCard .matchDate > .category::after {
  content: "";
  position: absolute;
  top: 0;
  right: -10px;
  z-index: 0;
  display: inline-block;
  width: 0;
  height: 0;
  border-bottom: 10px solid transparent;
  border-right: 5px solid transparent;
}
.matchHeader .matchCard .matchDate.-mens .category {
  background: #073190;
}
.matchHeader .matchCard .matchDate.-mens .category::after {
  border-top: 10px solid #073190;
  border-left: 5px solid #073190;
}
.matchHeader .matchCard .matchDate.-womens .category {
  background: #fe92c8;
}
.matchHeader .matchCard .matchDate.-womens .category::after {
  border-top: 10px solid #fe92c8;
  border-left: 5px solid #fe92c8;
}
.matchHeader .matchCard .signBlock {
  height: 20px;
  padding: 5px;
  font-size: 11px;
  text-align: right;
  background: #f9f9f9;
  border-bottom: 1px solid #dcdddd;
}
.matchHeader .matchCard .signBlock i.-on {
  color: #1f2326;
}
.matchHeader .matchCard .signBlock i.-off {
  color: #bebfbf;
}
.matchHeader .matchCard .matchTtl {
  height: 20px;
  padding: 15px 0 24px;
  font-size: 11px;
  color: #818a91;
  line-height: 1.2;
  text-align: center;
}
.matchHeader .matchCard .scoreboard {
  width: 100%;
  font-size: 0;
  position: relative;
}
.matchHeader .matchCard .scoreboard .teamBlock {
  display: inline-block;
  width: 50%;
  height: 70px;
  padding: 20px 30px 20px 10px;
  font-size: 13px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
}
.matchHeader .matchCard .scoreboard .teamBlock .emblem {
  display: inline-block;
  width: 27px;
  height: 27px;
  vertical-align: middle;
}
.matchHeader .matchCard .scoreboard .teamBlock .emblem img {
  width: 100%;
}
.matchHeader .matchCard .scoreboard .teamBlock .flag {
  display: inline-block;
  width: 40px;
  height: 27px;
  margin: 2px 0;
  vertical-align: middle;
  border: 1px solid #999;
  overflow: hidden;
}
.matchHeader .matchCard .scoreboard .teamBlock .flag:empty {
  width: 1px;
  border: none;
}
.matchHeader .matchCard .scoreboard .teamBlock .flag img {
  width: 100%;
}
.matchHeader .matchCard .scoreboard .teamBlock .teamName {
  display: inline-block;
  width: 55px;
  color: #1f2326;
  font-weight: bold;
  margin: 0 2px;
  white-space: normal;
  vertical-align: middle;
}
.matchHeader .matchCard .scoreboard .score, .matchHeader .matchCard .scoreboard .vs, .matchHeader .matchCard .scoreboard .time {
  position: absolute;
  left: 50%;
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 0.8;
  font-weight: 800;
  text-align: center;
}
.matchHeader .matchCard .scoreboard .score ~ .teamBlock, .matchHeader .matchCard .scoreboard .vs ~ .teamBlock, .matchHeader .matchCard .scoreboard .time ~ .teamBlock {
  padding: 20px 10px 20px 30px;
  text-align: right;
}
.matchHeader .matchCard .scoreboard .score {
  top: 20px;
  width: 84px;
  margin: 0 0 0 -42px;
  color: #1a537d;
}
.matchHeader .matchCard .scoreboard .score > strong {
  position: relative;
  display: inline-block;
  width: 40%;
  font-size: 30px;
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 0.8;
  font-weight: 800;
  vertical-align: middle;
}
.matchHeader .matchCard .scoreboard .score .pkScore {
  position: absolute;
  width: 100%;
  font-size: 13px;
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 0.8;
  font-weight: 800;
  bottom: -12px;
  left: 0;
  text-align: center;
}
.matchHeader .matchCard .scoreboard .score > span {
  display: inline-block;
  font-size: 30px;
  vertical-align: middle;
}
.matchHeader .matchCard .scoreboard .vs {
  top: 24px;
  width: 68px;
  margin: 0 0 0 -34px;
}
.matchHeader .matchCard .scoreboard .vs strong {
  font-size: 20px;
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 0.8;
  font-weight: 800;
  color: #818a91;
}
.matchHeader .matchCard .scoreboard .time {
  top: 20px;
  width: 68px;
  margin: 0 0 0 -34px;
}
.matchHeader .matchCard .scoreboard .time strong {
  font-size: 26px;
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 0.8;
  font-weight: 800;
  color: #818a91;
}
.matchHeader .matchCard .matchInfo {
  font-size: 11px;
  color: #818a91;
  text-align: center;
}
.matchHeader .infoBlock ul {
  border-top: 1px solid #dcdddd;
}
.matchHeader .infoBlock li {
  position: relative;
  background: #f9f9f9;
  border-bottom: 1px solid #dcdddd;
  font-size: 11px;
  color: #818a91;
}
.matchHeader .infoBlock li .program {
  padding: 5px;
  display: block;
  color: #818a91;
  background: #f9f9f9;
  line-height: 1.2;
}
.matchHeader .infoBlock li .program .live {
  color: #dc0e29;
}
.matchHeader .infoBlock li.set .program, .matchHeader .infoBlock li.on .program, .matchHeader .infoBlock li.end .program {
  margin: 0 80px 0 0;
}
.matchHeader .infoBlock li.set .status, .matchHeader .infoBlock li.on .status, .matchHeader .infoBlock li.end .status {
  position: absolute;
  top: 50%;
  right: 0;
  display: inline-block;
  width: 80px;
  margin: -6px 0 0;
  color: #fff;
  font-size: 13px;
  text-align: center;
}
.matchHeader .infoBlock li.set {
  background: #009944;
}
.matchHeader .infoBlock li.on {
  background: #dc0e29;
}
.matchHeader .infoBlock li.end {
  background: #474b4f;
}
.matchHeader .campaingBlock li {
  position: relative;
  background: #b29245;
  border-bottom: 1px solid #dcdddd;
  font-size: 11px;
  color: #fff;
}
.matchHeader .campaingBlock li a {
  display: block;
  color: #fff;
  padding: 5px 20px 5px 5px;
  line-height: 1.2;
}
.matchHeader .campaingBlock li a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  margin: -5px 0 0;
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 8px;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  border-bottom: none;
  border-left: none;
}
.matchHeader .campaingBlock li:last-child {
  border-bottom: none;
}
.matchHeader .matchSummary {
  padding: 10px;
  border-top: 1px solid #bebfbf;
}
.matchHeader .matchSummary ul {
  margin: 0 0 10px;
}
.matchHeader .matchSummary li {
  margin: 0 0 5px;
  color: #818a91;
  font-size: 13px;
}
.matchHeader .matchSummary li span {
  color: #1f2326;
}
.matchHeader .matchSummary .layoutBlock {
  text-align: center;
}

@media screen and (min-width: 769px) {
  .matchHeader > a {
    cursor: pointer;
    -webkit-transition: all 0.3s 0s ease;
    -moz-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
  }
  .matchHeader > a:hover {
    opacity: 0.6;
  }
  .matchHeader .matchCard .matchDate {
    height: 32px;
    font-size: 13px;
  }
  .matchHeader .matchCard .matchDate .date {
    margin: 10px;
  }
  .matchHeader .matchCard .matchDate > .category {
    width: 115px;
    height: 32px;
    padding: 10px;
    font-size: 13px;
  }
  .matchHeader .matchCard .matchDate > .category::after {
    content: "";
    right: -18px;
    border-bottom: 18px solid transparent;
    border-right: 9px solid transparent;
  }
  .matchHeader .matchCard .matchDate > .category + .date {
    margin: 10px 0 10px 20px;
  }
  .matchHeader .matchCard .matchDate.-mens .category::after {
    border-top: 18px solid #073190;
    border-left: 9px solid #073190;
  }
  .matchHeader .matchCard .matchDate.-womens .category::after {
    border-top: 18px solid #fe92c8;
    border-left: 9px solid #fe92c8;
  }
  .matchHeader .matchCard .signBlock {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    height: 32px;
    padding: 8px 10px;
    font-size: 16px;
    background: none;
    border-bottom: none;
  }
  .matchHeader .matchCard .matchTtl {
    padding: 15px 0 24px;
    font-size: 13px;
    color: #818a91;
    line-height: 1.2;
    text-align: center;
  }
  .matchHeader .matchCard .matchTtl br {
    display: none;
  }
  .matchHeader .matchCard .scoreboard {
    width: 404px;
    margin: auto;
  }
  .matchHeader .matchCard .scoreboard .teamBlock {
    font-size: 13px;
  }
  .matchHeader .matchCard .scoreboard .teamBlock .teamName {
    width: 100px;
  }
  .matchHeader .matchCard .matchInfo {
    font-size: 13px;
  }
  .matchHeader .matchSummary {
    position: relative;
    margin: 0 48px;
    padding: 16px 0 16px;
  }
  .matchHeader .matchSummary .layoutBlock {
    position: absolute;
    top: 16px;
    right: 0;
  }
}
/*-----------------------------------------------
  matchHeaderContainer
  -----------------------------------------------*/
.matchHeaderContainer .matchHeader {
  margin: 0 10px 10px;
}
.matchHeaderContainer .matchHeader .matchCard .scoreboard {
  width: 100%;
  font-size: 0;
  position: relative;
}
.matchHeaderContainer .matchHeader .matchCard .scoreboard .teamBlock {
  display: inline-block;
  width: 50%;
  height: 70px;
  padding: 20px 30px 20px 10px;
  font-size: 13px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
}
.matchHeaderContainer .matchHeader .matchCard .scoreboard .teamBlock .emblem {
  display: inline-block;
  width: 27px;
  height: 27px;
  vertical-align: middle;
}
.matchHeaderContainer .matchHeader .matchCard .scoreboard .teamBlock .emblem img {
  width: 100%;
}
.matchHeaderContainer .matchHeader .matchCard .scoreboard .teamBlock .flag {
  display: inline-block;
  width: 40px;
  height: 27px;
  margin: 2px 0;
  vertical-align: middle;
  border: 1px solid #999;
  overflow: hidden;
}
.matchHeaderContainer .matchHeader .matchCard .scoreboard .teamBlock .flag:empty {
  width: 1px;
  border: none;
}
.matchHeaderContainer .matchHeader .matchCard .scoreboard .teamBlock .flag img {
  width: 100%;
}
.matchHeaderContainer .matchHeader .matchCard .scoreboard .teamBlock .flag ~ .teamName {
  left: 10px;
  right: auto !important;
}
.matchHeaderContainer .matchHeader .matchCard .scoreboard .teamBlock .teamName {
  position: absolute;
  top: 54px;
  right: 10px;
  display: inline-block;
  width: 90px;
  color: #1f2326;
  font-weight: bold;
  white-space: normal;
  vertical-align: middle;
}
.matchHeaderContainer .matchHeader .matchCard .scoreboard .score, .matchHeaderContainer .matchHeader .matchCard .scoreboard .time, .matchHeaderContainer .matchHeader .matchCard .scoreboard .vs {
  position: absolute;
  left: 50%;
  text-align: center;
}
.matchHeaderContainer .matchHeader .matchCard .scoreboard .score ~ .teamBlock, .matchHeaderContainer .matchHeader .matchCard .scoreboard .time ~ .teamBlock, .matchHeaderContainer .matchHeader .matchCard .scoreboard .vs ~ .teamBlock {
  padding: 20px 10px 20px 30px;
  text-align: right;
}
.matchHeaderContainer .matchHeader .matchCard .scoreboard .score {
  top: 20px;
  width: 120px;
  margin: 0 0 0 -60px;
  color: #1a537d;
}
.matchHeaderContainer .matchHeader .matchCard .scoreboard .score > strong {
  position: relative;
  display: inline-block;
  width: 50%;
  text-align: left;
  font-size: 30px;
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 0.8;
  font-weight: 800;
  vertical-align: middle;
}
.matchHeaderContainer .matchHeader .matchCard .scoreboard .score > strong ~ strong {
  text-align: right;
}
.matchHeaderContainer .matchHeader .matchCard .scoreboard .score > strong ~ strong .pkScore {
  text-align: right;
}
.matchHeaderContainer .matchHeader .matchCard .scoreboard .score .pkScore {
  position: absolute;
  width: 100%;
  font-size: 13px;
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 0.8;
  font-weight: 800;
  bottom: -12px;
  left: 0;
  text-align: left;
}
.matchHeaderContainer .matchHeader .matchCard .scoreboard .score > span {
  display: inline-block;
  font-size: 30px;
  vertical-align: middle;
}
.matchHeaderContainer .matchHeader .matchCard .scoreboard .score .subScore {
  position: absolute;
  top: -50%;
  left: 50%;
  display: inline-block;
  width: 60px;
  height: 60px;
  margin: 0 0 0 -30px;
  font-size: 13px;
  overflow: hidden;
}
.matchHeaderContainer .matchHeader .matchCard .scoreboard .score .subScore::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 60px;
  margin: 0 0 0 -5px;
  vertical-align: middle;
}
.matchHeaderContainer .matchHeader .matchCard .scoreboard .score .subScore ul {
  display: inline-block;
  width: 60px;
  vertical-align: middle;
}
.matchHeaderContainer .matchHeader .matchCard .scoreboard .score .subScore li strong {
  display: inline-block;
  width: 15px;
  text-align: center;
  vertical-align: middle;
  font-size: 13px;
}
.matchHeaderContainer .matchHeader .matchCard .scoreboard .score .subScore li span {
  display: inline-block;
  width: 6px;
  text-align: center;
  font-size: 13px;
}
.matchHeaderContainer .matchHeader .matchCard .scoreboard .vs {
  top: 0;
  width: 68px;
  margin: 0 0 0 -34px;
}
.matchHeaderContainer .matchHeader .matchCard .scoreboard .vs strong {
  font-size: 20px;
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 0.8;
  font-weight: 800;
  color: #818a91;
}
.matchHeaderContainer .matchHeader .matchCard .scoreboard .time {
  top: 0;
  width: 68px;
  margin: 0 0 0 -34px;
  color: #818a91;
}
.matchHeaderContainer .matchHeader .matchCard .scoreboard .time strong {
  font-size: 26px;
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 0.8;
  font-weight: 800;
}
.matchHeaderContainer .matchHeader .matchCard .matchInfo {
  font-size: 11px;
  color: #818a91;
  text-align: center;
}

@media screen and (min-width: 769px) {
  .matchHeaderContainer .matchHeader {
    margin: 0 0 16px;
  }
  .matchHeaderContainer .matchHeader .matchCard .scoreboard {
    width: 404px;
    margin: auto;
  }
  .matchHeaderContainer .matchHeader .matchCard .scoreboard .teamBlock {
    font-size: 13px;
  }
  .matchHeaderContainer .matchHeader .matchCard .scoreboard .teamBlock .flag ~ .teamName {
    right: auto;
    left: -120px;
    text-align: right;
  }
  .matchHeaderContainer .matchHeader .matchCard .scoreboard .teamBlock .teamName {
    top: 50%;
    right: -120px;
    margin: -6px 0 0;
    width: 120px;
    text-align: left;
  }
  .matchHeaderContainer .matchHeader .matchCard .matchInfo {
    font-size: 13px;
  }
}
/*-----------------------------------------------
  scheduleDetailContainer
  -----------------------------------------------*/
.scheduleDetailContainer {
  position: relative;
  width: 100%;
  margin: 0 auto 40px;
  background: #edeeee;
}
.scheduleDetailContainer .ttlCategory {
  position: relative;
  padding: 10px 0;
}
.scheduleDetailContainer .ttlCategory > .ttl {
  font-size: 18px;
  margin: 0 10px 10px;
}
.scheduleDetailContainer .ttlCategory .btnDefault {
  position: absolute;
  top: 0;
  right: 10px;
}
.scheduleDetailContainer .detailsContainer {
  padding: 10px 0;
  background: #fff;
}
.scheduleDetailContainer .detailsContainer > .ttl {
  font-size: 20px;
  margin: 0 10px 15px;
}
.scheduleDetailContainer .detailsContainer > .ttl::before {
  margin: 0 5px 0 0;
}
.scheduleDetailContainer .detailsContainer .inner {
  padding: 0 10px 10px;
}
.scheduleDetailContainer .detailsContainer .inner .imageBlock {
  width: 300px;
  margin: 0 auto 10px;
}
.scheduleDetailContainer .detailsContainer .inner .imageBlock img {
  width: 100%;
}
.scheduleDetailContainer .detailsContainer .inner p {
  font-size: 13px;
  color: #818a91;
}

.modalContainer .scheduleDetailContainer {
  position: relative;
  width: 100%;
  margin: 44px auto;
  background: #edeeee;
}
.modalContainer .scheduleDetailContainer .matchHeader {
  margin: 0 0 20px;
}
.modalContainer .scheduleDetailContainer .detailsContainer {
  background: none;
}

@media screen and (min-width: 769px) {
  .scheduleDetailContainer .ttlCategory {
    padding: 8px 0 0;
  }
  .scheduleDetailContainer .ttlCategory > .ttl {
    font-size: 20px;
    margin: 0 0 16px;
  }
  .scheduleDetailContainer .ttlCategory .btnDefault {
    right: 0;
  }
  .scheduleDetailContainer .detailsContainer {
    padding: 16px;
  }
  .scheduleDetailContainer .detailsContainer > .ttl {
    font-size: 20px;
    margin: 0 0 15px;
  }
  .scheduleDetailContainer .detailsContainer > .ttl::before {
    margin: 0 5px 0 0;
  }
  .scheduleDetailContainer .detailsContainer .inner {
    padding: 0 0 16px;
  }
  .scheduleDetailContainer .detailsContainer .inner .imageBlock {
    width: 100%;
    margin: 0 auto 10px;
  }
  .scheduleDetailContainer .detailsContainer .inner p {
    font-size: 13px;
    color: #818a91;
  }

  .modalContainer .scheduleDetailContainer {
    width: 768px;
  }
  .modalContainer .scheduleDetailContainer .matchHeader {
    margin: 0 0 32px;
  }
  .modalContainer .scheduleDetailContainer .detailsContainer {
    padding: 16px 48px;
  }
}
/*-----------------------------------------------
  groupStageContainer
  -----------------------------------------------*/
.groupStageContainer {
  padding: 0 10px;
}
.groupStageContainer .groupCategory .ttl {
  background: #474b4f;
  color: #fff;
  padding: 10px;
  font-size: 15px;
}
.groupStageContainer .groupTable {
  width: 100%;
  margin: 0 0 20px;
  overflow: hidden;
}
.groupStageContainer .groupTable table {
  width: 100%;
}
.groupStageContainer .groupTable th, .groupStageContainer .groupTable td {
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
}
.groupStageContainer .groupTable th {
  padding: 5px 3px;
  color: #474b4f;
  background: #dcdddd;
}
.groupStageContainer .groupTable th:first-child {
  text-align: left;
}
.groupStageContainer .groupTable td {
  padding: 5px;
  color: #1f2326;
  background: #fff;
  width: 5%;
}
.groupStageContainer .groupTable td.team {
  width: 50%;
  max-width: 100px;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
}
.groupStageContainer .groupTable td.team .flag {
  display: inline-block;
  width: 20px;
  height: 13px;
  border: 1px solid #999;
  overflow: hidden;
  vertical-align: middle;
}
.groupStageContainer .groupTable td.team .flag img {
  width: 100%;
  height: auto;
}

@media screen and (min-width: 769px) {
  .groupStageContainer {
    padding: 0;
  }
  .groupStageContainer .groupCategory .ttl {
    padding: 10px;
  }
  .groupStageContainer .groupTable {
    margin: 0 0 32px;
    overflow: hidden;
  }
  .groupStageContainer .groupTable table {
    width: 100%;
  }
  .groupStageContainer .groupTable th, .groupStageContainer .groupTable td {
    font-size: 14px;
    white-space: nowrap;
  }
  .groupStageContainer .groupTable th {
    padding: 8px 10px;
  }
  .groupStageContainer .groupTable td {
    padding: 10px;
    width: 7%;
  }
  .groupStageContainer .groupTable td.team {
    width: 44%;
    max-width: 100px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
  }
  .groupStageContainer .groupTable td.team .flag {
    display: inline-block;
    width: 30px;
    height: 20px;
    border: 1px solid #999;
    overflow: hidden;
    vertical-align: middle;
  }
  .groupStageContainer .groupTable td.team .flag img {
    width: 100%;
    height: auto;
  }
}
/*-----------------------------------------------
  tournamentContainer
  -----------------------------------------------*/
.tournamentContainer {
  padding: 0 10px;
}

.tournamentTree table {
  width: 100%;
}
.tournamentTree table tr:nth-child(2) td:last-child {
  text-align: right;
}
.tournamentTree table tr.thirdPlacePlayoff td:last-child {
  text-align: right;
}
.tournamentTree table th {
  padding: 5px;
  background: #474b4f;
  color: #fff;
  font-size: 12px;
}
.tournamentTree table td {
  position: relative;
  vertical-align: middle;
}
.tournamentTree table td:first-child {
  height: 60px;
}
.tournamentTree table td .teamBlock {
  display: inline-block;
  width: 24px;
  padding: 25px 0 0;
  text-align: center;
}
.tournamentTree table td .teamBlock .flag {
  display: inline-block;
  width: 24px;
  height: 17px;
  border: 1px solid #999;
  overflow: hidden;
  vertical-align: middle;
  background: #dcdddd;
}
.tournamentTree table td .teamBlock .flag img {
  width: 100%;
  height: auto;
}
.tournamentTree table td .teamBlock .code {
  display: inline-block;
  width: 40px;
  height: 25px;
  margin: 0 0 0 -8px;
  color: #474b4f;
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 1.1;
  font-weight: 500;
  font-size: 12px;
  text-align: center;
  overflow: hidden;
}
.tournamentTree table td .teamBlock.-loser .flag {
  border: 1px solid #bfbfbf;
}
.tournamentTree table td .teamBlock.-loser .flag img {
  opacity: 0.6;
}
.tournamentTree table td .teamBlock.-loser .code {
  color: #b3b3b3;
}
.tournamentTree table [class^="treeline_"] {
  background-position: 100% center;
  background-repeat: no-repeat;
}
.tournamentTree table [class^="treeline_"] .score {
  position: absolute;
  right: 8px;
  color: #333;
  font-size: 12px;
}
.tournamentTree table [class^="treeline_"] .kickoff {
  position: absolute;
  bottom: -12px;
  right: 8px;
  width: 32px;
  height: 26px;
  text-align: right;
  color: #333;
  font-size: 12px;
}
.tournamentTree table .treeline_top.-on {
  background-image: url(../img/tournament_tree/on_top.png);
}
.tournamentTree table .treeline_top.-off {
  background-image: url(../img/tournament_tree/off_top.png);
}
.tournamentTree table .treeline_top .score {
  bottom: 25%;
  margin: 0 0 -10px;
}
.tournamentTree table .treeline_bottom.-on {
  background-image: url(../img/tournament_tree/on_bottom.png);
}
.tournamentTree table .treeline_bottom.-off {
  background-image: url(../img/tournament_tree/off_bottom.png);
}
.tournamentTree table .treeline_bottom .score {
  top: 25%;
  margin: -10px 0 0;
}
.tournamentTree table .treeline_middle {
  padding: 0 0 0 5px;
  background-position: 0 center;
  background-repeat: repeat-x;
}
.tournamentTree table .treeline_middle.-on {
  background-image: url(../img/tournament_tree/on_middle.png);
}
.tournamentTree table .treeline_middle.-off {
  background-image: url(../img/tournament_tree/off_middle.png);
}

@media screen and (min-width: 769px) {
  .tournamentContainer {
    padding: 0;
  }

  .tournamentTree table {
    width: 100%;
  }
  .tournamentTree table th {
    padding: 10px;
    background: #474b4f;
    color: #fff;
    font-size: 15px;
  }
  .tournamentTree table td:first-child {
    height: 80px;
  }
  .tournamentTree table td .teamBlock {
    width: 48px;
    padding: 20px 0 0;
  }
  .tournamentTree table td .teamBlock .flag {
    display: inline-block;
    width: 48px;
    height: 32px;
    border: 1px solid #999;
    overflow: hidden;
    vertical-align: middle;
  }
  .tournamentTree table td .teamBlock .flag img {
    width: 100%;
    height: auto;
  }
  .tournamentTree table td .teamBlock .code {
    width: 52px;
    height: 20px;
    margin: 0 0 0 -2px;
    font-size: 15px;
  }
  .tournamentTree table td .teamBlock .code br {
    display: none;
  }
  .tournamentTree table [class^="treeline_"] .score {
    right: 8px;
    font-size: 12px;
  }
  .tournamentTree table [class^="treeline_"] .score .kickoff {
    bottom: -12px;
    right: 8px;
    width: 32px;
    height: 26px;
    font-size: 12px;
  }
  .tournamentTree table .treeline_top .score {
    bottom: 25%;
    margin: 0 0 -10px;
  }
  .tournamentTree table .treeline_bottom .score {
    top: 25%;
    margin: -10px 0 0;
  }
  .tournamentTree table .treeline_middle {
    padding: 0 0 0 5px;
  }
}
/*-----------------------------------------------
  timelineList
  -----------------------------------------------*/
@media screen and (max-width: 768px) {
  .match_timeline.-detail {
    position: relative;
  }
  .match_timeline.-detail #js-cover {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #edeeee;
    opacity: 1;
  }
  .match_timeline.-detail #js-cover.-blue {
    z-index: 200;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #004677;
  }
  .match_timeline.-detail .headMatchResultContainer, .match_timeline.-detail .pageHeader, .match_timeline.-detail .pageNav, .match_timeline.-detail .recommendContainer, .match_timeline.-detail .leaderboardBlock, .match_timeline.-detail .footerContainer {
    display: none;
  }
  .match_timeline.-detail .mainContainer {
    padding: 0 0 20px;
  }
  .match_timeline.-detail .mainContainer .mainColumn .matchHeaderContainer {
    display: none;
  }
  .match_timeline.-detail .mainContainer .mainColumn .timelineContainer .optionContainer, .match_timeline.-detail .mainContainer .mainColumn .timelineContainer .reloadBlock {
    display: none;
  }
  .match_timeline.-detail .mainContainer .mainColumn .timelineContainer .timelineBlock.-full {
    padding: 0;
    margin: 0;
  }
  .match_timeline.-detail .mainContainer .mainColumn .timelineContainer .timelineBlock.-full::before, .match_timeline.-detail .mainContainer .mainColumn .timelineContainer .timelineBlock.-full::after {
    display: none;
  }
  .match_timeline.-detail .mainContainer .mainColumn .timelineContainer .timelineBlock.-full > ul {
    padding: 0;
    margin: 0;
  }
  .match_timeline.-detail .mainContainer .mainColumn .timelineContainer .timelineBlock.-full > ul > li {
    display: none;
  }
  .match_timeline.-detail .mainContainer .mainColumn .timelineContainer .timelineBlock.-full > ul > li.is-open {
    display: block;
  }
  .match_timeline.-detail .mainContainer .mainColumn .timelineContainer .timelineBlock .lineBlock {
    padding: 0;
  }
  .match_timeline.-detail .mainContainer .sideColumn {
    display: none;
  }
}
.timelineContainer {
  position: relative;
}
.timelineContainer .optionContainer {
  padding: 10px;
  text-align: right;
  font-size: 14px;
}
.timelineContainer .optionContainer input[type="checkbox"] {
  display: none;
}
.timelineContainer .optionContainer input[type="checkbox"]:checked + span::before {
  background: #b29245;
  border: 1px solid #999;
  border-radius: 2px;
  font-size: 10px;
  color: #fff;
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e914";
}
.timelineContainer .optionContainer span::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 10px 0 0;
  padding: 2px;
  vertical-align: middle;
  background: #fff;
  border: 1px solid #999;
  border-radius: 2px;
}
.timelineContainer .reloadBlock {
  padding: 0 10px 10px;
  text-align: right;
  font-size: 14px;
}
.timelineContainer .reloadBlock .btnReload {
  display: inline-block;
  padding: 5px 10px;
  background: #474b4f;
  color: #fff;
  font-size: 13px;
  cursor: pointer;
}
.timelineContainer .reloadBlock .btnReload:before {
  content: "";
  display: inline-block;
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e906";
  font-size: 13px;
  margin: 0 4px 0 0;
}

.timelineBlock {
  position: relative;
}
.timelineBlock > ul > li {
  position: relative;
  min-height: 68px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.timelineBlock > ul > li.statusGoal .timeBlock {
  color: #b29245;
}
.timelineBlock > ul > li.statusGoal .timeBlock::after {
  background: url(../img/competition/match_ico_goal.png) 0 0 no-repeat;
  background-size: contain;
}
.timelineBlock > ul > li.statusGoal .lineTitleBlock .titleBlock .time::after {
  background: url(../img/competition/match_ico_goal.png) 0 0 no-repeat;
  background-size: contain;
}
.timelineBlock > ul > li.statusSub .timeBlock {
  color: #818a91;
}
.timelineBlock > ul > li.statusSub .timeBlock::after {
  background: url(../img/competition/match_ico_sub.png) 0 0 no-repeat;
  background-size: contain;
}
.timelineBlock > ul > li.statusSub .lineTitleBlock .titleBlock .time::after {
  background: url(../img/competition/match_ico_sub.png) 0 0 no-repeat;
  background-size: contain;
}
.timelineBlock > ul > li.statusRed .timeBlock {
  color: #dc0e29;
}
.timelineBlock > ul > li.statusRed .timeBlock::after {
  background: url(../img/competition/match_ico_red.png) 0 0 no-repeat;
  background-size: contain;
}
.timelineBlock > ul > li.statusRed .lineTitleBlock .titleBlock .time::after {
  background: url(../img/competition/match_ico_red.png) 0 0 no-repeat;
  background-size: contain;
}
.timelineBlock > ul > li.statusYellow .timeBlock {
  color: #e5c700;
}
.timelineBlock > ul > li.statusYellow .timeBlock::after {
  background: url(../img/competition/match_ico_yellow.png) 0 0 no-repeat;
  background-size: contain;
}
.timelineBlock > ul > li.statusYellow .lineTitleBlock .titleBlock .time::after {
  background: url(../img/competition/match_ico_yellow.png) 0 0 no-repeat;
  background-size: contain;
}
.timelineBlock > ul > li.statusYellow2 .timeBlock {
  color: #dc0e29;
}
.timelineBlock > ul > li.statusYellow2 .timeBlock::after {
  background: url(../img/competition/match_ico_yellow2.png) 0 0 no-repeat;
  background-size: contain;
}
.timelineBlock > ul > li.statusYellow2 .lineTitleBlock .titleBlock .time::after {
  background: url(../img/competition/match_ico_yellow2.png) 0 0 no-repeat;
  background-size: contain;
}
.timelineBlock .timeBlock {
  position: absolute;
  top: 10px;
  left: 0;
  width: 48px;
  height: 48px;
  background: #fff;
  border: 2px solid #dcdddd;
  border-radius: 50%;
  text-align: center;
}
.timelineBlock .timeBlock::before {
  content: "";
  display: inline-block;
  height: 48px;
  vertical-align: middle;
}
.timelineBlock .timeBlock .inner {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}
.timelineBlock .timeBlock .inner strong {
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 0.8;
  font-weight: 800;
  font-size: 16px;
}
.timelineBlock .timeBlock .inner .loss {
  display: block;
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 0.8;
  font-weight: 800;
  font-size: 14px;
}
.timelineBlock .timeBlock.-no {
  top: 18px;
  left: 22px !important;
  width: 22px;
  height: 22px;
}
.timelineBlock .lineBlock {
  color: #1f2326;
  position: relative;
  font-size: 13px;
  line-height: 1.6;
}
.timelineBlock [class^="team_"] {
  padding: 0 0 0 90px;
}
.timelineBlock [class^="team_"] .timeBlock::after {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: -10px 0 0;
}
.timelineBlock.-full {
  position: relative;
  margin: 10px 0;
  padding: 0;
  overflow: hidden;
}
.timelineBlock.-full::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 4px;
  left: 30px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #bebfbf;
}
.timelineBlock.-full > ul {
  position: relative;
  margin: 10px 0 0;
  padding: 10px 0 20px;
}
.timelineBlock.-full > ul::before {
  content: "";
  position: absolute;
  top: 0;
  left: 33px;
  width: 1px;
  height: 100%;
  background: #bebfbf;
}
.timelineBlock.-full > ul::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 30px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #bebfbf;
}
.timelineBlock.-full > ul > li {
  padding: 10px 10px 10px 100px;
}
.timelineBlock.-full > ul > li:first-child {
  border-top: 1px solid #bebfbf;
}
.timelineBlock.-full > ul > li.is-open {
  padding: 0;
  position: relative;
  z-index: 101;
  border-bottom: none;
}
.timelineBlock.-full > ul > li.is-open .timeBlock {
  display: none;
}
.timelineBlock.-full > ul > li.is-open .lineBlock > .lineText, .timelineBlock.-full > ul > li.is-open .lineBlock .thumbBlock {
  display: none !important;
}
.timelineBlock.-full > ul > li.is-open[class^="team_"] {
  padding: 0;
}
.timelineBlock.-full .timeBlock {
  left: 10px;
  right: auto;
}
.timelineBlock.-full .timeBlock::after {
  content: "";
  position: absolute;
  top: 50%;
  left: auto;
  right: -30px;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: -10px 0 0;
}
.timelineBlock.-full .lineBlock .lineText {
  padding: 0;
}
.timelineBlock.-full .lineBlock .thumbBlock {
  position: relative;
  display: block;
  padding-bottom: 40px;
  overflow: hidden;
  float: right;
  width: 74px;
  margin: 0 0 4px 4px;
}
.timelineBlock.-full .lineBlock .thumbBlock img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: auto;
}
.timelineBlock.-full .lineBlock .thumbBlock .icoPlay {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  margin: -8px 0 0 -8px;
}
.timelineBlock.-full .lineBlock .thumbBlock .icoPlay::after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e909";
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
}
.timelineBlock.-full .timeBorder {
  min-height: 28px;
  height: 28px;
  padding: 8px 10px;
  background: #bebfbf;
  border-bottom: none;
  color: #fff;
  font-size: 12px;
}
.timelineBlock.-highlight {
  padding: 10px;
}
.timelineBlock.-highlight > ul {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.timelineBlock.-highlight > ul > li {
  height: 68px;
  overflow: hidden;
}
.timelineBlock.-highlight > ul > li::before {
  content: "";
  display: inline-block;
  height: 68px;
  vertical-align: middle;
  margin: 0 0 0 -5px;
}
.timelineBlock.-highlight > ul > li a {
  display: inline-block;
}
.timelineBlock.-highlight .team_home {
  padding: 0 0 0 90px;
}
.timelineBlock.-highlight .team_home .timeBlock::after {
  right: -30px;
}
.timelineBlock.-highlight .team_away {
  padding: 0 90px 0 0;
  text-align: right;
}
.timelineBlock.-highlight .team_away .timeBlock {
  left: auto;
  right: 0;
}
.timelineBlock.-highlight .team_away .timeBlock::after {
  left: -30px;
}
.timelineBlock.-highlight .lineBlock {
  display: inline-block;
  padding: 0;
  vertical-align: middle;
}
.timelineBlock .detailBlock {
  position: relative;
  display: none;
  overflow: hidden;
}
.timelineBlock .detailBlock .ttlCategory {
  position: relative;
  background: #1f2326;
}
.timelineBlock .detailBlock .ttlCategory .ttl {
  color: #fff;
  text-align: center;
  padding: 10px;
  margin: 0;
}
.timelineBlock .detailBlock .ttlCategory .btnClose {
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  display: block;
  width: 44px;
  height: 44px;
}
.timelineBlock .detailBlock .ttlCategory .btnClose i {
  position: relative;
  top: 50%;
  left: 50%;
  margin: -1px 0 0 -10px;
  display: block;
  width: 20px;
  height: 2px;
}
.timelineBlock .detailBlock .ttlCategory .btnClose i::before, .timelineBlock .detailBlock .ttlCategory .btnClose i::after {
  content: '';
  position: absolute;
  display: block;
  width: 20px;
  height: 2px;
  background: #fff;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all 0.3s 0s ease;
  -moz-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}
.timelineBlock .detailBlock .ttlCategory .btnClose i::before {
  -webkit-transform: translateY(0px) rotate(45deg);
  transform: translateY(0px) rotate(45deg);
}
.timelineBlock .detailBlock .ttlCategory .btnClose i::after {
  -webkit-transform: translateY(0px) rotate(-45deg);
  transform: translateY(0px) rotate(-45deg);
}
.timelineBlock .detailBlock .lineTitleBlock {
  margin: 0;
}
.timelineBlock .detailBlock .lineTitleBlock .multiAngleBlock {
  padding: 0 0 10px;
}
.timelineBlock .detailBlock .lineTitleBlock .multiAngleBlock .ttl {
  color: #fff;
  font-size: 13px;
  text-align: center;
  padding: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.timelineBlock .detailBlock .lineTitleBlock .multiAngleBlock .cameraAngleBlock {
  position: relative;
}
.timelineBlock .detailBlock .lineTitleBlock .multiAngleBlock .fieldBlock {
  position: relative;
}
.timelineBlock .detailBlock .lineTitleBlock .multiAngleBlock .fieldBlock img {
  width: 100%;
  height: auto;
}
.timelineBlock .detailBlock .lineTitleBlock .multiAngleBlock .angleThumbBlock {
  display: none;
}
.timelineBlock .detailBlock .lineTitleBlock .titleBlock {
  background: #fff;
  padding: 10px;
}
.timelineBlock .detailBlock .lineTitleBlock .titleBlock .time {
  position: relative;
  margin: 0 0 10px;
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 0.8;
  font-weight: 800;
}
.timelineBlock .detailBlock .lineTitleBlock .titleBlock .time strong {
  font-size: 50px;
}
.timelineBlock .detailBlock .lineTitleBlock .titleBlock .time .loss {
  font-size: 25px;
}
.timelineBlock .detailBlock .lineTitleBlock .titleBlock .time::after {
  content: "";
  position: absolute;
  bottom: 15px;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 0 0 10px;
}
.timelineBlock .detailBlock .shareButtonBlock {
  background: #fff;
  margin: 0 0 16px;
  padding: 10px 10px 20px;
  text-align: right;
}
.timelineBlock .detailBlock .shareButtonBlock .shareText {
  display: inline-block;
}
.timelineBlock .detailBlock .shareButtonBlock ul {
  display: inline-block;
  vertical-align: middle;
}
.timelineBlock .detailBlock .relatedPlayerContainer {
  margin: 0 0 10px;
  padding: 0 0 10px;
  background: #fff;
}
.timelineBlock .detailBlock .relatedPlayerContainer .ttl {
  margin: 0 0 10px;
  padding: 10px;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  background: #1f2326;
}
.timelineBlock .detailBlock .relatedPlayerContainer .relatedPlayerBlock {
  padding: 0 10px;
}
.timelineBlock .detailBlock .relatedPlayerContainer .relatedPlayerBlock > ul > li {
  position: relative;
  height: 58px;
}
.timelineBlock .detailBlock .relatedPlayerContainer .relatedPlayerBlock .play {
  position: absolute;
  top: 50%;
  margin: -10px 0 0;
  color: #1f2326;
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 0.8;
  font-weight: 500;
  font-size: 18px;
}
.timelineBlock .detailBlock .relatedPlayerContainer .relatedPlayerBlock .play small {
  font-size: 14px;
}
.timelineBlock .detailBlock .relatedPlayerContainer .relatedPlayerBlock .playerBlock {
  position: relative;
  height: 58px;
  padding: 0 0 0 90px;
}
.timelineBlock .detailBlock .relatedPlayerContainer .relatedPlayerBlock .playerBlock .playerPhoto {
  position: absolute;
  z-index: 1;
  top: 50%;
  width: 50px;
  height: 50px;
  margin: -25px 0 0;
  background: #edeeee;
  border: 2px solid #999;
  border-radius: 50%;
  overflow: hidden;
}
.timelineBlock .detailBlock .relatedPlayerContainer .relatedPlayerBlock .playerBlock .playerPhoto img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 56px;
  height: 56px;
  margin: -28px 0 0 -28px;
}
.timelineBlock .detailBlock .relatedPlayerContainer .relatedPlayerBlock .playerBlock .playerText {
  padding: 0 0 0 60px;
}
.timelineBlock .detailBlock .relatedPlayerContainer .relatedPlayerBlock .playerBlock .playerText .team .flag {
  display: inline-block;
  width: 23px;
  height: 15px;
  border: 1px solid #999;
  overflow: hidden;
  vertical-align: middle;
}
.timelineBlock .detailBlock .relatedPlayerContainer .relatedPlayerBlock .playerBlock .playerText .team .flag img {
  width: 100%;
  height: auto;
}
.timelineBlock .detailBlock .relatedPlayerContainer .relatedPlayerBlock .playerBlock .playerText .team .number {
  display: inline-block;
  margin: 0 0 0 5px;
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 1.2;
  font-weight: 500;
  font-size: 18px;
  line-height: 0.8;
  color: #999;
  vertical-align: middle;
}
.timelineBlock .detailBlock .relatedPlayerContainer .relatedPlayerBlock .playerBlock .playerText .nameEn {
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 1.2;
  font-weight: 500;
  font-size: 18px;
  color: #1f2326;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
}
.timelineBlock .detailBlock .relatedPlayerContainer .relatedPlayerBlock .playerBlock .playerText .nameJp {
  font-size: 11px;
  color: #1f2326;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
}
.timelineBlock .detailBlock .relatedPlayerContainer .relatedPlayerBlock .assist .play, .timelineBlock .detailBlock .relatedPlayerContainer .relatedPlayerBlock .goal .play, .timelineBlock .detailBlock .relatedPlayerContainer .relatedPlayerBlock .inPlayer .play, .timelineBlock .detailBlock .relatedPlayerContainer .relatedPlayerBlock .foul .play {
  width: 85px;
  margin: -9px 0 0;
  color: #1f2326;
}
.timelineBlock .detailBlock .relatedPlayerContainer .relatedPlayerBlock .assist ~ li, .timelineBlock .detailBlock .relatedPlayerContainer .relatedPlayerBlock .goal ~ li, .timelineBlock .detailBlock .relatedPlayerContainer .relatedPlayerBlock .inPlayer ~ li, .timelineBlock .detailBlock .relatedPlayerContainer .relatedPlayerBlock .foul ~ li {
  margin: 18px 0 0;
}
.timelineBlock .detailBlock .relatedPlayerContainer .relatedPlayerBlock .assist ~ li .playerBlock::after, .timelineBlock .detailBlock .relatedPlayerContainer .relatedPlayerBlock .goal ~ li .playerBlock::after, .timelineBlock .detailBlock .relatedPlayerContainer .relatedPlayerBlock .inPlayer ~ li .playerBlock::after, .timelineBlock .detailBlock .relatedPlayerContainer .relatedPlayerBlock .foul ~ li .playerBlock::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: -35px;
  left: 106px;
  width: 17px;
  height: 38px;
  background: url(../img/competition/related_arrow.png);
  background-size: contain;
}
.timelineBlock .detailBlock .relatedPlayerContainer .relatedPlayerBlock .assist .play {
  color: #b29245;
}
.timelineBlock .detailBlock .relatedPlayerContainer .relatedPlayerBlock .inPlayer {
  margin: 0 0 18px;
}
.timelineBlock .detailBlock .relatedPlayerContainer .relatedPlayerBlock .inPlayer .play {
  color: #818a91;
}
.timelineBlock .detailBlock .relatedPlayerContainer .relatedPlayerBlock .goal .play {
  margin: -18px 0 0;
  color: #b29245;
  line-height: 0.9;
}
.timelineBlock .detailBlock .relatedPlayerContainer .relatedPlayerBlock .outPlayer .play {
  color: #818a91;
}
.timelineBlock .detailBlock .relatedPlayerContainer .relatedPlayerBlock .redcard .play, .timelineBlock .detailBlock .relatedPlayerContainer .relatedPlayerBlock .yellowcard2 .play {
  color: #dc0e29;
}
.timelineBlock .detailBlock .relatedPlayerContainer .relatedPlayerBlock .yellowcard .play {
  color: #e5c700;
}
.timelineBlock .detailBlock .ballCourseContainer {
  padding: 0 0 10px;
  margin: 0 0 10px;
  background: #fff;
}
.timelineBlock .detailBlock .ballCourseContainer > .ttl {
  margin: 0 0 10px;
  padding: 10px;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  background: #1f2326;
}
.timelineBlock .detailBlock .ballCourseContainer .courseBlock .teamBlock {
  position: relative;
  height: 42px;
}
.timelineBlock .detailBlock .ballCourseContainer .courseBlock .teamBlock [class^="team_"] {
  position: absolute;
  padding: 10px 0;
}
.timelineBlock .detailBlock .ballCourseContainer .courseBlock .teamBlock [class^="team_"] .flag {
  display: inline-block;
  width: 33px;
  height: 22px;
  border: 1px solid #999;
  overflow: hidden;
  vertical-align: middle;
}
.timelineBlock .detailBlock .ballCourseContainer .courseBlock .teamBlock [class^="team_"] .flag img {
  width: 100%;
  height: auto;
}
.timelineBlock .detailBlock .ballCourseContainer .courseBlock .teamBlock .team_home {
  left: 0;
}
.timelineBlock .detailBlock .ballCourseContainer .courseBlock .teamBlock .team_away {
  right: 0;
}
.timelineBlock .detailBlock .ballCourseContainer .courseBlock .fieldBlock {
  position: relative;
  width: 317px;
  margin: 10px auto;
}
.timelineBlock .detailBlock .ballCourseContainer .courseBlock .fieldBlock img, .timelineBlock .detailBlock .ballCourseContainer .courseBlock .fieldBlock canvas {
  width: 100%;
  height: auto;
}
.timelineBlock .detailBlock .ballCourseContainer .courseBlock .fieldBlock .canvasArea {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
.timelineBlock .detailBlock .ballCourseContainer .courseBlock .fieldBlock .canvasUpperArea {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
}
.timelineBlock .detailBlock .ballCourseContainer .playerBlock > .ttl {
  display: none;
}
.timelineBlock .detailBlock .ballCourseContainer .playerBlock .playerList {
  margin: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.timelineBlock .detailBlock .ballCourseContainer .playerBlock .playerList li {
  position: relative;
  height: 60px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.timelineBlock .detailBlock .ballCourseContainer .playerBlock .playerList .teamBlock {
  position: absolute;
  top: 10px;
}
.timelineBlock .detailBlock .ballCourseContainer .playerBlock .playerList .teamBlock .flag {
  display: inline-block;
  width: 23px;
  height: 15px;
  border: 1px solid #999;
  overflow: hidden;
  vertical-align: middle;
}
.timelineBlock .detailBlock .ballCourseContainer .playerBlock .playerList .teamBlock .flag img {
  width: 100%;
  height: auto;
}
.timelineBlock .detailBlock .ballCourseContainer .playerBlock .playerList .teamBlock .number {
  display: inline-block;
  margin: 0 0 0 3px;
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 1.2;
  font-weight: 500;
  font-size: 15px;
  color: #999;
  vertical-align: middle;
}
.timelineBlock .detailBlock .ballCourseContainer .playerBlock .playerList .playerBlock {
  padding: 0 0 0 55px;
}
.timelineBlock .detailBlock .ballCourseContainer .playerBlock .playerList .playerBlock .nameEn {
  margin: 0 0 2px;
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 1.2;
  font-weight: 500;
  font-size: 15px;
  color: #1f2326;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
}
.timelineBlock .detailBlock .ballCourseContainer .playerBlock .playerList .playerBlock .nameJp {
  font-size: 11px;
  color: #1f2326;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
}

@media screen and (min-width: 769px) {
  .timelineContainer .optionContainer {
    padding: 0 0 16px;
  }
  .timelineContainer .reloadBlock {
    padding: 0 0 16px;
  }

  .timelineBlock {
    position: relative;
    padding: 0;
  }
  .timelineBlock > ul > li {
    position: relative;
    min-height: 68px;
    padding: 16px 0;
    border-bottom: none;
  }
  .timelineBlock .lineBlock {
    position: relative;
    padding: 0;
    border: 1px solid rgba(0, 0, 0, 0.2);
  }
  .timelineBlock .lineBlock::before, .timelineBlock .lineBlock::after {
    content: "";
    position: absolute;
    top: 25px;
    left: -5px;
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .timelineBlock .lineBlock::before {
    z-index: 0;
    background: rgba(0, 0, 0, 0.2);
  }
  .timelineBlock .lineBlock::after {
    z-index: 1;
    background: #edeeee;
    margin: 0 0 0 1px;
  }
  .timelineBlock .lineBlock .lineText {
    padding: 16px;
  }
  .timelineBlock.-full {
    position: relative;
    padding: 0;
  }
  .timelineBlock.-full::before {
    top: 4px;
  }
  .timelineBlock.-full > ul {
    position: relative;
    padding: 16px 0;
  }
  .timelineBlock.-full > ul > li {
    padding: 0 0 0 100px;
    margin: 0 0 16px;
  }
  .timelineBlock.-full > ul > li.is-open {
    padding: 0 0 0 100px;
  }
  .timelineBlock.-full > ul > li.is-open .timeBlock {
    display: block;
  }
  .timelineBlock.-full > ul > li.is-open .lineBlock > .lineText {
    display: block !important;
  }
  .timelineBlock.-full > ul > li.is-open .lineBlock .thumbBlock {
    display: none !important;
  }
  .timelineBlock.-full > ul > li.is-open[class^="team_"] {
    padding: 0;
  }
  .timelineBlock.-full .timeBlock {
    cursor: pointer;
  }
  .timelineBlock.-full .lineBlock {
    min-height: 68px;
  }
  .timelineBlock.-full .lineBlock > .lineText {
    padding: 16px;
    cursor: pointer;
  }
  .timelineBlock.-highlight > ul {
    position: relative;
  }
  .timelineBlock.-highlight > ul::before {
    content: "";
    position: absolute;
    left: 50%;
    width: 1px;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
  }
  .timelineBlock.-highlight > ul > li {
    height: 68px;
    overflow: hidden;
  }
  .timelineBlock.-highlight > ul > li::before {
    height: 68px;
  }
  .timelineBlock.-highlight .lineBlock {
    display: inline-block;
    width: 260px;
    vertical-align: middle;
    border: none;
  }
  .timelineBlock.-highlight .lineBlock::before, .timelineBlock.-highlight .lineBlock::after {
    display: none;
  }
  .timelineBlock.-highlight .lineBlock .lineText {
    padding: 0;
  }
  .timelineBlock.-highlight [class^="team_"] .timeBlock {
    right: auto;
    left: 50%;
    margin: 0 0 0 -24px;
  }
  .timelineBlock.-highlight .team_home {
    padding: 0;
    text-align: left;
  }
  .timelineBlock.-highlight .team_home .timeBlock::after {
    right: auto;
    left: -30px;
  }
  .timelineBlock.-highlight .team_home .lineBlock {
    text-align: right;
  }
  .timelineBlock.-highlight .team_away {
    padding: 0;
    text-align: right;
  }
  .timelineBlock.-highlight .team_away .timeBlock::after {
    left: auto;
    right: -30px;
  }
  .timelineBlock.-highlight .team_away .lineBlock {
    text-align: left;
  }
  .timelineBlock .detailBlock {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
  }
  .timelineBlock .detailBlock .ttlCategory {
    background: none;
  }
  .timelineBlock .detailBlock .ttlCategory .ttl {
    display: none;
  }
  .timelineBlock .detailBlock .ttlCategory .btnClose {
    position: relative;
    width: 100%;
    height: 26px;
    padding: 5px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    text-align: center;
    cursor: pointer;
  }
  .timelineBlock .detailBlock .ttlCategory .btnClose i {
    position: static;
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 2px solid #999;
    border-left: 2px solid #999;
    border-bottom: none;
    border-right: none;
  }
  .timelineBlock .detailBlock .ttlCategory .btnClose i::before, .timelineBlock .detailBlock .ttlCategory .btnClose i::after {
    display: none;
  }
  .timelineBlock .detailBlock .lineTitleBlock {
    margin: 16px 16px 0;
  }
  .timelineBlock .detailBlock .lineTitleBlock .multiAngleBlock {
    padding: 0;
  }
  .timelineBlock .detailBlock .lineTitleBlock .multiAngleBlock .ttl {
    padding: 16px;
  }
  .timelineBlock .detailBlock .lineTitleBlock .multiAngleBlock .inner {
    *zoom: 1;
    padding: 10px;
  }
  .timelineBlock .detailBlock .lineTitleBlock .multiAngleBlock .inner::after {
    content: "";
    display: table;
    clear: both;
  }
  .timelineBlock .detailBlock .lineTitleBlock .multiAngleBlock .cameraAngleBlock {
    position: relative;
    width: 300px;
    float: left;
  }
  .timelineBlock .detailBlock .lineTitleBlock .multiAngleBlock .angleThumbBlock {
    display: block;
    width: 180px;
    float: right;
    margin: 50px 16px 0;
  }
  .timelineBlock .detailBlock .lineTitleBlock .multiAngleBlock .angleThumbBlock Ul {
    width: 180px;
    height: 101px;
    margin: 0 0 10px;
    overflow: hidden;
    border: 2px solid #b29245;
  }
  .timelineBlock .detailBlock .lineTitleBlock .multiAngleBlock .angleThumbBlock li {
    display: block;
    width: 100%;
    cursor: pointer;
  }
  .timelineBlock .detailBlock .lineTitleBlock .multiAngleBlock .angleThumbBlock li img {
    width: 100%;
  }
  .timelineBlock .detailBlock .lineTitleBlock .multiAngleBlock .angleThumbBlock p {
    color: #fff;
    text-align: center;
  }
  .timelineBlock .detailBlock .lineTitleBlock .titleBlock {
    display: none;
  }
  .timelineBlock .detailBlock .shareButtonBlock {
    padding: 16px;
    background: none;
  }
  .timelineBlock .detailBlock .relatedPlayerContainer {
    margin: 16px;
  }
  .timelineBlock .detailBlock .relatedPlayerContainer .relatedPlayerBlock .playerBlock {
    padding: 0 0 0 180px;
  }
  .timelineBlock .detailBlock .relatedPlayerContainer .relatedPlayerBlock .assist ~ li .playerBlock::after, .timelineBlock .detailBlock .relatedPlayerContainer .relatedPlayerBlock .inPlayer ~ li .playerBlock::after, .timelineBlock .detailBlock .relatedPlayerContainer .relatedPlayerBlock .foul ~ li .playerBlock::after {
    left: 196px;
  }
  .timelineBlock .detailBlock .relatedPlayerContainer .relatedPlayerBlock .goal .play {
    width: 170px;
    margin: -9px 0 0;
    line-height: 0.9;
  }
  .timelineBlock .detailBlock .relatedPlayerContainer .relatedPlayerBlock .goal .play br {
    display: none;
  }
  .timelineBlock .detailBlock .relatedPlayerContainer .relatedPlayerBlock .yellowcard2 .play {
    width: 170px;
    margin: -9px 0 0;
    line-height: 0.9;
  }
  .timelineBlock .detailBlock .relatedPlayerContainer .relatedPlayerBlock .yellowcard2 .play br {
    display: none;
  }
  .timelineBlock .detailBlock .ballCourseContainer {
    margin: 16px;
    *zoom: 1;
  }
  .timelineBlock .detailBlock .ballCourseContainer::after {
    content: "";
    display: table;
    clear: both;
  }
  .timelineBlock .detailBlock .ballCourseContainer .courseBlock {
    width: 317px;
    margin: 0 10px;
    float: right;
  }
  .timelineBlock .detailBlock .ballCourseContainer .playerBlock {
    width: 200px;
    float: left;
  }
  .timelineBlock .detailBlock .ballCourseContainer .playerBlock > .ttl {
    display: block;
    padding: 16px 16px 10px;
    color: #b29245;
    font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    line-height: 0.8;
    font-weight: 500;
    font-size: 20px;
  }
  .timelineBlock .detailBlock .ballCourseContainer .playerBlock li {
    height: 50px;
  }
  .timelineBlock .detailBlock .ballCourseContainer .playerBlock .playerList .playerBlock {
    width: 180px;
  }
}
/*-----------------------------------------------
  formationContainer
  -----------------------------------------------*/
.formationContainer {
  margin: 10px 0 50px;
  overflow: hidden;
  width: 100%;
}
.formationContainer .ttlCategory {
  position: relative;
  text-align: left;
  margin: 0;
}
.formationContainer .ttlCategory .ttl {
  font-size: 18px;
  margin: 0 10px 10px;
  padding: 0 0 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.formationContainer .inner {
  width: 200%;
  *zoom: 1;
}
.formationContainer .inner::after {
  content: "";
  display: table;
  clear: both;
}
.formationContainer [class^="team_"] {
  position: relative;
  width: 50%;
  float: left;
}
.formationContainer [class^="team_"] .flag {
  position: absolute;
  top: 10px;
  display: inline-block;
  width: 40px;
  height: 27px;
  border: 1px solid #999;
  overflow: hidden;
  vertical-align: middle;
}
.formationContainer [class^="team_"] .flag img {
  width: 100%;
  height: auto;
}
.formationContainer [class^="team_"] .formationBlock {
  position: relative;
  margin: 10px;
}
.formationContainer [class^="team_"] .formationBlock .player {
  position: absolute;
}
.formationContainer [class^="team_"] .formationBlock .player .memberPhoto {
  position: relative;
  width: 44px;
  height: 44px;
  border: 2px solid #999;
  border-radius: 50%;
  overflow: hidden;
}
.formationContainer [class^="team_"] .formationBlock .player .memberPhoto img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  margin: -25px 0 0 -25px;
}
.formationContainer [class^="team_"] .formationBlock .player .memberName {
  position: relative;
  width: 54px;
  left: -5px;
  color: #fff;
  font-size: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.formationContainer [class^="team_"] .formationBlock .teamMember .memberName .nameText .eng {
  margin: 6px 0;
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 1;
  font-weight: 500;
  font-size: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-transform: uppercase;
}
.formationContainer [class^="team_"] .formationBlock img {
  width: 100%;
}
.formationContainer [class^="team_"] .formationText {
  margin: 20px 10px;
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 0.8;
  font-weight: 800;
  font-size: 26px;
  text-align: center;
}
.formationContainer .team_home .flag {
  left: 10px;
}
.formationContainer .team_away .flag {
  right: 10px;
}
.formationContainer .noteBlock {
  color: #999;
  font-size: 11px;
  text-align: center;
  margin: 10px;
}

@media screen and (min-width: 769px) {
  .formationContainer {
    margin: 16px 0 50px;
  }
  .formationContainer .ttlCategory {
    text-align: left;
    margin: 0 0 16px;
  }
  .formationContainer .ttlCategory .ttl {
    font-size: 20px;
    margin: 0 0 16px;
  }
  .formationContainer .inner {
    width: 100%;
  }
  .formationContainer [class^="team_"] {
    position: relative;
    width: 50%;
    float: left;
    margin: 0;
  }
  .formationContainer [class^="team_"] .flag {
    top: 16px;
  }
  .formationContainer [class^="team_"] .formationBlock {
    margin: 0;
  }
  .formationContainer .team_home {
    padding: 16px 16px 0 0;
  }
  .formationContainer .team_home .flag {
    left: 0;
  }
  .formationContainer .team_away {
    padding: 16px 0 0 16px;
  }
  .formationContainer .team_away .flag {
    right: 0;
  }
}
/*-----------------------------------------------
  memberContainer
  -----------------------------------------------*/
.memberContainer {
  width: 100%;
  margin: 0 0 50px;
  overflow: hidden;
}
.memberContainer .ttlCategory {
  position: relative;
  text-align: left;
  margin: 0;
}
.memberContainer .ttlCategory .ttl {
  font-size: 18px;
  margin: 0 10px 10px;
  padding: 0 0 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.memberContainer .inner {
  width: 200%;
  margin: 0 0 20px;
  *zoom: 1;
}
.memberContainer .inner::after {
  content: "";
  display: table;
  clear: both;
}
.memberContainer .memberBlock {
  width: 50%;
  float: left;
  padding: 0 10px;
}
.memberContainer .memberBlock.-team {
  width: 100%;
}
.memberContainer .memberBlock > ul > li {
  position: relative;
  height: 72px;
  padding: 10px 0;
}
.memberContainer .memberBlock > ul > li > a {
  display: block;
}
.memberContainer .memberBlock .playerBlock {
  position: relative;
}
.memberContainer .memberBlock .playerBlock .playerPhoto {
  position: absolute;
  z-index: 1;
  top: 50%;
  width: 50px;
  height: 50px;
  margin: -25px 0 0;
  border: 2px solid #999;
  border-radius: 50%;
  overflow: hidden;
}
.memberContainer .memberBlock .playerBlock .playerPhoto img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 56px;
  height: 56px;
  margin: -28px 0 0 -28px;
}
.memberContainer .memberBlock .playerBlock .playerText {
  padding: 0 0 0 60px;
}
.memberContainer .memberBlock .playerBlock .playerText .team .flag {
  display: inline-block;
  width: 23px;
  height: 15px;
  border: 1px solid #999;
  overflow: hidden;
  vertical-align: middle;
}
.memberContainer .memberBlock .playerBlock .playerText .team .flag img {
  width: 100%;
  height: auto;
}
.memberContainer .memberBlock .playerBlock .playerText .team .number {
  display: inline-block;
  margin: 0 0 0 5px;
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 1.2;
  font-weight: 500;
  font-size: 18px;
  color: #999;
  vertical-align: middle;
}
.memberContainer .memberBlock .playerBlock .playerText .team .position {
  display: inline-block;
  margin: 0 0 0 3px;
  padding: 2px 5px;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  font-size: 10px;
  background: #474b4f;
  border-radius: 3px;
}
.memberContainer .memberBlock .playerBlock .playerText .nameEn {
  margin: 0 0 4px;
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 1.2;
  font-weight: 500;
  font-size: 18px;
  color: #1f2326;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-transform: uppercase;
}
.memberContainer .memberBlock .playerBlock .playerText .nameJp {
  font-size: 11px;
  color: #1f2326;
  line-height: 1.3;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
}

@media screen and (min-width: 769px) {
  .memberContainer .ttlCategory {
    text-align: left;
    margin: 0 0 16px;
  }
  .memberContainer .ttlCategory .ttl {
    font-size: 20px;
    margin: 0 0 16px;
  }
  .memberContainer .inner {
    width: 100%;
  }
  .memberContainer .memberBlock {
    padding: 0;
  }
  .memberContainer .memberBlock > ul > li {
    height: 110px;
    padding: 16px 0;
  }
  .memberContainer .memberBlock > ul > li > a {
    cursor: pointer;
    -webkit-transition: all 0.3s 0s ease;
    -moz-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
  }
  .memberContainer .memberBlock > ul > li > a:hover {
    opacity: 0.6;
  }
  .memberContainer .memberBlock.-home {
    padding: 0 16px 0 0;
  }
  .memberContainer .memberBlock.-away {
    padding: 0 0 0 16px;
  }
  .memberContainer .memberBlock.-team {
    float: none;
    padding: 16px 0;
  }
  .memberContainer .memberBlock.-team > ul {
    *zoom: 1;
  }
  .memberContainer .memberBlock.-team > ul::after {
    content: "";
    display: table;
    clear: both;
  }
  .memberContainer .memberBlock.-team > ul > li {
    width: 50%;
    padding: 16px 0;
    float: left;
  }
  .memberContainer .memberBlock.-team > ul > li:nth-child(odd) {
    padding: 0 16px 0 0;
  }
  .memberContainer .memberBlock.-team > ul > li:nth-child(even) {
    padding: 0 0 0 16px;
  }
  .memberContainer .memberBlock .playerBlock {
    position: relative;
  }
  .memberContainer .memberBlock .playerBlock .playerPhoto {
    position: absolute;
    z-index: 1;
    top: 50%;
    width: 80px;
    height: 80px;
    margin: -40px 0 0;
    border: 2px solid #999;
    border-radius: 50%;
    overflow: hidden;
  }
  .memberContainer .memberBlock .playerBlock .playerPhoto img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 86px;
    height: 86px;
    margin: -43px 0 0 -43px;
  }
  .memberContainer .memberBlock .playerBlock .playerText {
    padding: 0 0 0 90px;
  }
  .memberContainer .memberBlock .playerBlock .playerText .team .flag {
    display: inline-block;
    width: 30px;
    height: 20px;
    border: 1px solid #999;
    overflow: hidden;
    vertical-align: middle;
  }
  .memberContainer .memberBlock .playerBlock .playerText .team .flag img {
    width: 100%;
    height: auto;
  }
  .memberContainer .memberBlock .playerBlock .playerText .team .number {
    display: inline-block;
    margin: 0 0 0 5px;
    font-size: 20px;
    color: #999;
    vertical-align: middle;
  }
  .memberContainer .memberBlock .playerBlock .playerText .nameEn {
    font-size: 20px;
  }
  .memberContainer .memberBlock .playerBlock .playerText .nameJp {
    font-size: 13px;
  }
}
/*-----------------------------------------------
  statsContainer
  -----------------------------------------------*/
.statsContainer {
  margin: 0 0 50px;
}
.statsContainer .ttlCategory {
  position: relative;
  text-align: left;
  margin: 0;
}
.statsContainer .ttlCategory .ttl {
  font-size: 18px;
  margin: 0 10px 20px;
  padding: 0 0 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.statsContainer .noteBlock {
  color: #999;
  font-size: 11px;
  text-align: center;
  margin: 10px 10px 20px;
}
.statsContainer .statsHeader .circleGraphBlock img, .statsContainer .statsHeader .circleGraphBlock canvas {
  width: 100% !important;
  height: 100% !important;
}
.statsContainer .statsHeader .topStatsBlock {
  position: relative;
  text-align: center;
  font-size: 0;
  margin: 10px 0 20px;
}
.statsContainer .statsHeader .topStatsBlock .teamBlock {
  position: absolute;
  width: 100%;
  top: 50%;
  margin: -13px 0 0;
}
.statsContainer .statsHeader .topStatsBlock .teamBlock [class^="team_"] {
  display: inline-block;
  width: 50%;
}
.statsContainer .statsHeader .topStatsBlock .teamBlock [class^="team_"] .flag {
  display: none;
}
.statsContainer .statsHeader .topStatsBlock .teamBlock [class^="team_"] .valueBlock {
  display: inline-block;
  width: 50%;
  text-align: center;
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 0.8;
}
.statsContainer .statsHeader .topStatsBlock .teamBlock [class^="team_"] .valueBlock strong {
  font-size: 26px;
}
.statsContainer .statsHeader .topStatsBlock .teamBlock [class^="team_"] .valueBlock span {
  font-size: 15px;
}
.statsContainer .statsHeader .topStatsBlock .teamBlock .team_home {
  text-align: left;
}
.statsContainer .statsHeader .topStatsBlock .teamBlock .team_away {
  text-align: right;
}
.statsContainer .statsHeader .topStatsBlock .circleGraphBlock {
  position: relative;
  width: 50%;
  margin: 0 auto;
}
.statsContainer .statsHeader .topStatsBlock .circleGraphBlock .ttlBlock {
  position: absolute;
  top: 50%;
  width: 100%;
  margin: -8px 0 0;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
}
.statsContainer .statsHeader .secondStatsBlock {
  font-size: 0;
  margin: 0 0 50px;
}
.statsContainer .statsHeader .secondStatsBlock > .ttl {
  margin: 0 0 10px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}
.statsContainer .statsHeader .secondStatsBlock [class^="team_"] {
  display: inline-block;
  width: 50%;
  text-align: center;
}
.statsContainer .statsHeader .secondStatsBlock [class^="team_"] > .ttl {
  margin: 0 0 10px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}
.statsContainer .statsHeader .secondStatsBlock [class^="team_"] .circleGraphBlock {
  position: relative;
  width: 80%;
  margin: 0 auto;
}
.statsContainer .statsHeader .secondStatsBlock [class^="team_"] .circleGraphBlock .valueBlock {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  display: inline-block;
  width: 100%;
  margin: -13px 0 0;
  text-align: center;
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 0.8;
}
.statsContainer .statsHeader .secondStatsBlock [class^="team_"] .circleGraphBlock .valueBlock strong {
  font-size: 26px;
}
.statsContainer .statsHeader .secondStatsBlock [class^="team_"] .circleGraphBlock .valueBlock span {
  font-size: 15px;
}
.statsContainer .statsHeader .secondStatsBlock [class^="team_"] .circleGraphBlock .graphBlock {
  position: relative;
  z-index: 0;
}
.statsContainer .statsBarGraphBlock {
  margin: 0 0 50px;
}
.statsContainer .statsBarGraphBlock .statsBlock {
  position: relative;
  margin: 0 0 20px;
}
.statsContainer .statsBarGraphBlock .statsBlock .ttl {
  margin: 0 0 10px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}
.statsContainer .statsBarGraphBlock .statsBlock .valueBlock {
  position: absolute;
  top: 50%;
  width: 100%;
}
.statsContainer .statsBarGraphBlock .statsBlock .valueBlock [class^="team_"] {
  width: 50px;
  text-align: center;
  padding: 0 10px;
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 0.8;
  font-size: 26px;
}
.statsContainer .statsBarGraphBlock .statsBlock .valueBlock .team_home {
  position: absolute;
  left: 0;
}
.statsContainer .statsBarGraphBlock .statsBlock .valueBlock .team_away {
  position: absolute;
  right: 0;
}
.statsContainer .statsBarGraphBlock .statsBlock .barGraphBlock {
  padding: 0 45px;
}
.statsContainer .statsBarGraphBlock .statsBlock .barGraphBlock img, .statsContainer .statsBarGraphBlock .statsBlock .barGraphBlock canvas {
  width: 100%;
  height: 12px;
}
.statsContainer .statsBarGraphBlock .statsBlock .barGraphBlock .barZero {
  width: 100%;
  height: 12px;
  background: rgba(0, 0, 0, 0.1);
}
.statsContainer .statsCircleListBlock > ul {
  font-size: 0;
}
.statsContainer .statsCircleListBlock > ul > li {
  display: inline-block;
  width: 50%;
  padding: 0 0 20px;
  text-align: center;
}
.statsContainer .statsCircleListBlock .ttl {
  height: 40px;
  font-size: 15px;
  font-weight: bold;
}
.statsContainer .statsCircleListBlock .statsBlock {
  position: relative;
  display: inline-block;
  width: 90px;
  height: 90px;
  background: #1f2326;
  border-radius: 50%;
}
.statsContainer .statsCircleListBlock .statsBlock .valueBlock {
  position: absolute;
  top: 50%;
  width: 100%;
  margin: -13px 0 0;
  text-align: center;
}
.statsContainer .statsCircleListBlock .statsBlock .valueBlock strong {
  color: #fff;
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 0.8;
  font-size: 26px;
}

@media screen and (min-width: 769px) {
  .statsContainer {
    margin: 0 0 70px;
  }
  .statsContainer .ttlCategory {
    text-align: left;
    margin: 0 0 16px;
  }
  .statsContainer .ttlCategory .ttl {
    font-size: 20px;
    margin: 0 0 32px;
  }
  .statsContainer .noteBlock {
    margin: 16px 0 32px;
  }
  .statsContainer .statsHeader .topStatsBlock {
    margin: 16px 0 32px;
  }
  .statsContainer .statsHeader .topStatsBlock .teamBlock {
    margin: -13px 0 0;
  }
  .statsContainer .statsHeader .topStatsBlock .teamBlock [class^="team_"] .flag {
    display: inline-block;
    display: inline-block;
    width: 66px;
    height: 44px;
    border: 1px solid #999;
    overflow: hidden;
    vertical-align: middle;
    margin: 0 0 5px;
  }
  .statsContainer .statsHeader .topStatsBlock .teamBlock [class^="team_"] .flag img {
    width: 100%;
    height: auto;
  }
  .statsContainer .statsHeader .topStatsBlock .teamBlock [class^="team_"] .valueBlock {
    display: block;
    width: auto;
    text-align: center;
  }
  .statsContainer .statsHeader .topStatsBlock .teamBlock [class^="team_"] .valueBlock strong {
    font-size: 40px;
  }
  .statsContainer .statsHeader .topStatsBlock .teamBlock [class^="team_"] .valueBlock span {
    font-size: 26px;
  }
  .statsContainer .statsHeader .topStatsBlock .teamBlock .team_home, .statsContainer .statsHeader .topStatsBlock .teamBlock .team_away {
    text-align: center;
  }
  .statsContainer .statsHeader .topStatsBlock .circleGraphBlock {
    width: 200px;
  }
  .statsContainer .statsHeader .secondStatsBlock {
    position: relative;
    margin: 0 0 32px;
  }
  .statsContainer .statsHeader .secondStatsBlock > .ttl {
    position: absolute;
    z-index: 1;
    top: 50%;
    width: 100%;
    margin: -8px 0 16px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
  }
  .statsContainer .statsHeader .secondStatsBlock [class^="team_"] .circleGraphBlock {
    width: 160px;
  }
  .statsContainer .statsHeader .secondStatsBlock [class^="team_"] .circleGraphBlock .valueBlock {
    margin: -20px 0 0;
    font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    line-height: 0.8;
  }
  .statsContainer .statsHeader .secondStatsBlock [class^="team_"] .circleGraphBlock .valueBlock strong {
    font-size: 40px;
  }
  .statsContainer .statsHeader .secondStatsBlock [class^="team_"] .circleGraphBlock .valueBlock span {
    font-size: 26px;
  }
  .statsContainer .statsBarGraphBlock .statsBlock {
    margin: 0 0 32px;
  }
  .statsContainer .statsBarGraphBlock .statsBlock .ttl {
    margin: 0 0 16px;
  }
  .statsContainer .statsBarGraphBlock .statsBlock .valueBlock [class^="team_"] {
    width: 90px;
    padding: 5px 10px;
    font-size: 26px;
  }
  .statsContainer .statsBarGraphBlock .statsBlock .barGraphBlock {
    padding: 0 80px;
  }
  .statsContainer .statsCircleListBlock > ul {
    font-size: 0;
  }
  .statsContainer .statsCircleListBlock > ul > li {
    display: inline-block;
    width: 25%;
    padding: 0 0 20px;
    text-align: center;
  }
  .statsContainer .statsCircleListBlock .ttl {
    height: 40px;
    font-size: 15px;
    font-weight: bold;
  }
  .statsContainer .statsCircleListBlock .statsBlock {
    position: relative;
    display: inline-block;
    width: 90px;
    height: 90px;
    background: #1f2326;
    border-radius: 50%;
  }
  .statsContainer .statsCircleListBlock .statsBlock .valueBlock {
    position: absolute;
    top: 50%;
    width: 100%;
    margin: -13px 0 0;
    text-align: center;
  }
  .statsContainer .statsCircleListBlock .statsBlock .valueBlock strong {
    color: #fff;
    font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    line-height: 0.8;
    font-size: 26px;
  }
}
/*-----------------------------------------------
  teamListContainer
  -----------------------------------------------*/
.teamListContainer {
  margin: 0 0 50px;
}
.teamListContainer .ttlCategory {
  position: relative;
  text-align: left;
  margin: 0;
}
.teamListContainer .ttlCategory .ttl {
  font-size: 18px;
  margin: 0 0 10px;
  padding: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.teamListContainer .teamListBlock {
  padding: 0 10px;
}
.teamListContainer .teamListBlock > ul > li {
  height: 72px;
}
.teamListContainer .teamListBlock > ul > li > a {
  display: block;
}
.teamListContainer .teamListBlock .teamBlock {
  position: relative;
  padding: 10px 0;
}
.teamListContainer .teamListBlock .teamBlock .flag {
  position: absolute;
  top: 10px;
  display: inline-block;
  width: 65px;
  height: 44px;
  border: 1px solid #999;
  overflow: hidden;
  vertical-align: middle;
}
.teamListContainer .teamListBlock .teamBlock .flag img {
  width: 100%;
  height: auto;
}
.teamListContainer .teamListBlock .teamBlock .teamNameBlock {
  margin: 0 0 0 80px;
}
.teamListContainer .teamListBlock .teamBlock .teamNameBlock .nameEn {
  color: #474b4f;
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 1.2;
  font-size: 18px;
  margin: 0 0 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-transform: uppercase;
}
.teamListContainer .teamListBlock .teamBlock .teamNameBlock .nameJp {
  color: #474b4f;
  font-size: 13px;
  line-height: 1.2;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
}

@media screen and (min-width: 769px) {
  .teamListContainer {
    margin: 0 0 70px;
  }
  .teamListContainer .ttlCategory {
    text-align: left;
    margin: 0 0 16px;
  }
  .teamListContainer .ttlCategory .ttl {
    font-size: 20px;
    margin: 0 0 16px;
    padding: 10px 0;
  }
  .teamListContainer .teamListBlock {
    padding: 0;
  }
  .teamListContainer .teamListBlock > ul {
    font-size: 0;
  }
  .teamListContainer .teamListBlock > ul > li {
    display: inline-block;
    width: 50%;
    height: 82px;
  }
  .teamListContainer .teamListBlock > ul > li > a {
    cursor: pointer;
    -webkit-transition: all 0.3s 0s ease;
    -moz-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
  }
  .teamListContainer .teamListBlock > ul > li > a:hover {
    opacity: 0.6;
  }
  .teamListContainer .teamListBlock .teamBlock {
    position: relative;
    padding: 10px 0;
  }
  .teamListContainer .teamListBlock .teamBlock .flag {
    position: absolute;
    top: 10px;
    display: inline-block;
    width: 80px;
    height: 54px;
    border: 1px solid #999;
    overflow: hidden;
    vertical-align: middle;
  }
  .teamListContainer .teamListBlock .teamBlock .flag img {
    width: 100%;
    height: auto;
  }
  .teamListContainer .teamListBlock .teamBlock .teamNameBlock {
    margin: 5px 0 0 96px;
  }
  .teamListContainer .teamListBlock .teamBlock .teamNameBlock .nameEn {
    font-size: 20px;
  }
  .teamListContainer .teamListBlock .teamBlock .teamNameBlock .nameJp {
    font-size: 13px;
  }
}
/*-----------------------------------------------
  teamHeaderContainer
  -----------------------------------------------*/
.teamHeaderContainer {
  margin: 0 0 10px;
}
.teamHeaderContainer .teamHeader {
  background: #fff;
  margin: 0 10px 10px;
  padding: 20px 40px;
  text-align: center;
}
.teamHeaderContainer .teamHeader .flag {
  display: inline-block;
  width: 100px;
  height: 67px;
  border: 1px solid #999;
  overflow: hidden;
  vertical-align: middle;
  margin: 0 0 10px;
}
.teamHeaderContainer .teamHeader .flag img {
  width: 100%;
  height: auto;
}
.teamHeaderContainer .teamHeader .teamNameBlock .nameEn {
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 0.8;
  font-size: 26px;
  margin: 0 0 8px;
}
.teamHeaderContainer .teamHeader .teamNameBlock .nameJp {
  font-size: 15px;
}

@media screen and (min-width: 769px) {
  .teamHeaderContainer .teamHeader {
    margin: 0 0 10px;
    padding: 30px 40px;
    text-align: left;
  }
  .teamHeaderContainer .teamHeader .flag {
    display: inline-block;
    width: 110px;
    height: 74px;
    border: 1px solid #999;
    overflow: hidden;
    vertical-align: middle;
    margin: 0;
    vertical-align: middle;
  }
  .teamHeaderContainer .teamHeader .flag img {
    width: 100%;
    height: auto;
  }
  .teamHeaderContainer .teamHeader .teamNameBlock {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 16px;
  }
  .teamHeaderContainer .teamHeader .teamNameBlock .nameEn {
    font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    line-height: 0.8;
    font-size: 26px;
    margin: 0 0 8px;
  }
  .teamHeaderContainer .teamHeader .teamNameBlock .nameJp {
    font-size: 15px;
  }
}
/*-----------------------------------------------
  rankingContainer
  -----------------------------------------------*/
.rankingContainer {
  width: 100%;
  margin: 0 0 50px;
  overflow: hidden;
}
.rankingContainer .ttlCategory {
  position: relative;
  text-align: left;
  margin: 0;
}
.rankingContainer .ttlCategory .ttl {
  font-size: 18px;
  margin: 0 10px 10px;
  padding: 0 0 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.rankingContainer .rankingList > ul > li {
  position: relative;
  height: 72px;
  padding: 10px 0;
}
.rankingContainer .rankingList > ul > li > a {
  display: block;
}
.rankingContainer .rankingList .rankingBlock {
  display: block;
  padding: 0 0 0 75px;
}
.rankingContainer .rankingList .rankingBlock .inner {
  position: absolute;
  left: 0;
  width: 70px;
  overflow: hidden;
}
.rankingContainer .rankingList .rankingBlock .inner::before {
  content: "";
  display: inline-block;
  height: 56px;
  margin: 0 0 0 -5px;
  vertical-align: middle;
}
.rankingContainer .rankingList .rankingBlock .inner .ranking {
  display: inline-block;
  width: 40px;
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 1;
  font-weight: 500;
  font-size: 33px;
  color: #b29245;
  text-align: center;
  vertical-align: middle;
}
.rankingContainer .rankingList .rankingBlock .inner .result {
  position: relative;
  display: inline-block;
  width: 25px;
  padding: 0 0 3px;
  font-size: 13px;
  line-height: 1.2;
  color: #1f2326;
  text-align: center;
  vertical-align: middle;
}
.rankingContainer .rankingList .rankingBlock .inner .result::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -12px;
  left: 50%;
  margin: 0 0 0 -6px;
  width: 6px;
  height: 6px;
}
.rankingContainer .rankingList .rankingBlock .inner .result.-up::after {
  border: 6px solid transparent;
  border-bottom: 8px solid #dc0e29;
}
.rankingContainer .rankingList .rankingBlock .inner .result.-down::after {
  border: 6px solid transparent;
  border-top: 8px solid #009944;
}
.rankingContainer .rankingList .rankingBlock .inner .result.-stay::after {
  border: 6px solid transparent;
  border-left: 8px solid #818a91;
}
.rankingContainer .rankingList .playerBlock {
  position: relative;
}
.rankingContainer .rankingList .playerBlock .playerPhoto {
  position: absolute;
  z-index: 1;
  top: 50%;
  width: 50px;
  height: 50px;
  margin: -25px 0 0;
  border: 2px solid #999;
  border-radius: 50%;
  overflow: hidden;
}
.rankingContainer .rankingList .playerBlock .playerPhoto img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 56px;
  height: 56px;
  margin: -28px 0 0 -28px;
}
.rankingContainer .rankingList .playerBlock .playerText {
  padding: 0 0 0 60px;
}
.rankingContainer .rankingList .playerBlock .playerText .team .flag {
  display: inline-block;
  width: 23px;
  height: 15px;
  border: 1px solid #999;
  overflow: hidden;
  vertical-align: middle;
}
.rankingContainer .rankingList .playerBlock .playerText .team .flag img {
  width: 100%;
  height: auto;
}
.rankingContainer .rankingList .playerBlock .playerText .team .number {
  display: inline-block;
  margin: 0 0 0 5px;
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 1.2;
  font-weight: 500;
  font-size: 18px;
  color: #999;
  vertical-align: middle;
}
.rankingContainer .rankingList .playerBlock .playerText .team .position {
  display: inline-block;
  margin: 0 0 0 3px;
  padding: 2px 5px;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  font-size: 10px;
  background: #474b4f;
  border-radius: 3px;
}
.rankingContainer .rankingList .playerBlock .playerText .nameEn {
  margin: 0 0 4px;
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 1.2;
  font-weight: 500;
  font-size: 18px;
  color: #1f2326;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-transform: uppercase;
}
.rankingContainer .rankingList .playerBlock .playerText .nameJp {
  font-size: 11px;
  color: #1f2326;
  line-height: 1.3;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
}
.rankingContainer .rankingList .teamBlock {
  position: relative;
  padding: 10px 0;
}
.rankingContainer .rankingList .teamBlock .flag {
  position: absolute;
  top: 10px;
  display: inline-block;
  width: 65px;
  height: 44px;
  border: 1px solid #999;
  overflow: hidden;
  vertical-align: middle;
}
.rankingContainer .rankingList .teamBlock .flag img {
  width: 100%;
  height: auto;
}
.rankingContainer .rankingList .teamBlock .teamNameBlock {
  margin: 0 0 0 80px;
}
.rankingContainer .rankingList .teamBlock .teamNameBlock .nameEn {
  color: #474b4f;
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 1.2;
  font-size: 18px;
  margin: 0 0 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-transform: uppercase;
}
.rankingContainer .rankingList .teamBlock .teamNameBlock .nameJp {
  color: #474b4f;
  font-size: 13px;
  line-height: 1.2;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
}

@media screen and (min-width: 769px) {
  .rankingContainer .ttlCategory {
    text-align: left;
    margin: 0 0 16px;
  }
  .rankingContainer .ttlCategory .ttl {
    font-size: 20px;
    margin: 0 0 16px;
  }
  .rankingContainer .rankingList {
    padding: 0;
  }
  .rankingContainer .rankingList > ul > li {
    height: 110px;
    padding: 16px 0;
  }
  .rankingContainer .rankingList > ul > li > a {
    cursor: pointer;
    -webkit-transition: all 0.3s 0s ease;
    -moz-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
  }
  .rankingContainer .rankingList > ul > li > a:hover {
    opacity: 0.6;
  }
  .rankingContainer .rankingList .rankingBlock {
    padding: 0 0 0 120px;
  }
  .rankingContainer .rankingList .rankingBlock .inner {
    width: 110px;
  }
  .rankingContainer .rankingList .rankingBlock .inner::before {
    height: 70px;
    margin: 0 0 0 -5px;
  }
  .rankingContainer .rankingList .rankingBlock .inner .ranking {
    width: 50px;
    font-size: 40px;
  }
  .rankingContainer .rankingList .rankingBlock .inner .result {
    width: 50px;
    padding: 0 0 3px;
    font-size: 13px;
  }
  .rankingContainer .rankingList .playerBlock {
    position: relative;
  }
  .rankingContainer .rankingList .playerBlock .playerPhoto {
    position: absolute;
    z-index: 1;
    top: 50%;
    width: 80px;
    height: 80px;
    margin: -40px 0 0;
    border: 2px solid #999;
    border-radius: 50%;
    overflow: hidden;
  }
  .rankingContainer .rankingList .playerBlock .playerPhoto img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 86px;
    height: 86px;
    margin: -43px 0 0 -43px;
  }
  .rankingContainer .rankingList .playerBlock .playerText {
    padding: 0 0 0 90px;
  }
  .rankingContainer .rankingList .playerBlock .playerText .team .flag {
    display: inline-block;
    width: 30px;
    height: 20px;
    border: 1px solid #999;
    overflow: hidden;
    vertical-align: middle;
  }
  .rankingContainer .rankingList .playerBlock .playerText .team .flag img {
    width: 100%;
    height: auto;
  }
  .rankingContainer .rankingList .playerBlock .playerText .team .number {
    display: inline-block;
    margin: 0 0 0 5px;
    font-size: 20px;
    color: #999;
    vertical-align: middle;
  }
  .rankingContainer .rankingList .playerBlock .playerText .nameEn {
    font-size: 20px;
  }
  .rankingContainer .rankingList .playerBlock .playerText .nameJp {
    font-size: 13px;
  }
  .rankingContainer .rankingList .teamBlock {
    position: relative;
    padding: 10px 0;
  }
  .rankingContainer .rankingList .teamBlock .flag {
    position: absolute;
    top: 10px;
    display: inline-block;
    width: 80px;
    height: 54px;
    border: 1px solid #999;
    overflow: hidden;
    vertical-align: middle;
  }
  .rankingContainer .rankingList .teamBlock .flag img {
    width: 100%;
    height: auto;
  }
  .rankingContainer .rankingList .teamBlock .teamNameBlock {
    margin: 5px 0 0 96px;
  }
  .rankingContainer .rankingList .teamBlock .teamNameBlock .nameEn {
    font-size: 20px;
  }
  .rankingContainer .rankingList .teamBlock .teamNameBlock .nameJp {
    font-size: 13px;
  }
}
/*-----------------------------------------------
  relatedContainer
  -----------------------------------------------*/
.relatedContainer {
  position: relative;
  padding: 10px 0 0;
  overflow: hidden;
}
.relatedContainer .ttl {
  color: #000;
  font-size: 18px;
  margin: 0 10px 10px;
}
.relatedContainer .wrapper {
  position: relative;
  z-index: 1;
  width: 100%;
  padding: 10px 0;
}
.relatedContainer .js-articleSliderContainer {
  margin: 0 0 10px;
}
.relatedContainer .js-articleSliderContainer .sliderControl {
  display: none;
}
.relatedContainer .js-articleSliderContainer .slide {
  display: inline-block;
  width: 145px;
  margin: 0 0 0 10px;
  vertical-align: top;
}
.relatedContainer .js-articleSliderContainer .slide a {
  display: block;
  -webkit-transition: all 0.3s 0s ease;
  -moz-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  color: #0b6fb4;
}
.relatedContainer .js-articleSliderContainer .slide a:visited {
  color: #5b0962;
}
.relatedContainer .js-articleSliderContainer .slide a:hover {
  color: #0b6fb4;
  background: rgba(220, 221, 221, 0.4);
}
.relatedContainer .js-articleSliderContainer .slide .imageBlock {
  position: relative;
  display: block;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.relatedContainer .js-articleSliderContainer .slide .imageBlock img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: auto;
}
.relatedContainer .js-articleSliderContainer .slide .imageBlock .icoPlay {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  margin: -16px 0 0 -16px;
}
.relatedContainer .js-articleSliderContainer .slide .imageBlock .icoPlay::after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e909";
  color: rgba(255, 255, 255, 0.8);
  font-size: 32px;
}
.relatedContainer .js-articleSliderContainer .slide .textBlock {
  height: 70px;
  padding: 10px 0;
}
.relatedContainer .js-articleSliderContainer .slide .textBlock .ttl {
  font-size: 11px;
  line-height: 1.4;
  white-space: normal;
}
.relatedContainer .js-articleSliderContainer .slide .textBlock .data {
  font-size: 11px;
}

@media screen and (min-width: 769px) {
  .relatedContainer {
    padding: 0;
    margin: 0 0 40px;
    *zoom: 1;
  }
  .relatedContainer::after {
    content: "";
    display: table;
    clear: both;
  }
  .relatedContainer .wrapper {
    width: 1024px;
    margin: 0 auto;
    padding: 0;
  }
  .relatedContainer .ttl {
    font-size: 20px;
    margin: 0 0 16px;
  }
  .relatedContainer .js-articleSliderContainer {
    position: relative;
    width: 672px;
    margin: 0 0 16px;
  }
  .relatedContainer .js-articleSliderContainer .sliderControl {
    display: block;
    position: absolute;
    top: 0;
    z-index: 2;
    width: 672px;
  }
  .relatedContainer .js-articleSliderContainer .sliderControl i {
    position: absolute;
    display: block;
    width: 24px;
    height: 158px;
    background: #000;
    cursor: pointer;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
  }
  .relatedContainer .js-articleSliderContainer .sliderControl i::after {
    content: "";
    position: absolute;
    top: 50%;
    margin: -5px 0 0;
  }
  .relatedContainer .js-articleSliderContainer .sliderControl .btnPrev::after {
    left: 6px;
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-bottom: 2px solid #818a91;
    border-left: 2px solid #818a91;
    border-top: none;
    border-right: none;
  }
  .relatedContainer .js-articleSliderContainer .sliderControl .btnNext {
    right: 0;
  }
  .relatedContainer .js-articleSliderContainer .sliderControl .btnNext::after {
    left: 6px;
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 2px solid #818a91;
    border-right: 2px solid #818a91;
    border-bottom: none;
    border-left: none;
  }
  .relatedContainer .js-articleSliderContainer .slide {
    display: inline-block;
    width: 150px;
    margin: 0 0 0 16px;
    vertical-align: top;
  }
  .relatedContainer .js-articleSliderContainer .slide:first-child {
    margin: 0;
  }
  .relatedContainer .js-articleSliderContainer .slide .imageBlock img {
    cursor: pointer;
    -webkit-transition: all 0.3s 0s ease;
    -moz-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
  }
  .relatedContainer .js-articleSliderContainer .slide .imageBlock img:hover {
    opacity: 0.6;
  }
}
/*-----------------------------------------------
  recommendContainer
  -----------------------------------------------*/
.recommendContainer {
  position: relative;
  overflow: hidden;
  background: url(../img/bg_hero.jpg) center 0 no-repeat #1f2326;
  background-size: 180% auto;
  padding: 10px 0 0;
}
.recommendContainer .ttl {
  color: #fff;
  font-size: 18px;
  margin: 0 0 10px;
}
.recommendContainer .wrapper {
  position: relative;
  z-index: 1;
  width: 100%;
  padding: 10px 0;
}
.recommendContainer .js-articleSliderContainer {
  margin: 0 0 10px;
  height: 156px;
  overflow: hidden;
}
.recommendContainer .js-articleSliderContainer .sliderControl {
  display: none;
}
.recommendContainer .js-articleSliderContainer .slide {
  display: inline-block;
  width: 145px;
  margin: 0 0 10px 10px;
  vertical-align: top;
}
.recommendContainer .js-articleSliderContainer .slide a {
  display: block;
}
.recommendContainer .js-articleSliderContainer .slide .imageBlock {
  position: relative;
  display: block;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.recommendContainer .js-articleSliderContainer .slide .imageBlock img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: auto;
}
.recommendContainer .js-articleSliderContainer .slide .imageBlock .icoPlay {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  margin: -16px 0 0 -16px;
}
.recommendContainer .js-articleSliderContainer .slide .imageBlock .icoPlay::after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e909";
  color: rgba(255, 255, 255, 0.8);
  font-size: 32px;
}
.recommendContainer .js-articleSliderContainer .slide .textBlock {
  color: #fff;
  height: 70px;
  padding: 10px 0;
}
.recommendContainer .js-articleSliderContainer .slide .textBlock .ttl {
  font-size: 11px;
  line-height: 1.4;
  white-space: normal;
}
.recommendContainer .js-articleSliderContainer .slide .textBlock .data {
  font-size: 11px;
}
.recommendContainer .adBlock {
  width: 300px;
  margin: 0 auto;
}
.recommendContainer .adBlock li {
  margin: 0 0 10px;
}

@media screen and (min-width: 769px) {
  .recommendContainer {
    background-size: cover;
    min-width: 1024px;
    *zoom: 1;
  }
  .recommendContainer::after {
    content: "";
    display: table;
    clear: both;
  }
  .recommendContainer .wrapper {
    width: 1024px;
    margin: 40px auto;
  }
  .recommendContainer .ttl {
    font-size: 20px;
    margin: 0 0 16px;
  }
  .recommendContainer .js-articleSliderContainer {
    position: relative;
    margin: 0 0 16px;
    padding: 0 0 0 40px;
  }
  .recommendContainer .js-articleSliderContainer .sliderControl {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
  }
  .recommendContainer .js-articleSliderContainer .sliderControl i {
    position: absolute;
    display: block;
    width: 24px;
    height: 158px;
    background: #fff;
    cursor: pointer;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
  }
  .recommendContainer .js-articleSliderContainer .sliderControl i::after {
    content: "";
    position: absolute;
    top: 50%;
    margin: -5px 0 0;
  }
  .recommendContainer .js-articleSliderContainer .sliderControl .btnPrev::after {
    left: 6px;
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-bottom: 2px solid #818a91;
    border-left: 2px solid #818a91;
    border-top: none;
    border-right: none;
  }
  .recommendContainer .js-articleSliderContainer .sliderControl .btnNext {
    right: 0;
  }
  .recommendContainer .js-articleSliderContainer .sliderControl .btnNext::after {
    left: 6px;
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 2px solid #818a91;
    border-right: 2px solid #818a91;
    border-bottom: none;
    border-left: none;
  }
  .recommendContainer .js-articleSliderContainer .slide {
    display: inline-block;
    width: 150px;
    margin: 0 0 16px 16px;
    vertical-align: top;
  }
  .recommendContainer .js-articleSliderContainer .slide:first-child {
    margin: 0;
  }
  .recommendContainer .js-articleSliderContainer .slide a:hover {
    cursor: pointer;
    -webkit-transition: all 0.3s 0s ease;
    -moz-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
  }
  .recommendContainer .js-articleSliderContainer .slide a:hover:hover {
    opacity: 0.6;
  }
  .recommendContainer .adBlock {
    width: 100%;
    margin: 0 0 16px;
  }
  .recommendContainer .adBlock ul {
    font-size: 0;
  }
  .recommendContainer .adBlock li {
    display: inline-block;
    margin: 0 0 0 62px;
  }
  .recommendContainer .adBlock li:first-child {
    margin: 0;
  }
}
/*-----------------------------------------------
  SearchBlock
  -----------------------------------------------*/
.videoSearchBlock {
  position: relative;
  z-index: 100;
  margin: 10px;
  padding: 0 0 20px;
}
.videoSearchBlock .searchBox {
  position: relative;
  padding: 0 102px 0 0;
  border: 1px solid #474b4f;
  border-radius: 5px;
  overflow: hidden;
}
.videoSearchBlock .searchBox input {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  border-radius: 0;
  width: 100%;
  height: 44px;
  padding: 10px;
}
.videoSearchBlock .searchBox [type^="submit"] {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 44px;
  height: 44px;
  background: none;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  padding: 0;
  cursor: pointer;
}
.videoSearchBlock .searchBox .ico_search {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  display: block;
  width: 44px;
  height: 44px;
  font-size: 20px;
  color: #fff;
  background: #474b4f;
}
.videoSearchBlock .searchBox .ico_search::before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -10px;
}
.videoSearchBlock .btnOption {
  position: absolute;
  z-index: 2;
  top: 1px;
  right: 44px;
  width: 60px;
  height: 44px;
  padding: 0;
  text-align: center;
  background: #fff;
  border-left: 1px solid #999;
}
.videoSearchBlock .btnOption i {
  display: block;
  width: 60px;
  height: 44px;
  font-size: 13px;
  padding: 15px 3px;
  cursor: pointer;
  color: #0b6fb4;
}
.videoSearchBlock .btnOption i::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 8px;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-bottom: 2px solid #b29245;
  border-right: 2px solid #b29245;
  border-top: none;
  border-left: none;
  margin: -4px 0 0 5px;
}
.videoSearchBlock .btnOption i.pc {
  display: none;
}
.videoSearchBlock .optionListBlock {
  display: none;
  position: absolute;
  width: 100%;
  background: #fff;
  border-radius: 5px;
  padding: 10px;
}
.videoSearchBlock .optionListBlock .categoryBox {
  background: #edeeee;
}
.videoSearchBlock .optionListBlock .categoryBox .ttl {
  display: block;
  font-weight: bold;
  background: #fff;
  padding: 10px 0;
}
.videoSearchBlock .optionListBlock .categoryBox ul {
  padding: 5px;
}
.videoSearchBlock .optionListBlock .categoryBox li {
  margin: 10px 0;
  font-size: 16px;
}
.videoSearchBlock .optionListBlock .categoryBox li input[type="checkbox"] {
  display: none;
}
.videoSearchBlock .optionListBlock .categoryBox li input[type="checkbox"]:checked + span::before {
  background: #b29245;
  border: 1px solid #999;
  border-radius: 2px;
  font-size: 10px;
  color: #fff;
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e914";
}
.videoSearchBlock .optionListBlock .categoryBox li span::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 10px 0 0;
  padding: 2px;
  vertical-align: middle;
  background: #fff;
  border: 1px solid #999;
  border-radius: 2px;
}
.videoSearchBlock .optionListBlock.is-open {
  display: block;
}
.videoSearchBlock .optionListBlock.is-open ~ .btnOption i {
  background: none;
  border: none;
}
.videoSearchBlock .optionListBlock.is-open ~ .btnOption i::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 8px;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: 2px solid #b29245;
  border-left: 2px solid #b29245;
  border-bottom: none;
  border-right: none;
}
.videoSearchBlock .keywordBlock {
  font-size: 13px;
  line-height: 1.6;
  margin: 10px 0 0;
}

@media screen and (min-width: 769px) {
  .videoSearchBlock {
    margin: 0;
  }
  .videoSearchBlock .searchBox {
    padding: 0 183px 0 0;
  }
  .videoSearchBlock .searchBox [type^="submit"] {
    width: 80px;
  }
  .videoSearchBlock .searchBox .ico_search {
    width: 80px;
  }
  .videoSearchBlock .btnOption {
    top: 1px;
    right: 80px;
    width: 104px;
    height: 44px;
    padding: 0;
    text-align: center;
    background: #fff;
    border-left: 1px solid #999;
  }
  .videoSearchBlock .btnOption i {
    display: block;
    width: 104px;
    height: 44px;
    font-size: 15px;
    padding: 15px 0;
    cursor: pointer;
    color: #0b6fb4;
  }
  .videoSearchBlock .btnOption i::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-bottom: 2px solid #b29245;
    border-right: 2px solid #b29245;
    border-top: none;
    border-left: none;
    margin: -4px 0 0 10px;
  }
  .videoSearchBlock .btnOption i.sp {
    display: none;
  }
  .videoSearchBlock .btnOption i.pc {
    display: block;
  }
  .videoSearchBlock .optionListBlock {
    width: 592px;
    padding: 16px;
  }
  .videoSearchBlock .optionListBlock .categoryBox {
    display: block;
    float: right;
    width: 275px;
  }
  .videoSearchBlock .optionListBlock .categoryBox:first-child {
    float: left;
  }
  .videoSearchBlock .optionListBlock .categoryBox ul {
    padding: 5px;
  }
  .videoSearchBlock .optionListBlock .categoryBox li {
    margin: 10px 0;
    font-size: 16px;
  }
}
/*-----------------------------------------------
  documentContainer
  -----------------------------------------------*/
.documentContainer {
  background: #fff;
  margin: 0 10px 40px;
  padding: 20px;
  font-size: 13px;
  line-height: 1.8;
}
.documentContainer h2 {
  font-weight: bold;
  font-size: 18px;
  marging: 0 0 10px;
}
.documentContainer section {
  display: block;
  margin: 0 0 28px;
}
.documentContainer p {
  font-size: 13px;
  line-height: 1.6;
  margin: 0 0 10px;
}
.documentContainer .listBlock li {
  margin: 0 0 0 13px;
}
.documentContainer .listBlock li::before {
  content: "・";
  display: inline-block;
  margin: 0 0 0 -13px;
}
.documentContainer .companyInfo tr {
  display: block;
  margin: 0 0 20px;
}
.documentContainer .companyInfo th, .documentContainer .companyInfo td {
  display: block;
}
.documentContainer .companyInfo th {
  color: #474b4f;
}
.documentContainer .logoOpta {
  width: 60px;
  height: auto;
  vertical-align: middle;
}

@media screen and (min-width: 769px) {
  .documentContainer {
    margin: 0 0 40px;
    padding: 32px 40px;
  }
  .documentContainer h2 {
    font-weight: bold;
    font-size: 18px;
    marging: 0 0 18px;
  }
  .documentContainer section {
    display: block;
    margin: 0 0 36px;
  }
  .documentContainer .companyInfo tr {
    display: table-row;
    margin: 0 0 20px;
  }
  .documentContainer .companyInfo th, .documentContainer .companyInfo td {
    display: table-cell;
    padding: 5px;
  }
  .documentContainer .companyInfo th {
    color: #474b4f;
    width: 25%;
  }
}
/*-----------------------------------------------
  modalContainer
  -----------------------------------------------*/
.modalContainer {
  position: fixed;
  z-index: 400;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
  background: rgba(0, 0, 0, 0.7);
  overflow-y: scroll;
}
.modalContainer .videoBlock {
  position: relative;
  width: 100%;
  margin: 44px auto;
}
.modalContainer .videoBlock .videoPlayerBlock {
  position: relative;
  display: block;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.modalContainer .videoBlock .videoPlayerBlock object, .modalContainer .videoBlock .videoPlayerBlock iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.modalContainer .videoBlock .videoPlayerBlock .icoPlay {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  margin: -16px 0 0 -16px;
}
.modalContainer .videoBlock .videoPlayerBlock .icoPlay::after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e909";
  color: rgba(255, 255, 255, 0.8);
  font-size: 32px;
}
.modalContainer .btnClose {
  position: absolute;
  top: -40px;
  right: 0px;
  width: 40px;
  height: 40px;
  background: #1f2326;
  cursor: pointer;
}
.modalContainer .btnClose i {
  position: relative;
  top: 50%;
  left: 50%;
  margin: -1px 0 0 -10px;
  display: block;
  width: 20px;
}
.modalContainer .btnClose i::before, .modalContainer .btnClose i::after {
  content: '';
  position: absolute;
  display: block;
  width: 20px;
  height: 2px;
  background: #fff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all 0.3s 0s ease;
  -moz-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}
.modalContainer .btnClose i::before {
  -webkit-transform: translateY(0px) rotate(45deg);
  transform: translateY(0px) rotate(45deg);
}
.modalContainer .btnClose i::after {
  -webkit-transform: translateY(0px) rotate(-45deg);
  transform: translateY(0px) rotate(-45deg);
}
.modalContainer .playerDetailContainer {
  position: relative;
}
.modalContainer .playerDetailContainer > .ttlCategory {
  background: #1f2326;
  height: 40px;
}
.modalContainer .playerDetailContainer > .ttlCategory > .ttl {
  padding: 12px;
  color: #fff;
  text-align: center;
}
.modalContainer .playerDetailContainer .btnClose {
  top: 0;
  background: none;
}
.modalContainer .playerDetailContainer .profileHeader {
  position: relative;
  margin: 0 0 20px;
  padding: 20px 10px 0;
  background: #fff;
}
.modalContainer .playerDetailContainer .profileHeader .playerBlock {
  margin: 0 0 20px;
}
.modalContainer .playerDetailContainer .profileHeader .playerBlock .playerPhoto {
  position: relative;
  width: 130px;
  height: 130px;
  margin: 0 auto 10px;
  border: 4px solid #999;
  border-radius: 50%;
  overflow: hidden;
}
.modalContainer .playerDetailContainer .profileHeader .playerBlock .playerPhoto img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 136px;
  height: 136px;
  margin: -68px 0 0 -68px;
}
.modalContainer .playerDetailContainer .profileHeader .playerBlock .playerText {
  text-align: center;
}
.modalContainer .playerDetailContainer .profileHeader .playerBlock .playerText .team .flag {
  display: inline-block;
  width: 26px;
  height: 18px;
  border: 1px solid #999;
  overflow: hidden;
  vertical-align: middle;
}
.modalContainer .playerDetailContainer .profileHeader .playerBlock .playerText .team .flag img {
  width: 100%;
  height: auto;
}
.modalContainer .playerDetailContainer .profileHeader .playerBlock .playerText .team .number {
  display: inline-block;
  margin: 0 0 0 5px;
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 1.2;
  font-weight: 500;
  font-size: 20px;
  color: #999;
  vertical-align: middle;
}
.modalContainer .playerDetailContainer .profileHeader .playerBlock .playerText .nameEn {
  margin: 0 0 4px;
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 1.2;
  font-weight: 500;
  font-size: 23px;
  color: #1f2326;
  text-transform: uppercase;
}
.modalContainer .playerDetailContainer .profileHeader .playerBlock .playerText .nameJp {
  font-size: 12px;
  color: #1f2326;
  line-height: 1.3;
}
.modalContainer .playerDetailContainer .profileHeader .profileBlock {
  margin: 0 0 20px;
  padding: 10px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.modalContainer .playerDetailContainer .profileHeader .profileBlock table {
  width: 100%;
}
.modalContainer .playerDetailContainer .profileHeader .profileBlock th, .modalContainer .playerDetailContainer .profileHeader .profileBlock td {
  padding: 8px;
  font-size: 13px;
}
.modalContainer .playerDetailContainer .profileHeader .profileBlock th {
  width: 100px;
}
.modalContainer .playerDetailContainer .paginNav {
  display: none;
}
.modalContainer .playerDetailContainer .playerStatsBlock {
  background: #edeeee;
}
.modalContainer .playerDetailContainer .playerStatsBlock .ttlCategory {
  margin: 0 0 20px;
  height: 40px;
  overflow: hidden;
}
.modalContainer .playerDetailContainer .playerStatsBlock .ttlCategory > .ttl {
  padding: 12px;
  background: #1f2326;
  color: #fff;
}
.modalContainer .playerDetailContainer .playerStatsBlock .statsTable {
  padding: 10px 10px 20px;
}
.modalContainer .playerDetailContainer .playerStatsBlock .statsTable table {
  width: 100%;
}
.modalContainer .playerDetailContainer .playerStatsBlock .statsTable table ~ table tr:first-child {
  border-top: none;
}
.modalContainer .playerDetailContainer .playerStatsBlock .statsTable tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.modalContainer .playerDetailContainer .playerStatsBlock .statsTable tr:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.modalContainer .playerDetailContainer .playerStatsBlock .statsTable th, .modalContainer .playerDetailContainer .playerStatsBlock .statsTable td {
  color: #1f2326;
  padding: 8px;
}
.modalContainer .playerDetailContainer .playerStatsBlock .statsTable th {
  font-size: 13px;
  font-weight: bold;
  text-align: left;
}
.modalContainer .playerDetailContainer .playerStatsBlock .statsTable td {
  text-align: right;
  font-size: 18px;
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 1.2;
  font-weight: 500;
  font-weight: bold;
}
.modalContainer .playerDetailContainer .playerStatsBlock .statsTable td small {
  font-size: 13px;
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 1.2;
  font-weight: 500;
  font-weight: bold;
}

@media screen and (orientation: landscape) {
  .modalContainer .videoBlock {
    width: 80%;
    margin: 40px auto;
  }
  .modalContainer .btnClose {
    top: -40px;
    right: 0px;
  }
}
@media screen and (min-width: 769px) {
  .modalContainer .videoBlock {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 680px;
    margin: -191.25px 0 0 -340px;
  }
  .modalContainer .btnClose {
    top: 0;
    right: -40px;
  }
  .modalContainer .playerDetailContainer {
    width: 766px;
    margin: 44px auto;
  }
  .modalContainer .playerDetailContainer > .ttlCategory {
    display: none;
  }
  .modalContainer .playerDetailContainer .btnClose {
    background: #1f2326;
  }
  .modalContainer .playerDetailContainer .profileHeader {
    margin: 0 0 20px;
    padding: 32px 16px 0;
    overflow: hidden;
  }
  .modalContainer .playerDetailContainer .profileHeader .wrapper {
    *zoom: 1;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    margin: 0 0 16px;
  }
  .modalContainer .playerDetailContainer .profileHeader .wrapper::after {
    content: "";
    display: table;
    clear: both;
  }
  .modalContainer .playerDetailContainer .profileHeader .playerBlock {
    float: left;
    width: 320px;
    margin: 0 0 32px;
  }
  .modalContainer .playerDetailContainer .profileHeader .profileBlock {
    width: 390px;
    float: left;
    margin: 0 0 32px;
    padding: 16px 0;
  }
  .modalContainer .playerDetailContainer .profileHeader .layoutBlock {
    margin: 0;
  }
  .modalContainer .playerDetailContainer .pagingNav {
    position: absolute;
    width: 100%;
    top: 170px;
    display: block;
  }
  .modalContainer .playerDetailContainer .pagingNav li {
    position: absolute;
    width: 40px;
    height: 40px;
  }
  .modalContainer .playerDetailContainer .pagingNav li a {
    display: block;
    width: 40px;
    height: 40px;
  }
  .modalContainer .playerDetailContainer .pagingNav li i {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
  }
  .modalContainer .playerDetailContainer .pagingNav li i::before {
    content: "";
  }
  .modalContainer .playerDetailContainer .pagingNav li.prev {
    left: -45px;
  }
  .modalContainer .playerDetailContainer .pagingNav li.prev i {
    margin: -10px 0 0 -5px;
  }
  .modalContainer .playerDetailContainer .pagingNav li.prev i::before {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    border-top: none;
    border-right: none;
  }
  .modalContainer .playerDetailContainer .pagingNav li.next {
    right: -45px;
  }
  .modalContainer .playerDetailContainer .pagingNav li.next i {
    margin: -10px 0 0 -15px;
  }
  .modalContainer .playerDetailContainer .pagingNav li.next i::before {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    border-bottom: none;
    border-left: none;
  }
  .modalContainer .playerDetailContainer .playerStatsBlock .ttlCategory {
    margin: 0 0 20px;
    height: 40px;
    overflow: hidden;
  }
  .modalContainer .playerDetailContainer .playerStatsBlock .ttlCategory > .ttl {
    padding: 12px;
    background: #1f2326;
    color: #fff;
  }
  .modalContainer .playerDetailContainer .playerStatsBlock .statsTable {
    padding: 16px 16px 32px;
    *zoom: 1;
  }
  .modalContainer .playerDetailContainer .playerStatsBlock .statsTable::after {
    content: "";
    display: table;
    clear: both;
  }
  .modalContainer .playerDetailContainer .playerStatsBlock .statsTable table {
    width: 350px;
    float: left;
  }
  .modalContainer .playerDetailContainer .playerStatsBlock .statsTable table ~ table {
    float: right;
  }
  .modalContainer .playerDetailContainer .playerStatsBlock .statsTable table ~ table tr:first-child {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
  }
}
/*-----------------------------------------------
  heroArticle
  -----------------------------------------------*/
.heroArticle {
  position: relative;
  margin: 0 10px 10px;
}
.heroArticle a {
  display: block;
}
.heroArticle .imageBlock {
  position: relative;
  display: block;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
  overflow: hidden;
}
.heroArticle .imageBlock img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: auto;
}
.heroArticle .imageBlock .icoPlay {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  margin: -16px 0 0 -16px;
}
.heroArticle .imageBlock .icoPlay::after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e909";
  color: rgba(255, 255, 255, 0.8);
  font-size: 32px;
}
.heroArticle .imageBlock .badgeBlock {
  position: absolute;
  bottom: 10px;
  z-index: 3;
  max-width: 95%;
  height: 20px;
  background: rgba(255, 255, 255, 0.8);
}
.heroArticle .imageBlock .badgeBlock .ttl {
  display: inline-block;
  width: 100%;
  height: 20px;
  font-size: 10px;
  color: #333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
}
.heroArticle .imageBlock .badgeBlock .ttl::after {
  content: "";
  position: absolute;
  top: 0;
  right: -10px;
  z-index: 0;
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 10px solid rgba(255, 255, 255, 0.8);
  border-bottom: 10px solid transparent;
  border-left: 5px solid rgba(255, 255, 255, 0.8);
  border-right: 5px solid transparent;
}
.heroArticle .imageBlock .badgeBlock .category {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  font-family: "Exo 2", sans-serif, Helvetica, Arial, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 1;
  font-weight: 800;
  color: #fff;
  height: 20px;
  padding: 2px;
  font-size: 15px;
  white-space: nowrap;
}
.heroArticle .imageBlock .badgeBlock .category::before {
  content: "";
  font-size: 15px;
  color: #fff;
  margin: 8px;
  vertical-align: bottom;
}
.heroArticle .imageBlock .badgeBlock .category::after {
  content: "";
  position: absolute;
  top: 0;
  right: -10px;
  z-index: 0;
  display: inline-block;
  width: 0;
  height: 0;
  border-bottom: 10px solid transparent;
  border-right: 5px solid transparent;
}
.heroArticle .imageBlock .badgeBlock.highlight .ttl {
  padding: 6px 0 0 135px;
}
.heroArticle .imageBlock .badgeBlock.highlight .category {
  background: #b29245;
}
.heroArticle .imageBlock .badgeBlock.highlight .category::before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e910";
}
.heroArticle .imageBlock .badgeBlock.highlight .category::after {
  border-top: 10px solid #b29245;
  border-left: 5px solid #b29245;
}
.heroArticle .imageBlock .badgeBlock.news .ttl {
  padding: 6px 0 0 100px;
}
.heroArticle .imageBlock .badgeBlock.news .category {
  background: #b29245;
}
.heroArticle .imageBlock .badgeBlock.news .category::before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e910";
}
.heroArticle .imageBlock .badgeBlock.news .category::after {
  border-top: 10px solid #b29245;
  border-left: 5px solid #b29245;
}
.heroArticle .imageBlock .badgeBlock.scene .ttl {
  padding: 6px 0 0 100px;
}
.heroArticle .imageBlock .badgeBlock.scene .category {
  background: #818a91;
}
.heroArticle .imageBlock .badgeBlock.scene .category::before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e910";
}
.heroArticle .imageBlock .badgeBlock.scene .category::after {
  border-top: 10px solid #818a91;
  border-left: 5px solid #818a91;
}
.heroArticle .imageBlock .badgeBlock.column .ttl {
  padding: 6px 0 0 115px;
}
.heroArticle .imageBlock .badgeBlock.column .category {
  background: #818a91;
}
.heroArticle .imageBlock .badgeBlock.column .category::before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e908";
}
.heroArticle .imageBlock .badgeBlock.column .category::after {
  border-top: 10px solid #818a91;
  border-left: 5px solid #818a91;
}
.heroArticle .textBlock {
  width: 100%;
  background: #000;
  padding: 10px;
  color: #fff;
}
.heroArticle .textBlock a {
  color: #fff;
}
.heroArticle .textBlock a:hover {
  color: #fff;
}
.heroArticle .textBlock .ttl {
  color: #fff;
  font-size: 15px;
  line-height: 1.4;
}
.heroArticle .textBlock .ttl a {
  display: block;
}
.heroArticle .textBlock .data {
  margin: 10px 0 0;
  color: #818a91;
  font-size: 11px;
}
.heroArticle .textBlock .data a {
  display: inline-block;
  color: #fff;
}

@media screen and (min-width: 769px) {
  .heroArticle {
    margin: 0 0 16px;
    overflow: hidden;
  }
  .heroArticle a:hover {
    cursor: pointer;
    -webkit-transition: all 0.3s 0s ease;
    -moz-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
  }
  .heroArticle a:hover:hover {
    opacity: 0.6;
  }
  .heroArticle .imageBlock {
    position: relative;
    display: block;
    padding-bottom: 56.25%;
    overflow: hidden;
  }
  .heroArticle .imageBlock img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: auto;
  }
  .heroArticle .imageBlock .icoPlay {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    margin: -28px 0 0 -28px;
  }
  .heroArticle .imageBlock .icoPlay::after {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e909";
    color: rgba(255, 255, 255, 0.8);
    font-size: 56px;
  }
  .heroArticle .imageBlock .badgeBlock {
    position: absolute;
    bottom: 100px;
    z-index: 3;
    height: 32px;
    background: rgba(255, 255, 255, 0.8);
  }
  .heroArticle .imageBlock .badgeBlock .ttl {
    display: inline-block;
    height: 32px;
    font-size: 13px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
  }
  .heroArticle .imageBlock .badgeBlock .ttl::after {
    content: "";
    position: absolute;
    top: 0;
    right: -16px;
    z-index: 0;
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 16px solid rgba(255, 255, 255, 0.8);
    border-bottom: 16px solid transparent;
    border-left: 8px solid rgba(255, 255, 255, 0.8);
    border-right: 8px solid transparent;
  }
  .heroArticle .imageBlock .badgeBlock .category {
    height: 32px;
    padding: 6px;
    font-size: 17px;
  }
  .heroArticle .imageBlock .badgeBlock .category::before {
    font-size: 16px;
    margin: 10px;
  }
  .heroArticle .imageBlock .badgeBlock .category::after {
    top: 0;
    right: -16px;
    z-index: 0;
    border-bottom: 16px solid transparent;
    border-right: 8px solid transparent;
  }
  .heroArticle .imageBlock .badgeBlock.highlight .ttl {
    padding: 10px 0 0 155px;
  }
  .heroArticle .imageBlock .badgeBlock.highlight .category::after {
    border-top: 16px solid #b29245;
    border-left: 8px solid #b29245;
  }
  .heroArticle .imageBlock .badgeBlock.news .ttl {
    padding: 10px 0 0 120px;
  }
  .heroArticle .imageBlock .badgeBlock.news .category::after {
    border-top: 16px solid #b29245;
    border-left: 8px solid #b29245;
  }
  .heroArticle .imageBlock .badgeBlock.scene .ttl {
    padding: 10px 0 0 120px;
  }
  .heroArticle .imageBlock .badgeBlock.scene .category::after {
    border-top: 16px solid #818a91;
    border-left: 8px solid #818a91;
  }
  .heroArticle .imageBlock .badgeBlock.column .ttl {
    padding: 10px 0 0 135px;
  }
  .heroArticle .imageBlock .badgeBlock.column .category::after {
    border-top: 16px solid #818a91;
    border-left: 8px solid #818a91;
  }
  .heroArticle .textBlock {
    position: absolute;
    bottom: 0;
    height: 90px;
    background: rgba(0, 0, 0, 0.8);
    padding: 10px;
    color: #fff;
  }
  .heroArticle .textBlock .ttl {
    font-size: 15px;
  }
  .heroArticle .textBlock .data {
    position: absolute;
    bottom: 10px;
    margin: 10px 0 0;
    color: #818a91;
    font-size: 11px;
  }
}
/*-----------------------------------------------
  aticle
  -----------------------------------------------*/
.articleContainer {
  margin: 0 0 50px;
}
.articleContainer .ttlCategory {
  position: relative;
  text-align: left;
  margin: 0;
}
.articleContainer .ttlCategory > .ttl {
  font-size: 18px;
  margin: 0 0 10px;
  padding: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.articleContainer .shareButtonBlock {
  padding: 0 10px 10px;
  text-align: right;
}
.articleContainer .articleTextBlock {
  margin: 0 10px 10px;
}
.articleContainer .articleTextBlock .textImageBlock {
  margin: 10px 0 20px;
}
.articleContainer .articleTextBlock .textImageBlock .imageBlock {
  position: relative;
  display: block;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.articleContainer .articleTextBlock .textImageBlock .imageBlock img {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: auto;
}
.articleContainer .articleTextBlock .textImageBlock .imageBlock object, .articleContainer .articleTextBlock .textImageBlock .imageBlock iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.articleContainer .articleTextBlock .textImageBlock .imageBlock .icoPlay {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  margin: -16px 0 0 -16px;
}
.articleContainer .articleTextBlock .textImageBlock .imageBlock .icoPlay::after {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e909";
  color: rgba(255, 255, 255, 0.8);
  font-size: 32px;
}
.articleContainer .articleTextBlock .textImageBlock .textBlock {
  font-size: 11px;
  padding: 10px 0;
}
.articleContainer .articleTextBlock h2 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
}
.articleContainer .articleTextBlock .ttl {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  font-weight: normal;
  padding: 0 0 10px;
  margin: 0 0 10px;
}
.articleContainer .articleTextBlock p {
  font-size: 15px;
  line-height: 1.8;
}
.articleContainer .articleTextBlock a {
  -webkit-transition: all 0.3s 0s ease;
  -moz-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  color: #0b6fb4;
}
.articleContainer .articleTextBlock a:visited {
  color: #5b0962;
}
.articleContainer .articleTextBlock a:hover {
  color: #0b6fb4;
  background: rgba(220, 221, 221, 0.4);
}
.articleContainer .articleTextBlock .txtRed {
  color: #dc0e29;
}
.articleContainer .articleTextBlock ~ .shareButtonBlock {
  margin: 0 10px;
  padding: 10px 0;
  border-top: 1px solid #bebfbf;
}
.articleContainer .articleTextBlock .matchSummuryTable th {
  padding: 5px;
  color: #1f2326;
  font-size: 13px;
  font-weight: bold;
  white-space: nowrap;
}
.articleContainer .articleTextBlock .matchSummuryTable td {
  padding: 5px;
  color: #818a91;
  font-size: 13px;
  line-height: 1.6;
}
.articleContainer .sourceTextBlock {
  margin: 20px 0;
  text-align: right;
}

@media screen and (min-width: 769px) {
  .articleContainer .ttlCategory {
    text-align: left;
    margin: 0 0 16px;
  }
  .articleContainer .ttlCategory > .ttl {
    font-size: 20px;
    padding: 10px 0;
    margin: 0 0 16px;
  }
  .articleContainer .shareButtonBlock {
    padding: 0 0 16px;
  }
  .articleContainer .articleTextBlock {
    margin: 0 0 16px;
  }
  .articleContainer .articleTextBlock .textImageBlock {
    margin: 16px 0 16px;
  }
  .articleContainer .articleTextBlock .textImageBlock .imageBlock {
    position: relative;
    display: block;
    padding-bottom: 56.25%;
    overflow: hidden;
  }
  .articleContainer .articleTextBlock .textImageBlock .imageBlock img {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: auto;
  }
  .articleContainer .articleTextBlock .textImageBlock .imageBlock object, .articleContainer .articleTextBlock .textImageBlock .imageBlock iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }
  .articleContainer .articleTextBlock .textImageBlock .imageBlock .icoPlay {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    margin: -28px 0 0 -28px;
  }
  .articleContainer .articleTextBlock .textImageBlock .imageBlock .icoPlay::after {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e909";
    color: rgba(255, 255, 255, 0.8);
    font-size: 56px;
  }
  .articleContainer .articleTextBlock h2 {
    font-size: 20px;
  }
  .articleContainer .articleTextBlock p {
    font-size: 16px;
  }
  .articleContainer .articleTextBlock ~ .shareButtonBlock {
    margin: 0;
    padding: 16px 0;
  }
}
.writerContainer {
  position: relative;
  background: #fff;
  margin: 0 10px 20px;
  padding: 10px;
}
.writerContainer .avatarBlock {
  display: inline-block;
  vertical-align: middle;
  width: 44px;
  height: 44px;
  margin: 0 0 10px;
  border-radius: 50%;
  overflow: hidden;
}
.writerContainer .avatarBlock img {
  width: 100%;
  height: auto;
}
.writerContainer .nameBlock {
  display: inline-block;
  vertical-align: middle;
  font-size: 11px;
  line-height: 1.4;
}
.writerContainer .nameBlock a {
  color: #0b6fb4;
}
.writerContainer .nameBlock .name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
}
.writerContainer .snsLinkBlock {
  display: block;
  margin: 0 0 10px;
}
.writerContainer .snsLinkBlock li {
  display: inline-block;
  font-size: 11px;
  border-left: 1px solid #bebfbf;
  padding: 0 5px;
}
.writerContainer .snsLinkBlock li:first-child {
  border-left: none;
}
.writerContainer .snsLinkBlock li a {
  color: #0b6fb4;
}
.writerContainer .snsLinkBlock li.btnFb::before {
  color: #3c5a98;
  font-size: 13px;
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e904";
}
.writerContainer .snsLinkBlock li.btnTw::before {
  color: #00aced;
  font-size: 13px;
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90f";
}
.writerContainer .profileBlock {
  color: #818a91;
  font-size: 11px;
  line-height: 1.4;
}

@media screen and (min-width: 769px) {
  .writerContainer {
    margin: 0 0 32px;
    padding: 16px;
    min-height: 88px;
  }
  .writerContainer .avatarBlock {
    position: absolute;
    display: block;
    width: 88px;
    height: 88px;
    border-radius: 50%;
    overflow: hidden;
  }
  .writerContainer .nameBlock {
    display: block;
    padding: 0 0 10px 115px;
  }
  .writerContainer .snsLinkBlock {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    padding: 0 0 10px 115px;
  }
  .writerContainer .profileBlock {
    padding: 0 0 10px 115px;
    font-size: 11px;
  }
}
.relatedMatchBlock {
  border-top: 1px solid #bebfbf;
}
.relatedMatchBlock .matchCard {
  border-bottom: 1px solid #bebfbf;
  position: relative;
}
.relatedMatchBlock .matchCard .matchdate {
  height: 40px;
  padding: 5px 0 0;
  font-size: 13px;
  color: #818a91;
  text-align: center;
}
.relatedMatchBlock .matchCard .matchdate strong {
  display: block;
}
.relatedMatchBlock .matchCard .scoreboard {
  width: 100%;
  font-size: 0;
  margin: 0 0 20px;
}
.relatedMatchBlock .matchCard .scoreboard .teamBlock {
  display: inline-block;
  width: 50%;
  height: 40px;
  padding: 5px;
  font-size: 13px;
  overflow: hidden;
}
.relatedMatchBlock .matchCard .scoreboard .teamBlock .emblem {
  display: inline-block;
  width: 40px;
  height: 40px;
  vertical-align: middle;
}
.relatedMatchBlock .matchCard .scoreboard .teamBlock .emblem img {
  width: 100%;
}
.relatedMatchBlock .matchCard .scoreboard .teamBlock .flag {
  display: inline-block;
  width: 40px;
  height: 27px;
  margin: 2px 0;
  vertical-align: middle;
  border: 1px solid #999;
  overflow: hidden;
}
.relatedMatchBlock .matchCard .scoreboard .teamBlock .flag img {
  width: 100%;
}
.relatedMatchBlock .matchCard .scoreboard .teamBlock .teamName {
  display: inline-block;
  color: #000;
  margin: 0 2px;
}
.relatedMatchBlock .matchCard .scoreboard .score {
  position: absolute;
  color: #004677;
  top: 45px;
  left: 50%;
  width: 100px;
  margin: 0 0 0 -50px;
  font-weight: bold;
  font-size: 26px;
  text-align: center;
}
.relatedMatchBlock .matchCard .scoreboard .score strong {
  position: relative;
  display: inline-block;
  width: 40%;
  vertical-align: middle;
}
.relatedMatchBlock .matchCard .scoreboard .score .pkScore {
  position: absolute;
  width: 100%;
  font-size: 13px;
  font-weight: bold;
  bottom: -12px;
  left: 0;
  text-align: center;
}
.relatedMatchBlock .matchCard .scoreboard .score ~ .teamBlock {
  text-align: right;
}

@media screen and (min-width: 769px) {
  .relatedMatchBlock {
    margin: 0 auto 40px;
  }
  .relatedMatchBlock .matchCard .matchdate {
    padding: 16px 0 0;
  }
  .relatedMatchBlock .matchCard .matchdate strong {
    display: inline-block;
    margin: 0 13px 0 0;
  }
  .relatedMatchBlock .matchCard .scoreboard {
    width: 400px;
    font-size: 0;
    margin: 0 auto 20px;
  }
}
/*-----------------------------------------------
  block
  -----------------------------------------------*/
.nodata {
  margin: 30px;
  text-align: center;
}
.nodata [class^="ico_"] {
  display: inline-block;
  font-size: 50px;
  color: #999;
  opacity: 0.4;
  vertical-align: middle;
  margin: 16px;
}
.nodata p {
  display: inline-block;
  font-size: 16px;
  vertical-align: middle;
  color: #999;
}

.twTimelineBlock {
  width: 300px;
  height: 780px;
  margin: 0 auto 10px;
}

@media screen and (min-width: 769px) {
  .twTimelineBlock {
    margin: 0 0 16px;
  }
}
.countDownBlock {
  padding: 10px 10px 20px;
  text-align: center;
}
.countDownBlock p {
  font-size: 13px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  line-height: 1;
  font-weight: bold;
}
.countDownBlock strong {
  display: inline-block;
  margin: 5px;
  color: #dc0e29;
  font-size: 18px;
  font-weight: bold;
}

@media screen and (min-width: 769px) {
  .countDownBlock {
    padding: 10px 0 20px;
  }
  .countDownBlock p {
    font-size: 15px;
  }
  .countDownBlock strong {
    font-size: 20px;
  }
}
.messageBlock {
  text-align: center;
  color: #1f2326;
  margin: 0 0 50px;
  padding: 60px 0;
}
.messageBlock p {
  font-size: 15px;
}

.sideColumn .adBlock, .sideColumn .bannerBlock {
  width: 300px;
  margin: 0 auto;
}
.sideColumn .adBlock li, .sideColumn .bannerBlock li {
  margin: 0 0 10px;
}
.sideColumn .adBlock li img, .sideColumn .bannerBlock li img {
  width: 100%;
  height: auto;
}
.sideColumn .adBlock .pc, .sideColumn .bannerBlock .pc {
  display: none;
}

@media screen and (min-width: 769px) {
  .sideColumn .adBlock li, .sideColumn .bannerBlock li {
    margin: 0 0 16px;
  }
  .sideColumn .adBlock .sp, .sideColumn .bannerBlock .sp {
    display: none;
  }
  .sideColumn .adBlock .pc, .sideColumn .bannerBlock .pc {
    display: block;
  }
}
.mainColumn .adBlock, .mainColumn .bannerBlock {
  text-align: center;
}
.mainColumn .adBlock .sp, .mainColumn .bannerBlock .sp {
  width: 300px;
  margin: 0 auto 10px;
}
.mainColumn .adBlock .sp img, .mainColumn .bannerBlock .sp img {
  width: 100%;
}
.mainColumn .adBlock .tb, .mainColumn .bannerBlock .tb {
  margin: 0 10px 10px;
}
.mainColumn .adBlock .tb img, .mainColumn .bannerBlock .tb img {
  width: 100%;
}
.mainColumn .adBlock .pc, .mainColumn .bannerBlock .pc {
  display: none;
}

@media screen and (min-width: 769px) {
  .mainColumn .adBlock .sp, .mainColumn .bannerBlock .sp {
    display: none;
  }
  .mainColumn .adBlock .tb, .mainColumn .bannerBlock .tb {
    display: block;
    width: 672px;
    margin: 0 0 16px;
  }
  .mainColumn .adBlock .pc, .mainColumn .bannerBlock .pc {
    display: block;
    width: 672px;
    margin: 0 0 16px;
  }
}
.leaderboardBlock {
  margin: 0 10px 10px;
  text-align: center;
}
.leaderboardBlock .pc {
  display: none;
}

@media screen and (min-width: 769px) {
  .leaderboardBlock {
    width: 1024px;
    margin: 0 auto;
  }
  .leaderboardBlock .pc {
    display: block;
    width: 728px;
    margin: 0 auto 70px;
  }
  .leaderboardBlock .sp {
    display: none;
  }
}
@-webkit-keyframes throbber-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes throbber-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.throbber {
  display: inline-block;
  width: 35px;
  height: 35px;
  vertical-align: middle;
  background: url(../img/img_loader.png) 0 0 no-repeat;
  animation: throbber-rotate 0.8s linear infinite;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/*-----------------------------------------------
  aboutContainer
  -----------------------------------------------*/
.aboutContainer {
  position: relative;
  overflow: hidden;
  background: url(../img/bg_hero.jpg) center 0 no-repeat #1f2326;
  background-size: 180% auto;
}
.aboutContainer .summaryContainer {
  text-align: center;
  color: #fff;
  padding: 45px 20px;
}
.aboutContainer .summaryContainer > .ttl {
  margin: 0 0 45px;
}
.aboutContainer .summaryContainer > .ttl img {
  width: 130px;
}
.aboutContainer .summaryContainer > .ttl h1 {
  display: none;
}
.aboutContainer .summaryContainer > p {
  margin: 0 0 28px;
  font-size: 16px;
  line-height: 1.8;
}
.aboutContainer .summaryContainer .smbr {
  display: none;
}
.aboutContainer .summaryContainer .imageBlock {
  margin: 20px;
}
.aboutContainer .summaryContainer .imageBlock img {
  width: 100%;
  height: auto;
  max-width: 469px;
}
.aboutContainer .summaryContainer .appBlock {
  margin: 0 0 48px;
}
.aboutContainer .summaryContainer .appBlock .ttl {
  font-weight: bold;
  line-height: 1.6;
  margin: 0 0 20px;
}
.aboutContainer .summaryContainer .appBlock .bannerBlock {
  font-size: 0;
}
.aboutContainer .summaryContainer .appBlock li {
  display: inline-block;
  width: 45%;
  max-width: 198px;
  padding: 5px;
}
.aboutContainer .summaryContainer .appBlock li img {
  width: 100%;
}
.aboutContainer .summaryContainer .systemRequirementsBlock {
  border: 1px solid rgba(255, 255, 255, 0.2);
  text-align: left;
  padding: 20px;
}
.aboutContainer .summaryContainer .systemRequirementsBlock .ttl {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 10px;
}
.aboutContainer .summaryContainer .systemRequirementsBlock .subTtl {
  font-size: 13px;
  font-weight: bold;
  margin: 0 0 10px;
}
.aboutContainer .summaryContainer .systemRequirementsBlock p {
  font-size: 13px;
  line-height: 1.6;
  margin: 0 0 10px;
}
.aboutContainer .summaryContainer .systemRequirementsBlock > section {
  margin: 0 0 20px;
}
.aboutContainer .summaryContainer .systemRequirementsBlock .notesBlock {
  margin: 0 0 10px;
}
.aboutContainer .summaryContainer .systemRequirementsBlock .notesBlock li {
  color: #818a91;
  font-size: 13px;
  line-height: 1.2;
  margin: 0 0 5px;
}

@media screen and (min-width: 769px) {
  .aboutContainer {
    min-height: 648px;
    background-size: cover;
    *zoom: 1;
  }
  .aboutContainer::after {
    content: "";
    display: table;
    clear: both;
  }
  .aboutContainer .wrapper {
    width: 720px;
    margin: 0 auto;
  }
  .aboutContainer .summaryContainer {
    padding: 45px 0 80px;
  }
  .aboutContainer .summaryContainer .ttl img {
    width: 196px;
  }
  .aboutContainer .summaryContainer .smbr {
    display: inline;
  }
  .aboutContainer .summaryContainer .imageBlock {
    margin: 32px;
  }
  .aboutContainer .summaryContainer .systemRequirementsBlock {
    padding: 32px;
  }
}

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