@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=BIZ+UDPGothic&display=swap");
@import url("https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&display=swap");
/*
  Josh's Custom CSS Reset
  https://www.joshwcomeau.com/css/custom-css-reset/
*/
*, *::before, *::after {
  box-sizing: border-box;
}

* {
  margin: 0;
}

html, body {
  height: 100%;
}

body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}

input, button, textarea, select {
  font: inherit;
}

p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

#root, #__next {
  isolation: isolate;
}

.biz {
  font-family: "BIZ UDPGothic", sans-serif;
}

.leagues {
  font-family: "League Spartan", sans-serif;
}

.pc,
.disp_pc {
  display: none !important;
}
@media (min-width: 768px) {
  .pc,
  .disp_pc {
    display: inline !important;
  }
}

@media (min-width: 768px) {
  .sp,
  .disp_sp {
    display: none !important;
  }
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  background: white;
  background-size: 100% auto;
  font-size: 1.4rem;
  line-height: 1.5;
  font-family: "Noto Sans JP", "メイリオ", sans-serif;
  font-weight: 400;
  color: black;
  text-align: justify;
}
body img {
  vertical-align: top;
}
@media (min-width: 768px) {
  body {
    padding: 0;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}

body * {
  box-sizing: border-box;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

ol {
  padding-left: 1.5em;
}
@media (min-width: 768px) {
  ol {
    padding-left: 1em;
  }
}

img {
  max-width: 100%;
  height: auto;
}

a {
  color: #a6802d;
}
a:hover {
  text-decoration: none;
}
a:hover img {
  transition: all 0.5s;
  opacity: 0.8;
}

a.txt-link, a.txt-link_s {
  margin-right: 5px;
  padding: 0 15px 0 0;
  color: #a6802d;
  background: url(../images/icon-link_gold.svg) right top 5px no-repeat;
  background-size: 12px;
}
@media (min-width: 768px) {
  a.txt-link, a.txt-link_s {
    padding: 0 20px 0 0;
    background: url(../images/icon-link_gold.svg) right top 7px no-repeat;
    background-size: 14px;
  }
}
a.txt-link_s {
  padding: 0 13px 0 0;
  background: url(../images/icon-link_gold.svg) right top 4px no-repeat;
  background-size: 11px;
}
@media (min-width: 768px) {
  a.txt-link_s {
    padding: 0 15px 0 0;
    background: url(../images/icon-link_gold.svg) right top 5px no-repeat;
    background-size: 12px;
  }
}

.no-link {
  pointer-events: none;
}
.no-link a {
  color: #707070;
  text-decoration: none;
  opacity: 0.5;
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}

.txt_ss {
  font-size: 10px;
  line-height: 1.3em;
}
@media (min-width: 768px) {
  .txt_ss {
    font-size: 12px;
  }
}

.txt_s {
  font-size: 12px;
  line-height: 1.3em;
}
@media (min-width: 768px) {
  .txt_s {
    font-size: 14px;
  }
}

.txt_m {
  font-size: 14px;
  line-height: 1.8em;
}
@media (min-width: 768px) {
  .txt_m {
    font-size: 16px;
  }
}

.txt_l {
  font-size: 14px;
  line-height: 1.8em;
}
@media (min-width: 768px) {
  .txt_l {
    font-size: 18px;
  }
}

.txt_ll {
  font-size: 16px;
  line-height: 1.8em;
}
@media (min-width: 768px) {
  .txt_ll {
    font-size: 21px;
  }
}

.txt_bold {
  font-weight: bold;
}

.txt_c-red {
  color: #d7000f;
}

.txt_c-white {
  color: white;
}

.txt-r {
  text-align: right;
}

.txt-c {
  text-align: center;
}

.txt-indent {
  text-indent: -1em;
  padding-left: 1em;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  clip: rect(1px, 1px, 1px, 1px);
}

.attention {
  margin-bottom: 10px;
  color: #d7000f;
  font-weight: bold;
  text-indent: -1em;
  padding-left: 1em;
}

.coming-soon {
  padding: 30px 0 0;
  font-family: "League Spartan", sans-serif;
  color: #d7000f;
  text-align: center;
  font-size: 2.4rem;
  font-weight: 500;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .coming-soon {
    padding: 100px 0;
    font-size: 5rem;
  }
}

.title-main {
  width: fit-content;
  margin: 0 auto;
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 700;
  font-size: 2.4rem;
  text-transform: uppercase;
}
.title-main span {
  width: fit-content;
  height: 18px;
  margin: 10px auto 0;
  padding: 0 10px;
  color: white;
  position: relative;
  font-size: 1.2rem;
  line-height: 18px;
  z-index: 0;
  display: block;
  font-family: "League Spartan", sans-serif;
  font-weight: 400;
}
.title-main span::before {
  margin: 0 auto;
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transform: skewX(-35deg);
  content: "";
  background-color: #78c314;
}
.title-main_c-white {
  color: white;
}
.title-main_c-red {
  color: #d7000f;
}
.title-main_c-orange {
  color: #eb5a00;
}
@media (min-width: 768px) {
  .title-main {
    font-size: 4rem;
  }
  .title-main span {
    height: 30px;
    margin: 15px auto 0;
    padding: 0 20px;
    font-size: 2.4rem;
    line-height: 30px;
  }
}

.title-sub {
  margin: 20px auto 0;
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 700;
  font-size: 1.8rem;
  color: white;
  display: flex;
  align-items: center;
  text-transform: uppercase;
}
.title-sub:before, .title-sub:after {
  content: "";
  height: 8px;
  flex-grow: 1;
  border-top: 2px double white;
  border-bottom: 2px double white;
}
.title-sub:before {
  margin-right: 1rem;
}
.title-sub:after {
  margin-left: 1rem;
}
.title-sub_c-red {
  color: #d7000f;
}
.title-sub_c-red:before, .title-sub_c-red:after {
  border-top: 2px double #d7000f;
  border-bottom: 2px double #d7000f;
}
.title-sub_c-orange {
  color: #eb5a00;
}
.title-sub_c-orange:before, .title-sub_c-orange:after {
  border-top: 2px double #eb5a00;
  border-bottom: 2px double #eb5a00;
}
@media (min-width: 768px) {
  .title-sub {
    margin: 50px auto 0;
    font-size: 2.4rem;
  }
  .title-sub:before, .title-sub:after {
    content: "";
    height: 10px;
  }
  .title-sub:before {
    margin-right: 1.5rem;
  }
  .title-sub:after {
    margin-left: 1.5rem;
  }
}

.kv-area img {
  width: 100%;
}

.match-info-area {
  padding: 2px 0;
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 700;
  background-color: #005ab4;
  position: relative;
  z-index: -1;
  overflow: hidden;
}
.match-info-area__block {
  width: fit-content;
  margin: 0 auto;
  padding: 10px 20px;
  position: relative;
  z-index: -1;
}
.match-info-area__block::before {
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transform: skewX(-35deg);
  content: "";
  background-color: white;
}
@media (min-width: 768px) {
  .match-info-area__block {
    max-width: 1100px;
    padding: 10px 60px 10px 40px;
    display: flex;
  }
}
.match-info-area__date {
  display: flex;
  justify-content: center;
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 700;
  color: #005ab4;
}
.match-info-area__date p {
  width: fit-content;
  height: 28px;
  margin: 0 10px;
  padding: 0 15px;
  color: white;
  position: relative;
  font-size: 1.8rem;
  line-height: 28px;
  z-index: 0;
}
.match-info-area__date p span {
  font-size: 65%;
}
.match-info-area__date p::before {
  margin: 0 auto;
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transform: skewX(-35deg);
  content: "";
  background-color: #005ab4;
}
.match-info-area__date h2 {
  font-size: 1.4rem;
  line-height: 1.3;
}
.match-info-area__date h2 span {
  display: block;
  font-size: 1rem;
  font-weight: normal;
}
@media (min-width: 768px) {
  .match-info-area__date {
    margin-right: 30px;
  }
  .match-info-area__date p {
    height: 50px;
    margin: 0 20px 0 0;
    padding: 0 25px;
    font-size: 3rem;
    line-height: 50px;
  }
  .match-info-area__date h2 {
    font-size: 2.4rem;
  }
  .match-info-area__date h2 span {
    font-size: 1.6rem;
  }
}
.match-info-area__vs {
  margin-top: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
}
.match-info-area__vs h3 {
  margin-right: 10px;
  color: #005ab4;
  font-size: 1.6rem;
}
.match-info-area__vs img {
  width: 10%;
  height: auto;
  border: solid 1px #e8eaec;
}
@media (min-width: 768px) {
  .match-info-area__vs {
    margin-top: 0;
  }
  .match-info-area__vs h3 {
    margin-right: 20px;
    font-size: 2.4rem;
  }
  .match-info-area__vs img {
    width: 15%;
  }
}

.btn {
  height: 20px;
  text-decoration: none;
  border-radius: 10px;
  line-height: 1;
  display: grid;
  place-content: center;
  align-items: center;
  font-size: 1.4rem;
  text-transform: uppercase;
}
.btn_more {
  padding: 3px 25px 0 15px;
  color: white;
  background: #a6802d url(../images/icon-more.svg) right 10px center no-repeat;
  background-size: 10px;
}
.btn_more.no-link {
  background: #d1d6da url(../images/icon-more.svg) right 10px center no-repeat;
}
.btn_gmap {
  padding: 0 15px 0 25px;
  color: white;
  background: #a6802d url(../images/icon-map.svg) left 10px center no-repeat;
  background-size: 10px;
}
.btn_close {
  padding: 0 25px 0 15px;
  color: #a6802d;
  background: white url(../images/icon-close_gold.svg) right 10px center no-repeat;
  background-size: 10px;
}
.btn__link-l {
  height: 40px;
  padding: 0 40px 0 20px;
  font-size: 1.8rem;
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 700;
  color: white;
  border-radius: 20px;
  background: #a6802d url(../images/icon-link.svg) right 20px center no-repeat;
  background-size: 15px;
}
@media (min-width: 768px) {
  .btn {
    height: 30px;
    border-radius: 15px;
    font-size: 2rem;
  }
  .btn:focus {
    border: 2px solid #007bff;
  }
  .btn_more {
    padding: 5px 45px 0 20px;
    background: #a6802d url(../images/icon-more.svg) right 20px center no-repeat;
    background-size: 15px;
    border: solid 2px #a6802d;
  }
  .btn_more:hover {
    transition: all 0.5s;
    color: #a6802d;
    background: white url(../images/icon-more_gold.svg) right 20px center no-repeat;
    background-size: 15px;
  }
  .btn_more.no-link {
    background: #d1d6da url(../images/icon-more.svg) right 20px center no-repeat;
    border: solid 2px #d1d6da;
  }
  .btn_gmap {
    padding: 0 25px 0 45px;
    background: #a6802d url(../images/icon-map.svg) left 20px center no-repeat;
    background-size: 15px;
    border: solid 2px #a6802d;
  }
  .btn_gmap:hover {
    transition: all 0.5s;
    color: #a6802d;
    background: white url(../images/icon-map_gold.svg) left 20px center no-repeat;
    background-size: 15px;
  }
  .btn_close {
    padding: 0 45px 0 20px;
    background: white url(../images/icon-close_gold.svg) right 10px center no-repeat;
    background-size: 15px;
    border: solid 2px white;
  }
  .btn_close:hover {
    transition: all 0.5s;
    color: white;
    background: #a6802d url(../images/icon-close.svg) right 10px center no-repeat;
    background-size: 15px;
  }
  .btn__link-l {
    height: 60px;
    padding: 0 80px 0 50px;
    font-size: 2.6rem;
    font-weight: 700;
    border-radius: 30px;
    background: #a6802d url(../images/icon-link.svg) right 30px center no-repeat;
    background-size: 27px;
    border: solid 2px #a6802d;
  }
  .btn__link-l:hover {
    transition: all 0.5s;
    color: #a6802d;
    background: white url(../images/icon-link_gold.svg) right 30px center no-repeat;
    background-size: 27px;
    border: solid 2px #a6802d;
  }
}

.content-block {
  width: 85%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 30px 0;
}
@media (min-width: 768px) {
  .content-block {
    padding: 50px 0;
  }
}

.sold-out-area {
  width: 90%;
  max-width: 1100px;
  margin: 20px auto -5px;
  padding: 5px;
  color: #d7000f;
  font-size: 1.2rem;
  text-align: center;
  background: rgba(215, 0, 15, 0.1);
}
@media (min-width: 768px) {
  .sold-out-area {
    font-size: 1.8rem;
    margin: 30px auto -20px;
    padding: 10px;
  }
}

.important-area {
  width: 90%;
  max-width: 1100px;
  margin: -10px auto 20px;
  font-family: "BIZ UDPGothic", sans-serif;
}
@media (min-width: 768px) {
  .important-area {
    margin: -20px auto 30px;
  }
}

.nav-area ul {
  width: 90%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 20px 0 25px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px 5%;
}
.nav-area ul li {
  width: 30%;
}
@media (min-width: 768px) {
  .nav-area ul {
    padding: 50px 0;
  }
  .nav-area ul li {
    width: 14%;
  }
}
.nav-area a {
  height: 30px;
  width: 100%;
  display: block;
  position: relative;
  color: white;
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 700;
  font-size: 1.4rem;
  text-decoration: none;
  text-align: center;
}
.nav-area a::before, .nav-area a::after {
  height: 30px;
  width: 100%;
  position: absolute;
  content: "";
  clip-path: polygon(0 100%, 0 15%, 5% 0, 100% 0, 100% 85%, 95% 100%);
}
.nav-area a::before {
  z-index: -1;
  top: 0;
  left: 0;
  background-color: #005ab4;
}
.nav-area a::after {
  z-index: -2;
  top: 5px;
  left: 5px;
  background-color: #78c314;
}
.nav-area a span {
  position: absolute;
  bottom: 3px;
  left: calc(50% - 0.5em);
  display: block;
  color: white;
  line-height: 1;
  width: 8px;
  height: 8px;
  border: 1px solid currentColor;
  border-left: 0;
  border-bottom: 0;
  transform: translateY(-25%) rotate(135deg);
}
@media (min-width: 768px) {
  .nav-area a {
    height: 40px;
    font-size: 1.6rem;
  }
  .nav-area a::before, .nav-area a::after {
    height: 40px;
    transition: 0.2s;
    clip-path: polygon(0 100%, 0 25%, 10% 0, 100% 0, 100% 70%, 90% 100%);
  }
  .nav-area a span {
    bottom: 5px;
    width: 12px;
    height: 12px;
    border: 2px solid currentColor;
    border-left: 0;
    border-bottom: 0;
  }
  .nav-area a:hover::before {
    background-color: #78c314;
  }
  .nav-area a:hover::after {
    background-color: #005ab4;
  }
}

.topicks-area {
  background-color: #e8eaec;
}
.topicks-area__block {
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
  padding: 30px 0;
}
.topicks-area__block dl {
  width: 100%;
  margin-top: 20px;
  border-top: 1px dashed #001e55;
}
.topicks-area__block dt {
  padding: 5px;
  float: left;
  clear: left;
}
.topicks-area__block dd {
  padding: 5px 0 5px 6em;
  border-bottom: 1px dashed #001e55;
}
@media (min-width: 768px) {
  .topicks-area__block {
    padding: 50px 0;
  }
  .topicks-area dl {
    margin-top: 50px;
  }
  .topicks-area dt {
    padding: 10px;
  }
  .topicks-area dd {
    padding: 10px 0 10px 10em;
  }
}

.event-area {
  background: #3296d7 url(../images/event-bg.svg) top right -50px no-repeat;
  background-size: 300%;
}
.event-area .scroll-list {
  margin-right: calc(50% - 50vw);
}
.event-area .scroll-list ul {
  padding: 20px 0 10px;
  display: flex;
  overflow-x: scroll;
}
.event-area .scroll-list ul li {
  width: 85%;
  margin-right: 10%;
  color: white;
  flex-shrink: 0;
}
.event-area .scroll-list ul li h4 {
  margin-top: 10px;
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 700;
  font-size: 1.8rem;
  text-align: center;
}
.event-area .scroll-list ul li p {
  margin-top: 10px;
}
.event-area .scroll-list__page-number {
  margin-top: 5px;
  font-family: "League Spartan", sans-serif;
  font-size: 1.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .event-area {
    background: #3296d7 url(../images/event-bg.svg) top right 200px no-repeat;
    background-size: 150%;
  }
  .event-area .scroll-list ul {
    padding: 40px 0 10px;
  }
  .event-area .scroll-list ul li {
    width: 350px;
    margin-right: 30px;
  }
  .event-area .scroll-list ul li h4 {
    margin-top: 20px;
    font-size: 2.1rem;
  }
  .event-area .scroll-list ul li p {
    margin-top: 10px;
  }
  .event-area .scroll-list__page-number {
    margin-top: 15px;
    font-size: 2.1rem;
  }
}

.gourmet-area {
  background: #fabe00 url(../images/gourmet-bg.png);
}
.gourmet-area .scroll-list {
  margin-right: calc(50% - 50vw);
}
.gourmet-area .scroll-list ul {
  padding: 20px 0 10px;
  display: flex;
  overflow-x: scroll;
}
.gourmet-area .scroll-list ul li {
  width: 85%;
  margin-right: 10%;
  padding: 20px;
  color: white;
  flex-shrink: 0;
  background: white;
  border: solid 2px #d7000f;
  border-radius: 10px;
}
.gourmet-area .scroll-list ul li h4 {
  margin-top: 10px;
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 700;
  font-size: 1.8rem;
  text-align: center;
}
.gourmet-area .scroll-list__gourmet-img img {
  border-radius: 10px;
}
.gourmet-area .scroll-list__page-number {
  margin-top: 20px;
  font-family: "League Spartan", sans-serif;
  font-size: 1.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.gourmet-area .scroll-list__page-number p {
  height: 20px;
  margin: 0;
  padding: 0 15px;
  border-radius: 15px;
  font-size: 1.4rem;
  font-weight: bold;
  background: #d7000f;
}
@media (min-width: 768px) {
  .gourmet-area .scroll-list ul {
    padding: 40px 0 0px;
  }
  .gourmet-area .scroll-list ul li {
    width: 350px;
    margin-right: 30px;
    border-radius: 15px;
  }
  .gourmet-area .scroll-list ul li h4 {
    margin-top: 20px;
    font-size: 2.1rem;
  }
  .gourmet-area .scroll-list__gourmet-img img {
    width: 100%;
    border-radius: 10px;
  }
  .gourmet-area .scroll-list__page-number {
    margin-top: 30px;
    font-size: 2.1rem;
  }
  .gourmet-area .scroll-list__page-number p {
    height: 30px;
    padding: 5px 30px 0;
    border-radius: 15px;
    font-size: 1.6rem;
  }
}
.gourmet-area__tiles ul {
  padding: 20px 0 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 3%;
}
.gourmet-area__tiles ul li {
  width: 31%;
  border-radius: 5px;
  border: solid 2px #d7000f;
  background: #d7000f;
}
.gourmet-area__tiles ul li img {
  border-radius: 5px 5px 0 0;
}
.gourmet-area__tiles ul li button.btn-tiles {
  width: 100%;
  padding: 5px 20px 5px 5px;
  display: block;
  font-size: 1.2rem;
  line-height: 1;
  font-weight: bold;
  text-align: left;
  color: white;
  background: url(../images/icon-more.svg) right 5px top 3px no-repeat;
  background-size: 13px;
}
.gourmet-area__tiles ul li h4 {
  margin-top: 10px;
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 700;
  font-size: 1.8rem;
  text-align: center;
  color: white;
}
.gourmet-area__tiles ul li p {
  color: white;
}
@media (min-width: 768px) {
  .gourmet-area__tiles ul {
    padding: 40px 0 10px;
    gap: 20px 2.5%;
  }
  .gourmet-area__tiles ul li {
    width: 18%;
    border-radius: 10px;
  }
  .gourmet-area__tiles ul li img {
    border-radius: 8px 8px 0 0;
  }
  .gourmet-area__tiles ul li button.btn-tiles {
    padding: 10px 30px 10px 10px;
    font-size: 1.6rem;
    background: url(../images/icon-more.svg) right 10px top 8px no-repeat;
    background-size: 18px;
  }
  .gourmet-area__tiles ul li button.btn-tiles:focus {
    border: 2px solid #007bff;
  }
}

.time-schedule-area {
  background: #005ab4;
  background-image: url(../images/time-schedule-bg_r.svg);
  background-repeat: no-repeat;
  background-position: right 0 bottom 0;
  background-size: 50%;
}
.time-schedule-area ul {
  width: 100%;
  max-width: 700px;
  margin: 30px auto 0;
  position: relative;
}
.time-schedule-area ul:before {
  width: 3px;
  height: 100%;
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 66px;
  background: white;
  border-radius: 3px;
}
@media (min-width: 768px) {
  .time-schedule-area ul {
    margin: 50px auto;
  }
  .time-schedule-area ul:before {
    width: 5px;
    left: 116px;
  }
}
.time-schedule-area ul li:not(:first-of-type) {
  margin-top: 10px;
}
.time-schedule-area ul li dl {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
.time-schedule-area ul li dl dt {
  width: 75px;
  padding: 5px 20px 5px 0;
  color: white;
  font-family: "League Spartan", sans-serif;
  font-size: 1.8rem;
  position: relative;
  text-align: right;
}
.time-schedule-area ul li dl dt span {
  font-size: 65%;
}
.time-schedule-area ul li dl dt:after {
  width: 15px;
  height: 15px;
  position: absolute;
  content: "";
  border-radius: 50%;
  background: #78c314;
  right: 0;
  top: 9px;
}
@media (min-width: 768px) {
  .time-schedule-area ul li dl dt {
    width: 130px;
    padding: 5px 30px 5px 0;
    font-size: 3rem;
  }
  .time-schedule-area ul li dl dt:after {
    width: 23px;
    height: 23px;
    top: 12px;
  }
}
.time-schedule-area ul li dl dd {
  width: calc(100% - 90px);
  padding: 5px 20px;
  color: #005ab4;
  background: white;
  border-radius: 5px;
  position: relative;
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 700;
  font-size: 1.6rem;
}
.time-schedule-area ul li dl dd::before {
  content: "";
  position: absolute;
  top: 9px;
  left: -9px;
  background: #ffffff;
  height: 15px;
  width: 10px;
  clip-path: polygon(0 50%, 100% 0, 100% 100%);
}
@media (min-width: 768px) {
  .time-schedule-area ul li dl dd {
    width: calc(100% - 150px);
    font-size: 2.4rem;
  }
  .time-schedule-area ul li dl dd::before {
    top: 13px;
    left: -14px;
    height: 20px;
    width: 15px;
  }
}
.time-schedule-area ul li dl.kick-off dt:after {
  border: solid 3px #d7000f;
}
.time-schedule-area ul li dl.kick-off dd {
  color: white;
  background: #d7000f;
}
.time-schedule-area ul li dl.kick-off dd::before {
  background: #d7000f;
}

.ticket-area__tab {
  margin-top: 20px;
  position: relative;
}
.ticket-area__tab .scroll-icon {
  width: 50px;
  position: absolute;
  right: 0;
  top: -10px;
  z-index: 1;
}
@media (min-width: 768px) {
  .ticket-area__tab {
    margin-top: 50px;
  }
  .ticket-area__tab .scroll-icon {
    width: 80px;
    right: 0px;
    top: -10px;
  }
}
.ticket-area__tab .tab-wrap {
  overflow-x: scroll;
}
.ticket-area__tab .tab-wrap::-webkit-scrollbar {
  height: 5px;
  background-color: #d9d9d9;
}
.ticket-area__tab .tab-wrap::-webkit-scrollbar-thumb {
  height: 5px;
  background: #0f3278;
}
.ticket-area__tab .tab-wrap .tab-list {
  display: flex;
  padding: 0 0 10px;
}
.ticket-area__tab .tab-wrap .tab-list .tab-item {
  width: 100px;
  height: 40px;
  flex-shrink: 0;
  display: grid;
  place-content: center;
  place-items: center;
  font-size: 1rem;
  line-height: 1;
  text-align: center;
  background: #000;
  color: black;
  position: relative;
  clip-path: polygon(0 40px, 0 10px, 10px 0, 100px 0, 100px 30px, 90px 40px);
}
.ticket-area__tab .tab-wrap .tab-list .tab-item::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 90px;
  height: 30px;
  z-index: -1;
  background: rgba(255, 255, 255, 0.8);
  clip-path: polygon(0 30px, 0 7px, 7px 0, 90px 0, 90px 23px, 83px 30px);
}
.ticket-area__tab .tab-wrap .tab-list .tab-item:focus {
  border: 2px solid #007bff;
}
@media (min-width: 768px) {
  .ticket-area__tab .tab-wrap .tab-list .tab-item {
    width: 180px;
    height: 60px;
    font-size: 1.8rem;
    clip-path: polygon(0 60px, 0 20px, 20px 0, 180px 0, 180px 40px, 160px 60px);
  }
  .ticket-area__tab .tab-wrap .tab-list .tab-item::before {
    width: 160px;
    height: 40px;
    clip-path: polygon(0 40px, 0 15px, 15px 0, 160px 0, 160px 25px, 145px 40px);
  }
}
.ticket-area__tab .tab-contents-wrap {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .ticket-area__tab .tab-contents-wrap {
    margin-top: 50px;
  }
}
.ticket-area__tab .tab-contents-wrap .tab-contents {
  display: none;
}
.ticket-area__tab .tab-contents-wrap .tab-contents.tab-active {
  display: block;
}
.ticket-area__tab .tab-contents-wrap .tab-contents dl dd {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .ticket-area__tab .tab-contents-wrap .tab-contents dl {
    width: 100%;
    display: flex;
  }
  .ticket-area__tab .tab-contents-wrap .tab-contents dl dt {
    width: 60%;
  }
  .ticket-area__tab .tab-contents-wrap .tab-contents dl dd {
    width: 40%;
  }
}
.ticket-area__tab .tab-contents-wrap .tab-contents__ttl {
  padding: 5px;
  background: #fff;
  color: black;
  border-width: 5px;
  border-style: solid;
}
.ticket-area__tab .tab-contents-wrap .tab-contents__ttl h3 {
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 700;
  font-size: 2.1rem;
}
.ticket-area__tab .tab-contents-wrap .tab-contents__ttl p {
  font-size: 1.2rem;
}
@media (min-width: 768px) {
  .ticket-area__tab .tab-contents-wrap .tab-contents__ttl {
    padding: 10px;
    border-width: 10px;
  }
  .ticket-area__tab .tab-contents-wrap .tab-contents__ttl h3 {
    width: 100%;
    font-size: 2.6rem;
  }
  .ticket-area__tab .tab-contents-wrap .tab-contents__ttl p {
    font-size: 1.4rem;
  }
}
.ticket-area__tab .tab-contents-wrap .tab-contents__price {
  padding: 10px;
  background: #d1d6da;
}
.ticket-area__tab .tab-contents-wrap .tab-contents__price.family-seat {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ticket-area__tab .tab-contents-wrap .tab-contents__price.family-seat > div:first-child {
  display: block;
}
.ticket-area__tab .tab-contents-wrap .tab-contents__price.family-seat > div:first-child h4:not(:first-of-type) {
  margin-top: 10px;
}
.ticket-area__tab .tab-contents-wrap .tab-contents__price.family-seat > div:last-child {
  display: block;
}
.ticket-area__tab .tab-contents-wrap .tab-contents__price.family-seat > div:last-child > div {
  display: flex;
  justify-content: flex-end;
}
.ticket-area__tab .tab-contents-wrap .tab-contents__price.family-seat > div:last-child > div h5 {
  margin: 5px 10px 0 0;
}
.ticket-area__tab .tab-contents-wrap .tab-contents__price.family-seat > div:last-child > p {
  font-size: 1rem;
}
.ticket-area__tab .tab-contents-wrap .tab-contents__price > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ticket-area__tab .tab-contents-wrap .tab-contents__price > div:not(:first-of-type) {
  margin-top: 10px;
}
.ticket-area__tab .tab-contents-wrap .tab-contents__price > div h4 {
  height: 26px;
  min-width: 6em;
  padding: 0 15px;
  display: grid;
  align-content: center;
  justify-content: center;
  border-radius: 14px;
  white-space: nowrap;
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 700;
  font-size: 1.2rem;
  color: black;
  background: black;
  border-width: 3px;
  border-style: solid;
}
@media (min-width: 768px) {
  .ticket-area__tab .tab-contents-wrap .tab-contents__price > div h4 {
    height: 40px;
    padding: 0 25px;
    border-radius: 20px;
    font-size: 1.8rem;
    border-width: 5px;
  }
}
.ticket-area__tab .tab-contents-wrap .tab-contents__price > div div {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.ticket-area__tab .tab-contents-wrap .tab-contents__price > div div h5 {
  font-size: 1.4rem;
  text-align: center;
  letter-spacing: 0.5em;
}
.ticket-area__tab .tab-contents-wrap .tab-contents__price > div div h5 span {
  display: block;
  font-size: 0.8rem;
  font-weight: normal;
}
@media (min-width: 768px) {
  .ticket-area__tab .tab-contents-wrap .tab-contents__price > div div h5 {
    font-size: 2rem;
  }
  .ticket-area__tab .tab-contents-wrap .tab-contents__price > div div h5 span {
    font-size: 1rem;
  }
}
.ticket-area__tab .tab-contents-wrap .tab-contents__price > div div p {
  font-family: "BIZ UDPGothic", sans-serif;
  font-size: 2.1rem;
  font-weight: 700;
}
.ticket-area__tab .tab-contents-wrap .tab-contents__price > div div p span {
  font-size: 75%;
}
@media (min-width: 768px) {
  .ticket-area__tab .tab-contents-wrap .tab-contents__price > div div p {
    font-size: 2.6rem;
  }
}
.ticket-area__tab .tab-contents-wrap .tab-contents__note, .ticket-area__tab .tab-contents-wrap .tab-contents__note-sup {
  padding: 10px;
  font-size: 1rem;
  line-height: 1.3;
  text-indent: -1em;
  padding-left: 1em;
}
@media (min-width: 768px) {
  .ticket-area__tab .tab-contents-wrap .tab-contents__note, .ticket-area__tab .tab-contents-wrap .tab-contents__note-sup {
    font-size: 1.4rem;
  }
}
.ticket-area__tab .tab-contents-wrap .tab-contents__note-sup {
  border-top: dashed 1px black;
}
.ticket-area__tab .tab-contents-wrap .tab-contents__photo-c1, .ticket-area__tab .tab-contents-wrap .tab-contents__photo-c2, .ticket-area__tab .tab-contents-wrap .tab-contents__photo-c3 {
  padding: 10px;
  background: #e8eaec;
}
.ticket-area__tab .tab-contents-wrap .tab-contents__photo-c1 p, .ticket-area__tab .tab-contents-wrap .tab-contents__photo-c2 p, .ticket-area__tab .tab-contents-wrap .tab-contents__photo-c3 p {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .ticket-area__tab .tab-contents-wrap .tab-contents__photo-c1, .ticket-area__tab .tab-contents-wrap .tab-contents__photo-c2, .ticket-area__tab .tab-contents-wrap .tab-contents__photo-c3 {
    padding: 20px;
  }
}
@media (min-width: 768px) {
  .ticket-area__tab .tab-contents-wrap .tab-contents__photo-c1 p {
    width: 50%;
    margin: 0 auto 10px;
  }
  .ticket-area__tab .tab-contents-wrap .tab-contents__photo-c1 > div {
    width: 50%;
    margin: 0 auto;
  }
}
.ticket-area__tab .tab-contents-wrap .tab-contents__photo-c2 {
  padding: 10px;
}
.ticket-area__tab .tab-contents-wrap .tab-contents__photo-c2 > div {
  width: 100%;
  display: flex;
  gap: 10px;
}
@media (min-width: 768px) {
  .ticket-area__tab .tab-contents-wrap .tab-contents__photo-c2 {
    padding: 20px 50px;
  }
  .ticket-area__tab .tab-contents-wrap .tab-contents__photo-c2 > div {
    gap: 50px;
  }
}
.ticket-area__tab .tab-contents-wrap .tab-contents__photo-c3 > div:first-child {
  margin-bottom: 20px;
}
.ticket-area__tab .tab-contents-wrap .tab-contents__photo-c3 > div:last-child > div {
  width: 100%;
  display: flex;
  gap: 10px;
}
@media (min-width: 768px) {
  .ticket-area__tab .tab-contents-wrap .tab-contents__photo-c3 {
    display: flex;
    justify-content: space-between;
    gap: 20px;
  }
  .ticket-area__tab .tab-contents-wrap .tab-contents__photo-c3 > div:first-child {
    width: 35%;
    margin-bottom: 0;
  }
  .ticket-area__tab .tab-contents-wrap .tab-contents__photo-c3 > div:last-child {
    width: 65%;
  }
  .ticket-area__tab .tab-contents-wrap .tab-contents__photo-c3 > div:last-child > div {
    width: 100%;
    display: flex;
    gap: 10px;
  }
}
.ticket-area__price-table {
  position: relative;
}
.ticket-area__price-table .price-table-scroll-icon {
  width: 100px;
  position: absolute;
  left: calc(50% - 50px);
  top: 100px;
  z-index: 1;
}
@media (min-width: 768px) {
  .ticket-area__price-table .price-table-scroll-icon {
    display: none;
  }
}
.ticket-area__price-table .price-table-wrap {
  width: 100%;
  max-width: 900px;
  margin: 30px auto 0;
  overflow-x: auto;
}
@media (min-width: 768px) {
  .ticket-area__price-table .price-table-wrap {
    margin: 50px auto 0;
  }
}
.ticket-area__price-table .price-table-wrap .title {
  margin: 10px auto;
  font-weight: bold;
}
.ticket-area__price-table .price-table-wrap .attention {
  margin: 10px auto;
}
.ticket-area__price-table .note {
  margin: 5px auto;
  font-size: 1.2rem;
}
@media (min-width: 768px) {
  .ticket-area__price-table .note {
    font-size: 1.4rem;
  }
}
.ticket-area__price-table .note-block {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}
.ticket-area__price-table .note-list {
  margin: 0 auto;
  text-indent: -1em;
  padding-left: 1em;
  font-size: 1.2rem;
  line-height: 1.3;
}
@media (min-width: 768px) {
  .ticket-area__price-table .note-list {
    font-size: 1.4rem;
  }
}
.ticket-area__price-table table {
  width: 100%;
  max-width: 900px;
  min-width: 600px;
  margin: 0 auto;
  font-family: "BIZ UDPGothic", sans-serif;
  border-collapse: collapse;
}
.ticket-area__price-table table th,
.ticket-area__price-table table td {
  border: 1px solid #e8eaec;
  padding: 5px;
}
.ticket-area__price-table table th {
  background-color: #005ab4;
  color: white;
  font-weight: bold;
  text-align: center;
}
.ticket-area__price-table table th:first-child {
  width: 85%;
}
.ticket-area__price-table table th:last-child {
  width: 15%;
}
.ticket-area__price-table table td.table-column01 {
  width: 20%;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  background: #d1d6da;
}
.ticket-area__price-table table td.table-column02 {
  width: 65%;
  font-weight: bold;
}
.ticket-area__price-table table td.table-column03 {
  width: 35%;
  font-weight: bold;
}
.ticket-area__price-table table td.table-column04 {
  width: 15%;
  text-align: center;
}
.ticket-area__price-table table td.table-column05 {
  width: 15%;
  font-weight: bold;
  text-align: right;
}
@media (min-width: 768px) {
  .ticket-area__price-table table th,
  .ticket-area__price-table table td {
    border: 2px solid #e8eaec;
    padding: 10px;
  }
  .ticket-area__price-table table td.table-column01 {
    font-size: 1.8rem;
  }
  .ticket-area__price-table table td.table-column02, .ticket-area__price-table table td.table-column03 {
    font-size: 1.8rem;
  }
  .ticket-area__price-table table td.table-column05 {
    font-size: 2rem;
  }
}
.ticket-area__accordion {
  max-width: 900px;
  margin: 20px auto 0;
}
@media (min-width: 768px) {
  .ticket-area__accordion {
    margin: 50px auto 0;
  }
}

.tab-wrap .tab-list .tab-item.all {
  background: #001e55;
}
.tab-wrap .tab-list .tab-item.category1 {
  background: #fff100;
}
.tab-wrap .tab-list .tab-item.category2 {
  background: #009944;
}
.tab-wrap .tab-list .tab-item.category3 {
  background: #e4007f;
}
.tab-wrap .tab-list .tab-item.category4 {
  background: #0068b7;
}
.tab-wrap .tab-list .tab-item.category5 {
  background: #7ecef4;
}
.tab-wrap .tab-list .tab-item.category6 {
  background: #80bbc1;
}
.tab-wrap .tab-list .tab-item.category6-away {
  background: #817fb0;
}
.tab-wrap .tab-list .tab-item.comfort-seat {
  background: #efbd97;
}
.tab-wrap .tab-list .tab-item.lounge-sseat-vc19 {
  background: #94af22;
}
.tab-wrap .tab-list .tab-item.lounge-sseat-vc20 {
  background: #de6e06;
}
.tab-wrap .tab-list .tab-item.exciting-seat {
  background: #0b318f;
}
.tab-wrap .tab-list .tab-item.family-seat {
  background: #eea2b6;
}
.tab-wrap .tab-list .tab-item.premium-seat {
  background: #92519c;
}
.tab-wrap .tab-list .tab-item.pair-sheet {
  background: #8fc322;
}

.tab-contents-wrap #all .tab-contents__ttl {
  background: #001e55;
}
.tab-contents-wrap #all .tab-contents__ttl h3 {
  text-align: center;
}
.tab-contents-wrap #category1 .tab-contents__ttl {
  background: rgba(255, 241, 0, 0.2);
  border-color: #fff100;
}
.tab-contents-wrap #category1 h4 {
  background: linear-gradient(rgba(255, 241, 0, 0.2)), #fff;
  border-color: #fff100;
}
.tab-contents-wrap #category2 .tab-contents__ttl {
  background: rgba(0, 153, 68, 0.2);
  border-color: #009944;
}
.tab-contents-wrap #category2 h4 {
  background: linear-gradient(rgba(0, 153, 68, 0.2)), #fff;
  border-color: #009944;
}
.tab-contents-wrap #category3 .tab-contents__ttl {
  background: rgba(228, 0, 127, 0.2);
  border-color: #e4007f;
}
.tab-contents-wrap #category3 h4 {
  background: linear-gradient(rgba(228, 0, 127, 0.2)), #fff;
  border-color: #e4007f;
}
.tab-contents-wrap #category4 .tab-contents__ttl {
  background: rgba(0, 104, 183, 0.2);
  border-color: #0068b7;
}
.tab-contents-wrap #category4 h4 {
  background: linear-gradient(rgba(0, 104, 183, 0.2)), #fff;
  border-color: #0068b7;
}
.tab-contents-wrap #category5 .tab-contents__ttl {
  background: rgba(126, 206, 244, 0.2);
  border-color: #7ecef4;
}
.tab-contents-wrap #category5 h4 {
  background: linear-gradient(rgba(126, 206, 244, 0.2)), #fff;
  border-color: #7ecef4;
}
.tab-contents-wrap #category6 .tab-contents__ttl {
  background: rgba(128, 187, 193, 0.2);
  border-color: #80bbc1;
}
.tab-contents-wrap #category6 h4 {
  background: linear-gradient(rgba(128, 187, 193, 0.2)), #fff;
  border-color: #80bbc1;
}
.tab-contents-wrap #category6-away .tab-contents__ttl {
  background: rgba(129, 127, 176, 0.2);
  border-color: #817fb0;
}
.tab-contents-wrap #category6-away h4 {
  background: linear-gradient(rgba(129, 127, 176, 0.2)), #fff;
  border-color: #817fb0;
}
.tab-contents-wrap #comfort-seat .tab-contents__ttl {
  background: rgba(239, 189, 151, 0.2);
  border-color: #efbd97;
}
.tab-contents-wrap #comfort-seat h4 {
  background: linear-gradient(rgba(239, 189, 151, 0.2)), #fff;
  border-color: #efbd97;
}
.tab-contents-wrap #lounge-sseat-vc19 .tab-contents__ttl {
  background: rgba(148, 175, 34, 0.2);
  border-color: #94af22;
}
.tab-contents-wrap #lounge-sseat-vc19 h4 {
  background: linear-gradient(rgba(148, 175, 34, 0.2)), #fff;
  border-color: #94af22;
}
.tab-contents-wrap #lounge-sseat-vc20 .tab-contents__ttl {
  background: rgba(222, 110, 6, 0.2);
  border-color: #de6e06;
}
.tab-contents-wrap #lounge-sseat-vc20 h4 {
  background: linear-gradient(rgba(222, 110, 6, 0.2)), #fff;
  border-color: #de6e06;
}
.tab-contents-wrap #exciting-seat .tab-contents__ttl {
  background: rgba(11, 49, 143, 0.2);
  border-color: #0b318f;
}
.tab-contents-wrap #exciting-seat h4 {
  background: linear-gradient(rgba(11, 49, 143, 0.2)), #fff;
  border-color: #0b318f;
}
.tab-contents-wrap #family-seat .tab-contents__ttl {
  background: rgba(238, 162, 182, 0.2);
  border-color: #eea2b6;
}
.tab-contents-wrap #family-seat h4 {
  background: linear-gradient(rgba(238, 162, 182, 0.2)), #fff;
  border-color: #eea2b6;
}
.tab-contents-wrap #premium-seat .tab-contents__ttl {
  background: rgba(146, 81, 156, 0.2);
  border-color: #92519c;
}
.tab-contents-wrap #premium-seat h4 {
  background: linear-gradient(rgba(146, 81, 156, 0.2)), #fff;
  border-color: #92519c;
}
.tab-contents-wrap #pair-sheet .tab-contents__ttl {
  background: rgba(143, 195, 34, 0.2);
  border-color: #8fc322;
}
.tab-contents-wrap #pair-sheet h4 {
  background: linear-gradient(rgba(143, 195, 34, 0.2)), #fff;
  border-color: #8fc322;
}

