@charset "UTF-8";
/* ================================================

- Base

================================================ */
[v-cloak] {
  display: none;
}

_:-ms-lang(x)::-ms-backdrop, [v-cloak] {
  display: block;
}

body {
  background-color: #f66d11;
}

body {
  overflow-x: hidden;
  -ms-scroll-chaining: chained;
      overscroll-behavior: auto;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  body {
    overflow-x: visible;
  }
}
:root {
  --cc-blue: #219de2;
  --cc-lblue: #1e2570;
  --cc-hblue: #09122a;
  --w1280: 1280px;
  --space: 30px;
}

/* ================================================

- 表示アニメーション

================================================ */
/* ================================================

- フォント

================================================ */
/* ================================================

- フォントサイズ

================================================ */
/* ================================================

- RWD表示切り替え

================================================ */
@media all and (min-width: 569px) {
  .nopc {
    display: none !important;
  }
}
@media all and (max-width: 568px) {
  .nosp {
    display: none !important;
  }
}
/* ================================================

- flex

================================================ */
/* ================================================

- margin

================================================ */
/* magrin-topを5px刻みで50pxまで */
.mTop0 {
  margin-top: 0px;
}

.mTop5 {
  margin-top: 5px;
}

.mTop10 {
  margin-top: 10px;
}

.mTop15 {
  margin-top: 15px;
}

.mTop20 {
  margin-top: 20px;
}

.mTop25 {
  margin-top: 25px;
}

.mTop30 {
  margin-top: 30px;
}

.mTop35 {
  margin-top: 35px;
}

.mTop40 {
  margin-top: 40px;
}

.mTop45 {
  margin-top: 45px;
}

.mTop50 {
  margin-top: 50px;
}

/* magrin-bottomを5px刻みで50pxまで */
.mBtm0 {
  margin-bottom: 0px;
}

.mBtm5 {
  margin-bottom: 5px;
}

.mBtm10 {
  margin-bottom: 10px;
}

.mBtm15 {
  margin-bottom: 15px;
}

.mBtm20 {
  margin-bottom: 20px;
}

.mBtm25 {
  margin-bottom: 25px;
}

.mBtm30 {
  margin-bottom: 30px;
}

.mBtm35 {
  margin-bottom: 35px;
}

.mBtm40 {
  margin-bottom: 40px;
}

.mBtm45 {
  margin-bottom: 45px;
}

.mBtm50 {
  margin-bottom: 50px;
}

/* ================================================

- z-index

================================================ */
/* ================================================

- イージング

================================================ */
/* ================================================

- MV

================================================ */
.top-mv {
  position: relative;
  background-color: #f66d11;
}

