@charset "UTF-8";
/* リキッドレイアウト対応 */
@media screen and (max-width: 767px) {
  .u-desktop {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .u-modile {
    display: none;
  }
}
.u-hide {
  display: none !important;
}
html {
  font-size: 62.5%;
}
@media (max-width: 1400px) {
  html {
    font-size: 0.7142857143vw;
  }
}
@media screen and (max-width: 767px) {
  html {
    font-size: 62.5%;
  }
}
@media (max-width: 375px) {
  html {
    font-size: 2.6666666667vw;
  }
}

/* pcの電話番号発信対応 */
@media screen and (max-width: 767px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

/* ホバー */
a {
  text-decoration: none;
  color: inherit;
  transition: opacity 0.45s;
}
a:hover {
  opacity: 0.75;
}

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

/* Remove default padding */
ul,
ol {
  padding: 0;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Set core root defaults */
html {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  font-family: "Noto Sans JP", sans-serif;
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
  -webkit-text-size-adjust: none;
  line-height: 1.5;
  color: #004098;
}

/* Remove list styles on ul, ol elements with a class attribute */
ul,
ol {
  list-style: none;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img {
  max-width: 100%;
  display: block;
  width: 100%;
  height: auto;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

summary {
  cursor: pointer;
}

summary::marker {
  content: "";
}

summary::-webkit-details-marker {
  display: none;
}

details summary {
  list-style: none;
}

.c-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline: auto;
  width: 45rem;
  height: 7rem;
  border-radius: 4rem;
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 0.04em;
  transition: all 0.45s;
}
@media screen and (max-width: 767px) {
  .c-btn {
    width: 100%;
    height: 5.6rem;
  }
}

.c-btn.border {
  border: 1px solid #fff;
}

.c-btn:hover {
  opacity: 0.7;
}

.c-btn::before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
  width: 1.8rem;
  height: 1.8rem;
  right: 6.5rem;
  background: url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.212%208.28906L17.7484%206.8335L10.9594%2013.6615L4.17163%206.8335L2.70801%208.28906L10.9594%2016.5861L19.212%208.28906Z'%20fill='white'/%3e%3c/svg%3e") center center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .c-btn::before {
    width: 2rem;
    height: 2rem;
    right: 1.6rem;
  }
}

.c-btn.outer::before {
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15.5851%2015.625H4.41489V4.375H7.28723V2.5H3.45745C2.92886%202.5%202.5%202.91992%202.5%203.4375V16.5625C2.5%2017.0801%202.92886%2017.5%203.45745%2017.5H16.5426C17.0711%2017.5%2017.5%2017.0801%2017.5%2016.5625V12.5H15.5851V15.625Z'%20fill='white'/%3e%3cpath%20d='M10.1596%202.5V4.375H14.2319L7.8872%2010.5875L9.24046%2011.9125L15.5851%205.7V9.6875H17.5V2.5H10.1596Z'%20fill='white'/%3e%3c/svg%3e") center center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .c-btn.outer::before {
    width: 1.8rem;
    height: 1.8rem;
    right: 3rem;
  }
}

.c-btn.open::before {
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.89978%202.25V8.15593H15.75V9.84407H9.89978V15.75H8.10022V9.84407H2.25V8.15593H8.10022V2.25H9.89978Z'%20fill='white'/%3e%3c/svg%3e") center center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .c-btn.open::before {
    right: 7.8rem;
  }
}

.c-btn.close::before {
  transform: translateY(-50%);
  background-color: #004098;
  right: initial;
  left: 6.8rem;
  mask: url("data:image/svg+xml,%3csvg%20width='17'%20height='18'%20viewBox='0%200%2017%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8.5%207.24138L1.75862%200.5L0%202.25862L6.74138%209L0%2015.7414L1.75862%2017.5L8.5%2010.7586L15.2414%2017.5L17%2015.7414L10.2586%209L17%202.25862L15.2414%200.5L8.5%207.24138Z'%20fill='white'/%3e%3c/svg%3e") center center/contain no-repeat;
}

