/* base
--------------------------------------------------*/
body,
div,
pre,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
th,
td {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
}

body.is_popup {
  height: 100vh;
}

* {
  box-sizing: border-box;
}

a {
  transition-duration: 0.45s;
  text-decoration: none;
  color: inherit;
}

img {
  max-width: 100%;
}

body {
  color: #000;
  background: white;
  font-family: "Noto Sans JP", sans-serif;
}

/* layout
--------------------------------------------------*/
.main-wrapper {
  overflow: hidden;
  font-size: 16px;
}

.page-top {
  position: fixed;
  bottom: 150px;
  right: 32px;
  z-index: 9;
  width: 70px;
  text-align: center;
}
.page-top a {
  display: inline-block;
}

.menu-anchors {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  right: 32px;
  bottom: 65px;
  z-index: 102;
  width: 70px;
  height: 70px;
  background: #d80c18;
  border-radius: 50%;
  border: 2px solid #f8b500;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}
.menu-anchors.active {
  right: 48px;
  bottom: auto;
  top: 120px;
  background: url(../image/icon_close_red.svg) no-repeat center;
  border: 0;
  font-size: 0;
}

.nav-anchors-side {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 120px;
  bottom: 32px;
  right: 32px;
  z-index: 101;
  overflow-y: auto;
  transition-duration: 0.3s;
  padding: 45px 52px;
  width: 100%;
  max-width: 523px;
  background: #fff;
  border-radius: 16px;
}
.nav-anchors-side.open {
  opacity: 1;
  visibility: visible;
}
.nav-anchors-side .box + .box {
  margin-top: 32px;
}
.nav-anchors-side .tit {
  margin-bottom: 16px;
}
.nav-anchors-side .tit span {
  display: inline-block;
  padding: 5px 16px;
  line-height: 1.5;
  font-weight: 700;
}
.nav-anchors-side ul {
  border-top: 1px solid;
}
.nav-anchors-side li {
  padding: 8px 0;
  border-bottom: 1px solid;
}
.nav-anchors-side li .jap {
  display: block;
  line-height: 1.5;
  font-size: 18px;
  font-weight: 700;
}
.nav-anchors-side li .eng {
  display: block;
  margin-top: 4px;
  line-height: 1;
  font-size: 18px;
  font-weight: 900;
}
.nav-anchors-side .red-st .tit span {
  background: #d80c18;
  color: #fff;
}
.nav-anchors-side .red-st ul,
.nav-anchors-side .red-st li {
  border-color: #d80c18;
}
.nav-anchors-side .red-st li .eng {
  color: #d80c18;
}
.nav-anchors-side .yellow-st .tit span {
  background: #f8b500;
}
.nav-anchors-side .yellow-st ul,
.nav-anchors-side .yellow-st li {
  border-color: #f8b500;
}
.nav-anchors-side .yellow-st li .eng {
  color: #f8b500;
}

/* hover */
@media (min-width: 768px) {
  .page-top a:hover,
  .menu-anchors:hover {
    opacity: 0.7;
  }
}
/* sp */
@media (max-width: 767px) {
  .main-wrapper {
    font-size: 14px;
  }
  .page-top {
    bottom: 130px;
    right: 16px;
    width: 56px;
  }

  .menu-anchors {
    right: 16px;
    width: 56px;
    height: 56px;
    font-size: 16px;
  }

  .nav-anchors-side {
    top: 45px;
    bottom: 0;
    right: 0;
    padding: 20px 16px 72px;
  }
  .menu-anchors.active {
    right: 16px;
    top: auto;
    bottom: 10px;
    background-size: 48px;
  }
  .nav-anchors-side .tit {
    font-size: 16px;
  }
}

/* common
--------------------------------------------------*/
.is-hide {
  display: none;
}

.main-wrapper {
  background: #fff;
}

.inner,
.inner-large,
.inner-small {
  padding: 0 50px;
  margin: 0 auto;
  max-width: 1100px;
}
.inner-large {
  max-width: 1300px;
}
.inner-small {
  max-width: 1000px;
}

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

.swiper-images .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}
.swiper-images .swiper-slide {
  width: 160px;
  height: 160px;
}
.swiper-images .swiper-slide img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.head-large {
  margin-bottom: 56px;
  font-weight: 900;
}
.head-large .jap {
  line-height: 1.1;
  font-size: 64px;
}
.head-large .eng {
  margin-top: 16px;
  line-height: 1.5;
  font-size: 28px;
}

.color-red {
  color: #d80c18;
}

.end-btn {
  margin-top: 40px;
  text-align: center;
}

.btn-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  padding: 3px 16px 3px 60px;
  width: 100%;
  max-width: 345px;
  height: 65px;
  background: #fff;
  border-radius: 10px;
  border: 3px solid #baa85b;
  line-height: 1.3;
  font-weight: 700;
}
.btn-link:before {
  content: "";
  position: absolute;
  left: 0;
  top: -3px;
  bottom: -3px;
  z-index: 1;
  transition-duration: 0.3s;
  width: 60px;
  background: url(../image/icon_arrow_circle_wh.svg) no-repeat center #baa85b;
  background-size: 32px;
  border-radius: 10px;
}
.btn-link span {
  position: relative;
  z-index: 2;
}
.btn-link.yellow-st {
  border-color: #f8b500;
}
.btn-link.yellow-st:before {
  background-color: #f8b500;
}
.btn-link.red-st {
  border-color: #d80c18;
}
.btn-link.red-st:before {
  background-color: #d80c18;
}

.small-st.btn-link {
  max-width: 311px;
  height: 60px;
}

.icon_pdf:before {
  background-image: url(../image/schedule/icon_pdf.svg);
}
.icon_search_plus:before {
  background-image: url(../image/player/icon_search_plus.svg);
}
.icon_mascot:before {
  background-image: url(../image/mascot/icon_mascot.svg);
}
.icon_ticket:before {
  background-image: url(../image/icon_ticket.svg);
}
.icon_schedule:before {
  background-image: url(../image/icon_schedule.svg);
}
.icon_map:before {
  background-image: url(../image/access/icon_map.svg);
}

