@charset "UTF-8";
/* reset */
body {
  background: #ebebeb; }

.matchInfo {
  z-index: 111 !important; }
  .matchInfo .tabContent .bx-wrapper .bx-controls-direction a {
    z-index: 111; }

.matchList {
  z-index: 111 !important; }

.clearfix {
  overflow: initial !important; }

/* ------------------------------------------------------------------------------
 KV area
------------------------------------------------------------------------------ */
.kvArea {
  margin: 0 0 30px 0; }
  .kvArea h2 {
    width: 100%;
    margin: 0 0 30px 0; }
    .kvArea h2 img {
      width: 100%; }
  .kvArea p {
    text-align: center;
    font-size: 18px;
    line-height: 1.3em; }

/* ------------------------------------------------------------------------------
 nav
------------------------------------------------------------------------------ */
.gw_date {
  margin: 0 0 30px 0; }
  .gw_date ul {
    box-sizing: border-box;
    border: 1px solid #8f8f8f; }
    .gw_date ul li {
      box-sizing: border-box;
      width: 326px;
      float: left;
      border: 1px solid #8f8f8f; }
      .gw_date ul li:nth-child(-n+2) {
        width: 50%; }
      .gw_date ul li a {
        box-sizing: border-box;
        display: block;
        position: relative;
        text-align: center;
        font-size: 16px;
        line-height: 50px;
        background: #fff;
        transition: .3s;
        color: #333; }
        .gw_date ul li a:hover {
          background: #dadada; }
        .gw_date ul li a:after {
          position: absolute;
          content: " ";
          display: block;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 7px 8px 0 8px;
          border-color: #e30619 transparent transparent transparent;
          top: calc(50% - 3px);
          right: 20px; }

/* ------------------------------------------------------------------------------
 panel area
------------------------------------------------------------------------------ */
.event_panel h3 {
  box-sizing: border-box;
  background: #e60012;
  line-height: 40px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  margin: 0 0 25px 0;
  padding: 0 0 0 16px; }
.event_panel ul li {
  float: left;
  margin: 0 25px 25px 0; }
  .event_panel ul li a {
    display: block;
    background: #fff;
    width: 310px;
    color: #333;
    transition: .3s; }
    .event_panel ul li a h4 {
      display: table;
      width: 100%;
      padding: 20px 12px;
      box-sizing: border-box; }
      .event_panel ul li a h4 > span {
        display: table-cell; }
        .event_panel ul li a h4 > span.teamSide .embL {
          display: none; }
        .event_panel ul li a h4 > span.teamMiddle {
          text-align: center;
          color: #333;
          font-size: 22px;
          font-weight: 600;
          vertical-align: middle;
          line-height: 1em; }
          .event_panel ul li a h4 > span.teamMiddle span {
            font-size: 12px;
            font-weight: normal; }
    .event_panel ul li a dl dt {
      line-height: 0; }
    .event_panel ul li a dl dd {
      padding: 20px;
      height: 154px;
      box-sizing: border-box; }
      .event_panel ul li a dl dd h5 {
        font-size: 14px;
        line-height: 20px;
        height: 65px; }
      .event_panel ul li a dl dd ul li {
        float: left;
        line-height: 20px;
        font-size: 10px;
        padding: 0 10px;
        box-sizing: border-box;
        border: 1px solid;
        border-radius: 3px;
        margin: 0 5px 5px 0 !important; }
        .event_panel ul li a dl dd ul li.label_area {
          border-color: #0048ff;
          color: #0048ff; }
        .event_panel ul li a dl dd ul li.label_target {
          border-color: #ff0000;
          color: #ff0000; }
        .event_panel ul li a dl dd ul li.label_event {
          border-color: #0ca900;
          color: #0ca900; }
    .event_panel ul li a:hover {
      text-decoration: none;
      box-shadow: 0 0 18px rgba(0, 0, 0, 0.25); }
      .event_panel ul li a:hover img {
        opacity: 1; }
  .event_panel ul li:nth-child(3n) {
    margin-right: 0; }
  .event_panel ul li .modal_area {
    display: none; }

.modaal-container {
  width: 700px !important;
  max-width: inherit !important; }
  .modaal-container .modaal-content-container {
    padding: 50px !important; }
    .modaal-container .modaal-content-container dl dt {
      margin: 0 0 30px 0; }
      .modaal-container .modaal-content-container dl dt a {
        position: relative;
        display: block;
        line-height: 0; }
        .modaal-container .modaal-content-container dl dt a:after {
          content: "イベントの詳細はこちら ▶︎";
          position: absolute;
          right: 0;
          bottom: 0;
          color: #fff;
          background: red;
          padding: 10px 15px;
          font-size: 18px;
          font-weight: bold;
          line-height: 1; }
      .modaal-container .modaal-content-container dl dt img {
        transition: .3s; }
    .modaal-container .modaal-content-container dl dd h4 {
      font-size: 24px;
      font-weight: bold;
      line-height: 1.4em;
      margin: 0 0 30px 0; }
    .modaal-container .modaal-content-container dl dd ul {
      margin: 0 0 30px 0; }
      .modaal-container .modaal-content-container dl dd ul li {
        float: left;
        line-height: 20px;
        font-size: 12px;
        padding: 0 15px;
        box-sizing: border-box;
        border: 1px solid;
        border-radius: 3px;
        margin: 0 5px 0 0; }
        .modaal-container .modaal-content-container dl dd ul li.label_area {
          border-color: #0048ff;
          color: #0048ff; }
        .modaal-container .modaal-content-container dl dd ul li.label_target {
          border-color: #ff0000;
          color: #ff0000; }
        .modaal-container .modaal-content-container dl dd ul li.label_event {
          border-color: #0ca900;
          color: #0ca900; }
    .modaal-container .modaal-content-container dl dd p {
      font-size: 14px;
      line-height: 20px;
      margin: 0 0 30px 0; }
      .modaal-container .modaal-content-container dl dd p b {
        font-weight: bold; }
      .modaal-container .modaal-content-container dl dd p img {
        width: 80%;
        margin: 0 auto;
        display: block; }
    .modaal-container .modaal-content-container dl dd a {
      transition: .3s; }
      .modaal-container .modaal-content-container dl dd a.other_link {
        display: block;
        margin: 0 auto 20px;
        padding: 0 0 0 20px;
        line-height: 60px;
        color: #333;
        width: 390px;
        box-sizing: border-box;
        border: 2px solid #ececec;
        font-size: 14px;
        position: relative; }
        .modaal-container .modaal-content-container dl dd a.other_link:after {
          content: " ";
          display: block;
          position: absolute;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 8px 0 8px 7px;
          border-color: transparent transparent transparent #e30619;
          top: calc(50% - 8px);
          right: 15px; }
      .modaal-container .modaal-content-container dl dd a.ticket_link {
        margin: 0 auto;
        color: #fff;
        background: #ff0000;
        font-weight: bold;
        text-align: center;
        display: block;
        width: 390px;
        line-height: 40px;
        border-radius: 20px;
        box-shadow: 0 5px 0 #ad1c1c; }
      .modaal-container .modaal-content-container dl dd a:hover {
        text-decoration: none; }