.c-event {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.c-event__img {
  display: block;
}

.c-event__img img {
  aspect-ratio: 770/500;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c-event__body {
  display: flex;
  flex-direction: column;
  padding-inline: 3.5rem;
  padding-block: 4rem;
  flex-grow: 1;
}
@media screen and (max-width: 767px) {
  .c-event__body {
    padding-inline: 2.2rem;
    padding-block: 2.4rem;
  }
}

.c-event__title {
  font-size: 2.8rem;
  letter-spacing: 0.064em;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .c-event__title {
    font-size: 1.8rem;
  }
}

.c-event__lead {
  font-size: 1.8rem;
  line-height: 1.8;
  letter-spacing: 0.02em;
  margin-top: 2.4rem;
  flex-grow: 1;
}
@media screen and (max-width: 767px) {
  .c-event__lead {
    font-size: 1.5rem;
    letter-spacing: normal;
  }
}

.c-event__lead a {
  text-decoration: underline;
}

.c-event__btn {
  margin-top: 2.4rem;
}

.c-event__btn a {
  border: 0.2rem solid;
  height: 5rem;
  max-width: 32.7rem;
  width: 100%;
  border-radius: 7rem;
  font-size: 1.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.45s;
}

.c-event__btn a:hover {
  color: #fff;
  background-color: #004098;
  opacity: 1;
}

.c-hamburger {
  position: relative;
  width: 100%;
  height: 100%;
  border: none;
  background-color: #fff;
  padding: 0;
  z-index: 101;
  cursor: pointer;
}

.c-hamburger span {
  position: absolute;
  display: inline-block;
  background-color: #004098;
  width: 2.5rem;
  height: 0.3rem;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.45s;
}

.c-hamburger span:nth-child(1) {
  top: calc(50% - 0.7rem);
}

.c-hamburger span:nth-child(2) {
  top: 50%;
}

.c-hamburger span:nth-child(3) {
  top: calc(50% + 0.7rem);
}

.c-hamburger.is-active span:nth-child(1) {
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.c-hamburger.is-active span:nth-child(2) {
  opacity: 0;
}
.c-hamburger.is-active span:nth-child(3) {
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}

.c-modal-card {
  position: relative;
}

.c-modal-card__close {
  position: absolute;
  display: grid;
  place-items: center;
  top: 0;
  right: 0;
  width: 4rem;
  height: 4rem;
  border: 1px solid #fff;
  cursor: pointer;
  transition: all 0.45s;
}

.c-modal-card__close::before {
  content: "";
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  background: url("data:image/svg+xml,%3csvg%20width='17'%20height='18'%20viewBox='0%200%2017%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8.5%207.24138L1.75862%200.5L0%202.25862L6.74138%209L0%2015.7414L1.75862%2017.5L8.5%2010.7586L15.2414%2017.5L17%2015.7414L10.2586%209L17%202.25862L15.2414%200.5L8.5%207.24138Z'%20fill='white'/%3e%3c/svg%3e") center center/contain no-repeat;
}

.c-modal-card__close:hover {
  opacity: 0.7;
}

.c-modal-card__body {
  padding: 2rem;
}
@media screen and (max-width: 767px) {
  .c-modal-card__body {
    max-height: max(74.6666666667vw, 28rem);
    overflow: auto;
  }
}

.c-modal-card__title {
  font-size: 1.8rem;
}

.c-modal-card__text {
  color: #2E2E2E;
  font-size: 1.5rem;
  line-height: 2;
  margin-top: 2rem;
}

.c-player__img {
  display: block;
}

.c-player__img img {
  aspect-ratio: 379/220;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .c-player__img img {
    aspect-ratio: 146/107;
  }
}

.c-player__info {
  display: flex;
  margin-top: 1.6rem;
  gap: 0.8rem;
}
@media screen and (max-width: 767px) {
  .c-player__info {
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: column;
    gap: 0.4rem;
  }
}

.c-player__number {
  font-size: 4.8rem;
  letter-spacing: 0.02em;
  line-height: 1;
  padding-inline: 0.4rem;
}
@media screen and (max-width: 767px) {
  .c-player__number {
    font-size: 2.8rem;
  }
}

.c-player__name {
  display: flex;
  align-items: center;
  font-size: 1.8rem;
  line-height: 1;
  padding-inline: 1rem;
}
@media screen and (max-width: 767px) {
  .c-player__name {
    font-size: 1.5rem;
    padding-block: 0.6rem;
    padding-inline: 0.6rem;
  }
}

.c-seat {
  position: relative;
  padding-block: 2.4rem 7.6rem;
  padding-inline: 1.6rem;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .c-seat {
    padding-bottom: 6rem;
    padding-inline: 2.4rem;
  }
}

.p-modal .c-seat {
  height: fit-content;
  padding-bottom: 4rem;
}

.c-seat__img {
  display: block;
}

.c-seat__img img {
  aspect-ratio: 379/212;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .c-seat__img img {
    aspect-ratio: 276/212;
  }
}

.c-seat__title {
  font-size: 2.8rem;
  letter-spacing: 0.06em;
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .c-seat__title {
    font-size: 1.8rem;
    margin-top: 2.4rem;
  }
}

.c-seat__prices {
  display: grid;
  gap: 1.6rem 0;
  grid-template-columns: 13.6rem 1fr;
  margin-top: 2rem;
  font-size: 1.8rem;
  letter-spacing: 0.02em;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .c-seat__prices {
    font-size: 1.5rem;
    margin-top: 1.6rem;
  }
}

.c-seat__label {
  display: flex;
  align-items: center;
  justify-content: center;
}

.c-seat__price {
  padding-block: 1rem;
  min-height: 5.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-inline: 1rem;
}
@media screen and (max-width: 767px) {
  .c-seat__price {
    min-height: 4.8rem;
  }
}

.p-modal .c-seat__price {
  flex-direction: row;
  gap: 0.4rem;
}

@media screen and (max-width: 767px) {
  .p-seating__wrap .c-seat {
    display: contents;
  }
}

@media screen and (max-width: 767px) {
  .p-seating__info .c-seat__img {
    order: 1;
    margin-top: 4rem;
  }
}

.p-seating__info .c-seat__price {
  flex-direction: row;
  gap: 0.4rem;
}

.c-seat__price span {
  display: block;
  font-size: 1.35rem;
}
@media screen and (max-width: 767px) {
  .c-seat__price span {
    font-size: 1rem;
  }
}

.c-seat__price span.u-dib {
  display: inline-block;
}

.c-seat__open {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 5rem;
  height: 5rem;
  display: grid;
  place-items: center;
}

.c-seat__open::before {
  display: block;
  width: 2rem;
  height: 2rem;
  content: "";
  background: url("data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.89978%202.25V8.15593H15.75V9.84407H9.89978V15.75H8.10022V9.84407H2.25V8.15593H8.10022V2.25H9.89978Z'%20fill='white'/%3e%3c/svg%3e") center center/contain no-repeat;
}

.c-seat__text {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.06em;
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .c-seat__text {
    font-size: 1.5rem;
  }
}

.c-seat__btn {
  margin-top: 2rem;
}

.c-seat__note {
  display: block;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.8;
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .c-seat__note {
    font-size: 1.2rem;
  }
}

.c-seat__modal-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 5rem;
  height: 5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: all 0.45s;
}

.c-seat__modal-close:hover {
  opacity: 0.7;
}

.c-seat__modal-close::before {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background: url("data:image/svg+xml,%3csvg%20width='17'%20height='18'%20viewBox='0%200%2017%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8.5%207.24138L1.75862%200.5L0%202.25862L6.74138%209L0%2015.7414L1.75862%2017.5L8.5%2010.7586L15.2414%2017.5L17%2015.7414L10.2586%209L17%202.25862L15.2414%200.5L8.5%207.24138Z'%20fill='white'/%3e%3c/svg%3e") center center/contain no-repeat;
}

.c-seat.back_upper .c-seat__title {
  color: #E26F28;
}
.c-seat.back_upper .c-seat__label {
  background-color: #E26F28;
}
.c-seat.back_upper .c-seat__price {
  color: #E26F28;
  border: 1px solid #E26F28;
}

.c-seat.value_seat .c-seat__title {
  color: #cc0099;
}
.c-seat.value_seat .c-seat__label {
  background-color: #cc0099;
}
.c-seat.value_seat .c-seat__price {
  color: #cc0099;
  border: 1px solid #cc0099;
}

.c-seat.yuttari_seat .c-seat__title {
  color: #87bd42;
}
.c-seat.yuttari_seat .c-seat__label {
  background-color: #87bd42;
}
.c-seat.yuttari_seat .c-seat__price {
  color: #87bd42;
  border: 1px solid #87bd42;
}

.c-seat.yuttari_side .c-seat__title {
  color: #11a196;
}
.c-seat.yuttari_side .c-seat__label {
  background-color: #11a196;
}
.c-seat.yuttari_side .c-seat__price {
  color: #11a196;
  border: 1px solid #11a196;
}

.c-seat.family .c-seat__title {
  color: #e16f28;
}
.c-seat.family .c-seat__label {
  background-color: #e16f28;
}
.c-seat.family .c-seat__price {
  color: #e16f28;
  border: 1px solid #e16f28;
}

.c-seat.family_side .c-seat__title {
  color: #fe8162;
}
.c-seat.family_side .c-seat__label {
  background-color: #fe8162;
}
.c-seat.family_side .c-seat__price {
  color: #fe8162;
  border: 1px solid #fe8162;
}

.c-seat.wednesday .c-seat__title {
  color: #86001C;
}
.c-seat.wednesday .c-seat__label {
  background-color: #86001C;
}
.c-seat.wednesday .c-seat__price {
  color: #86001C;
  border: 1px solid #86001C;
}

.c-seat.back_sb .c-seat__title {
  color: #02833d;
}
.c-seat.back_sb .c-seat__label {
  background-color: #02833d;
}
.c-seat.back_sb .c-seat__price {
  color: #02833d;
  border: 1px solid #02833d;
}

.c-seat.back_sc .c-seat__title {
  color: #d0b951;
}
.c-seat.back_sc .c-seat__label {
  background-color: #d0b951;
}
.c-seat.back_sc .c-seat__price {
  color: #d0b951;
  border: 1px solid #d0b951;
}

.c-seat.back_side .c-seat__title {
  color: #7a1f6d;
}
.c-seat.back_side .c-seat__label {
  background-color: #7a1f6d;
}
.c-seat.back_side .c-seat__price {
  color: #7a1f6d;
  border: 1px solid #7a1f6d;
}

.c-seat.main_side .c-seat__title {
  color: #8e4c8f;
}
.c-seat.main_side .c-seat__label {
  background-color: #8e4c8f;
}
.c-seat.main_side .c-seat__price {
  color: #8e4c8f;
  border: 1px solid #8e4c8f;
}

.c-seat.main_sa .c-seat__title {
  color: #59c4f2;
}
.c-seat.main_sa .c-seat__label {
  background-color: #59c4f2;
}
.c-seat.main_sa .c-seat__price {
  color: #59c4f2;
  border: 1px solid #59c4f2;
}

.c-seat.dx_seat .c-seat__title {
  color: #987a26;
}
.c-seat.dx_seat .c-seat__label {
  background-color: #987a26;
}
.c-seat.dx_seat .c-seat__price {
  color: #987a26;
  border: 1px solid #987a26;
}

.c-seat.pitchside_seat .c-seat__title {
  color: #000;
}
.c-seat.pitchside_seat .c-seat__label {
  background-color: #000;
}
.c-seat.pitchside_seat .c-seat__price {
  color: #000;
  border: 1px solid #000;
}

.c-seat.counter_seat .c-seat__title {
  color: #772a2e;
}
.c-seat.counter_seat .c-seat__label {
  background-color: #772a2e;
}
.c-seat.counter_seat .c-seat__price {
  color: #772a2e;
  border: 1px solid #772a2e;
}

.c-seat.pair_seat .c-seat__title {
  color: #fe5f91;
}
.c-seat.pair_seat .c-seat__label {
  background-color: #fe5f91;
}
.c-seat.pair_seat .c-seat__price {
  color: #fe5f91;
  border: 1px solid #fe5f91;
}

.c-seat.main_s3 .c-seat__title {
  color: #d5ab44;
}
.c-seat.main_s3 .c-seat__label {
  background-color: #d5ab44;
}
.c-seat.main_s3 .c-seat__price {
  color: #d5ab44;
  border: 1px solid #d5ab44;
}

.c-seat.main_s2 .c-seat__title {
  color: #ca1a45;
}
.c-seat.main_s2 .c-seat__label {
  background-color: #ca1a45;
}
.c-seat.main_s2 .c-seat__price {
  color: #ca1a45;
  border: 1px solid #ca1a45;
}

.c-seat.supporter .c-seat__title {
  color: #024292;
}
.c-seat.supporter .c-seat__label {
  background-color: #024292;
}
.c-seat.supporter .c-seat__price {
  color: #024292;
  border: 1px solid #024292;
}

.c-seat.visitor .c-seat__title {
  color: #a1a1a1;
}
.c-seat.visitor .c-seat__label {
  background-color: #a1a1a1;
}
.c-seat.visitor .c-seat__price {
  color: #a1a1a1;
  border: 1px solid #a1a1a1;
}

.c-ticket-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 45rem;
  height: 8rem;
  border-radius: 7rem;
  box-shadow: 0.4rem 0.4rem 0 #fff;
  font-size: 2.8rem;
  letter-spacing: 0.02em;
  line-height: 1;
  gap: 0.8rem;
}
@media screen and (max-width: 767px) {
  .c-ticket-btn {
    font-size: 1.8rem;
    max-width: 32.5rem;
    width: 100%;
  }
}

.c-ticket-btn::before {
  position: absolute;
  content: "";
  top: 50%;
  width: 2rem;
  height: 2rem;
  right: 2.5rem;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15.5851%2015.625H4.41489V4.375H7.28723V2.5H3.45745C2.92886%202.5%202.5%202.91992%202.5%203.4375V16.5625C2.5%2017.0801%202.92886%2017.5%203.45745%2017.5H16.5426C17.0711%2017.5%2017.5%2017.0801%2017.5%2016.5625V12.5H15.5851V15.625Z'%20fill='white'/%3e%3cpath%20d='M10.1596%202.5V4.375H14.2319L7.8872%2010.5875L9.24046%2011.9125L15.5851%205.7V9.6875H17.5V2.5H10.1596Z'%20fill='white'/%3e%3c/svg%3e") center center/contain no-repeat;
}

.c-ticket-btn span {
  font-size: 1.5rem;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .c-ticket-btn span {
    font-size: 1.4rem;
  }
}

.c-title {
  position: relative;
}

.c-title::before {
  position: absolute;
  content: "";
  top: 0;
  left: calc(50% - 50vw);
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAI8AAAA8CAYAAABfPelIAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADDSURBVHgB7dKxEUFRFEDBS0wRylCK+BdCKSJ1iYxcAX4PJ3szuzXs4TPX/yzq9NjmfN9mNZfba97f3yzueRyI5CGTh0weMnnI5CGTh0weMnnI5CGTh0weMnnI5CGTh0weMnnI5CGTh0weMnnI5CGTh0weMnnI5CGTh0weMnnI5CGTh0weMnnI5CGTh0weMnnI5CGTh0weMnnI5CGTh0weMnnI5CGTh0weMnnI5CGTh0weMnnI5CGTh0weMnnI5CGTh2wHkbgI782R4cAAAAAASUVORK5CYII=) center left/auto 3rem repeat-x;
  height: 100%;
  width: 100vw;
}
@media screen and (max-width: 767px) {
  .c-title::before {
    background-size: auto 1.2rem;
  }
}