.swiper-pagectrl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 32px auto 0;
  max-width: 560px;
}
.swiper-pagectrl .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  position: static;
  width: auto;
}
.swiper-pagectrl .swiper-button-prev,
.swiper-pagectrl .swiper-button-next {
  position: static;
  width: 64px;
  height: 64px;
  background: no-repeat center;
  background-size: 100%;
}
.swiper-pagectrl .swiper-button-prev {
  background-image: url(../image/icon_arrow_circle_left.svg);
}
.swiper-pagectrl .swiper-button-next {
  background-image: url(../image/icon_arrow_circle_right.svg);
}
.swiper-pagectrl .swiper-pagination-bullet {
  margin: 0 8px !important;
  width: 8px;
  height: 8px;
  background: #e5e5e5;
  border-radius: 50%;
  border: 0;
}
.swiper-pagectrl .swiper-pagination-bullet-active {
  background: #d80c18;
}

.letgo-game-box {
  padding: 40px;
  margin: 100px auto 0;
  max-width: 802px;
  background: #baa85b;
  border-radius: 16px;
}
.letgo-game-box .head {
  padding: 15px 0 0;
  background: url(../image/about/icon_toge_wh.svg) no-repeat center top;
  background-size: 31px;
  text-align: center;
  line-height: 1.5;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
}
.letgo-game-box .btns {
  display: flex;
  justify-content: space-between;
  gap: 0 32px;
  margin-top: 32px;
}

/* hover */
@media (min-width: 768px) {
  .is-sp {
    display: none;
  }

  .btn-link:hover {
    background: #baa85b;
    color: #fff;
  }
  .btn-link.yellow-st:hover {
    background: #f8b500;
  }
  .btn-link.red-st:hover {
    background: #d80c18;
  }
}
/* sp */
@media (max-width: 767px) {
  .is-pc {
    display: none;
  }

  .inner,
  .inner-large,
  .inner-small {
    padding: 0 16px;
  }

  .head-large {
    margin-bottom: 40px;
  }
  .head-large .jap {
    line-height: 1.3;
    font-size: 36px;
  }
  .head-large .eng {
    margin-top: 8px;
    line-height: 1;
    font-size: 20px;
  }

  .swiper-images .swiper-slide {
    width: 131px;
    height: 131px;
  }

  .end-btn {
    margin-top: 16px;
  }
  .btn-link {
    padding: 3px 16px 3px 60px;
    max-width: 274px;
    height: 55px;
    border: 3px solid #baa85b;
  }
  .btn-link:before {
    width: 50px;
  }
  .small-st.btn-link {
    max-width: 274px;
    height: 45px;
  }
  .small-st.btn-link:before {
    background-size: 28px;
  }

  .swiper-pagectrl {
    margin-top: 24px;
    max-width: 311px;
  }
  .swiper-pagectrl .swiper-button-prev,
  .swiper-pagectrl .swiper-button-next {
    width: 48px;
    height: 48px;
  }
  .swiper-pagectrl .swiper-pagination-bullet {
    margin: 0 4px !important;
  }
}

/* page
--------------------------------------------------*/
.top-wrap {
  padding: 120px 0;
  /* background: url(../image/bg_mascot.svg) no-repeat right top 80px; */
}
.top-wrap .sub {
  margin-bottom: 80px;
  font-size: 20px;
  font-weight: 500;
}
.top-wrap .sub p {
  margin-bottom: 24px;
}
.top-wrap .head {
  margin-bottom: 24px;
  padding-top: 20px;
  background: url(../image/icon_toge.svg) no-repeat center top;
  background-size: 31px;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
}
.nav-anchors {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  text-align: center;
}
.nav-anchors .box {
  padding: 24px 16px 16px;
  background: #fff;
  border-radius: 10px;
  border: dotted 3px;
  /* dashed */
}
.nav-anchors .tit {
  margin-bottom: 16px;
  font-weight: 700;
}
.nav-anchors .tit span {
  display: inline-block;
  padding: 5px 16px;
}
.nav-anchors .anchors {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 5px;
}
.nav-anchors .anchors a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 10px 28px;
  width: calc(100% / 3 - 5px);
  max-width: 132px;
  min-height: 98px;
  background: no-repeat center bottom 4px;
  border-radius: 16px;
  line-height: 1.3;
  font-weight: 700;
}
.nav-anchors .red-st {
  border-color: #d80c18;
}
.nav-anchors .yellow-st {
  border-color: #f8b500;
}
.nav-anchors .red-st .tit span {
  background-color: #d80c18;
  color: #fff;
}
.nav-anchors .yellow-st .tit span {
  background-color: #f8b500;
}
.nav-anchors .red-st a {
  background-image: url(../image/icon_arrow_wh.svg);
  background-color: #d80c18;
  color: #fff;
}
.nav-anchors .yellow-st a {
  background-image: url(../image/icon_arr_down.svg);
  background-color: #f8b500;
}

.schedule-wrap {
  padding: 100px 0 0;
}
.schedule-wrap .display-top {
  position: relative;
  padding-right: 37%;
}
.schedule-wrap .display-top .img {
  position: absolute;
  left: 65%;
  top: -54px;
  width: 47.1%;
}
.schedule-wrap .display-top .txt {
  color: #171717;
  font-weight: 500;
}
.display-list li {
  padding: 48px 150px;
  border-bottom: 3px dotted #d80c18;
}
.display-list li:nth-of-type(even) {
  border-color: #f8b500;
}
.display-list li:last-child {
  border-bottom: 0;
}
.display-list .display {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.display-list li:nth-of-type(even) .display {
  flex-direction: row-reverse;
}
.display-list .display .img {
  overflow: hidden;
  width: calc(55% + 3px);
  border-radius: 10px;
}
.display-list .display .info {
  width: calc(45% - 27px);
}
.display-list .display .time {
  position: relative;
  padding-left: 26px;
  margin-bottom: 20px;
  line-height: 1;
}
.display-list .display .time:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 51px;
  height: 51px;
  background: url(../image/schedule/icon_time.svg) no-repeat center #d80c18;
  background-size: 100%;
  border-radius: 50%;
}
.display-list .display .time span {
  display: inline-block;
  padding: 11px 24px 11px 32px;
  border: 3px solid #d80c18;
  font-size: 20px;
  font-weight: 700;
}
.display-list .display .tit {
  margin-bottom: 24px;
  line-height: 1.5;
  font-size: 18px;
  font-weight: 700;
}

