@charset "UTF-8";

@media (min-width: 768px) {
  .pc {
    display: block;
  }
}
@media (max-width: 767px) {
  .pc {
    display: none;
  }
}

@media (min-width: 768px) {
  .sp {
    display: none;
  }
}
@media (max-width: 767px) {
  .sp {
    display: block;
  }
}

header .lp-ticket .ticket-btn {
  margin: auto;
  padding: 17px 0 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff045), to(#ffcb00));
  background: linear-gradient(180deg, #fff045, #ffcb00);
}
@media (max-width: 767px) {
  header .lp-ticket .ticket-btn {
    max-width: 70%;
  }
}
@media (min-width: 992px) {
  header .lp-ticket .ticket-btn {
    padding-top: 15px;
  }
}
header .lp-ticket .ticket-btn::before {
  content: none;
}
header .lp-ticket .ticket-btn .text {
  font-size: 1.4rem;
}

.content-ticket-btn {
  display: block;
  width: 640px;
  margin: 40px auto 20px;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff045), to(#ffcb00));
  background: linear-gradient(180deg, #fff045, #ffcb00);
  -webkit-clip-path: polygon(0 20px, 20px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);
          clip-path: polygon(0 20px, 20px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);
  text-align: center;
  line-height: 1.3;
  height: 80px;
  position: relative;
}
@media (max-width: 767px) {
  .content-ticket-btn {
    width: 100%;
    margin: 60px auto 20px;
  }
}
.content-ticket-btn .text {
  display: block;
  line-height: 80px;
  font-size: 1.6rem;
  font-weight: bold;
}
#game {
  padding: 80px 0 60px;
}
@media (max-width: 767px) {
  #game {
    padding: 60px 0 40px;
  }
}
@media (min-width: 768px) {
  #game .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 60px 8%;
  }
}
@media (min-width: 768px) {
  #game .container .bl-match-section {
    width: 46%;
  }
}
@media (max-width: 767px) {
  #game .container .bl-match-section:nth-of-type(n + 2) {
    margin-top: 32px;
  }
}
#game .container .bl-match-section .lp-league-title {
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  #game .container .bl-match-section .lp-versus {
    max-width: 375px;
    margin: 0 auto;
  }
}
#game .container .bl-match-section .lp-versus .club {
  width: 50%;
  margin: 0;
}
@media (min-width: 768px) {
  #game .container .bl-match-section .lp-versus .club .club-logo {
    height: 100px;
  }
}
#game .container .bl-match-section .lp-versus .club .club-name {
  white-space: nowrap;
}
@media (min-width: 768px) {
  #game .container .bl-match-section .lp-versus .club .club-name {
    font-size: 1.4rem;
  }
}
#game .container .bl-match-section .lp-schedule {
  margin-top: 20px;
}
#game .container .bl-match-section .lp-schedule .row {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 767px) {
  #game .container .bl-match-section .lp-schedule .row {
    width: 100%;
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px;
    margin: 0;
  }
}
#game .container .bl-match-section .lp-schedule .row .col {
  width: 50%;
  margin: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
@media (min-width: 768px) {
  #game .container .bl-match-section .lp-schedule .row .col {
    max-width: 260px;
  }
}
@media (max-width: 767px) {
  #game .container .bl-match-section .lp-schedule .row .col {
    width: calc(50% - 8px);
    max-width: 200px;
    padding: 0;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
}
#game .container .bl-match-section .lp-schedule .row .col .schedule-card {
  margin: 0 auto;
  padding: 30px 20px 20px;
}
@media (max-width: 767px) {
  #game .container .bl-match-section .lp-schedule .row .col .schedule-card {
    height: auto;
  }
}
#game .container .bl-match-section .lp-schedule .row .col .schedule-card .date > strong {
  font-size: 5rem;
}
@media (max-width: 860px) {
  #game .container .bl-match-section .lp-schedule .row .col .schedule-card .date > strong {
    font-size: 4rem;
  }
}
#game .container .bl-match-section .lp-schedule .row .col .schedule-card .tipoff {
  margin: 0;
}
@media (max-width: 860px) {
  #game .container .bl-match-section .lp-schedule .row .col .schedule-card .tipoff {
    font-size: 2rem;
  }
}

#about .container .lp-section-header-white {
  text-align: center;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  #about .container .lp-section-header-white {
    margin-bottom: 64px;
  }
}
#about .container .lp-section-header-white .en-title {
  font-size: 3rem;
  margin-bottom: 0;
  color: #fff;
}
#about .container .lp-section-header-white .title {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 0;
  color: #fff;
}
#about .container h3 {
  margin: 0;
  padding: 8px 0;
  font-size: 2.4rem;
  color: #fff;
  text-align: center;
  background-color: #b7a369;
}
@media (max-width: 767px) {
  #about .container h3 {
    font-size: 2rem;
  }
}
#about .container .bl-img img {
  width: 100%;
}
#about .container .bl-map {
  margin: 0 auto;
}
#about .container .bl-row {
  margin-top: 40px;
}
@media (min-width: 768px) {
  #about .container .bl-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 40px;
       -moz-column-gap: 40px;
            column-gap: 40px;
  }
}
@media (max-width: 767px) {
  #about .container .bl-row {
    margin-top: 40px;
  }
}
#about .container .bl-row .text {
  margin-top: 16px;
  font-size: 1.6rem;
  color: #fff;
}
#about .container .bl-row .text.attention {
  padding-left: 1em;
  text-indent: -1em;
}
@media (max-width: 767px) {
  #about .container .bl-row .bl-price {
    margin-top: 40px;
  }
}

#slogan {
  height: 700px;
  background-image: url(/v=1683632321/files/user/common/2023-24/ad/bg_slogan.jpg);
  background-position: center bottom;
  background-size: 1600px;
  background-repeat: no-repeat;
}
@media (min-width: 1600px) {
  #slogan {
    background-size: cover;
  }
}
@media (max-width: 767px) {
  #slogan {
    height: 600px;
    background-image: url(/v=1683632321/files/user/common/2023-24/ad/bg_slogan_sp.jpg);
    background-size: 768px;
  }
}
#slogan .container {
  padding-top: 113px;
}
@media (max-width: 767px) {
  #slogan .container {
    padding-top: 102px;
  }
}
#slogan .container .text {
  width: 349px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  #slogan .container .text {
    width: 290px;
  }
}
#slogan .container .text img {
  width: 100%;
}
#slogan .container .bl-img-slogan {
  width: 229px;
  margin: 96px auto 0;
}
@media (max-width: 767px) {
  #slogan .container .bl-img-slogan {
    width: 167px;
    margin-top: 87px;
  }
}
#slogan .container .bl-img-slogan img {
  width: 100%;
}