.c-title span {
  text-transform: uppercase;
  position: relative;
  display: inline-flex;
  align-items: center;
  font-size: 12rem;
  font-weight: 400;
  min-height: 12rem;
  line-height: 1;
  letter-spacing: 0.02em;
  padding-inline: 3rem;
}
@media screen and (max-width: 767px) {
  .c-title span {
    font-size: 3.6rem;
    min-height: 4.6rem;
    padding-inline: 2rem;
  }
}

.l-inner {
  margin: 0 auto;
  max-width: 124rem;
  width: 100%;
  height: inherit;
  padding-right: 2rem;
  padding-left: 2rem;
}
@media screen and (max-width: 767px) {
  .l-inner {
    max-width: 54rem;
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
}

.l-inner.--s {
  max-width: 89.4rem;
}

.l-inner.--m {
  max-width: 103.4rem;
}

.p-access {
  background: url(../images/bg_access_pc.webp) center center/cover no-repeat;
  padding-block: 16rem;
}
@media screen and (max-width: 767px) {
  .p-access {
    background-image: url(../images/bg_access_sp.webp);
    padding-block: 5.6rem;
  }
}

.p-access__title {
  position: relative;
}

.p-access__title::after {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  width: 28rem;
  height: 28rem;
  right: calc(50% - min(46.9672131148vw, 57.3rem));
  background: url(../images/img_access_01.webp) center center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .p-access__title::after {
    width: 13.8rem;
    height: 13.8rem;
    right: -1rem;
    top: 75%;
  }
}

.p-access__wrap {
  position: relative;
  display: grid;
  grid-template-columns: 57.1666666667% 1fr;
  gap: 2.75%;
  margin-top: 13rem;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-access__wrap {
    grid-template-columns: 100%;
    gap: 3.2rem;
    margin-top: 9.2rem;
  }
}

.p-access__wrap::before {
  position: absolute;
  content: "";
  width: 100vw;
  margin-left: calc(50% - 50vw);
  left: 0;
  top: 50%;
  height: 18.75vw;
  transform: translateY(-50%);
  background: url(../images/tricolore.webp) center center/contain no-repeat;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .p-access__wrap::before {
    top: 17.1rem;
    transform: translateY(0);
    height: 18.6666666667vw;
  }
}

.p-access__iframe iframe {
  aspect-ratio: 481/516;
  width: 100%;
  height: 100%;
}

.p-access__btn {
  margin-top: 4rem;
}

.p-access__info {
  margin-top: 7rem;
}
@media screen and (max-width: 767px) {
  .p-access__info {
    margin-top: 4rem;
  }
}

.p-access__subTitle {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 2.8rem;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .p-access__subTitle {
    font-size: 1.8rem;
    letter-spacing: normal;
  }
}

.p-access__subTitle::before,
.p-access__subTitle::after {
  display: block;
  content: "";
  height: 1.8rem;
  width: min(37.7049180328vw, 46rem);
  background: linear-gradient(to bottom, #E60039 0%, #E60039 33.3333333333%, #fff 33.3333333333%, #fff 66.6666666667%, #004098 66.6666666667%, #004098);
}
@media screen and (max-width: 767px) {
  .p-access__subTitle::before,
  .p-access__subTitle::after {
    width: min(17.0666666667vw, 6.4rem);
  }
}

.p-access__blocks {
  margin-top: 5.6rem;
}
@media screen and (max-width: 767px) {
  .p-access__blocks {
    margin-top: 4.8rem;
  }
}

.p-access__block {
  max-width: 85.4rem;
  margin-inline: auto;
}

.p-access__block + .p-access__block {
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-access__block + .p-access__block {
    margin-top: 3.2rem;
  }
}

.p-access__block-title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  gap: 3.5rem;
  padding-block: 1rem;
}
@media screen and (max-width: 767px) {
  .p-access__block-title {
    font-size: 1.5rem;
    gap: 0.2rem;
    padding-right: 1rem;
  }
}

.p-access__block-title > img {
  width: 4rem;
}
@media screen and (max-width: 767px) {
  .p-access__block-title > img {
    width: 2.2rem;
  }
}

.p-access__icon {
  position: absolute;
  right: 4rem;
  width: 1.8rem;
  height: 1.8rem;
  background-color: #004098;
  mask: url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.212%208.28906L17.7484%206.8335L10.9594%2013.6615L4.17163%206.8335L2.70801%208.28906L10.9594%2016.5861L19.212%208.28906Z'%20fill='white'/%3e%3c/svg%3e") center center/contain no-repeat;
  transition: all 0.45s;
}
@media screen and (max-width: 767px) {
  .p-access__icon {
    right: 0.8rem;
  }
}

.p-access__block.is-opened .p-access__icon {
  transform: rotate(180deg);
}

.p-access__content {
  overflow: hidden;
}

.p-access__main {
  border: 1px solid #fff;
  padding-block: 2.4rem;
  padding-inline: 5.5rem;
  font-size: 1.5rem;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .p-access__main {
    padding-block: 0;
    font-size: 1.2rem;
    padding-inline: 1.8rem;
  }
}

.p-access__list {
  padding-block: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-access__list {
    text-align: left;
  }
}

.p-access__list a {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 1.35rem;
  text-decoration: underline;
  padding-right: 2.1rem;
  margin-left: 4rem;
  transition: all 0.45s;
}
@media screen and (max-width: 767px) {
  .p-access__list a {
    width: 100%;
    margin-top: 1rem;
    margin-left: auto;
    justify-content: flex-end;
  }
}

.p-access__list a:hover {
  opacity: 0.7;
}

.p-access__list a::after {
  display: block;
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  content: "";
  position: absolute;
  right: 0;
  background-color: #BF9C46;
  mask: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15.5851%2015.625H4.41489V4.375H7.28723V2.5H3.45745C2.92886%202.5%202.5%202.91992%202.5%203.4375V16.5625C2.5%2017.0801%202.92886%2017.5%203.45745%2017.5H16.5426C17.0711%2017.5%2017.5%2017.0801%2017.5%2016.5625V12.5H15.5851V15.625Z'%20fill='white'/%3e%3cpath%20d='M10.1596%202.5V4.375H14.2319L7.8872%2010.5875L9.24046%2011.9125L15.5851%205.7V9.6875H17.5V2.5H10.1596Z'%20fill='white'/%3e%3c/svg%3e") center center/contain no-repeat;
}

.p-access__list + .p-access__list {
  border-top: 1px solid #fff;
}

.p-access__list strong {
  display: block;
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.p-access__list span {
  display: block;
  font-size: 1.35rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  margin-top: 1rem;
}
@media screen and (max-width: 767px) {
  .p-access__list span {
    font-size: 1rem;
    letter-spacing: 0.02em;
  }
}

.p-access__text {
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .p-access__text {
    padding-block: 1.8rem;
  }
}

.p-contact {
  padding-block: 12rem 16rem;
  background: url(../images/bg_contact_pc.webp) center center/cover no-repeat;
}
@media screen and (max-width: 767px) {
  .p-contact {
    background-image: url(../images/bg_contact_sp.webp);
    padding-block: 5.6rem;
  }
}

.p-contact__text {
  font-size: 1.8rem;
  letter-spacing: 0.06em;
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-contact__text {
    font-size: 1.5rem;
    text-align: center;
    line-height: 1.4;
  }
}

.p-contact__btn {
  margin-top: 3.2rem;
}

.p-contact__bnr {
  display: block;
  max-width: 78.8rem;
  margin-top: 7rem;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-contact__bnr {
    margin-top: 4.4rem;
  }
}

.p-contents {
  position: relative;
  padding-block: 56.8rem 25.2rem;
  background: #004098;
  margin-top: max(-12vw, -15rem);
}
@media screen and (max-width: 767px) {
  .p-contents {
    padding-block: 25.7rem 7.6rem;
    margin-top: max(-24vw, -10rem);
  }
}

.p-contents__bg {
  position: absolute;
  width: 100%;
  top: 0;
}

.p-contents__bg::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(20, 110, 234, 0.35);
}

.p-contents__bg video {
  aspect-ratio: 1440/959;
  width: 100%;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .p-contents__bg video {
    aspect-ratio: 375/396;
  }
}

.p-contents__lists {
  position: relative;
  display: grid;
  gap: 3.2rem;
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 767px) {
  .p-contents__lists {
    overflow-x: auto;
    gap: 0.8rem;
    grid-template-columns: repeat(4, max(41.6vw, 15.6rem));
    margin-inline: calc(50% - 50vw);
    padding-inline: 2.5rem;
  }
}

.p-contents__main {
  position: relative;
}

@media screen and (max-width: 767px) {
  .p-contents__main::before {
    position: absolute;
    content: "";
    width: 4.4rem;
    height: 6.4rem;
    background: url(data:image/png;base64,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) center center/contain no-repeat;
    top: 50%;
    right: -2rem;
    z-index: 1;
    transition: all 0.45s;
    pointer-events: none;
  }
}

@media screen and (max-width: 767px) {
  .p-contents__main:has(.p-contents__lists.is-scroll)::before {
    opacity: 0;
    visibility: hidden;
  }
}

.p-contents__lists {
  /* Webkit系ブラウザ（Chrome、Safariなど） */
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* Internet Explorer/Edge */
}

.p-contents__lists::-webkit-scrollbar {
  display: none; /* Webkit系ブラウザのスクロールバーを非表示にする */
}

.p-contents__list {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: 3.5rem;
}
@media screen and (max-width: 767px) {
  .p-contents__list {
    gap: 1.6rem;
  }
}

.p-contents__title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  font-size: 4.8rem;
  line-height: 1;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .p-contents__title {
    font-size: 2.8rem;
  }
}