.bd-seat-area {
  padding: 30px 0;
  background: #e8eaec;
}
.bd-seat-area .attention {
  width: 90%;
  margin: 0 auto 10px;
  text-align: center;
}
.bd-seat-area ul {
  width: 85%;
  max-width: 1100px;
  margin: 0 auto;
}
.bd-seat-area ul li {
  font-size: 1rem;
}
.bd-seat-area ul li:not(:first-of-type) {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .bd-seat-area {
    padding: 50px 0;
  }
  .bd-seat-area ul {
    display: flex;
    justify-content: center;
    gap: 0 20px;
  }
  .bd-seat-area ul li {
    font-size: 1rem;
  }
  .bd-seat-area ul li:not(:first-of-type) {
    margin-top: 0;
  }
}

.map-area {
  background: #a3adb5 url(../images/map-bg.svg) no-repeat;
  background-size: cover;
}
.map-area__image {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  padding: 30px 0 0;
}
@media (min-width: 768px) {
  .map-area__image {
    padding: 50px 0;
  }
}

.access-area {
  background: #3296d7;
}
.access-area dl {
  margin-top: 20px;
  color: white;
}
.access-area dl dd {
  margin-top: 20px;
}
.access-area dl dd .map {
  position: relative;
  width: 100%;
  padding-top: 67%;
}
@media (min-width: 768px) {
  .access-area dl dd .map {
    padding-top: 90%;
  }
}
.access-area dl dd .map iframe {
  top: 0;
  right: 0;
  position: absolute;
}
.access-area dl dd a {
  width: fit-content;
  margin: 20px auto 0;
}
.access-area dl dt dl {
  margin: 0;
  flex-wrap: wrap;
  border-top: solid 1px white;
}
.access-area dl dt dl dt {
  width: 100%;
  padding-top: 10px;
  font-weight: bold;
}
.access-area dl dt dl dd {
  width: 100%;
  margin: 0;
  padding: 5px 0 10px;
  border-bottom: solid 1px white;
}
@media (min-width: 768px) {
  .access-area dl {
    margin-top: 50px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .access-area dl dt {
    width: 48%;
  }
  .access-area dl dt dl dt {
    padding-top: 20px;
  }
  .access-area dl dt dl dd {
    padding: 10px 0 20px;
  }
  .access-area dl dd {
    width: 48%;
    margin-top: 0;
  }
}
.access-area .accordion_accessipt-area {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .access-area .accordion_accessipt-area {
    margin-top: 50px;
  }
}

.player-area {
  background: url(../images/player-bg.jpg) no-repeat;
  background-size: cover;
}
@media (min-width: 768px) {
  .player-area {
    background: url(../images/player-bg.jpg) no-repeat top -50px left;
    background-size: cover;
  }
}
.player-area__btn {
  width: 90%;
  max-width: 450px;
  margin: 0 auto;
  padding: 50px 0;
}
@media (min-width: 768px) {
  .player-area__btn {
    padding: 100px 0;
  }
}

.bnr-area__block {
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
  padding: 30px 0;
}
.bnr-area__block a {
  display: block;
}
.bnr-area__block a:not(:first-of-type) {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .bnr-area__block {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    padding: 50px 0;
    gap: 20px 40px;
  }
  .bnr-area__block a {
    max-width: 440px;
  }
  .bnr-area__block a:not(:first-of-type) {
    margin-top: 0px;
  }
}

.goods-area {
  background: #3296d7 url(../images/goods-bg.png);
}
.goods-area .scroll-list {
  margin-right: calc(50% - 50vw);
}
.goods-area .scroll-list ul {
  padding: 20px 0 10px;
  display: flex;
  overflow-x: scroll;
}
.goods-area .scroll-list ul li {
  width: 85%;
  margin-right: 10%;
  padding: 20px;
  color: #005ab4;
  flex-shrink: 0;
  background: white;
  border-radius: 10px;
}
.goods-area .scroll-list ul li h4 {
  margin-top: 10px;
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 700;
  font-size: 1.6rem;
  text-align: left;
}
.goods-area .scroll-list ul li p.price {
  margin-top: 10px;
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 700;
  font-size: 1.6rem;
  text-align: right;
  border-top: solid 1px #005ab4;
  border-bottom: solid 1px #005ab4;
}
.goods-area .scroll-list ul li p.price span {
  font-size: 75%;
}
.goods-area .scroll-list__page-number {
  margin-top: 10px;
  font-family: "League Spartan", sans-serif;
  font-size: 1.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .goods-area .scroll-list ul {
    padding: 40px 0 10px;
  }
  .goods-area .scroll-list ul li {
    width: 350px;
    margin-right: 30px;
  }
  .goods-area .scroll-list ul li h4 {
    margin-top: 20px;
    font-size: 2.1rem;
  }
  .goods-area .scroll-list ul li p {
    margin-top: 10px;
  }
  .goods-area .scroll-list__page-number {
    margin-top: 15px;
    font-size: 2.1rem;
  }
}

.footer-area {
  padding-bottom: 60px;
}
@media (min-width: 768px) {
  .footer-area {
    padding-bottom: 0;
  }
}
.footer-area .partners-area {
  background: #e8eaec;
  line-height: 1;
}
.footer-area .partners-area .outer-block_partners {
  width: 85%;
  margin: 0 auto;
  padding: 30px 0;
  font-family: "League Spartan", sans-serif;
  font-size: 1.2rem;
}
.footer-area .partners-area .partners_jfa_official {
  display: flex;
  justify-content: center;
  gap: 10px 5%;
  text-align: center;
}
.footer-area .partners-area .partners_jfa_major .partners_block {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;
}
.footer-area .partners-area .partners_jfa_major .partners_block .pas_jfa_major_title {
  width: 100%;
  margin: 20px auto 0;
}
.footer-area .partners-area .partners_jfa_major .partners_block .pa_jfa_major_bnimg {
  width: 46%;
  margin: 0 5px 10px;
  display: flex;
  justify-content: center;
}
.footer-area .partners-area .partners_jfa_major .partners_block .pa_jfa_major_bnimg:last-child {
  margin: 0 5px 0 !important;
}
.footer-area .partners-area .partners_jfa_nationalTeam .partners_block {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;
}
.footer-area .partners-area .partners_jfa_nationalTeam .partners_block .pas_jfa_nationalTeam_title {
  width: 100%;
  margin: 20px auto 0;
}
.footer-area .partners-area .partners_jfa_nationalTeam .partners_block .pa_jfa_nationalTeam_bnimg {
  width: 46%;
  margin: 0 5px 10px;
  display: flex;
  justify-content: center;
}
.footer-area .partners-area .partners_jfa_nationalTeam .partners_block .pa_jfa_nationalTeam_bnimg:last-child {
  margin: 0 5px 0 !important;
}
@media (min-width: 768px) {
  .footer-area .partners-area .outer-block_partners {
    width: 98%;
  }
  .footer-area .partners-area .pa_jfa_official_title {
    margin-bottom: 10px;
  }
  .footer-area .partners-area .outer-block_partners {
    font-size: 1.4rem;
  }
  .footer-area .partners-area .partners_jfa_official {
    gap: 10px 20px;
  }
  .footer-area .partners-area .partners_jfa_major {
    flex-wrap: nowrap;
  }
  .footer-area .partners-area .partners_jfa_major .partners_block .pas_jfa_major_title {
    margin: 30px auto 10px;
  }
  .footer-area .partners-area .partners_jfa_major .partners_block .pa_jfa_major_bnimg {
    width: 13%;
    margin: 0 5px 10px;
  }
  .footer-area .partners-area .partners_jfa_major .partners_block .pa_jfa_major_bnimg:last-child {
    margin: 0 5px 0 !important;
  }
  .footer-area .partners-area .partners_jfa_nationalTeam .partners_block .pas_jfa_nationalTeam_title {
    margin: 30px auto 10px;
  }
  .footer-area .partners-area .partners_jfa_nationalTeam .partners_block .pa_jfa_nationalTeam_bnimg {
    width: 10%;
    margin: 0 5px 10px;
  }
  .footer-area .partners-area .partners_jfa_nationalTeam .partners_block .pa_jfa_nationalTeam_bnimg:last-child {
    margin: 0 5px 0 !important;
  }
}
.footer-area .page-top {
  height: 30px;
  background: #3296d7;
}
.footer-area .page-top a {
  display: block;
  width: 100%;
  height: 30px;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}
.footer-area .page-top a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 0%) rotate(-45deg);
  display: block;
  color: white;
  line-height: 1;
  width: 20px;
  height: 20px;
  border: 3px solid currentColor;
  border-left: 0;
  border-bottom: 0;
}
@media (min-width: 768px) {
  .footer-area .page-top {
    height: 50px;
  }
  .footer-area .page-top a {
    height: 50px;
  }
  .footer-area .page-top a:hover {
    transform: translateY(-5px);
  }
  .footer-area .page-top a::before {
    top: 20px;
    left: 50%;
    transform: translate(-50%) rotate(-45deg);
    width: 25px;
    height: 25px;
  }
}
.footer-area .footer-nav {
  background: #005ab4;
}
.footer-area .footer-nav nav {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 30px 0;
}
.footer-area .footer-nav__list {
  column-count: 2;
  font-size: 1.2rem;
}
.footer-area .footer-nav__list li {
  width: 100%;
  margin-bottom: 5px;
}
.footer-area .footer-nav__list li a {
  display: block;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  color: white;
}
.footer-area .footer-nav__list li a::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 3px;
  transform: translateY(-50%);
  display: block;
  color: white;
  line-height: 1;
  width: 10px;
  height: 10px;
  border: 1px solid currentColor;
  border-left: 0;
  border-bottom: 0;
  transform: translateY(-25%) rotate(45deg);
}
.footer-area .footer-nav__sns {
  margin-top: 20px;
}
.footer-area .footer-nav__sns ul {
  padding: 15px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 35px;
  border-top: solid 1px white;
  border-bottom: solid 1px white;
}
.footer-area .footer-nav__sb-logo {
  width: 60%;
  margin: 20px auto 0;
}
.footer-area .footer-nav__sb-logo img {
  width: 100%;
}
@media (min-width: 768px) {
  .footer-area .footer-nav nav {
    padding: 50px 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .footer-area .footer-nav__list {
    width: 55%;
    font-size: 1.4rem;
    column-gap: 80px;
  }
  .footer-area .footer-nav__list li {
    width: 100%;
    margin-bottom: 10px;
  }
  .footer-area .footer-nav__list li a::before {
    right: 10px;
    transition: transform 0.3s ease, right 0.3s ease;
  }
  .footer-area .footer-nav__list li a:hover::before {
    right: 5px;
    transform: translateY(-25%) translateX(3px) rotate(45deg);
  }
  .footer-area .footer-nav__sns {
    width: 35%;
    margin-top: 0;
  }
  .footer-area .footer-nav__sns ul {
    padding: 20px 0;
  }
  .footer-area .footer-nav__sb-logo {
    width: 70%;
    margin: 30px auto 0;
  }
}
.footer-area .footer-nav__end {
  padding: 10px 0;
  background: #001e55;
}
.footer-area .footer-nav__end img {
  width: 80px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .footer-area .footer-nav__end {
    padding: 20px 0;
    text-align: center;
  }
  .footer-area .footer-nav__end img {
    width: 110px;
  }
  .footer-area .footer-nav__end a {
    display: inline-block;
  }
}

@media (min-width: 768px) {
  .gnav-mobile {
    display: none;
  }
}

.gnav-mobile-ticket {
  width: 85%;
  height: 60px;
  padding: 2px 0;
  position: fixed;
  bottom: 0;
  left: 0;
  cursor: pointer;
  background: #005ab4;
  z-index: 100;
  text-align: center;
}
.gnav-mobile-ticket a {
  width: 100%;
  height: 100%;
  color: white;
  background: #001e55;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 700;
  font-size: 2.4rem;
  text-decoration: none;
}
.gnav-mobile-ticket a img {
  width: auto;
  height: 35px;
  padding-right: 10px;
}
@media (min-width: 768px) {
  .gnav-mobile-ticket {
    width: fit-content;
    padding: 2px 2px 0 2px;
    left: auto;
    right: 60px;
    border-radius: 10px 0 0 0;
    transition: all 0.5s;
  }
  .gnav-mobile-ticket a {
    padding: 0 20px;
    border-radius: 10px 0 0 0;
  }
  .gnav-mobile-ticket:hover {
    background: #fabe00;
  }
  .gnav-mobile-ticket:hover a {
    color: white;
    background: #005ab4;
  }
  .gnav-mobile-ticket:hover a img {
    opacity: 1;
  }
}

#gnav-mobile-btn {
  width: 15%;
  padding: 10px;
  position: fixed;
  bottom: 0px;
  right: 0px;
  height: 60px;
  cursor: pointer;
  background: #005ab4;
  z-index: 100;
}
@media (min-width: 768px) {
  #gnav-mobile-btn {
    width: 60px;
  }
}
#gnav-mobile-btn > div {
  width: 100%;
  height: 100%;
  position: relative;
}
#gnav-mobile-btn > div p {
  color: white;
  font-size: 12px;
  line-height: 1em;
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
}
#gnav-mobile-btn span {
  width: 100%;
  height: 3px;
  left: 0;
  display: block;
  background: #fff;
  position: absolute;
  transition: transform 0.6s ease-in-out, top 0.5s ease;
}
#gnav-mobile-btn span:nth-child(1) {
  top: 0;
}
#gnav-mobile-btn span:nth-child(2) {
  top: 12px;
}
#gnav-mobile-btn span:nth-child(3) {
  top: 24px;
}