.top-mv__emblem {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 116px;
  height: 110px;
  background-color: #FFFFFF;
  border-bottom-right-radius: 20px;
  z-index: 1;
}
.top-mv__emblem a {
  display: block;
  width: 75px;
  -webkit-transition: opacity 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: opacity 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

@media (hover: hover) {
  .top-mv__emblem a:-moz-any-link:hover {
    opacity: 0.7;
  }
  .top-mv__emblem a:any-link:hover {
    opacity: 0.7;
  }
}
.top-mv__inner {
  max-width: var(--w1280);
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.top-mv__content {
  position: absolute;
  top: 116px;
  left: 0;
  right: 0;
}

.top-mv__logo {
  max-width: 928px;
  width: 100%;
  margin: 0 auto;
}

.top-mv__lead {
  max-width: 696px;
  width: 100%;
  margin: 50px auto 0;
  padding-bottom: 22px;
  text-align: center;
  border-bottom: solid 1px #ec4b05;
  position: relative;
}
.top-mv__lead::after, .top-mv__lead::before {
  content: "";
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
}
.top-mv__lead::before {
  top: -22px;
  left: -77px;
  background-image: url(../images/mv_shape_1.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 69px;
  height: 74px;
}
.top-mv__lead::after {
  top: -10px;
  right: -57px;
  background-image: url(../images/mv_shape_2.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 41px;
  height: 59px;
}
.top-mv__lead p {
  font-size: 4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  color: #ec4b05;
}
.top-mv__lead p span {
  margin: 0 0.25em;
}

.top-mv__summary {
  margin-top: 38px;
  text-align: center;
}
.top-mv__summary p {
  font-size: 1.8rem;
  line-height: 1.778;
  letter-spacing: 0.02em;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: #310909;
}
.top-mv__summary p span {
  margin-left: 0.25em;
}

/*--- media screen ---*/
@media screen and (max-width: 1280px) {
  .top-mv__content {
    top: 9.063vw;
  }
  .top-mv__logo {
    max-width: 72.5vw;
  }
  .top-mv__lead {
    max-width: 54.375vw;
    width: 100%;
    margin: 3.906vw auto 0;
    padding-bottom: 1.719vw;
  }
  .top-mv__lead::before {
    top: -1.719vw;
    left: -6.016vw;
    width: 5.391vw;
    height: 5.781vw;
  }
  .top-mv__lead::after {
    top: -0.781vw;
    right: -4.453vw;
    width: 3.203vw;
    height: 4.609vw;
  }
  .top-mv__lead p {
    font-size: 3.125vw;
  }
  .top-mv__lead p span {
    margin: 0 0.25em;
  }
  .top-mv__summary {
    margin-top: 2.969vw;
  }
  .top-mv__summary p {
    font-size: 1.406vw;
  }
  .top-mv__summary p span {
    margin-left: 0.25em;
  }
}
/*--- media screen ---*/
@media screen and (max-width: 1024px) {
  .top-mv__content {
    top: 116px;
    left: 0;
    right: 0;
  }
  .top-mv__logo {
    max-width: 928px;
    width: 100%;
  }
  .top-mv__lead {
    max-width: 696px;
    width: 100%;
    margin: 50px auto 0;
    padding-bottom: 22px;
  }
  .top-mv__lead::before {
    top: -22px;
    left: -77px;
    width: 69px;
    height: 74px;
  }
  .top-mv__lead::after {
    top: -10px;
    right: -57px;
    width: 41px;
    height: 59px;
  }
  .top-mv__lead p {
    font-size: 4rem;
  }
  .top-mv__summary {
    margin-top: 38px;
    text-align: center;
  }
  .top-mv__summary p {
    font-size: 1.8rem;
  }
}
/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .top-mv__logo {
    max-width: 928px;
    width: 100%;
  }
  .top-mv__emblem {
    width: 21.6vw;
    height: 20.533vw;
    border-bottom-right-radius: 20px;
  }
  .top-mv__emblem a {
    width: 14.133vw;
  }
  .top-mv__content {
    top: 23.467vw;
  }
  .top-mv__lead {
    max-width: 696px;
    width: 89.067vw;
    margin: 7.2vw auto 0;
    padding-bottom: 5.867vw;
  }
  .top-mv__lead::before {
    top: -2.4vw;
    left: -4.267vw;
    width: 16vw;
    height: 17.867vw;
  }
  .top-mv__lead::after {
    top: 23.467vw;
    right: -1.6vw;
    width: 9.333vw;
    height: 12.267vw;
  }
  .top-mv__lead p {
    font-size: 9.0666666667vw;
    line-height: 1.294;
  }
  .top-mv__lead p span {
    display: block;
    margin: 0;
  }
  .top-mv__summary {
    margin-top: 7.2vw;
    text-align: center;
  }
  .top-mv__summary p {
    font-size: 4.2666666667vw;
    line-height: 1.625;
  }
  .top-mv__summary p span {
    display: block;
    margin-left: 0;
  }
}
/* ================================================

-

================================================ */
.top-banner a {
  -webkit-transition: opacity 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: opacity 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

@media (hover: hover) {
  .top-banner a:-moz-any-link:hover {
    opacity: 0.7;
  }
  .top-banner a:any-link:hover {
    opacity: 0.7;
  }
}
.top-sc {
  margin-top: 90px;
}

.top-sc__inner {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.top-sc__ttl {
  max-width: 885px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  font-size: 6rem;
  letter-spacing: 0.12em;
  font-style: italic;
  color: #FFFFFF;
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  position: relative;
}
.top-sc__ttl small {
  font-size: 3rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
}

.top-sc__block {
  padding: 38px 50px 50px;
  background-color: #FFFFFF;
  border-radius: 20px;
  position: relative;
}
.top-sc__block::before {
  content: "";
  position: absolute;
  top: -63px;
  left: -73px;
  background-image: url(../images/shape_1.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 350px;
  height: 344px;
  z-index: -1;
}

.top-sc__block:not(:first-of-type) {
  margin-top: 90px;
}

.top-sc__block__row {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start;
}

.top-sc__block__summarys {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  max-width: 450px;
  width: 100%;
}

.top-sc__block__summarys.-full {
  max-width: 100%;
}

.top-ttl__match {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-align: end;
  -webkit-box-align: end;
          align-items: flex-end;
}

.top-ttl__number {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  width: 76px;
  min-height: 76px;
  font-size: 1.6rem;
  letter-spacing: 0.08em;
  color: #FFFFFF;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  background-color: #ec4b05;
  border-radius: 100%;
  -webkit-transform: translateY(13px);
          transform: translateY(13px);
}
.top-ttl__number span {
  margin: 0 2px;
  font-size: 2.4rem;
  letter-spacing: 0;
  font-family: "Oswald", sans-serif;
  font-weight: 500;
}

.top-ttl__date {
  margin-left: 13px;
  font-size: 2.8rem;
  color: #310909;
  font-family: "Oswald", sans-serif;
  font-weight: 600;
}
.top-ttl__date span {
  margin-right: 3px;
  font-size: 5.6rem;
}

.top-ttl__kickoff {
  margin-left: 14px;
  font-size: 2.8rem;
  color: #310909;
  font-family: "Oswald", sans-serif;
  font-weight: 600;
}
.top-ttl__kickoff span {
  margin-right: 3px;
  font-size: 3.6rem;
}

.top-ttl__teams {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  margin-top: 18px;
}

.top-ttl__vs {
  font-size: 2.4rem;
  color: #310909;
  font-family: "Oswald", sans-serif;
  font-weight: 600;
}

.top-ttl__flag {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}
.top-ttl__flag img {
  display: block;
  width: 90px;
}
.top-ttl__flag figcaption {
  margin-left: -5px;
  font-size: 2rem;
  color: #310909;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}

.top-sc__block__summary {
  margin-top: 10px;
  padding-top: 22px;
  border-top: solid 1px #ec4b05;
}

.top-sc__block__lead p {
  font-size: 2.4rem;
  line-height: 1.458;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: #e11818;
}

.top-sc__block__list {
  margin-top: 20px;
}
.top-sc__block__list li {
  padding-left: 28px;
  font-size: 1.6rem;
  line-height: 1.5;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  color: #310909;
  position: relative;
}
.top-sc__block__list li::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220px%22%20height%3D%2214px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(225%2C%2024%2C%2024)%22%20d%3D%22M8.054%2C8.611%20L17.220%2C-0.008%20L19.995%2C2.684%20L8.054%2C13.997%20L0.002%2C6.321%20L2.777%2C3.628%20L8.054%2C8.611%20Z%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 14px;
}
.top-sc__block__list li:not(:first-child) {
  margin-top: 10px;
}

.top-sc__block__photo {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  max-width: 450px;
  width: 100%;
  padding-top: 12px;
}

.top-btn__row {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  gap: 30px;
  margin-top: 50px;
}

.top-btn {
  width: 280px;
}
.top-btn a {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  min-height: 54px;
  font-size: 1.6rem;
  letter-spacing: 0.02em;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: #FFFFFF;
  background-color: #ec4b05;
  position: relative;
  border-radius: 27px;
  -webkit-transition: opacity 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: opacity 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.top-btn a span {
  position: relative;
}

@media (hover: hover) {
  .top-btn a:-moz-any-link:hover {
    opacity: 0.7;
  }
  .top-btn a:any-link:hover {
    opacity: 0.7;
  }
}
.top-btn.-ticket a {
  background-color: #007f63;
}
.top-btn.-ticket a span {
  padding-left: 30px;
}
.top-btn.-ticket a span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22icons%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2226.661px%22%20height%3D%2226.658px%22%20viewBox%3D%220%200%2026.661%2026.658%22%20enable-background%3D%22new%200%200%2026.661%2026.658%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M17.25%2C0.194l2.686%2C2.686c0.259%2C0.259%2C0.259%2C0.665%2C0%2C0.924c-0.407%2C0.407-0.604%2C0.924-0.604%2C1.454l0%2C0%20c0%2C0.53%2C0.197%2C1.06%2C0.604%2C1.466c0.407%2C0.394%2C0.936%2C0.604%2C1.466%2C0.604l0%2C0c0.518%2C0%2C1.047-0.197%2C1.454-0.604l0%2C0%20c0.259-0.259%2C0.665-0.259%2C0.924%2C0l2.686%2C2.686c0.259%2C0.259%2C0.259%2C0.665%2C0%2C0.924L10.338%2C26.464c-0.259%2C0.259-0.678%2C0.259-0.924%2C0%20l-2.686-2.686c-0.259-0.246-0.259-0.665%2C0-0.924c0.394-0.394%2C0.604-0.924%2C0.604-1.454s-0.209-1.06-0.604-1.466l0%2C0%20c-0.407-0.394-0.936-0.604-1.466-0.604c-0.53%2C0-1.06%2C0.209-1.466%2C0.604c-0.246%2C0.259-0.665%2C0.259-0.912%2C0l0%2C0l-2.698-2.686%20c-0.246-0.259-0.246-0.665%2C0-0.924L16.326%2C0.194C16.585-0.065%2C16.992-0.065%2C17.25%2C0.194L17.25%2C0.194z%20M13.48%2C4.876l8.305%2C8.305%20l3.302-3.315l-1.811-1.811c-0.567%2C0.382-1.22%2C0.567-1.873%2C0.567v0.012c-0.863%2C0-1.725-0.333-2.39-0.986%20c-0.653-0.665-0.986-1.528-0.986-2.39l0%2C0c0-0.653%2C0.197-1.306%2C0.579-1.873l-1.824-1.811L13.48%2C4.876z%20M20.861%2C14.093L12.556%2C5.8%20L1.577%2C16.791l1.811%2C1.811c0.567-0.382%2C1.22-0.579%2C1.873-0.579c0.863%2C0%2C1.725%2C0.333%2C2.378%2C0.986v0.012%20c0.665%2C0.653%2C0.986%2C1.516%2C0.986%2C2.378c0%2C0.653-0.185%2C1.306-0.567%2C1.873l1.811%2C1.811L20.861%2C14.093z%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
}

.top-sc__block__note {
  margin-top: 40px;
  letter-spacing: 0.02em;
}
.top-sc__block__note dt {
  font-size: 1.8rem;
  line-height: 1.5;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: #e11818;
}
.top-sc__block__note dd {
  margin-top: 5px;
}
.top-sc__block__note dd p {
  font-size: 1.6rem;
  line-height: 1.5;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
}
.top-sc__block__note dd p:not(:first-of-type) {
  margin-top: 5px;
}

.top-sc__block__present {
  margin-top: 27px;
  padding: 11px 15px 13px;
  border-radius: 8px;
  border: solid 1px #e11818;
}
.top-sc__block__present p {
  padding-left: 54px;
  font-size: 1.6rem;
  line-height: 1.5;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: #e11818;
  position: relative;
}
.top-sc__block__present p::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2242px%22%20height%3D%2248px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(225%2C%2024%2C%2024)%22%20d%3D%22M39.668%2C16.465%20L41.090%2C19.554%20L37.983%2C18.124%20L35.459%2C20.419%20L35.872%2C17.048%20L32.890%2C15.377%20L36.251%2C14.724%20L36.932%2C11.395%20L38.597%2C14.364%20L41.1000%2C13.977%20L39.668%2C16.465%20ZM34.224%2C24.366%20L36.466%2C26.142%20L38.981%2C24.770%20L37.970%2C27.434%20L40.063%2C29.381%20L37.196%2C29.251%20L35.975%2C31.826%20L35.214%2C29.082%20L32.367%2C28.726%20L34.763%2C27.161%20L34.224%2C24.366%20ZM30.072%2C25.840%20L28.575%2C24.131%20L26.409%2C24.845%20L27.587%2C22.906%20L26.232%2C21.083%20L28.456%2C21.595%20L29.785%2C19.754%20L29.982%2C22.009%20L32.158%2C22.694%20L30.056%2C23.577%20L30.072%2C25.840%20ZM31.597%2C13.816%20L20.143%2C20.374%20L16.981%2C14.943%20L14.346%2C16.452%20L17.508%2C21.882%20L6.054%2C28.439%20C5.803%2C28.583%205.478%2C28.497%205.333%2C28.248%20L1.909%2C22.367%20C1.764%2C22.118%201.851%2C21.796%202.102%2C21.652%20L9.671%2C17.318%20C8.625%2C17.590%207.420%2C17.807%206.240%2C17.807%20C5.206%2C17.807%204.191%2C17.641%203.318%2C17.200%20C0.220%2C15.633%20-0.342%2C13.102%200.166%2C11.255%20C0.843%2C8.792%203.298%2C7.124%206.005%2C7.287%20C8.540%2C7.440%2010.134%2C9.103%2011.540%2C10.571%20C12.334%2C11.399%2013.045%2C12.141%2013.792%2C12.482%20C13.867%2C11.671%2013.574%2C10.688%2013.248%2C9.593%20C12.669%2C7.652%2012.013%2C5.451%2013.147%2C3.198%20C14.358%2C0.792%2017.043%2C-0.483%2019.533%2C0.167%20C21.399%2C0.655%2023.330%2C2.403%2023.148%2C5.847%20C23.039%2C7.925%2021.503%2C9.930%2020.076%2C11.362%20L27.645%2C7.029%20C27.896%2C6.884%2028.221%2C6.971%2028.366%2C7.220%20L31.790%2C13.101%20C31.935%2C13.350%2031.848%2C13.672%2031.597%2C13.816%20ZM9.901%2C12.115%20C8.674%2C10.834%207.514%2C9.623%205.868%2C9.524%20C5.790%2C9.519%205.712%2C9.517%205.636%2C9.517%20C3.913%2C9.517%202.665%2C10.688%202.347%2C11.845%20C1.987%2C13.155%202.715%2C14.379%204.345%2C15.202%20C5.446%2C15.759%207.341%2C15.683%209.680%2C14.988%20C10.602%2C14.714%2011.427%2C14.392%2012.088%2C14.095%20C11.286%2C13.559%2010.587%2C12.831%209.901%2C12.115%20ZM20.891%2C5.730%20C20.986%2C3.918%2020.281%2C2.681%2018.957%2C2.335%20C18.737%2C2.278%2018.500%2C2.248%2018.254%2C2.248%20C17.138%2C2.248%2015.846%2C2.856%2015.170%2C4.199%20C14.434%2C5.662%2014.911%2C7.263%2015.416%2C8.958%20C15.698%2C9.905%2015.985%2C10.869%2016.052%2C11.825%20C16.642%2C11.407%2017.335%2C10.859%2018.036%2C10.205%20C19.812%2C8.543%2020.826%2C6.954%2020.891%2C5.730%20ZM17.738%2C47.1000%20L6.592%2C47.1000%20C6.302%2C47.1000%206.064%2C47.764%206.064%2C47.476%20L6.064%2C32.201%20L17.738%2C32.201%20L17.738%2C47.1000%20ZM21.364%2C26.520%20L22.283%2C24.795%20L22.716%2C26.699%20L24.655%2C27.032%20L22.963%2C28.029%20L23.242%2C29.960%20L21.763%2C28.672%20L19.997%2C29.532%20L20.775%2C27.740%20L19.405%2C26.340%20L21.364%2C26.520%20ZM32.454%2C47.476%20C32.454%2C47.764%2032.216%2C47.1000%2031.926%2C47.1000%20L20.780%2C47.1000%20L20.780%2C32.201%20L32.454%2C32.201%20L32.454%2C47.476%20Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  width: 42px;
  height: 48px;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .top-sc__ttl {
    max-width: 885px;
    font-size: 15.4666666667vw;
  }
  .top-sc__ttl small {
    font-size: 7.4666666667vw;
  }
  .top-sc__ttl::after, .top-sc__ttl::before {
    -webkit-transform: translateY(calc(-50% + 8px));
            transform: translateY(calc(-50% + 8px));
    width: 32vw;
    height: 3.733vw;
  }
  .top-sc__ttl::before {
    left: 0;
  }
  .top-sc__ttl::after {
    right: 0;
  }
  .top-sc__block {
    padding: 38px 4vw 50px;
    border-radius: 20px;
  }
  .top-sc__block:not(:first-of-type) {
    margin-top: 60px;
  }
  .top-sc__block__row {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .top-sc__block__summarys {
    max-width: 100%;
  }
  .top-ttl__match {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    padding-left: 24.267vw;
  }
  .top-ttl__number {
    position: absolute;
    top: 50%;
    left: 0;
    width: 20.267vw;
    min-height: 20.267vw;
    font-size: 4vw;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .top-ttl__number span {
    margin: 0 0.533vw;
    font-size: 6.4vw;
  }
  .top-ttl__date {
    margin-left: 0;
    font-size: 6.6666666667vw;
  }
  .top-ttl__date span {
    margin-right: 0.8vw;
    font-size: 14.1333333333vw;
  }
  .top-ttl__kickoff {
    margin-left: 0;
    margin-top: 6px;
    font-size: 6.6666666667vw;
  }
  .top-ttl__kickoff span {
    margin-right: 0.8vw;
    font-size: 8.8vw;
  }
  .top-ttl__teams {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    margin-top: 10px;
  }
  .top-ttl__vs {
    font-size: 6.1333333333vw;
  }
  .top-ttl__flag {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
  }
  .top-ttl__flag img {
    display: block;
    width: 24vw;
  }
  .top-ttl__flag figcaption {
    margin-left: -1.333vw;
    font-size: 5.0666666667vw;
  }
  .top-sc__block__summary {
    margin-top: 10px;
    padding-top: 20px;
  }
  .top-sc__block__lead p {
    font-size: 5.3333333333vw;
  }
  .top-sc__block__list {
    margin-top: 20px;
  }
  .top-sc__block__list li {
    padding-left: 6.133vw;
    font-size: 4vw;
  }
  .top-sc__block__list li::before {
    top: 1.867vw;
    max-width: 20px;
    max-height: 14px;
    width: 4.267vw;
    height: 2.933vw;
  }
  .top-sc__block__list li:not(:first-child) {
    margin-top: 9px;
  }
  .top-sc__block__photo {
    margin-top: 30px;
    padding-top: 0;
  }
  .top-btn__row {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
    margin-top: 35px;
  }
  .top-btn {
    max-width: 280px;
    width: 100%;
  }
  .top-btn a {
    font-size: 4.2666666667vw;
    letter-spacing: 0.02em;
  }
  .top-sc__block__note {
    margin-top: 40px;
  }
  .top-sc__block__note dt {
    font-size: 4.5333333333vw;
  }
  .top-sc__block__note dd {
    margin-top: 5px;
  }
  .top-sc__block__note dd p {
    font-size: 4vw;
  }
  .top-sc__block__note dd p:not(:first-of-type) {
    margin-top: 5px;
  }
  .top-sc__block__present {
    margin-top: 27px;
    padding: 11px 4vw 13px;
    border-radius: 8px;
  }
  .top-sc__block__present p {
    padding-left: 54px;
    font-size: 4vw;
  }
  .top-sc__block__present p::before {
    width: 42px;
    height: 48px;
  }
}
/* ================================================

- ジェフチケ

================================================ */
.top-jefticke {
  max-width: 700px;
  width: 100%;
  margin: 90px auto 0;
  position: relative;
  z-index: 1;
}
.top-jefticke a {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  min-height: 140px;
  padding: 0 40px;
  color: #000000;
  background-color: #FFFFFF;
  border-radius: 20px;
  -webkit-transition: opacity 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: opacity 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.top-jefticke::before {
  content: "";
  position: absolute;
  top: -59px;
  left: -100px;
  background-image: url(../images/shape_2.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 304px;
  height: 197px;
  z-index: -1;
}

@media (hover: hover) {
  .top-jefticke a:-moz-any-link:hover {
    opacity: 0.7;
  }
  .top-jefticke a:any-link:hover {
    opacity: 0.7;
  }
}
.top-jefticke__txt {
  font-size: 2.6rem;
  line-height: 1.222;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  color: #310909;
}

.top-jefticke__banner {
  width: 229px;
  margin-left: 103px;
  position: relative;
}
.top-jefticke__banner::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -73px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2239px%22%20height%3D%2218px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(236%2C%2075%2C%205)%22%20d%3D%22M29.1000%2C18.003%20L29.1000%2C0.004%20L39.008%2C9.003%20L29.1000%2C18.003%20ZM14.1000%2C0.004%20L24.008%2C9.003%20L14.1000%2C18.003%20L14.1000%2C0.004%20ZM0.000%2C0.004%20L9.008%2C9.003%20L0.000%2C18.003%20L0.000%2C0.004%20Z%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  width: 39px;
  height: 20px;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .top-jefticke {
    margin: 60px auto 0;
  }
  .top-jefticke a {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 0;
    padding: 20px 4vw 23px;
    border-radius: 20px;
  }
  .top-jefticke__txt {
    font-size: 6.6666666667vw;
  }
  .top-jefticke__banner {
    width: 229px;
    margin-left: 0;
    margin-top: 17px;
  }
  .top-jefticke__banner::before {
    display: none;
  }
}