.p-contents__title span {
  font-size: 3.2rem;
  padding-inline: 0.4rem;
}

.p-contents__btn {
  display: block;
  position: relative;
}

.p-contents__img {
  display: block;
  overflow: hidden;
}

.p-contents__img img {
  aspect-ratio: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.45s;
}

.p-contents__open {
  position: absolute;
  display: grid;
  place-items: center;
  bottom: 0;
  right: 0;
  width: 5rem;
  height: 5rem;
  transition: all 0.45s;
}
@media screen and (max-width: 767px) {
  .p-contents__open {
    width: 4rem;
    height: 4rem;
  }
}

.p-contents__open::before {
  display: block;
  content: "";
  width: 2rem;
  height: 2rem;
  background-color: #004098;
  mask: url("data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.89978%202.25V8.15593H15.75V9.84407H9.89978V15.75H8.10022V9.84407H2.25V8.15593H8.10022V2.25H9.89978Z'%20fill='white'/%3e%3c/svg%3e") center center/contain no-repeat;
}

.p-contents__btn:hover {
  opacity: 1;
}
.p-contents__btn:hover .p-contents__img img {
  transform: scale(1.2);
}

.p-contents__open:hover {
  opacity: 0.7;
}

.p-drawer {
  position: fixed;
  top: 0;
  right: 0;
  height: 100dvh;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.45s;
}

.p-drawer.is-active {
  opacity: 1;
  visibility: visible;
}

.p-drawer__bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: rgba(0, 64, 152, 0.4);
}

.p-drawer__inner {
  max-width: 34.3rem;
  padding-block: 10.7rem 5.4rem;
  overflow-y: auto;
  margin-right: 0;
  transform: translateX(105%);
  transition: all 0.45s;
}

.p-drawer.is-active .p-drawer__inner {
  transform: translateX(0);
}

.p-drawer__link {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.03em;
  display: block;
}

.p-drawer__link a {
  display: block;
  padding: 0.8rem 0;
  border-bottom: 0.2rem solid #014cb3;
  position: relative;
  border-bottom: 0.2rem solid #014cb3;
}

.p-drawer__link a::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 2.4rem;
  height: 100%;
  background: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_1490_13840'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_1490_13840)'%3e%3cpath%20d='M16.175%2013H4V11H16.175L10.575%205.4L12%204L20%2012L12%2020L10.575%2018.6L16.175%2013Z'%20fill='white'/%3e%3c/g%3e%3c/svg%3e") center no-repeat;
  background-size: 100% auto;
}

.p-drawer__link a span {
  font-size: 1.8rem;
  line-height: 1;
  display: block;
  font-weight: 400;
}

.p-event {
  padding-block: 16rem;
  background: url(../images/bg_event_pc.webp) center center/cover no-repeat;
}
@media screen and (max-width: 767px) {
  .p-event {
    background-image: url(../images/bg_event_sp.webp);
    padding-block: 5.6rem;
  }
}

.p-event__title {
  position: relative;
}

.p-event__title::after {
  position: absolute;
  content: "";
  top: 37.5%;
  transform: translateY(-50%);
  width: 28rem;
  height: 28rem;
  left: calc(50% - min(43.4426229508vw, 53rem));
  background: url(../images/img_event_01.webp) center center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .p-event__title::after {
    top: 50%;
    width: 13.8rem;
    height: 13.9rem;
    left: -1.9rem;
  }
}

.p-event__cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3.2rem;
  margin-top: 7rem;
}
@media screen and (max-width: 767px) {
  .p-event__cards {
    grid-template-columns: 100%;
    margin-top: 5.8rem;
    gap: 2.4rem;
  }
}

.p-event__btn {
  margin-top: 7rem;
}
@media screen and (max-width: 767px) {
  .p-event__btn {
    margin-top: 3.2rem;
  }
}

.p-faq {
  position: relative;
  background: url(../images/bg_faq_pc.webp) center center/cover no-repeat;
  padding-block: 16rem 16rem;
}
@media screen and (max-width: 767px) {
  .p-faq {
    background-image: url(../images/bg_faq_sp.webp);
    padding-bottom: 5.6rem;
  }
}

.p-faq__fukidashi {
  position: absolute;
  top: 6rem;
  width: 31.1rem;
  padding-block: 1.7rem;
  padding-inline: 3rem;
  border-radius: 1rem;
  background: url(data:image/png;base64,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) top right/4rem no-repeat;
}
@media screen and (max-width: 767px) {
  .p-faq__fukidashi {
    top: 2.4rem;
    left: 50%;
    transform: translateX(-50%);
    padding-inline: 2.5rem;
    width: 25.7rem;
  }
}

.p-faq__fukidashi::before {
  position: absolute;
  content: "";
  width: 4rem;
  height: 2.2rem;
  bottom: -2.1rem;
  right: 1.9rem;
  background-color: #fff;
  clip-path: polygon(84% 0, 0 0, 100% 100%);
}
@media screen and (max-width: 767px) {
  .p-faq__fukidashi::before {
    left: 3.6rem;
    right: initial;
  }
}

.p-faq__fukidashi-text {
  font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
  .p-faq__fukidashi-text {
    font-size: 1.5rem;
  }
}

.p-faq__fukidashi-btn {
  margin-top: 0.8rem;
}

.p-faq__fukidashi-btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: 0.04em;
  height: 3.6rem;
  border-radius: 2rem;
  border: 1px solid #004098;
  gap: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-faq__fukidashi-btn a {
    font-size: 1.2rem;
  }
}

.p-faq__fukidashi-btn a::after {
  display: block;
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  background-color: #004098;
  mask: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15.5851%2015.625H4.41489V4.375H7.28723V2.5H3.45745C2.92886%202.5%202.5%202.91992%202.5%203.4375V16.5625C2.5%2017.0801%202.92886%2017.5%203.45745%2017.5H16.5426C17.0711%2017.5%2017.5%2017.0801%2017.5%2016.5625V12.5H15.5851V15.625Z'%20fill='white'/%3e%3cpath%20d='M10.1596%202.5V4.375H14.2319L7.8872%2010.5875L9.24046%2011.9125L15.5851%205.7V9.6875H17.5V2.5H10.1596Z'%20fill='white'/%3e%3c/svg%3e") center center/contain no-repeat;
}

.p-faq__blocks {
  margin-top: 7rem;
}
@media screen and (max-width: 767px) {
  .p-faq__blocks {
    margin-top: 4.2rem;
  }
}

.p-faq__block + .p-faq__block {
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-faq__block + .p-faq__block {
    margin-top: 1.6rem;
  }
}

.p-faq__head {
  position: relative;
  display: grid;
  grid-template-columns: 8.5rem 1fr;
}
@media screen and (max-width: 767px) {
  .p-faq__head {
    grid-template-columns: 6rem 1fr;
  }
}

.p-faq__q {
  font-size: 1.8rem;
  line-height: 1.8;
  letter-spacing: 0.06em;
  padding-block: 3.2rem;
  padding-inline: 3rem 6rem;
}
@media screen and (max-width: 767px) {
  .p-faq__q {
    font-size: 1.5rem;
    line-height: 1.4;
    padding-block: 0.9rem;
    padding-inline: 1.6rem 5rem;
  }
}

.p-faq__en {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3.2rem;
  min-height: 8.5rem;
}
@media screen and (max-width: 767px) {
  .p-faq__en {
    font-size: 2rem;
    min-height: 6rem;
  }
}

.p-faq__icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1.4rem;
  height: 1.4rem;
  right: 3.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .p-faq__icon {
    right: 1.6rem;
    width: 1.6rem;
    height: 1.6rem;
  }
}

.p-faq__icon::before,
.p-faq__icon::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 0.2rem;
  background-color: #004098;
  transition: all 0.45s;
}

.p-faq__icon::before {
  transform: rotate(90deg);
}

.p-faq__block.is-opened .p-faq__icon::before {
  transform: rotate(0deg);
}

.p-faq__content {
  overflow: hidden;
}

.p-faq__main {
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .p-faq__main {
    margin-top: 1.6rem;
  }
}

.p-faq__text {
  font-size: 1.8rem;
  line-height: 1.8;
  letter-spacing: 0.06em;
  padding-block: 1.5rem;
  padding-inline: 3rem;
}
@media screen and (max-width: 767px) {
  .p-faq__text {
    font-size: 1.5rem;
    padding-block: 1.6rem;
  }
}