.open #gnav-mobile-btn span {
  background: #fff;
}

.open #gnav-mobile-btn span:nth-child(1) {
  top: 13px;
  transform: rotate(45deg);
}

.open #gnav-mobile-btn span:nth-child(2) {
  top: 13px;
  width: 0;
  left: 50%;
}

.open #gnav-mobile-btn span:nth-child(3) {
  top: 13px;
  transform: rotate(-45deg);
}

/* 表示時（body.openがついたら） */
body.open #gnav-list {
  transform: translateX(0);
  visibility: visible;
}

#gnav-list {
  background: #005ab4;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 1.6rem;
  color: white;
  transform: translateX(100%);
  transition: transform 0.3s ease;
}
#gnav-list .footer-nav__end {
  padding: 30px 0;
  background: none;
}
#gnav-list .footer-nav__end img {
  width: 100px;
  margin: 0 auto;
}
#gnav-list .footer-nav__sb-logo {
  max-width: 300px;
  padding: 30px 0;
}
#gnav-list .footer-nav__list {
  column-count: 1;
  font-size: 1.6rem;
  text-align: left;
}
@media (min-width: 768px) {
  #gnav-list .footer-nav__list {
    margin: 0 auto;
  }
}
#gnav-list .footer-nav__list li {
  width: 85%;
  margin: 0 auto;
  padding: 10px 0;
  border-top: solid 1px white;
}
#gnav-list .footer-nav__list li:last-child {
  border-bottom: solid 1px white;
}