.display-list .display .text_link {
  text-decoration: underline;
  color: #d80c18;
}

.display-list .sample-order {
  margin: 40px auto 0;
  padding: 16px 14px;
  max-width: 750px;
  background: #f8b500;
  border-radius: 10px;
}
.display-list .sample-order .tit {
  margin-bottom: 16px;
  line-height: 1.5;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
}
.display-list .sample-order .display .img {
  width: calc(50% + 15px);
}
.display-list .sample-order .display .info {
  width: calc(50% - 31px);
}
.display-list .sample-order .end-btn {
  margin-top: 16px;
}
.display-list .sample-order .btn-link {
  height: 60px;
  max-width: 311px;
}
.display-list .sample-order .btn-link:before {
  width: 50px;
}

.stadium-wrap {
  padding: 56px 0 100px;
  background: linear-gradient(transparent 126px, #d80c18 126px);
  color: #fff;
}
.stadium-wrap .display {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.stadium-wrap .display.stadium-display {
  align-items: flex-start;
}
.stadium-wrap .display .left {
  width: 50.9%;
}
.stadium-wrap .display .right {
  width: 46%;
}
.stadium-wrap .display p {
  line-height: 1.5;
}
.stadium-wrap .display .map {
  display: block;
  margin-top: 16px;
  position: relative;
}
.stadium-wrap .display .map:after {
  content: "";
  position: absolute;
  right: 12px;
  bottom: 12px;
  width: 48px;
  height: 48px;
  background: url(../image/stadium/icon_popup.svg) no-repeat center;
  background-size: 100%;
}

.stadium-head {
  position: relative;
  padding: 3px 0 3px 48px;
  margin-bottom: 16px;
  background-size: 32px;
  line-height: 1.5;
  font-size: 18px;
  font-weight: 700;
}
.stadium-head:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 32px;
  height: 32px;
  background: no-repeat center #fff;
  background-size: 100%;
  border-radius: 50%;
}
.icon_info:before {
  background-image: url(../image/stadium/icon_information.svg);
}
.icon_event:before {
  background-image: url(../image/stadium/icon_event.svg);
}

.js-toggle-btn {
  cursor: pointer;
}
.js-toggle-box {
  display: none;
}

.stadium-wrap .facility li {
  background: #fff;
  border-radius: 10px;
  color: #171717;
}
.stadium-wrap .facility li + li {
  margin-top: 8px;
}
.stadium-wrap .facility .places {
  padding: 10px 40px 10px 16px;
  background: url(../image/icon_plus.svg) no-repeat right 16px center;
  background-size: 24px;
  color: #000;
  font-weight: 700;
}
.stadium-wrap .facility .places.open {
  background-image: url(../image/icon_minus.svg);
}
.stadium-wrap .facility .introd {
  padding: 16px;
}

.stadium-facility-swiper {
  overflow: hidden;
}
.stadium-facility-swiper .display {
  align-items: flex-start;
}
.stadium-facility-swiper .display .img {
  width: calc(52% - 1px);
}
.display.stadium-display .img {
  width: calc(52% - 1px);
}
.stadium-facility-swiper .display .info {
  width: calc(46% + 1px);
}
.display.stadium-display .info {
  width: calc(46% + 1px);
}
.stadium-facility-swiper .display p + p {
  margin-top: 24px;
}

.stadium-facility-swiper .swiper-pagectrl {
  margin-top: 8px;
}
.stadium-facility-swiper .swiper-button-prev,
.stadium-facility-swiper .swiper-button-next {
  width: 32px;
  height: 32px;
}
.stadium-facility-swiper .swiper-pagination-bullet {
  margin: 0 4px !important;
}

.stadium-events {
  margin-top: 32px;
}
.stadium-events ul {
  display: flex;
  justify-content: space-between;
}
.stadium-events li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(50% - 8px);
}
.stadium-events li .img {
  width: calc(50% + 6px);
}
.stadium-events li .info {
  width: calc(50% - 22px);
}
.stadium-events li .detail {
  margin-top: 24px;
  text-align: center;
}
.stadium-events li .detail a {
  display: inline-block;
  padding: 5px 50px;
  background: url(../image/icon_arrow_circle_wh.svg) no-repeat right 8px center #f8b500;
  background-size: 20px;
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.fancybox-display {
  margin: 0 auto;
  max-width: 573px;
  background: #fff;
  border-radius: 16px;
}
.fancybox-display .fancybox-bg {
  font-size: 0;
}
.fancybox-display .fancybox-close-small {
  display: none;
}

.fancybox-display .scroll-bar {
  overflow-y: auto;
  height: 535px;
}
.fancybox-display .display {
  padding: 24px;
}
.fancybox-display .display .img {
  overflow: hidden;
  margin-bottom: 16px;
  border-radius: 10px;
}
.fancybox-display .display .tit {
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 2px solid #f8b500;
  color: #d80c18;
  font-size: 18px;
  font-weight: 700;
}
.fancybox-display .display .position {
  text-align: center;
}
.fancybox-display .close {
  margin-top: 24px;
  text-align: center;
}
.fancybox-display .close a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  width: 100%;
  max-width: 311px;
  background: #d80c18;
  border-radius: 50px;
  color: #fff;
  font-weight: 700;
}

.player-wrap {
  padding: 100px 0 0;
}