.p-float {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 99;
  padding-block: 0.5rem 1rem;
  border-bottom: 0.4rem solid #BF9C46;
  transition: all 0.45s;
}

.p-float.is-hidden {
  transform: translateY(105%);
}

.p-float__inner {
  display: flex;
  justify-content: center;
  gap: 3.8rem;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .p-float__inner {
    padding-inline: 1.5rem;
    gap: 0.6rem;
  }
}

.p-float__club {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .p-float__club.u-desktop {
    display: none;
  }
}

.p-float__vs {
  font-size: 4.8rem;
}

.p-float__icon {
  display: block;
  width: 9.1rem;
  margin-left: 2.4rem;
}

.p-float__icon img {
  aspect-ratio: 1;
  object-fit: contain;
}

.p-float__title {
  font-size: 1.8rem;
  margin-left: 1.6rem;
}

.p-float__time {
  display: flex;
  align-items: baseline;
  gap: 0.6rem;
}
@media screen and (max-width: 767px) {
  .p-float__time {
    align-items: flex-end;
  }
}

.p-float__time .date {
  font-size: 7.4rem;
  letter-spacing: 0.03em;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .p-float__time .date {
    font-size: 6.2rem;
    transform: translateY(0.5rem);
  }
}

.p-float__time .day {
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.8rem;
  transform: translateY(-0.5rem);
}
@media screen and (max-width: 767px) {
  .p-float__time .day {
    width: 2rem;
    height: 2rem;
    font-size: 1.4rem;
    transform: translateY(0rem);
  }
}

.p-float__time .kickoff {
  font-size: 3.2rem;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .p-float__time .kickoff {
    font-size: 2.8rem;
  }
}

.p-float__timeWrap {
  display: contents;
}
@media screen and (max-width: 767px) {
  .p-float__timeWrap {
    display: block;
  }
}

.p-float__stadium {
  font-size: 1.8rem;
  line-height: 1;
  padding: 0.8rem 1rem;
  border-radius: 0.8rem;
}

@media screen and (max-width: 767px) {
  .p-float__btn {
    width: 23.1rem;
  }
}

@media screen and (max-width: 767px) {
  .p-float__btn a {
    height: 6rem;
  }
}
@media screen and (max-width: 767px) {
  .p-float__btn a::before {
    right: 1.1rem;
  }
}

.p-footer {
  padding-block: 6.3rem 15rem;
}
@media screen and (max-width: 767px) {
  .p-footer {
    padding-bottom: 9.2rem;
  }
}

.p-footer__logo {
  max-width: 10rem;
  margin-inline: auto;
}

.p-footer__follow {
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-footer__follow {
    margin-top: 2.4rem;
  }
}

.p-footer__follow-title {
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-footer__follow-title {
    font-size: 2.4rem;
  }
}

.p-footer__sns {
  display: flex;
  justify-content: center;
  gap: 2.2rem;
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-footer__sns {
    justify-content: space-between;
  }
}

.p-footer__sns li {
  width: 2.3rem;
}

.p-footer__links {
  max-width: 72rem;
  margin-inline: auto;
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-footer__links {
    margin-top: 2.3rem;
  }
}

.p-footer__links li {
  border-bottom: 0.1rem solid #ffffff;
}

.p-footer__links > li:first-child {
  border-top: 0.1rem solid #ffffff;
}

.p-footer__links li a {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.03em;
  display: block;
  padding: 2.3rem 4rem 1.9rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-footer__links li a {
    font-size: 1.3rem;
    padding-block: 2.3rem;
    padding-inline: 0 5.3rem;
  }
}

.p-footer__links li a::after {
  content: "";
  position: absolute;
  right: 1.4rem;
  top: 3rem;
  width: 0.8rem;
  height: 0.8rem;
  border-bottom: 0.2rem solid #fff;
  border-right: 0.2rem solid #fff;
  transform: rotate(-45deg);
}

@media screen and (max-width: 767px) {
  .p-footer__links--sub {
    margin-block: 1rem;
  }
}

.p-footer__links--sub li {
  border-bottom: none;
}

@media screen and (max-width: 767px) and (max-width: 767px) {
  .p-footer__links--sub li a {
    padding-block: 1rem;
  }
}

@media screen and (max-width: 767px) {
  .p-footer__links--sub li a::after {
    top: 1.8rem;
  }
}

.p-footer__copyright {
  margin-top: 6.25rem;
}

.p-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  height: 5.8rem;
  width: 100%;
  transition: all 0.45s;
}
@media screen and (max-width: 767px) {
  .p-header {
    height: 4.8rem;
  }
}

.p-header.is-hidden {
  transform: translateY(-105%);
}