.open #gnav-list {
  visibility: visible;
  opacity: 1;
}

.modal-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.9);
  z-index: 1000;
  padding: 50px 0 110px;
}

.modal-content {
  width: 85%;
  max-width: 600px;
  max-height: 90vh;
  margin: 0 auto;
  position: relative;
  overflow-y: auto;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE/Edge */
  color: white;
}
.modal-content dl {
  width: 100%;
  margin-top: 20px;
  border-top: 1px solid white;
}
.modal-content dt {
  padding: 5px;
  float: left;
  clear: left;
}
.modal-content dd {
  padding: 5px 0 5px 6em;
  border-bottom: 1px solid white;
}
.modal-content .note {
  padding: 5px 0;
  font-size: 1rem;
  color: white;
}
.modal-content .goods-ttl {
  margin-top: 20px;
  color: white;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: solid 1px white;
  border-bottom: solid 1px white;
}
.modal-content .goods-ttl h4 {
  margin-bottom: 10px;
}
.modal-content .goods-ttl h4 span {
  font-size: 80%;
  font-weight: normal;
}
.modal-content .goods-ttl .goods-price {
  margin-bottom: 10px;
  border: none;
}
.modal-content .goods-info {
  margin-top: 10px;
  color: white;
}
@media (min-width: 768px) {
  .modal-content .note {
    font-size: 1.2rem;
  }
}