.display-swiper {
  margin: 0 auto;
}
.display-swiper .swiper-slide {
  padding: 24px;
  background: #fff;
  border-radius: 16px;
  border: 3px solid #d80c18;
}
.display-swiper .display {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.display-swiper .display .info p {
  line-height: 1.5;
}

.player-swiper {
  max-width: 678px;
}
.player-swiper .display .img {
  overflow: hidden;
  width: calc(50% - 4px);
  border-radius: 10px;
}
.player-swiper .display .info {
  width: calc(50% - 4px);
}
.player-swiper .display .name {
  margin-bottom: 16px;
  line-height: 1.5;
  font-weight: 700;
  font-size: 20px;
}
.player-swiper .display .name .id {
  display: block;
  clip-path: polygon(0% 0%, calc(100% - 16px) 0%, 100% 50%, calc(100% - 16px) 100%, 0% 100%);
  margin-bottom: 8px;
  padding: 6px 5px 7px 7px;
  width: 92px;
  background: #d80c18;
  line-height: 1;
  color: #fff;
}
.player-swiper .display .tit {
  margin-bottom: 8px;
  line-height: 1.5;
  font-weight: 700;
}

.sns-btnlinks {
  display: flex;
  flex-wrap: wrap;
  gap: 0 8px;
  margin-top: 16px;
}
.sns-btnlinks .btn-link {
  width: calc(50% - 4px);
  height: 52px;
}
.sns-btnlinks .btn-link:before {
  width: 50px;
}
.sns-btnlinks .sns-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 5px 16px 5px 44px;
  height: 52px;
  width: calc(25% - 6px);
  border-radius: 5px;
  text-align: center;
  line-height: 1.3;
  font-weight: 700;
  font-size: 12px;
}
.sns-btnlinks .sns-btn:before {
  content: "";
  position: absolute;
  left: 16px;
  top: 0;
  width: 24px;
  height: 100%;
  background: no-repeat center;
  background-size: 100%;
}
.sns-btn.icon_x {
  background: #000;
  color: #fff;
}
.sns-btn.icon_ins {
  background: linear-gradient(90deg, #b83eff 0%, #ff008c 36.5%, #e00004 69%, #ffbf00 100%);
  color: #fff;
}
.sns-btn.icon_x:before {
  background-image: url(../image/player/icon_x.svg);
}
.sns-btn.icon_ins:before {
  background-image: url(../image/player/icon_instagram.svg);
}

.mascot-wrap {
  padding: 100px 0;
}
.mascot-wrap .title {
  position: relative;
}

.small_title {
  font-size: 32px;
  /* margin-top: -20px; */
}

.mascot-wrap .title .decorate {
  position: absolute;
  left: 47.5%;
  top: 7px;
}
.mascot-swiper {
  max-width: 690px;
}
.mascot-swiper .mascot-imgs-swiper {
  overflow: hidden;
  width: calc(50% + 20px);
}
.mascot-swiper .display .info {
  width: calc(43% + 2px);
}

.mascot-imgs-swiper .swiper-slide {
  overflow: hidden;
  padding: 0;
  border: 0;
  border-radius: 10px;
}
.mascot-imgs-swiper .swiper-pagectrl {
  margin: 8px 16px 0;
}
.mascot-imgs-swiper .swiper-pagectrl .swiper-button-prev,
.mascot-imgs-swiper .swiper-pagectrl .swiper-button-next {
  width: 32px;
  height: 32px;
}
.mascot-imgs-swiper .swiper-pagectrl .swiper-button-prev {
  background-image: url(../image/icon_arrow_circle_left_og.svg);
}
.mascot-imgs-swiper .swiper-pagectrl .swiper-button-next {
  background-image: url(../image/icon_arrow_circle_right_og.svg);
}
.mascot-imgs-swiper .swiper-pagectrl .swiper-pagination-bullet {
  margin: 0 4px !important;
}
.mascot-imgs-swiper .swiper-pagectrl .swiper-pagination-bullet-active {
  background: #f8b500;
}
.mascot-swiper .display .title {
  margin-bottom: 16px;
  text-align: center;
  font-weight: 700;
}
.mascot-swiper .display .title .foucs {
  margin-bottom: 8px;
  color: #d80c18;
  font-size: 20px;
}

.mascot-wrap .mascot-point {
  margin: 40px auto 0;
  padding: 24px;
  max-width: 750px;
  border: dotted 3px #f8b500;
  border-radius: 10px;
}
.mascot-wrap .mascot-point .point {
  position: relative;
  padding: 2px 0 2px 106px;
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: 700;
}
.mascot-wrap .mascot-point .point:before {
  content: "POINT";
  clip-path: polygon(0% 0%, calc(100% - 10px) 0%, 100% 50%, calc(100% - 10px) 100%, 0% 100%);
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 23px 1px 10px;
  height: 100%;
  background: #d80c18;
  line-height: 1;
  color: #fff;
}

.seat-wrap {
  padding: 100px 0;
}
.seat-wrap .title {
  position: relative;
}
.seat-wrap .title .decorate {
  position: absolute;
  left: calc(50% + 178px);
  top: -65px;
  width: 542px;
}

.seat-btn-list {
  margin: 0 auto;
  max-width: 750px;
}
.seat-btn-list > li {
  margin-bottom: 16px;
  background: #fff5db;
  border-radius: 0 0 10px 10px;
}
.seat-btn-list .tit {
  position: relative;
  padding: 9px 52px 9px 28px;
  background: url(../image/icon_plus_wh.svg) no-repeat right 28px center #d80c18;
  background-size: 24px;
  border-radius: 5px;
  color: #fff;
  font-weight: 700;
}
.seat-btn-list .tit.open {
  background-image: url(../image/icon_minus_wh.svg);
}
.seat-btns-box {
  padding: 16px 30px 24px;
}
.seat-btns-box ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}
.seat-btns-box li {
  width: calc(50% - 4px);
}
.seat-btns-box li a {
  display: flex;
  align-items: center;
  padding: 0 48px 0 16px;
  height: 44px;
  /* background: url(../image/icon_arrow_circle_wh.svg)no-repeat right 16px center;
	background-size: 32px; */
  border-radius: 5px;
  color: #fff;
  font-weight: 700;
  pointer-events: none;
}