.p-header::before {
  position: absolute;
  content: "";
  width: 100%;
  left: 0;
  height: 1.2rem;
  bottom: -1.2rem;
  background: linear-gradient(to bottom, #E60039 0%, #E60039 33.3333333333%, #fff 33.3333333333%, #fff 66.6666666667%, #004098 66.6666666667%, #004098);
}

.p-header__inner {
  display: flex;
  align-items: center;
  max-width: unset;
  padding-right: 0;
}
@media screen and (max-width: 767px) {
  .p-header__inner {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
}

.p-header__logo a {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  font-size: 2rem;
}

.p-header__logo img {
  width: 4.1rem;
}
@media screen and (max-width: 767px) {
  .p-header__logo img {
    width: 4rem;
  }
}

.p-header__btns {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .p-header__btns {
    background-color: #004098;
    position: absolute;
    width: 100%;
    top: calc(100% + 1.2rem);
    left: 0;
    height: 5.6rem;
    gap: 0.8rem;
    justify-content: center;
    padding-inline: 1rem;
  }
}

.p-header__btn {
  width: 19.1rem;
  height: 4rem;
}
@media screen and (max-width: 767px) {
  .p-header__btn {
    width: calc(50% - 0.4rem);
  }
}

.p-header__btn a {
  height: 100%;
  display: flex;
  gap: 0.8rem;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border: 0.1rem solid #E60039;
  border-radius: 3rem;
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 767px) {
  .p-header__btn a {
    font-size: 1.4rem;
  }
}

.p-header__btn a::before {
  display: block;
  content: "";
  width: 2.4rem;
  height: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-header__btn a::before {
    width: 1.4rem;
    height: 1.4rem;
  }
}

.p-header__btn.gourmet a::before {
  width: 1.8rem;
  background: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.93858%203.89526C8.29096%203.07281%207.01543%201.88389%205.85585%201.4471C4.91287%201.09341%204.20837%201.45989%203.97646%201.60903C3.73579%201.74753%203.09255%202.20776%203.0116%203.18787C2.91315%204.39597%203.46012%206.0302%203.94145%206.95492C4.3659%207.77097%205.40952%209.20492%206.33062%209.51174C6.83165%209.67793%207.35893%209.72693%207.87527%209.82921C8.07874%209.86969%208.16188%209.87182%208.33691%209.95279C8.92107%2010.283%209.26676%2010.837%209.61682%2011.3953C10.2207%2012.3775%2010.8245%2013.3597%2011.4284%2014.342C12.3604%2015.859%2013.5331%2018.1282%2014.0604%2019.8392C14.2923%2020.5955%2015.0428%2022.0721%2015.7845%2022.5238C16.2505%2022.8072%2016.7493%2022.7305%2017.2394%2022.4642H17.2372C17.2372%2022.4642%2017.2372%2022.4642%2017.2394%2022.4642C17.2897%2022.4365%2017.3357%2022.4066%2017.3816%2022.3768C17.4298%2022.3512%2017.4779%2022.3214%2017.5238%2022.2894C17.5238%2022.2894%2017.5238%2022.2894%2017.526%2022.2894H17.5238C17.9833%2021.9762%2018.2699%2021.5714%2018.2108%2021.0409C18.1146%2020.195%2017.0731%2018.8974%2016.4736%2018.3647C15.1172%2017.1609%2013.5266%2015.1495%2012.5267%2013.673C11.8791%2012.7163%2011.2315%2011.7617%2010.5839%2010.8051C10.2185%2010.2575%209.85749%209.71202%209.80279%209.05577C9.80279%208.86827%209.8378%208.7937%209.88812%208.59767C10.0172%208.10122%2010.201%207.61543%2010.2644%207.10406C10.3804%206.1623%209.50524%204.62395%208.9342%203.89952L8.93858%203.89526Z'%20fill='%23004098'/%3e%3cpath%20d='M17.6995%208.08124C17.8364%207.85733%2017.9658%207.6291%2018.0787%207.39411C18.5957%206.32652%2019.9745%203.72642%2020.1811%202.54295C20.208%202.39375%2020.1939%202.23634%2020.1905%202.08246C20.1904%202.05249%2020.1613%202.02854%2020.1312%202.03644C20.0244%202.05818%2019.9811%202.0885%2019.952%202.12932C19.2125%203.16061%2017.665%205.69762%2017.0206%206.70551C16.8669%206.94488%2016.4285%206.71417%2016.5264%206.43576C16.8239%205.5853%2018.6098%202.08706%2018.8286%201.57316C18.8663%201.48743%2018.8319%201.37329%2018.8149%201.26403C18.8099%201.23377%2018.7794%201.21651%2018.7501%201.22736C18.647%201.26865%2018.5279%201.29837%2018.4722%201.37145C18.1314%201.81631%2015.9529%205.09234%2015.355%205.77531C15.1599%205.9987%2014.7347%205.74557%2014.8674%205.49434C15.4299%204.44007%2016.8802%201.84804%2017.4147%200.703195C17.4362%200.658065%2017.4394%200.605095%2017.4052%200.503527C17.3961%200.475925%2017.3615%200.461324%2017.3349%200.476194C17.1981%200.553199%2017.052%200.619995%2016.9337%200.717419C15.9961%201.48962%2014.4057%203.96998%2013.7256%204.94775C13.5764%205.16224%2013.4414%205.38724%2013.314%205.61654C12.8032%206.51825%2012.6619%207.52192%2013.1287%208.54591C13.1314%208.54993%2013.1311%208.55475%2013.1319%208.55769C13.2765%209.48153%2012.8334%2010.2123%2012.3848%2010.9524C11.7223%2012.0297%2011.0599%2013.1071%2010.3974%2014.1845C9.37467%2015.8477%208.23305%2017.4237%206.84874%2018.8249C6.23502%2019.4441%205.42225%2020.4963%205.32473%2021.4126C5.26479%2021.989%205.56291%2022.4019%206.03651%2022.7023C6.08496%2022.7322%206.13452%2022.7603%206.18327%2022.7854C6.18327%2022.7854%206.18327%2022.7854%206.18517%2022.7865C6.23172%2022.8153%206.28127%2022.8433%206.33193%2022.8695C6.83824%2023.1187%207.34932%2023.1614%207.82775%2022.8193C8.58771%2022.2754%209.10126%2021.0539%209.33651%2020.223C9.8697%2018.3425%2010.6786%2016.5807%2011.627%2014.8755C12.2418%2013.7711%2012.8547%2012.6657%2013.4666%2011.5621C13.8912%2010.811%2014.3106%2010.0643%2015.1963%209.72111C15.2004%209.71845%2015.2053%209.71874%2015.2083%209.71795C16.3447%209.59634%2017.1572%208.96756%2017.6946%208.08095L17.6995%208.08124Z'%20fill='%23004098'/%3e%3c/svg%3e") center center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .p-header__btn.gourmet a::before {
    width: 0.9rem;
  }
}

.p-header__btn.other a::before {
  background: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_3167_11683'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23004098'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_3167_11683)'%3e%3cpath%20d='M5%2022C4.45%2022%203.97917%2021.8042%203.5875%2021.4125C3.19583%2021.0208%203%2020.55%203%2020V6C3%205.45%203.19583%204.97917%203.5875%204.5875C3.97917%204.19583%204.45%204%205%204H6V2H8V4H16V2H18V4H19C19.55%204%2020.0208%204.19583%2020.4125%204.5875C20.8042%204.97917%2021%205.45%2021%206V20C21%2020.55%2020.8042%2021.0208%2020.4125%2021.4125C20.0208%2021.8042%2019.55%2022%2019%2022H5ZM5%2020H19V10H5V20ZM5%208H19V6H5V8ZM12%2014C11.7167%2014%2011.4792%2013.9042%2011.2875%2013.7125C11.0958%2013.5208%2011%2013.2833%2011%2013C11%2012.7167%2011.0958%2012.4792%2011.2875%2012.2875C11.4792%2012.0958%2011.7167%2012%2012%2012C12.2833%2012%2012.5208%2012.0958%2012.7125%2012.2875C12.9042%2012.4792%2013%2012.7167%2013%2013C13%2013.2833%2012.9042%2013.5208%2012.7125%2013.7125C12.5208%2013.9042%2012.2833%2014%2012%2014ZM8%2014C7.71667%2014%207.47917%2013.9042%207.2875%2013.7125C7.09583%2013.5208%207%2013.2833%207%2013C7%2012.7167%207.09583%2012.4792%207.2875%2012.2875C7.47917%2012.0958%207.71667%2012%208%2012C8.28333%2012%208.52083%2012.0958%208.7125%2012.2875C8.90417%2012.4792%209%2012.7167%209%2013C9%2013.2833%208.90417%2013.5208%208.7125%2013.7125C8.52083%2013.9042%208.28333%2014%208%2014ZM16%2014C15.7167%2014%2015.4792%2013.9042%2015.2875%2013.7125C15.0958%2013.5208%2015%2013.2833%2015%2013C15%2012.7167%2015.0958%2012.4792%2015.2875%2012.2875C15.4792%2012.0958%2015.7167%2012%2016%2012C16.2833%2012%2016.5208%2012.0958%2016.7125%2012.2875C16.9042%2012.4792%2017%2012.7167%2017%2013C17%2013.2833%2016.9042%2013.5208%2016.7125%2013.7125C16.5208%2013.9042%2016.2833%2014%2016%2014ZM12%2018C11.7167%2018%2011.4792%2017.9042%2011.2875%2017.7125C11.0958%2017.5208%2011%2017.2833%2011%2017C11%2016.7167%2011.0958%2016.4792%2011.2875%2016.2875C11.4792%2016.0958%2011.7167%2016%2012%2016C12.2833%2016%2012.5208%2016.0958%2012.7125%2016.2875C12.9042%2016.4792%2013%2016.7167%2013%2017C13%2017.2833%2012.9042%2017.5208%2012.7125%2017.7125C12.5208%2017.9042%2012.2833%2018%2012%2018ZM8%2018C7.71667%2018%207.47917%2017.9042%207.2875%2017.7125C7.09583%2017.5208%207%2017.2833%207%2017C7%2016.7167%207.09583%2016.4792%207.2875%2016.2875C7.47917%2016.0958%207.71667%2016%208%2016C8.28333%2016%208.52083%2016.0958%208.7125%2016.2875C8.90417%2016.4792%209%2016.7167%209%2017C9%2017.2833%208.90417%2017.5208%208.7125%2017.7125C8.52083%2017.9042%208.28333%2018%208%2018ZM16%2018C15.7167%2018%2015.4792%2017.9042%2015.2875%2017.7125C15.0958%2017.5208%2015%2017.2833%2015%2017C15%2016.7167%2015.0958%2016.4792%2015.2875%2016.2875C15.4792%2016.0958%2015.7167%2016%2016%2016C16.2833%2016%2016.5208%2016.0958%2016.7125%2016.2875C16.9042%2016.4792%2017%2016.7167%2017%2017C17%2017.2833%2016.9042%2017.5208%2016.7125%2017.7125C16.5208%2017.9042%2016.2833%2018%2016%2018Z'%20fill='%23004098'/%3e%3c/g%3e%3c/svg%3e") center center/contain no-repeat;
}

.p-header__hamburger {
  height: 5.8rem;
  width: 5.8rem;
  margin-left: 2.2rem;
}
@media screen and (max-width: 767px) {
  .p-header__hamburger {
    position: absolute;
    top: 0;
    right: 0;
    width: 4.8rem;
    height: 4.8rem;
  }
}

.p-kv {
  margin-top: 5.8rem;
}
@media screen and (max-width: 767px) {
  .p-kv {
    margin-top: 11.6rem;
  }
}

.p-modal {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 101;
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
  transition: all 0.45s;
}

.p-modal.is-active {
  opacity: 1;
  visibility: visible;
}

.p-modal__bg {
  position: sticky;
  cursor: pointer;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(30, 30, 30, 0.87);
}

.p-modal__content {
  position: absolute;
  max-width: 52.8rem;
  max-height: calc(100% - 10rem);
  height: fit-content;
  margin: auto;
  inset: 0;
}
@media screen and (max-width: 767px) {
  .p-modal__content {
    width: calc(100% - 4rem);
    max-height: calc(100% - 5rem);
    max-width: 86.6666666667vw;
  }
}

.p-modal__content.player {
  max-width: 120rem;
  overflow: initial;
}
@media screen and (max-width: 767px) {
  .p-modal__content.player {
    max-width: 92.8vw;
  }
}

.p-modal__content.seat {
  overflow: auto;
}

.p-modal__btn {
  margin-top: 7rem;
  cursor: pointer;
  padding-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .p-modal__btn {
    margin-top: 3.2rem;
    padding-bottom: 2rem;
  }
}

.p-player {
  background: url(../images/bg_players_pc.webp) center center/cover no-repeat;
  padding-block: 16rem;
}
@media screen and (max-width: 767px) {
  .p-player {
    background-image: url(../images/bg_players_sp.webp);
    padding-block: 5.6rem;
  }
}

.p-player__lists {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3.2rem;
  margin-top: 7rem;
}
@media screen and (max-width: 767px) {
  .p-player__lists {
    margin-top: 4rem;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.6rem 3.3rem;
  }
}

.p-player__lists.modal {
  margin-top: 0;
  height: 60rem;
  overflow-y: auto;
  padding-right: 2.5rem;
}
@media screen and (max-width: 767px) {
  .p-player__lists.modal {
    grid-template-columns: repeat(4, 1fr);
    padding-right: 0;
    gap: 1.6rem 0.8rem;
    height: calc(100dvh - 8.8rem - 10rem);
  }
}

.p-player__lists.modal::-webkit-scrollbar {
  width: 0.8rem;
}

.p-player__lists.modal::-webkit-scrollbar {
  width: 0.8rem;
}

.p-player__lists.modal::-webkit-scrollbar-track {
  background-color: #fff;
}

.p-player__lists.modal::-webkit-scrollbar-thumb {
  background-color: #004098;
}

.p-player__lists:not(.modal) .p-player__list:nth-child(n+7) {
  display: none;
}