.js-modal-close {
  margin: 20px auto 0;
  cursor: pointer;
}

.accordion_important-area .accordion-btn,
.accordion_access-area .accordion-btn,
.accordion_ticket-area .accordion-btn {
  font-family: "BIZ UDPGothic", sans-serif;
  font-size: 1.8rem;
  font-weight: bold;
  position: relative;
  border-radius: 5px;
}
.accordion_important-area .accordion-btn::before, .accordion_important-area .accordion-btn::after,
.accordion_access-area .accordion-btn::before,
.accordion_access-area .accordion-btn::after,
.accordion_ticket-area .accordion-btn::before,
.accordion_ticket-area .accordion-btn::after {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 3px;
  top: 48%;
  right: 10px;
  transition: 0.2s;
}
.accordion_important-area .accordion-btn::after,
.accordion_access-area .accordion-btn::after,
.accordion_ticket-area .accordion-btn::after {
  transform: rotate(90deg);
}
.accordion_important-area .accordion-btn.open::after,
.accordion_access-area .accordion-btn.open::after,
.accordion_ticket-area .accordion-btn.open::after {
  transform: rotate(0deg);
}
@media (min-width: 768px) {
  .accordion_important-area .accordion-btn,
  .accordion_access-area .accordion-btn,
  .accordion_ticket-area .accordion-btn {
    margin-top: 50px;
    font-size: 2.1rem;
  }
}
.accordion_important-area .accordion-box,
.accordion_access-area .accordion-box,
.accordion_ticket-area .accordion-box {
  background: white;
  border-radius: 5px;
  display: none;
}