.seat-map-wrap {
  margin-top: 32px;
}
.seat-map-wrap .point-scroll {
  margin-bottom: 16px;
  text-align: right;
}
.seat-map-wrap .seat-tabs {
  overflow-x: auto;
  margin-bottom: 32px;
}
.seat-tabs::-webkit-scrollbar {
  height: 8px;
  background-color: #e6e6e6;
}
.seat-tabs::-webkit-scrollbar-thumb {
  background: #d80c18;
  height: 6px;
  border-radius: 5px;
}
.seat-tabs ul {
  display: flex;
  gap: 0 2px;
  overflow: hidden;
  width: 1520px;
  padding: 0 0 8px;
}
.seat-tabs li {
  width: 100%;
}
.seat-tabs li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 62px;
  font-weight: 700;
  text-align: center;
  border-width: 3px 3px 0 3px;
  border-style: solid;
  background: #d80c18;
  border-color: #d80c18;
  border-radius: 5px 5px 0 0;
  color: #fff;
}
.lightblue {
  background-color: #00b3ef !important;
  border-color: #00b3ef !important;
}
.purple {
  background-color: #a153a1 !important;
  border-color: #a153a1 !important;
}
.lightgreen {
  background-color: #8bc63e !important;
  border-color: #8bc63e !important;
}
.pink {
  background-color: #ef59a1 !important;
  border-color: #ef59a1 !important;
}
.green {
  background-color: #0d8c3d !important;
  border-color: #0d8c3d !important;
}
.deeporange {
  background-color: #ef4900 !important;
  border-color: #ef4900 !important;
}
.orange {
  background-color: #ff9700 !important;
  border-color: #ff9700 !important;
}
.blackblue {
  background-color: #19167b !important;
  border-color: #19167b !important;
}
.deeporange2 {
  background-color: #fb0411 !important;
  border-color: #fb0411 !important;
}
.yellow {
  background-color: #ffd800 !important;
  border-color: #ffd800 !important;
}
.brown {
  background-color: #dd9a63 !important;
  border-color: #dd9a63 !important;
}
.seat-tabs li .is-active {
  background-color: #fff !important;
  color: #171717;
}