@media screen and (max-width: 767px) {
  .p-player__lists.modal .c-player__img img {
    aspect-ratio: 81/101;
  }
}

.p-player__btn {
  margin-top: 6rem;
}
@media screen and (max-width: 767px) {
  .p-player__btn {
    margin-top: 4rem;
  }
}

.p-schedule {
  background: url(../images/bg_time-schedule_pc.webp) center center/cover no-repeat;
  clip-path: polygon(0 min(10.4166666667vw, 15rem), 100% 0, 100% 100%, 0% 100%);
  padding-block: 23.5rem 6.2rem;
  margin-top: max(-10.4166666667vw, -15rem);
}
@media screen and (max-width: 767px) {
  .p-schedule {
    padding-block: 5.6rem;
    background-image: url(../images/bg_time-schedule_sp.webp);
  }
}

.p-schedule__blocks {
  margin-top: 7rem;
}
@media screen and (max-width: 767px) {
  .p-schedule__blocks {
    margin-top: 4rem;
  }
}

.p-schedule__block + .p-schedule__block {
  margin-top: 1.6rem;
}

.p-schedule__head {
  position: relative;
  display: grid;
  grid-template-columns: 17.3rem 1fr;
}
@media screen and (max-width: 767px) {
  .p-schedule__head {
    grid-template-columns: 6rem 1fr;
  }
}

.p-schedule__time {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-schedule__time {
    font-size: 2rem;
  }
}

.p-schedule__subTitle {
  font-size: 1.8rem;
  letter-spacing: 0.02em;
  padding-block: 1.1rem;
  padding-inline: 3rem 6rem;
}
@media screen and (max-width: 767px) {
  .p-schedule__subTitle {
    font-size: 1.5rem;
    padding-inline: 1.6rem 4rem;
    padding-block: 0.9rem;
  }
}

.p-schedule__icon {
  position: absolute;
  right: 3rem;
  top: 1.5rem;
  background-color: #004098;
  mask: url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.212%208.28906L17.7484%206.8335L10.9594%2013.6615L4.17163%206.8335L2.70801%208.28906L10.9594%2016.5861L19.212%208.28906Z'%20fill='white'/%3e%3c/svg%3e") center center/contain no-repeat;
  width: 1.8rem;
  height: 1.8rem;
  transition: all 0.45s;
}
@media screen and (max-width: 767px) {
  .p-schedule__icon {
    right: 1.7rem;
    top: 1.1rem;
  }
}

.p-schedule__block.is-opened .p-schedule__icon {
  transform: rotate(180deg);
}

.p-schedule__content {
  overflow: hidden;
}

.p-schedule__main {
  margin-top: 0.4rem;
}

.p-schedule__text {
  font-size: 1.8rem;
  line-height: 1.8;
  letter-spacing: 0.02em;
  padding-block: 1.5rem;
  padding-inline: 3rem;
}
@media screen and (max-width: 767px) {
  .p-schedule__text {
    font-size: 1.5rem;
    padding-inline: 1.6rem;
  }
}

.p-schedule__note {
  font-size: 1.8rem;
  letter-spacing: 0.02em;
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-schedule__note {
    font-size: 1.5rem;
    line-height: 1.3;
    margin-top: 1.6rem;
  }
}

.p-schedule__kickoff {
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-schedule__kickoff {
    margin-top: 1.6rem;
  }
}

@media screen and (max-width: 767px) {
  .p-schedule__kickoff + .p-schedule__blocks {
    margin-top: 1.6rem;
  }
}

.p-schedule__kickoff-time {
  font-size: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-schedule__kickoff-time {
    font-size: 2rem;
  }
}

.p-schedule__kickoff-text {
  position: relative;
  width: 28.7rem;
  height: 5.4rem;
  font-size: 2.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-schedule__kickoff-text {
    width: 17.6rem;
    height: 4.4rem;
    font-size: 1.8rem;
  }
}

.p-schedule__kickoff-text::before,
.p-schedule__kickoff-text::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 33rem;
  height: 1.8rem;
  content: "";
  background: linear-gradient(to bottom, #E60039 0%, #E60039 33.3333333333%, #fff 33.3333333333%, #fff 66.6666666667%, #004098 66.6666666667%, #004098);
}
@media screen and (max-width: 767px) {
  .p-schedule__kickoff-text::before,
  .p-schedule__kickoff-text::after {
    width: 14.6666666667vw;
  }
}

.p-schedule__kickoff-text::before {
  left: -35.3rem;
}
@media screen and (max-width: 767px) {
  .p-schedule__kickoff-text::before {
    left: -20vw;
  }
}

.p-schedule__kickoff-text::after {
  right: -35.3rem;
}
@media screen and (max-width: 767px) {
  .p-schedule__kickoff-text::after {
    right: -20vw;
  }
}

.p-seat {
  padding-block: 16rem 18rem;
  background: url(../images/bg_seating_pc.webp) center center/cover no-repeat;
}
@media screen and (max-width: 767px) {
  .p-seat {
    background-image: url(../images/bg_seating_sp.webp);
    padding-block: 5.6rem;
  }
}

.p-seat__blocks {
  max-width: 76.9rem;
  margin-inline: auto;
  margin-top: 7rem;
}
@media screen and (max-width: 767px) {
  .p-seat__blocks {
    margin-top: 4rem;
  }
}

.p-seat__block + .p-seat__block {
  margin-top: 4rem;
}

.p-seat__block-head {
  position: relative;
  display: grid;
  align-items: center;
  grid-template-columns: 8.5rem 1fr;
}
@media screen and (max-width: 767px) {
  .p-seat__block-head {
    grid-template-columns: 7rem 1fr;
  }
}

.p-seat__block-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  width: 8.5rem;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .p-seat__block-icon {
    width: 7rem;
  }
}

.p-seat__block-icon img {
  width: 6rem;
  object-fit: contain;
}

.p-seat__block-title {
  display: flex;
  align-items: center;
  font-size: 1.8rem;
  letter-spacing: 0.06em;
  padding-inline: 3rem 6rem;
  padding-block: 3.3rem;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .p-seat__block-title {
    font-size: 1.5rem;
    padding-block: 1.4rem;
    line-height: 1.4;
    padding-inline: 1.6rem 4.5rem;
  }
}

.p-seat__block-btn {
  position: absolute;
  width: 1.8rem;
  height: 1.8rem;
  right: 3rem;
  background-color: #004098;
  mask: url("data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.89978%202.25V8.15593H15.75V9.84407H9.89978V15.75H8.10022V9.84407H2.25V8.15593H8.10022V2.25H9.89978Z'%20fill='white'/%3e%3c/svg%3e") center center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .p-seat__block-btn {
    right: 1.7rem;
  }
}

.p-seat__content {
  overflow: hidden;
}

.p-seat__cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3.2rem;
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .p-seat__cards {
    grid-template-columns: 100%;
  }
}

.p-seat__main {
  margin-top: 8.5rem;
}
@media screen and (max-width: 767px) {
  .p-seat__main {
    margin-top: 4.8rem;
  }
}

.p-seat__bnr {
  display: block;
  max-width: 85.4rem;
  margin-inline: auto;
  margin-top: 8rem;
}
@media screen and (max-width: 767px) {
  .p-seat__bnr {
    margin-top: 4rem;
  }
}

.p-seat__bnr a {
  transition: all 0.45s;
}

.p-seat__bnr a:hover {
  opacity: 0.7;
}

.p-seating {
  position: relative;
}

.p-seating::before {
  position: absolute;
  content: "";
  width: 100vw;
  left: calc(50% - 50vw);
  top: 0;
  height: 100%;
  background: url(../images/tricolore.webp) 50% 16.5625rem/100% auto no-repeat;
}

.p-seating__scroll-icon {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}

.p-seating__tab-wrap {
  position: relative;
  z-index: 1;
  overflow-x: scroll;
}

.p-seating__tab-wrap::-webkit-scrollbar {
  height: 0.4rem;
  background-color: #fff;
}

.p-seating__tab-wrap::-webkit-scrollbar-thumb {
  background: #bf9c46;
  height: 0.4rem;
}

.p-seating__lists {
  display: flex;
  overflow: hidden;
  width: 272rem;
  padding: 0 0 1rem;
}
@media screen and (max-width: 767px) {
  .p-seating__lists {
    width: 122.6rem;
  }
}

.p-seating__list {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 185rem;
  height: 8rem;
  margin-right: 0.4rem;
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: bold;
  text-align: center;
  color: #000;
  border-width: 0.1rem;
  border-style: solid;
  background: #fff;
  border-bottom-width: 1.3rem;
}
@media screen and (max-width: 767px) {
  .p-seating__list {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 6.5rem;
    margin-right: 0.4rem;
    font-size: 1rem;
  }
}

.p-seating__list.all {
  border-color: #004098;
  position: relative;
}

.p-seating__list.all:before,
.p-seating__list.all::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
  width: 33.33%;
  height: 1.3rem;
  background: #e60039;
  transform: translateY(100%);
}

.p-seating__list.all::after {
  background: #fff;
  left: 33.33%;
}

.tab .tab_contents_wrap .tab_contents {
  display: none;
}

.tab .tab_contents_wrap .tab_contents.tab_active {
  display: flex;
  justify-content: space-between;
}

.p-seating__list.family_side {
  border-color: #fe8162;
}

.p-seating__list.wednesday {
  border-color: #86001C;
}