.accordion_important-area .accordion-btn,
.accordion_ticket-area .accordion-btn {
  margin-top: 20px;
  padding: 5px;
  font-size: 1.6rem;
  text-align: center;
  color: white;
  background: #d7000f;
}
.accordion_important-area .accordion-btn::before, .accordion_important-area .accordion-btn::after,
.accordion_ticket-area .accordion-btn::before,
.accordion_ticket-area .accordion-btn::after {
  background-color: white;
}
@media (min-width: 768px) {
  .accordion_important-area .accordion-btn,
  .accordion_ticket-area .accordion-btn {
    font-size: 2.1rem;
    padding: 10px;
  }
}
.accordion_important-area .accordion-box,
.accordion_ticket-area .accordion-box {
  background: #d7000f;
  padding: 10px;
}
.accordion_important-area .accordion-box .accordion-inner,
.accordion_ticket-area .accordion-box .accordion-inner {
  padding: 10px;
  border-radius: 5px;
  background: white;
  color: #d7000f;
}
.accordion_important-area .accordion-box .accordion-inner ul,
.accordion_ticket-area .accordion-box .accordion-inner ul {
  margin-top: 10px;
}
.accordion_important-area .accordion-box .accordion-inner ul li,
.accordion_ticket-area .accordion-box .accordion-inner ul li {
  display: flex;
}
.accordion_important-area .accordion-box .accordion-inner ul li:before,
.accordion_ticket-area .accordion-box .accordion-inner ul li:before {
  margin-right: 5px;
  content: "・";
}
.accordion_important-area .accordion-box .accordion-inner p:not(:first-of-type),
.accordion_ticket-area .accordion-box .accordion-inner p:not(:first-of-type) {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .accordion_important-area .accordion-box .accordion-inner,
  .accordion_ticket-area .accordion-box .accordion-inner {
    padding: 20px;
  }
}