.seat-map-wrap .head {
  clip-path: polygon(0% 0%, calc(100% - 12px) 0%, 100% 50%, calc(100% - 12px) 100%, 0% 100%);
  margin-bottom: 16px;
  padding: 5px 24px 5px 8px;
  background: #d80c18;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}
.seat-map-wrap p {
  line-height: 1.5;
}
.seat-display {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.seat-display .img {
  width: 52%;
}
.seat-display .info {
  width: 45%;
}
.seat-display .tit {
  margin-bottom: 16px;
  text-align: center;
  letter-spacing: -0.05em;
  color: #d80c18;
  font-size: 20px;
  font-weight: 700;
}
.seat-display .basic-price {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 16px;
}
.seat-display .basic-price dl {
  display: flex;
  align-items: center;
  min-width: 49%;
}
.seat-display .basic-price dt {
  padding: 5px;
  margin-right: 16px;
  color: #fff;
  font-weight: 700;
}
.seat-display .basic-price dt .tax {
  font-size: 14px;
}
.seat-display .basic-price dd {
  font-size: 18px;
}
.seat-map-wrap .degree-view {
  margin-top: 24px;
  text-align: center;
}
.seat-map-wrap .degree-view a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  max-width: 370px;
  height: 44px;
  border-radius: 5px;
  color: #fff;
  font-weight: 700;
}

.seat-map-wrap .lightblue-st .head,
.seat-map-wrap .lightblue-st .degree-view a,
.lightblue-st .seat-display .basic-price dt {
  background-color: #00b3ef;
}
.seat-map-wrap .purple-st .head,
.seat-map-wrap .purple-st .degree-view a,
.purple-st .seat-display .basic-price dt {
  background-color: #a153a1;
}

.seat-map-wrap .lightgreen-st .head,
.seat-map-wrap .lightgreen-st .degree-view a,
.lightgreen-st .seat-display .basic-price dt {
  background-color: #8bc63e;
}
.seat-map-wrap .pink-st .head,
.seat-map-wrap .pink-st .degree-view a,
.pink-st .seat-display .basic-price dt {
  background-color: #ef59a1;
}
.seat-map-wrap .green-st .head,
.seat-map-wrap .green-st .degree-view a,
.green-st .seat-display .basic-price dt {
  background-color: #0d8c3d;
}
.seat-map-wrap .deeporange-st .head,
.seat-map-wrap .deeporange-st .degree-view a,
.deeporange-st .seat-display .basic-price dt {
  background-color: #ef4900;
}
.seat-map-wrap .deeporange2-st .head,
.seat-map-wrap .deeporange2-st .degree-view a,
.deeporange2-st .seat-display .basic-price dt {
  background-color: #fb0411;
}
.seat-map-wrap .orange-st .head,
.seat-map-wrap .orange-st .degree-view a,
.orange-st .seat-display .basic-price dt {
  background-color: #ff9700;
}
.seat-map-wrap .blackblue-st .head,
.seat-map-wrap .blackblue-st .degree-view a,
.blackblue-st .seat-display .basic-price dt {
  background-color: #19167b;
}
.seat-map-wrap .yellow-st .head,
.seat-map-wrap .yellow-st .degree-view a,
.yellow-st .seat-display .basic-price dt {
  background-color: #ffd800;
}
.seat-map-wrap .brown-st .head,
.seat-map-wrap .brown-st .degree-view a,
.brown-st .seat-display .basic-price dt {
  background-color: #dd9a63;
}

.rule-wrap {
  padding: 100px 0 350px;
  background: #f8b500;
}
.rule-wrap .head-large {
  color: #fff;
}
.rule-wrap .rule-list li {
  margin-bottom: 16px;
}
.rule-list .tit {
  padding: 10px 40px 10px 16px;
  background: url(../image/icon_plus.svg) no-repeat right 16px center #fff;
  background-size: 24px;
  border-radius: 8px;
  color: #d80c18;
  font-weight: 700;
}
.rule-list .tit.open {
  background-image: url(../image/icon_minus.svg);
}
.rule-list .rule-box {
  padding: 16px 32px 8px;
}
.rule-list .rule-box p {
  line-height: 1.5;
  font-weight: 500;
}
.rule-list .rule-box p .link {
  text-decoration: underline;
  color: #d80c18;
}
.rule-list .rule-box .imgs {
  /* display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 16px; */
  margin: 24px 0;
}
.rule-list .rule-box .imgs div {
  width: 50%;
  margin-inline: auto;
}
.rule-list .rule-box .imgs img {
  width: 100%;
}

.about-wrap {
  clip-path: polygon(0% 120px, 100% 0%, 100% calc(100% - 120px), 0% 100%);
  margin-top: -250px;
  padding: 234px 0;
  background: url(../image/about/bg_nagoya.png) no-repeat right 42px bottom #d80c18;
  background-size: 744px;
  color: #fff;
}
.about-wrap .display {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.about-wrap .display .img {
  width: 49.4%;
}
.about-wrap .display .info {
  width: 47.4%;
  font-weight: 500;
}
.about-head {
  padding-bottom: 8px;
  margin-bottom: 24px;
  border-bottom: 1px solid;
  text-align: center;
  line-height: 1.5;
  font-weight: 700;
  font-size: 20px;
}
.about-wrap .part {
  margin-top: 32px;
  font-weight: 500;
}
.about-wrap .part p.grid {
  display: grid;
  grid-template-columns: auto auto;
  width: max-content;
  margin-inline: auto;
}
.about-tournament-swiper {
  overflow: hidden;
}
.about-tournament-swiper .swiper-slide {
}
.about-tournament-swiper .type-logo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 700;
}
.about-tournament-swiper .type-logo .logo {
  width: 110px;
}
.about-tournament-swiper .type-logo .name {
  width: calc(100% - 126px);
}
.about-tournament-swiper .txt {
  line-height: 1.5;
  font-weight: 400;
}
.about-tournament-swiper .swiper-pagectrl {
  margin-top: 24px;
  max-width: 311px;
}
.about-tournament-swiper .swiper-pagectrl .swiper-button-prev,
.about-tournament-swiper .swiper-pagectrl .swiper-button-next {
  width: 48px;
  height: 48px;
}
.about-tournament-swiper .swiper-pagectrl .swiper-button-prev {
  background-image: url(../image/about/icon_arrow_circle_left.svg);
}
.about-tournament-swiper .swiper-pagectrl .swiper-button-next {
  background-image: url(../image/about/icon_arrow_circle_right.svg);
}
.about-tournament-swiper .swiper-pagectrl .swiper-pagination-bullet {
  background: #cacaca;
}
.about-tournament-swiper .swiper-pagectrl .swiper-pagination-bullet-active {
  background: #fff;
}

.access-wrap {
  padding: 100px 0 0;
}
.access-wrap .head {
  padding-bottom: 8px;
  border-bottom: 2px solid;
  line-height: 1.5;
  font-weight: 700;
}
.access-wrap .access-display {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.access-wrap .access-display .img {
  overflow: hidden;
  width: 63.2%;
  border-radius: 10px;
}
.access-wrap .access-display .info {
  width: 32.8%;
}
.access-wrap .access-display p {
  line-height: 1.5;
}
.access-wrap .access-display .head {
  margin-bottom: 8px;
  font-size: 24px;
}
.access-wrap .access-display .access {
  line-height: 1.5;
  font-size: 18px;
}
.access-wrap .end-btn {
  margin-top: 24px;
}
.access-wrap .btn-link:before {
  width: 50px;
}

.access-route-list .part {
  margin-top: 56px;
}
.access-route-list .route-tit {
  position: relative;
  padding: 9px 40px 9px 56px;
  background: url(../image/icon_plus_wh.svg) no-repeat right 16px center #d80c18;
  background-size: 24px;
  border-radius: 5px;
  color: #fff;
  font-weight: 700;
}
.access-route-list .route-tit.open {
  background-image: url(../image/icon_minus_wh.svg);
}
.access-route-list .route-tit:before {
  content: "";
  position: absolute;
  left: 16px;
  top: 0;
  height: 100%;
  width: 24px;
  background: no-repeat center;
  background-size: 100%;
}
.access-route-list .icon_train:before {
  background-image: url(../image/access/icon_train.svg);
}
.access-route-list .icon_car:before {
  background-image: url(../image/access/icon_car.svg);
}
.access-route-list .route-box {
  padding: 24px 30px 0;
}
.access-route-list .display {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.access-route-list .display .img {
  width: calc(50% - 19px);
}
.access-route-list .display .info {
  width: calc(50% - 5px);
}
.access-route-list .display .train-img {
  width: calc(50% + 30px);
}
.access-route-list .display .train-info {
  width: calc(50% - 62px);
}
.access-route-list .display .train-info p {
  line-height: 1.5;
  font-weight: 500;
}
.access-route-list .route-line {
  margin-bottom: 32px;
}
.access-route-list .route-line li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.access-route-list .route-line .sign {
  display: block;
  padding: 10px 12px;
  background: #d80c18;
  border-radius: 50px;
  line-height: 1;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}
.access-route-list .display .end-btn {
  margin-top: 32px;
}
.access-route-list .park-train {
  margin-top: 40px;
}
.access-route-list .park-train .head {
  margin-bottom: 16px;
  text-align: center;
  font-size: 18px;
}
.access-route-list .park-train .note {
  margin-top: 16px;
  line-height: 1.5;
  font-size: 12px;
}

.park-train-detail {
  margin-top: 24px;
}
.park-train-detail .route-tit {
  padding-left: 24px;
  background-color: #f8b500;
}
.park-train-detail .route-box {
  padding: 16px 24px 0;
}
.park-train-detail .detail-part + .detail-part {
  margin-top: 24px;
}
.park-train-detail .head2 {
  margin-bottom: 16px;
  padding-bottom: 4px;
  border-bottom: 2px solid #f8b500;
  line-height: 1.5;
  font-weight: 700;
}
.park-train-detail .season-match {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 8px;
}
.park-train-detail .season-match li {
  line-height: 1.7;
}
.park-train-detail .small {
  font-size: 14px;
}
.access-route-list .park-train .end-btn {
  margin-top: 16px;
}
.access-wrap .btns {
  display: flex;
  justify-content: center;
  gap: 0 32px;
  text-align: center;
}
.access-wrap .btns .item {
  width: 50%;
  max-width: 311px;
}
.access-wrap .btns .note {
  margin-top: 8px;
  line-height: 1.5;
  font-size: 12px;
}

.faq-wrap {
  padding: 100px 0;
}
.faq-list li + li {
  margin-top: 16px;
}
.faq-list li .quest {
  position: relative;
  padding: 10px 32px 10px 40px;
  background: url(../image/icon_plus_wh.svg) no-repeat right 8px center #d80c18;
  background-size: 24px;
  border-radius: 5px;
  line-height: 1.5;
  color: #fff;
  font-weight: 700;
}
.faq-list li .quest:before {
  content: "";
  position: absolute;
  left: 8px;
  top: 0;
  width: 24px;
  height: 100%;
  background: url(../image/icon_q.svg) no-repeat center;
  background-size: 100%;
}
.faq-list li .answer {
  padding: 16px 32px 8px;
}
.faq-list li .answer .link {
  text-decoration: underline;
  color: #d80c18;
}
.faq-list li .answer .end-btn {
  margin-top: 16px;
}

.page-top-bottom {
  text-align: center;
}
.page-top-bottom a {
  display: inline-block;
  padding-top: 38px;
  background: url(../image/icon_top.svg) no-repeat center top;
  background-size: 30px;
  line-height: 1;
  color: #baa85b;
  font-weight: 700;
  font-size: 24px;
}

/* hover */
@media (min-width: 768px) {
  .stadium-events li .detail a:hover,
  .seat-btns-box li a:hover {
    opacity: 0.7;
  }

  .nav-anchors .anchors a:hover,
  .sns-btn:hover {
    opacity: 0.5;
  }

  .faq-list li .answer .link:hover {
    text-decoration: none;
  }
}
/* sp */
@media (max-width: 767px) {
  .nav-anchors {
    grid-template-columns: repeat(1, 1fr);
    gap: 16px 0;
  }
  .nav-anchors .tit {
    font-size: 16px;
  }
  .nav-anchors .anchors a {
    padding: 8px 5px 28px;
  }

  .top-wrap {
    padding: 80px 0;
    background-position: right top 240px;
    background-size: 80px;
  }
  .top-wrap .sub {
    font-size: 16px;
  }
  .top-wrap .head {
    margin-bottom: 32px;
    padding-top: 15px;
    background-size: 24px;
    font-size: 20px;
  }

  .schedule-wrap {
    padding-top: 80px;
  }
  .schedule-wrap .display-top {
    padding-right: 0;
  }
  .schedule-wrap .display-top .img {
    left: 53.0667%;
    top: -68px;
    width: 154px;
  }
  .display-list {
    margin-top: 16px;
  }
  .display-list li {
    padding: 24px 16px;
  }
  .display-list .display {
    display: block;
  }
  .display-list .display .info {
    width: auto;
  }
  .display-list .display .img {
    margin-top: 16px;
    width: auto;
  }
  .display-list .display .time {
    margin: 0 0 12px -16px;
  }
  .display-list .display .time span {
    padding: 7px 16px 7px 24px;
    font-size: 16px;
  }
  .display-list .display .time:before {
    width: 43px;
    height: 43px;
  }
  .display-list .display .tit {
    margin-bottom: 16px;
    font-size: 16px;
  }

  .display-list .sample-order {
    margin-top: 27px;
    padding: 16px;
  }
  .display-list .sample-order .display .img {
    margin-bottom: 16px;
    width: auto;
  }
  .display-list .sample-order .display .info {
    width: auto;
  }
  .display-list .sample-order .btn-link {
    height: 55px;
  }

  .stadium-wrap {
    padding: 80px 0;
    background: linear-gradient(transparent 126px, #d80c18 126px);
  }
  .stadium-wrap .display {
    display: block;
  }
  .stadium-wrap .display .left {
    margin-bottom: 24px;
    width: auto;
  }
  .stadium-wrap .display .right {
    width: auto;
  }
  .stadium-wrap .display .map:after {
    right: 8px;
    bottom: 8px;
    width: 32px;
    height: 32px;
  }
  .stadium-head {
    margin-bottom: 20px;
    font-size: 16px;
  }
  .stadium-facility-swiper .display .img {
    margin-bottom: 8px;
    width: auto;
  }
  .display.stadium-display .img {
    margin-bottom: 8px;
    width: auto;
  }
  .stadium-facility-swiper .display .info {
    width: auto;
  }
  .display.stadium-display .info {
    width: auto;
  }
  .stadium-facility-swiper .display p + p {
    margin-top: 4px;
  }

  .stadium-events {
    margin-top: 24px;
  }
  .stadium-events li {
    display: block;
    width: calc(50% - 4px);
  }
  .stadium-events li .img {
    margin-bottom: 8px;
    width: auto;
  }
  .stadium-events li .info {
    width: auto;
  }
  .stadium-events li .detail {
    margin-top: 8px;
  }
  .stadium-events li .detail a {
    padding: 5px 20px;
    width: 100%;
  }

  .display-swiper .swiper-slide {
    border-width: 2px;
  }

  .player-wrap {
    padding: 80px 0 0;
  }
  .player-swiper {
    max-width: 311px;
  }
  .display-swiper .swiper-slide {
    padding: 16px;
  }
  .display-swiper .display {
    display: block;
  }
  .player-swiper .display .img {
    margin-bottom: 8px;
    width: auto;
  }
  .player-swiper .display .info {
    width: auto;
  }
  .player-swiper .display .name {
    position: relative;
    padding: 4px 0 4px 82px;
    margin-bottom: 8px;
    font-size: 16px;
  }
  .player-swiper .display .name .id {
    display: flex;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 74px;
  }

  .sns-btnlinks {
    align-items: center;
    gap: 8px;
    margin-top: 8px;
  }
  .sns-btnlinks .btn-link {
    width: 100%;
    height: 52px;
  }
  .sns-btnlinks .sns-btn {
    padding: 10px 16px 10px 44px;
    height: auto;
    min-height: 44px;
    width: calc(50% - 4px);
    font-size: 12px;
  }

  .mascot-wrap {
    padding: 80px 0;
  }
  .mascot-wrap .title .decorate {
    left: auto;
    right: 12px;
    top: -35px;
  }
  .mascot-swiper {
    max-width: 311px;
  }
  .mascot-swiper .mascot-imgs-swiper {
    width: auto;
  }
  .mascot-imgs-swiper .swiper-slide {
    padding: 0;
  }
  .mascot-swiper .display .info {
    margin-top: 8px;
    width: auto;
  }
  .mascot-swiper .display .title {
    margin-bottom: 8px;
  }
  .mascot-swiper .display .title .foucs {
    font-size: 18px;
  }
  .mascot-wrap .end-btn {
    margin-top: 40px;
  }
  .mascot-wrap .mascot-point {
    padding: 16px;
    max-width: 311px;
  }
  .mascot-wrap .mascot-point .point {
    padding: 2px 0 2px 78px;
    line-height: 1.5;
    font-size: 16px;
  }
  .mascot-wrap .mascot-point .point:before {
    clip-path: polygon(0% 0%, calc(100% - 10px) 0%, 100% 50%, calc(100% - 10px) 100%, 0% 100%);
    padding: 0 10px 1px 5px;
    font-size: 15px;
  }

  .seat-wrap {
    padding: 80px 0;
  }
  .seat-wrap .title .decorate {
    left: auto;
    right: -16px;
    top: -35px;
    width: 194px;
  }
  .seat-btn-list > li {
    margin-bottom: 8px;
  }
  .seat-btn-list .tit {
    padding: 10px 52px 10px 8px;
    background-position: right 8px center;
  }
  .seat-btns-box {
    padding: 16px;
  }
  .seat-btns-box li {
    width: 100%;
  }
  .seat-map-wrap {
    margin-top: 40px;
  }
  .seat-map-wrap .seat-tabs {
    margin-bottom: 24px;
  }
  .seat-tabs li a {
    padding: 0 5px;
  }
  .seat-map-wrap .head {
    margin: 0 16px 8px;
    font-size: 16px;
  }
  .seat-display {
    display: block;
    padding: 0 16px;
  }
  .seat-display .img {
    margin-bottom: 8px;
    width: auto;
  }
  .seat-display .info {
    width: auto;
  }
  .seat-display .tit {
    margin-bottom: 8px;
    letter-spacing: -0.05em;
    font-size: 16px;
  }
  .seat-display .basic-price dt {
    min-width: 100px;
    font-size: 12px;
  }
  .seat-display .basic-price dt .tax {
    font-size: 10px;
  }
  .seat-display .basic-price dd {
    font-size: 16px;
  }

  .rule-wrap {
    padding: 80px 0 200px;
  }
  .rule-list .rule-box {
    padding: 16px 16px 0;
  }
  .rule-list .rule-box {
    padding: 16px 16px 0;
  }
  .rule-list .rule-box .imgs div {
    width: 100%;
  }
  .rule-list .rule-box .imgs {
    grid-template-columns: repeat(1, 1fr);
    gap: 8px 0;
    margin: 8px 0;
  }

  .about-wrap {
    clip-path: polygon(0% 80px, 100% 0%, 100% calc(100% - 80px), 0% 100%);
    margin-top: -120px;
    padding: 150px 0;
  }
  .about-wrap .display {
    display: block;
  }
  .about-wrap .display .img {
    margin-bottom: 32px;
    width: auto;
  }
  .about-wrap .display .info {
    width: auto;
  }
  .about-head {
    margin-bottom: 16px;
    font-size: 18px;
  }
  .about-wrap .part {
    margin-top: 24px;
  }
  .about-tournament-swiper .type-logo {
    justify-content: center;
    font-size: 18px;
  }
  .about-tournament-swiper .type-logo .logo {
    margin-right: 16px;
  }
  .about-tournament-swiper .type-logo .name {
    width: auto;
    max-width: calc(100% - 126px);
  }

  .letgo-game-box {
    padding: 32px 16px;
    margin: 48px 32px 0;
  }
  .letgo-game-box .head {
    background-size: 23px;
    font-size: 20px;
  }
  .letgo-game-box .btns {
    display: block;
    margin-top: 8px;
  }
  .letgo-game-box .btns a {
    margin-top: 16px;
  }

  .access-wrap {
    padding: 80px 0 0;
  }
  .access-wrap .access-display {
    display: block;
  }
  .access-wrap .access-display .img {
    margin-bottom: 16px;
    width: auto;
  }
  .access-wrap .access-display .info {
    padding: 0 16px;
    width: auto;
  }
  .access-wrap .access-display .head {
    font-size: 20px;
  }
  .access-wrap .access-display .access {
    font-size: 16px;
  }
  .access-wrap .end-btn {
    margin-top: 16px;
  }
  .access-wrap .access-display .btn-link {
    height: 55px;
  }
  .access-route-list .part {
    margin-top: 40px;
  }
  .access-route-list .route-tit {
    padding-left: 45px;
  }
  .access-route-list .route-box {
    padding: 16px 16px 0;
  }
  .access-route-list .display {
    display: block;
  }
  .access-route-list .display .img {
    margin-bottom: 16px;
    width: auto;
  }
  .access-route-list .display .info {
    width: auto;
  }
  .access-route-list .display .train-img {
    margin-bottom: 24px;
    width: auto;
  }
  .access-route-list .display .train-info {
    width: auto;
  }
  .access-route-list .route-line {
    margin-bottom: 24px;
  }
  .access-route-list .route-box .btn-link {
    height: 45px;
  }
  .access-route-list .park-train {
    margin-top: 32px;
  }
  .park-train-detail .route-tit {
    padding-left: 8px;
    background-position: right 8px center;
  }
  .park-train-detail .route-box {
    padding: 16px 0 0;
  }
  .park-train-detail .season-match {
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
  }
  .park-train-detail .head2 {
    margin-bottom: 8px;
  }
  .access-wrap .btns {
    display: block;
  }
  .access-wrap .btns .item {
    margin-top: 16px;
    width: auto;
  }

  .faq-wrap {
    padding: 80px 0;
  }
  .faq-list li + li {
    margin-top: 8px;
  }
  .faq-list li .quest {
    padding: 10px 40px;
  }

  .small_title {
    font-size: 20px;
    /* margin-top: -20px; */
  }
}