.p-seating__list.back_sb {
  border-color: #02833d;
}

.p-seating__list.back_sc {
  border-color: #d0b951;
}

.p-seating__list.back_upper {
  border-color: #c87b00;
}

.p-seating__list.back_side {
  border-color: #7a1f6d;
}

.p-seating__list.main_side {
  border-color: #8e4c8f;
}

.p-seating__list.main_sa {
  border-color: #59c4f2;
}

.p-seating__list.dx_seat {
  border-color: #987a26;
}

.p-seating__list.counter_seat {
  border-color: #772a2e;
}

.p-seating__list.pair_seat {
  border-color: #fe5f91;
}

.p-seating__list.main_s3 {
  border-color: #d5ab44;
}

.p-seating__list.main_s2 {
  border-color: #ca1a45;
}

.p-seating__list.family {
  border-color: #e16f28;
}

.p-seating__list.wednesday {
  border-color: #86001C;
}

.p-seating__list.supporter {
  border-color: #024292;
}

.p-seating__list.visitor {
  border-color: #a1a1a1;
}

.p-seating__list.value_seat {
  border-color: #cc0099;
}

.p-seating__list.yuttari_seat {
  border-color: #87bd42;
}

.p-seating__list.yuttari_side {
  border-color: #11a196;
}

.p-seating__blocks {
  position: relative;
  z-index: 1;
  margin-top: 1.4rem;
}

.p-seating__block {
  padding-inline: 4.8rem;
  padding-block: 3.8rem;
  display: none;
}
@media screen and (max-width: 767px) {
  .p-seating__block {
    padding-block: 5.4rem 6.2rem;
    padding-inline: 2.3rem;
  }
}
.p-seating__block:first-child {
  display: block;
}
.p-seating__block .c-seat {
  padding-bottom: 0;
}

@media screen and (max-width: 767px) {
  .p-seating__block#all {
    padding-top: 0rem;
  }
}

.p-seating__block#dx_seat {
  border-top: 0.8rem solid #987A26;
}

.p-seating__block#counter_seat {
  border-top: 0.8rem solid #772a2e;
}

.p-seating__block#pair_seat {
  border-top: 0.8rem solid #fe5f91;
}

.p-seating__block#main_s3 {
  border-top: 0.8rem solid #d5ab44;
}

.p-seating__block#main_s2 {
  border-top: 0.8rem solid #ca1a45;
}

.p-seating__block#main_sa {
  border-top: 0.8rem solid #59c4f2;
}

.p-seating__block#back_sb {
  border-top: 0.8rem solid #02833d;
}

.p-seating__block#back_sc {
  border-top: 0.8rem solid #d0b951;
}

.p-seating__block#back_upper {
  border-top: 0.8rem solid #c87b00;
}

.p-seating__block#main_side {
  border-top: 0.8rem solid #8e4c8f;
}

.p-seating__block#back_side {
  border-top: 0.8rem solid #7a1f6d;
}

.p-seating__block#family {
  border-top: 0.8rem solid #e16f28;
}

.p-seating__block#family_side {
  border-top: 0.8rem solid #fe8162;
}

.p-seating__block#supporter {
  border-top: 0.8rem solid #024292;
}

.p-seating__block#visitor {
  border-top: 0.8rem solid #a1a1a1;
}

.p-seating__wrap {
  display: grid;
  grid-template-columns: 55.1630434783% 1fr;
  gap: 3.6231884058%;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .p-seating__wrap {
    grid-template-columns: 100%;
    gap: 0;
  }
}

@media screen and (max-width: 767px) {
  .p-seating__figure {
    order: 2;
    margin-top: 4rem;
  }
}

@media screen and (max-width: 767px) {
  .p-seating__info {
    display: contents;
  }
}

.p-seating__btn {
  margin-top: 2rem;
}

.p-seating__note {
  font-size: 1.5rem;
  line-height: 1.8;
  font-weight: 500;
  margin-top: 3.5rem;
}
@media screen and (max-width: 767px) {
  .p-seating__note {
    font-size: 1.35rem;
  }
}

.p-seating__note a {
  text-decoration: underline;
}

.yokohama_lp_eventScroll {
  display: flex;
  background: #fff;
}

.yokohama_lp_eventScroll li {
  width: 29.5rem;
  height: 29.5rem;
}
@media screen and (max-width: 767px) {
  .yokohama_lp_eventScroll li {
    width: 11.9rem;
    height: 11.9rem;
  }
}

.yokohama_lp_eventScroll li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.js-image-scroll ul {
  display: flex;
}

.js-image-scroll ul:nth-child(odd) {
  animation-name: image-loop-left1;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 100s;
}

.js-image-scroll ul:nth-child(even) {
  animation-name: image-loop-left2;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 100s;
}

@keyframes image-loop-left1 {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes image-loop-left2 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-200%);
  }
}
.p-slider {
  overflow: hidden;
}

.p-special {
  position: relative;
  z-index: 1;
  padding-block: 16rem 23.5rem;
  background: url(../images/tricolore.webp) 50% 55rem/100% auto no-repeat, url(../images/bg_special_pc.webp) center center/cover no-repeat;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - min(10.4166666667vw, 15rem)), 0% 100%);
}
@media screen and (max-width: 767px) {
  .p-special {
    padding-block: 5.5rem 14.3rem;
    background: url(../images/tricolore.webp) 50% 20rem/100% auto no-repeat, url(../images/bg_special_sp.webp) center center/cover no-repeat;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - min(10.6666666667vw, 4rem)), 0% 100%);
  }
}

.p-special__img {
  max-width: 66.6666666667%;
  display: block;
  margin-inline: auto;
  margin-top: 7rem;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 767px) {
  .p-special__img {
    margin-top: 2.4rem;
  }
}

.p-special__lead {
  font-size: 4.2rem;
  margin-top: 5.2rem;
}
@media screen and (max-width: 767px) {
  .p-special__lead {
    font-size: 2.8rem;
    margin-top: 2.4rem;
  }
}

.p-special__text {
  font-size: 1.8rem;
  line-height: 1.8;
  letter-spacing: 0.01em;
  max-height: 12.8rem;
  overflow: hidden;
  margin-top: 3.2rem;
  transition: max-height 0.4s ease-out;
}
@media screen and (max-width: 767px) {
  .p-special__text {
    font-size: 1.5rem;
    max-height: 13.5rem;
    margin-top: 2.4rem;
  }
}
.p-special__text.is-expanded {
  max-height: none;
}

.p-special__text a {
  text-decoration: underline;
}

.p-special__more {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 2.9rem;
  font-size: 2.8rem;
  gap: 1.5rem;
  background: url(../images/bg_more.webp) center top/100% no-repeat;
  cursor: pointer;
  margin-top: -2.9rem;
}
@media screen and (max-width: 767px) {
  .p-special__more {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    font-size: 1.8rem;
    background-image: url(../images/bg_more_sp.webp);
    background-size: 100% 100%;
    margin-top: -2.2rem;
  }
}

.p-special__more.is-expanded {
  background: none;
  margin-top: 0;
}

.p-special__more::after {
  display: block;
  content: "";
  width: 2.2rem;
  height: 2.2rem;
  background: url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.212%208.28906L17.7484%206.8335L10.9594%2013.6615L4.17163%206.8335L2.70801%208.28906L10.9594%2016.5861L19.212%208.28906Z'%20fill='white'/%3e%3c/svg%3e") center center/contain no-repeat;
}

.p-special__more.is-expanded::after {
  transform: rotate(180deg);
}

.p-special__btn {
  margin-top: 11.1rem;
}
@media screen and (max-width: 767px) {
  .p-special__btn {
    margin-top: 5.6rem;
  }
}

section {
  overflow: clip;
}

html.is-fixed {
  overflow: hidden;
}

.yokohama_lp_pageTop a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 5rem;
  background: #0f218b;
  position: relative;
  transition: 0.5s ease;
  cursor: pointer;
}

.yokohama_lp_pageTop a::before {
  content: "";
  display: block;
  width: 2.6rem;
  height: 2.6rem;
  background: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_1494_17176'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20transform='matrix(-1%200%200%201%2024%200)'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_1494_17176)'%3e%3cpath%20d='M7.825%2013H20V11H7.825L13.425%205.4L12%204L4%2012L12%2020L13.425%2018.6L7.825%2013Z'%20fill='white'/%3e%3c/g%3e%3c/svg%3e") center no-repeat;
  background-size: 2.6rem 2.6rem;
  transform: rotate(90deg);
}

.u-main-color {
  color: #004098;
}

.u-sub-color {
  color: #E60039;
}

.u-accent {
  color: #BF9C46;
}

.u-white {
  color: #fff;
}

.u-black {
  color: #000;
}

.u-bg-blue {
  background-color: #004098;
}

.u-bg-red {
  background-color: #E60039;
}

.u-bg-gold {
  background-color: #BF9C46;
}

.u-bg-white {
  background-color: #fff;
}

.u-main-font {
  font-family: "Noto Sans JP", sans-serif;
}

.u-en-font {
  font-family: "Oswald", serif;
}

.u-regular {
  font-weight: 400;
}

.u-medium {
  font-weight: 500;
}

.u-bold {
  font-weight: 700;
}

.u-gothic {
  font-family: "League Gothic", sans-serif;
}

.u-text-center {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .u-text-left--sp {
    text-align: left;
  }
}

.u-text-right {
  text-align: right;
}

.u-dib {
  display: inline-block;
}