.accordion_ticket-area .accordion-btn {
  margin-top: 10px;
  background: #005ab4;
}
@media (min-width: 768px) {
  .accordion_ticket-area .accordion-btn {
    margin-top: 20px;
  }
}
.accordion_ticket-area .accordion-box {
  background: #005ab4;
}
.accordion_ticket-area .accordion-box .accordion-inner {
  color: black;
}
.accordion_ticket-area .accordion-box .accordion-inner div + div {
  margin-top: 20px;
}
.accordion_ticket-area .accordion-box .accordion-inner p {
  margin-bottom: 5px;
}
.accordion_ticket-area .accordion-box .accordion-inner p:not(:first-of-type) {
  margin-top: 0;
}
.accordion_ticket-area .accordion-box .accordion-inner ol {
  margin-bottom: 5px;
}
.accordion_ticket-area .accordion-box .accordion-inner dl {
  width: 100%;
  margin-top: 10px;
}
.accordion_ticket-area .accordion-box .accordion-inner dt {
  padding: 5px;
  font-weight: bold;
  float: left;
  clear: left;
}
.accordion_ticket-area .accordion-box .accordion-inner dd {
  padding: 5px 0 10px 2em;
}
.accordion_ticket-area .accordion-box .accordion-inner dd.bg {
  background: #e8eaec;
}
.accordion_ticket-area .accordion-box .accordion-inner .ttl {
  margin-bottom: 10px;
  font-weight: bold;
  border-bottom: solid 2px black;
}

.accordion_access-area .accordion-btn {
  margin-top: 20px;
  padding: 10px 10px 10px 50px;
  color: #005ab4;
  background: white url(../images/icon-info.svg) no-repeat left 10px center;
  background-size: 30px;
}
.accordion_access-area .accordion-btn::before, .accordion_access-area .accordion-btn::after {
  background-color: #005ab4;
}
.accordion_access-area .accordion-box {
  padding: 10px;
}
.accordion_access-area .accordion-box .accordion-inner__block:not(:first-of-type) {
  margin-top: 20px;
}
.accordion_access-area .accordion-box .accordion-inner h3 {
  padding: 5px;
  color: white;
  background: #005ab4;
  font-size: 1.6rem;
}
.accordion_access-area .accordion-box .accordion-inner h3 span {
  display: block;
  font-size: 90%;
}
.accordion_access-area .accordion-box .accordion-inner h4 {
  margin-top: 10px;
  font-size: 1.4rem;
}
.accordion_access-area .accordion-box .accordion-inner p {
  margin-top: 10px;
  font-size: 1.2rem;
}
.accordion_access-area .accordion-box .accordion-inner p span.note {
  font-size: 1rem;
}
@media (min-width: 768px) {
  .accordion_access-area .accordion-box {
    padding: 20px;
  }
  .accordion_access-area .accordion-box .accordion-inner__block:not(:first-of-type) {
    margin-top: 20px;
  }
  .accordion_access-area .accordion-box .accordion-inner h3 {
    padding: 5px 10px;
    font-size: 1.8rem;
  }
  .accordion_access-area .accordion-box .accordion-inner h3 span {
    margin-left: 10px;
    display: inline-block;
  }
  .accordion_access-area .accordion-box .accordion-inner h4 {
    margin-top: 10px;
    font-size: 1.6rem;
  }
  .accordion_access-area .accordion-box .accordion-inner p {
    margin-top: 10px;
    font-size: 1.4rem;
  }
  .accordion_access-area .accordion-box .accordion-inner p span.note {
    font-size: 1.2rem;
  }
}