@charset "UTF-8";
/*--------------------------------------
  hero
--------------------------------------*/
.hero {
  width: 100%;
  pointer-events: none;
}

.hero__lead--wrap {
  background: url(../../common/img/cmn-lead-bg01-pc.jpg) center top no-repeat;
  background-size: cover;
}

.hero__lead--txt {
  padding: 100px 0;
  color: white;
  font-size: 2.4rem;
  font-weight: 900;
  line-height: 2;
  text-align: center;
}

/*--------------------------------------
  2026シーズン概要
--------------------------------------*/
#overview {
  padding: 100px 0;
  background: url(../../common/img/cmn-common-bg01-pc.jpg) center top no-repeat;
  background-size: cover;
}

.overview__head--txt {
  margin: 0 auto;
  width: 1140px;
  font-size: 4.8rem;
  color: #9B0020;
  font-weight: 900;
  line-height: 1;
  text-align: center;
}

.overview__explain--box {
  margin-top: 80px;
}
.overview__explain--box + .overview__explain--box {
  margin-top: 48px;
}

.overview__important--txt {
  margin: 100px auto 0;
  width: 1136px;
  color: #9B0020;
  font-size: 4rem;
  font-weight: 900;
  text-align: center;
  letter-spacing: 0.04em;
  line-height: 1.5;
}

.overview__step--list {
  display: flex;
  padding: 80px 0 0 0;
  list-style: none;
}

.overview__step--item + .overview__step--item {
  margin-left: 8px;
}

/* 大会概要 */
.overview__head--ttl {
  margin-top: 80px;
  padding-bottom: 1em;
  font-size: 3.2rem;
  font-weight: 900;
  letter-spacing: 0.04em;
  line-height: 1;
  text-align: center;
  border-bottom: 2px solid #9B0020;
}
.overview__head--ttl picture {
  margin: 0 auto;
  width: 821.5px;
}

.overview__round {
  display: flex;
  justify-content: space-between;
  margin-top: 32px;
}

.overview__round--img {
  position: relative;
  width: 576px;
}
.overview__round--img:nth-of-type(1):after {
  content: "";
  position: absolute;
  top: 50%;
  right: -42px;
  display: block;
  width: 32px;
  height: 100px;
  background: black;
  transform: translateY(-50%);
  clip-path: polygon(32px 50%, 0% 0%, 0% 100px);
}

.overview__link--btn {
  display: block;
  margin: 48px auto 0;
  width: 460px;
  height: 80px;
  background-color: #9B0020;
  border-radius: 8px;
  box-shadow: inset 0 0 16px #530011, 0 4px 8px rgba(0, 0, 0, 0.32);
}
.overview__link--btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 100%;
  color: white;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  transition: 0.2s;
}
.overview__link--btn a i {
  position: absolute;
  right: 20px;
}
.overview__link--btn a i::before, .overview__link--btn a i::after {
  background-color: white;
}
.overview__link--btn a:hover {
  opacity: 0.7;
}

/* 明治安田Ｊ１百年構想リーグにおける留意点 */
.overview__league--note {
  margin: 62px auto 0;
  padding: 40px 24px;
  width: 992px;
  background-color: #d9d9d9;
  text-align: center;
}

.overview__league--ttl {
  color: #9B0020;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.25;
}

.overview__league--body {
  margin-top: 24px;
}
.overview__league--body p {
  font-size: 16px;
  line-height: 1.5;
}

/*--------------------------------------
  2025シーズンからの変更点
--------------------------------------*/
#changes {
  position: relative;
  padding: 100px 0;
  background: url(../../common/img/cmn-common-bg02.jpg) center top no-repeat;
  background-size: cover;
}
#changes::before, #changes::after {
  display: block;
  position: absolute;
  left: 0;
  content: "";
  width: 100%;
  height: 10px;
  background: linear-gradient(90deg, rgb(83, 0, 17) 0%, rgb(185, 40, 70) 25%, rgb(185, 40, 70) 50%, rgb(155, 0, 32) 75%, rgb(83, 0, 17) 100%);
}
#changes::before {
  top: 0;
}
#changes::after {
  bottom: 0;
}

.changes__head--txt {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 735px;
  color: #9B0020;
  font-size: 4.8rem;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
  line-height: 1;
}
.changes__head--txt .new {
  display: block;
  margin-right: 0.8em;
  padding: 0.3em 0.6em;
  color: white;
  font-family: "RakutenSans_Bd", sans-serif;
  font-size: 2.4rem;
  font-weight: 700;
  background-color: #F33058;
}

.changes__point--list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 56px 0 0 0;
  list-style: none;
}

.changes__point--item {
  margin-top: 24px;
  width: 576px;
}

/*--------------------------------------
  座席・料金
--------------------------------------*/
#seats {
  padding-top: 100px;
}

.seats__head--txt {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9B0020;
  font-size: 4.8rem;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
  line-height: 1;
}

.seats__head--ttl {
  margin-top: 80px;
  padding-bottom: 1em;
  font-size: 3.2rem;
  font-weight: 900;
  letter-spacing: 0.04em;
  line-height: 1;
  text-align: center;
  border-bottom: 2px solid #9B0020;
}

.seats__map__list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 48px -4px 0 0;
  padding: 0;
  list-style: none;
}

.seats__map--cat {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 4px 4px 0;
  height: 48px;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  background-color: #F4F3EE;
  border-bottom-style: solid;
  border-bottom-width: 4px;
  line-height: 1;
  cursor: pointer;
}
.seats__map--cat:nth-of-type(1) {
  width: 122px;
  color: #9B0020;
  border-color: #9B0020;
}
.seats__map--cat:nth-of-type(1):hover, .seats__map--cat:nth-of-type(1).active {
  background-color: #9B0020;
}
.seats__map--cat:nth-of-type(2) {
  width: 122px;
  color: #88001F;
  border-color: #88001F;
}
.seats__map--cat:nth-of-type(2):hover, .seats__map--cat:nth-of-type(2).active {
  background-color: #88001F;
}
.seats__map--cat:nth-of-type(3) {
  width: 146px;
  color: #046EB9;
  border-color: #046EB9;
}
.seats__map--cat:nth-of-type(3):hover, .seats__map--cat:nth-of-type(3).active {
  background-color: #046EB9;
}
.seats__map--cat:nth-of-type(4) {
  width: 146px;
  color: #162B88;
  border-color: #162B88;
}
.seats__map--cat:nth-of-type(4):hover, .seats__map--cat:nth-of-type(4).active {
  background-color: #162B88;
}
.seats__map--cat:nth-of-type(5) {
  width: 122px;
  color: #694187;
  border-color: #694187;
}
.seats__map--cat:nth-of-type(5):hover, .seats__map--cat:nth-of-type(5).active {
  background-color: #694187;
}
.seats__map--cat:nth-of-type(6) {
  width: 122px;
  color: #CD5290;
  border-color: #CD5290;
}
.seats__map--cat:nth-of-type(6):hover, .seats__map--cat:nth-of-type(6).active {
  background-color: #CD5290;
}
.seats__map--cat:nth-of-type(7) {
  width: 122px;
  color: #9780BA;
  border-color: #9780BA;
}
.seats__map--cat:nth-of-type(7):hover, .seats__map--cat:nth-of-type(7).active {
  background-color: #9780BA;
}
.seats__map--cat:nth-of-type(8) {
  width: 146px;
  color: #DC355D;
  border-color: #DC355D;
}
.seats__map--cat:nth-of-type(8):hover, .seats__map--cat:nth-of-type(8).active {
  background-color: #DC355D;
}
.seats__map--cat:nth-of-type(9) {
  width: 120px;
  color: #DD442C;
  border-color: #DD442C;
}
.seats__map--cat:nth-of-type(9):hover, .seats__map--cat:nth-of-type(9).active {
  background-color: #DD442C;
}
.seats__map--cat:nth-of-type(10) {
  width: 128px;
  color: #EB9065;
  border-color: #EB9065;
}
.seats__map--cat:nth-of-type(10):hover, .seats__map--cat:nth-of-type(10).active {
  background-color: #EB9065;
}
.seats__map--cat:nth-of-type(11) {
  width: 128px;
  color: #EB9065;
  border-color: #EB9065;
}
.seats__map--cat:nth-of-type(11):hover, .seats__map--cat:nth-of-type(11).active {
  background-color: #EB9065;
}
.seats__map--cat:nth-of-type(12) {
  width: 128px;
  color: #39B499;
  border-color: #39B499;
}
.seats__map--cat:nth-of-type(12):hover, .seats__map--cat:nth-of-type(12).active {
  background-color: #39B499;
}
.seats__map--cat:nth-of-type(13) {
  width: 128px;
  color: #5E8E54;
  border-color: #5E8E54;
}
.seats__map--cat:nth-of-type(13):hover, .seats__map--cat:nth-of-type(13).active {
  background-color: #5E8E54;
}
.seats__map--cat:nth-of-type(14) {
  width: 128px;
  color: #7EC174;
  border-color: #7EC174;
}
.seats__map--cat:nth-of-type(14):hover, .seats__map--cat:nth-of-type(14).active {
  background-color: #7EC174;
}
.seats__map--cat:nth-of-type(15) {
  width: 146px;
  color: #DC3E44;
  border-color: #DC3E44;
}
.seats__map--cat:nth-of-type(15):hover, .seats__map--cat:nth-of-type(15).active {
  background-color: #DC3E44;
}
.seats__map--cat:nth-of-type(16) {
  width: 128px;
  color: #AC3540;
  border-color: #AC3540;
}
.seats__map--cat:nth-of-type(16):hover, .seats__map--cat:nth-of-type(16).active {
  background-color: #AC3540;
}
.seats__map--cat:nth-of-type(17) {
  width: 126px;
  color: #07BCD5;
  border-color: #07BCD5;
}
.seats__map--cat:nth-of-type(17):hover, .seats__map--cat:nth-of-type(17).active {
  background-color: #07BCD5;
}
.seats__map--cat:nth-of-type(18) {
  width: 128px;
  color: #0E8B43;
  border-color: #0E8B43;
}
.seats__map--cat:nth-of-type(18):hover, .seats__map--cat:nth-of-type(18).active {
  background-color: #0E8B43;
}
.seats__map--cat:hover, .seats__map--cat.active {
  color: white;
}
.seats__map--cat i {
  margin-top: -0.6em;
  font-size: 1.3rem;
  font-style: normal;
}

.seats__map--detail {
  margin-top: 48px;
}

.seats__map--ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5em 1em;
  color: white;
  font-size: 3.2rem;
  font-weight: 700;
  text-align: center;
}
.seats__map--ttl span {
  display: inline-block;
  margin-left: 1em;
  font-family: "RakutenSans_Bd", sans-serif;
  font-size: 2.4rem;
  text-transform: uppercase;
  line-height: 1;
}
.seats__map--ttl span.ico-new {
  padding: 0.3em 0.5em;
  background-color: #E91F49;
  border-radius: 8px;
}
.seats__map--ttl span.txt-sRed {
  font-size: 2.4rem;
  margin-left: 0.5em;
  color: #9B0020;
  padding-top: 4px;
}
.seats__map--ttl i {
  font-style: normal;
}

.seats__map--box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 48px;
}

.seats__map--left {
  width: 784px;
}

.seats__map--feature {
  display: flex;
  align-items: center;
  min-height: 40px;
  margin-top: 24px;
  padding: 0 0.5em;
  font-size: 2.4rem;
  font-weight: 900;
  line-height: 1.25;
  border-left-style: solid;
  border-left-width: 5px;
}

.seats__map--price {
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}
.seats__map--price dl dt {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 52px;
  color: white;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
  background-color: black;
}
.seats__map--price dl dd {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
  height: 56px;
  font-size: 1.8rem;
  line-height: 1;
  background-color: #F4F3EE;
}
.seats__map--price dl dd strong {
  color: #9B0020;
  font-size: 2.4rem;
  font-weight: 900;
}
.seats__map--price dl.seats__map--age {
  width: 80px;
}
.seats__map--price dl.seats__map--set {
  width: 201px;
}
.seats__map--price dl.seats__map--unit {
  width: 165px;
}
.seats__map--price dl.seats__map--basic {
  width: 165px;
}
.seats__map--price dl.seats__map--discount {
  width: 165px;
}
.seats__map--price.nowrap dl.seats__map--set {
  width: 238px;
}
.seats__map--price.nowrap dl.seats__map--unit {
  width: 180px;
}
.seats__map--price.nowrap dl.seats__map--basic {
  width: 180px;
}
.seats__map--price.nowrap dl.seats__map--discount {
  width: 180px;
}

.seats__map--right {
  width: 368px;
}

.seats__map--label {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  color: white;
  font-size: 1.6rem;
  font-weight: 900;
  text-align: center;
}

.seats__map--btn {
  display: block;
  margin-top: 1px;
  padding: 16px;
  height: 150px;
}
.seats__map--btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 336px;
  height: 118px;
  font-size: 2rem;
  font-weight: 900;
  text-align: center;
  text-decoration: none;
  background-color: white;
  border: 2px solid #F4F3EE;
  border-radius: 8px;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.4);
}
.seats__map--btn a i.arrow {
  position: absolute;
  right: 20px;
}

.seats__map--wrap + .seats__map--wrap {
  display: none;
}
.seats__map--wrap.all .seats__map--ttl {
  background-color: #9B0020;
}
.seats__map--wrap.all .seats__map--feature {
  color: #9B0020;
  border-color: #9B0020;
}
.seats__map--wrap.all .seats__map--label {
  background-color: #9B0020;
}
.seats__map--wrap.all .seats__map--btn {
  background-color: #9B0020;
}
.seats__map--wrap.all .seats__map--btn a {
  color: #9B0020;
}
.seats__map--wrap.all .seats__map--btn a i::before, .seats__map--wrap.all .seats__map--btn a i::after {
  background-color: #9B0020;
}
.seats__map--wrap.pitch .seats__map--ttl {
  background-color: #88001F;
}
.seats__map--wrap.pitch .seats__map--feature {
  color: #88001F;
  border-color: #88001F;
}
.seats__map--wrap.pitch .seats__map--label {
  background-color: #88001F;
}
.seats__map--wrap.pitch .seats__map--btn {
  background-color: #88001F;
}
.seats__map--wrap.pitch .seats__map--btn a {
  color: #88001F;
}
.seats__map--wrap.pitch .seats__map--btn a i::before, .seats__map--wrap.pitch .seats__map--btn a i::after {
  background-color: #88001F;
}
.seats__map--wrap.box4-front .seats__map--ttl {
  background-color: #046EB9;
}
.seats__map--wrap.box4-front .seats__map--feature {
  color: #046EB9;
  border-color: #046EB9;
}
.seats__map--wrap.box4-front .seats__map--label {
  background-color: #046EB9;
}
.seats__map--wrap.box4-front .seats__map--btn {
  background-color: #046EB9;
}
.seats__map--wrap.box4-front .seats__map--btn a {
  color: #046EB9;
}
.seats__map--wrap.box4-front .seats__map--btn a i::before, .seats__map--wrap.box4-front .seats__map--btn a i::after {
  background-color: #046EB9;
}
.seats__map--wrap.box4-back .seats__map--ttl {
  background-color: #162B88;
}
.seats__map--wrap.box4-back .seats__map--feature {
  color: #162B88;
  border-color: #162B88;
}
.seats__map--wrap.box4-back .seats__map--label {
  background-color: #162B88;
}
.seats__map--wrap.box4-back .seats__map--btn {
  background-color: #162B88;
}
.seats__map--wrap.box4-back .seats__map--btn a {
  color: #162B88;
}
.seats__map--wrap.box4-back .seats__map--btn a i::before, .seats__map--wrap.box4-back .seats__map--btn a i::after {
  background-color: #162B88;
}
.seats__map--wrap.vissel .seats__map--ttl {
  background-color: #694187;
}
.seats__map--wrap.vissel .seats__map--feature {
  color: #694187;
  border-color: #694187;
}
.seats__map--wrap.vissel .seats__map--label {
  background-color: #694187;
}
.seats__map--wrap.vissel .seats__map--btn {
  background-color: #694187;
}
.seats__map--wrap.vissel .seats__map--btn a {
  color: #694187;
}
.seats__map--wrap.vissel .seats__map--btn a i::before, .seats__map--wrap.vissel .seats__map--btn a i::after {
  background-color: #694187;
}
.seats__map--wrap.main-ss .seats__map--ttl {
  background-color: #CD5290;
}
.seats__map--wrap.main-ss .seats__map--feature {
  color: #CD5290;
  border-color: #CD5290;
}
.seats__map--wrap.main-ss .seats__map--label {
  background-color: #CD5290;
}
.seats__map--wrap.main-ss .seats__map--btn {
  background-color: #CD5290;
}
.seats__map--wrap.main-ss .seats__map--btn a {
  color: #CD5290;
}
.seats__map--wrap.main-ss .seats__map--btn a i::before, .seats__map--wrap.main-ss .seats__map--btn a i::after {
  background-color: #CD5290;
}
.seats__map--wrap.main-s .seats__map--ttl {
  background-color: #9780BA;
}
.seats__map--wrap.main-s .seats__map--feature {
  color: #9780BA;
  border-color: #9780BA;
}
.seats__map--wrap.main-s .seats__map--label {
  background-color: #9780BA;
}
.seats__map--wrap.main-s .seats__map--btn {
  background-color: #9780BA;
}
.seats__map--wrap.main-s .seats__map--btn a {
  color: #9780BA;
}
.seats__map--wrap.main-s .seats__map--btn a i::before, .seats__map--wrap.main-s .seats__map--btn a i::after {
  background-color: #9780BA;
}
.seats__map--wrap.main-supporter .seats__map--ttl {
  background-color: #DC355D;
}
.seats__map--wrap.main-supporter .seats__map--feature {
  color: #DC355D;
  border-color: #DC355D;
}
.seats__map--wrap.main-supporter .seats__map--label {
  background-color: #DC355D;
}
.seats__map--wrap.main-supporter .seats__map--btn {
  background-color: #DC355D;
}
.seats__map--wrap.main-supporter .seats__map--btn a {
  color: #DC355D;
}
.seats__map--wrap.main-supporter .seats__map--btn a i::before, .seats__map--wrap.main-supporter .seats__map--btn a i::after {
  background-color: #DC355D;
}
.seats__map--wrap.big-ss .seats__map--ttl {
  background-color: #DD442C;
}
.seats__map--wrap.big-ss .seats__map--feature {
  color: #DD442C;
  border-color: #DD442C;
}
.seats__map--wrap.big-ss .seats__map--label {
  background-color: #DD442C;
}
.seats__map--wrap.big-ss .seats__map--btn {
  background-color: #DD442C;
}
.seats__map--wrap.big-ss .seats__map--btn a {
  color: #DD442C;
}
.seats__map--wrap.big-ss .seats__map--btn a i::before, .seats__map--wrap.big-ss .seats__map--btn a i::after {
  background-color: #DD442C;
}
.seats__map--wrap.big-s-center .seats__map--ttl, .seats__map--wrap.big-s-south .seats__map--ttl {
  background-color: #EB9065;
}
.seats__map--wrap.big-s-center .seats__map--feature, .seats__map--wrap.big-s-south .seats__map--feature {
  color: #EB9065;
  border-color: #EB9065;
}
.seats__map--wrap.big-s-center .seats__map--label, .seats__map--wrap.big-s-south .seats__map--label {
  background-color: #EB9065;
}
.seats__map--wrap.big-s-center .seats__map--btn, .seats__map--wrap.big-s-south .seats__map--btn {
  background-color: #EB9065;
}
.seats__map--wrap.big-s-center .seats__map--btn a, .seats__map--wrap.big-s-south .seats__map--btn a {
  color: #EB9065;
}
.seats__map--wrap.big-s-center .seats__map--btn a i::before, .seats__map--wrap.big-s-center .seats__map--btn a i::after, .seats__map--wrap.big-s-south .seats__map--btn a i::before, .seats__map--wrap.big-s-south .seats__map--btn a i::after {
  background-color: #EB9065;
}
.seats__map--wrap.big-a-south .seats__map--ttl {
  background-color: #39B499;
}
.seats__map--wrap.big-a-south .seats__map--feature {
  color: #39B499;
  border-color: #39B499;
}
.seats__map--wrap.big-a-south .seats__map--label {
  background-color: #39B499;
}
.seats__map--wrap.big-a-south .seats__map--btn {
  background-color: #39B499;
}
.seats__map--wrap.big-a-south .seats__map--btn a {
  color: #39B499;
}
.seats__map--wrap.big-a-south .seats__map--btn a i::before, .seats__map--wrap.big-a-south .seats__map--btn a i::after {
  background-color: #39B499;
}
.seats__map--wrap.big-up-reserved-center .seats__map--ttl {
  background-color: #5E8E54;
}
.seats__map--wrap.big-up-reserved-center .seats__map--feature {
  color: #5E8E54;
  border-color: #5E8E54;
}
.seats__map--wrap.big-up-reserved-center .seats__map--label {
  background-color: #5E8E54;
}
.seats__map--wrap.big-up-reserved-center .seats__map--btn {
  background-color: #5E8E54;
}
.seats__map--wrap.big-up-reserved-center .seats__map--btn a {
  color: #5E8E54;
}
.seats__map--wrap.big-up-reserved-center .seats__map--btn a i::before, .seats__map--wrap.big-up-reserved-center .seats__map--btn a i::after {
  background-color: #5E8E54;
}
.seats__map--wrap.big-up-reserved .seats__map--ttl {
  background-color: #7EC174;
}
.seats__map--wrap.big-up-reserved .seats__map--feature {
  color: #7EC174;
  border-color: #7EC174;
}
.seats__map--wrap.big-up-reserved .seats__map--label {
  background-color: #7EC174;
}
.seats__map--wrap.big-up-reserved .seats__map--btn {
  background-color: #7EC174;
}
.seats__map--wrap.big-up-reserved .seats__map--btn a {
  color: #7EC174;
}
.seats__map--wrap.big-up-reserved .seats__map--btn a i::before, .seats__map--wrap.big-up-reserved .seats__map--btn a i::after {
  background-color: #7EC174;
}
.seats__map--wrap.big-supporter-reserved .seats__map--ttl {
  background-color: #DC3E44;
}
.seats__map--wrap.big-supporter-reserved .seats__map--feature {
  color: #DC3E44;
  border-color: #DC3E44;
}
.seats__map--wrap.big-supporter-reserved .seats__map--label {
  background-color: #DC3E44;
}
.seats__map--wrap.big-supporter-reserved .seats__map--btn {
  background-color: #DC3E44;
}
.seats__map--wrap.big-supporter-reserved .seats__map--btn a {
  color: #DC3E44;
}
.seats__map--wrap.big-supporter-reserved .seats__map--btn a i::before, .seats__map--wrap.big-supporter-reserved .seats__map--btn a i::after {
  background-color: #DC3E44;
}
.seats__map--wrap.supporter .seats__map--ttl {
  background-color: #AC3540;
}
.seats__map--wrap.supporter .seats__map--feature {
  color: #AC3540;
  border-color: #AC3540;
}
.seats__map--wrap.supporter .seats__map--label {
  background-color: #AC3540;
}
.seats__map--wrap.supporter .seats__map--btn {
  background-color: #AC3540;
}
.seats__map--wrap.supporter .seats__map--btn a {
  color: #AC3540;
}
.seats__map--wrap.supporter .seats__map--btn a i::before, .seats__map--wrap.supporter .seats__map--btn a i::after {
  background-color: #AC3540;
}
.seats__map--wrap.rookies .seats__map--ttl {
  background-color: #07BCD5;
}
.seats__map--wrap.rookies .seats__map--feature {
  color: #07BCD5;
  border-color: #07BCD5;
}
.seats__map--wrap.rookies .seats__map--label {
  background-color: #07BCD5;
}
.seats__map--wrap.rookies .seats__map--btn {
  background-color: #07BCD5;
}
.seats__map--wrap.rookies .seats__map--btn a {
  color: #07BCD5;
}
.seats__map--wrap.rookies .seats__map--btn a i::before, .seats__map--wrap.rookies .seats__map--btn a i::after {
  background-color: #07BCD5;
}
.seats__map--wrap.wheel .seats__map--ttl {
  background-color: #0E8B43;
}
.seats__map--wrap.wheel .seats__map--feature {
  color: #0E8B43;
  border-color: #0E8B43;
}
.seats__map--wrap.wheel .seats__map--label {
  background-color: #0E8B43;
}
.seats__map--wrap.wheel .seats__map--btn {
  background-color: #0E8B43;
}
.seats__map--wrap.wheel .seats__map--btn a {
  color: #0E8B43;
}
.seats__map--wrap.wheel .seats__map--btn a i::before, .seats__map--wrap.wheel .seats__map--btn a i::after {
  background-color: #0E8B43;
}

/* 料金表 */
.seats__price--wrap {
  margin-top: 48px;
}
.seats__price--wrap .seats__price--ico {
  display: none;
}

.seats__price--notes {
  margin-top: 24px;
  padding-left: 0;
  list-style: none;
  font-size: 1.4rem;
}
.seats__price--notes li {
  position: relative;
  padding-left: 1em;
}
.seats__price--notes li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "※";
}
.seats__price--notes li span {
  color: #9B0020;
}
.seats__price--notes li ul, .seats__price--notes li ol {
  padding-left: 0;
  list-style: none;
}
.seats__price--notes li ul li::before, .seats__price--notes li ol li::before {
  content: "■";
}
.seats__price--notes li ul li ul li, .seats__price--notes li ul li ol li, .seats__price--notes li ol li ul li, .seats__price--notes li ol li ol li {
  padding-left: 0;
}
.seats__price--notes li ul li ul li::before, .seats__price--notes li ul li ol li::before, .seats__price--notes li ol li ul li::before, .seats__price--notes li ol li ol li::before {
  content: "";
}

.seats__price--attention {
  margin-top: 16px;
}
.seats__price--attention h5 {
  color: #9B0020;
  font-size: 1.6rem;
}
.seats__price--attention dl dt {
  margin-top: 8px;
  color: #9B0020;
  font-size: 1.4rem;
}
.seats__price--attention dl dd {
  font-size: 1.4rem;
}

/*--------------------------------------
  購入特典
--------------------------------------*/
#benefits {
  position: relative;
  margin-top: 120px;
  padding: 100px 0;
  background: url(../../common/img/benefits-bg01.jpg) center top no-repeat;
  background-size: cover;
}
#benefits::before, #benefits::after {
  display: block;
  position: absolute;
  left: 0;
  content: "";
  width: 100%;
  height: 10px;
  background: linear-gradient(90deg, rgb(169, 146, 0) 0%, rgb(143, 124, 5) 100%);
}
#benefits::before {
  top: 0;
}
#benefits::after {
  bottom: 0;
}

.benefits__head--txt {
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 4.8rem;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
  line-height: 1;
}

.benefits__lead--txt {
  margin-top: 32px;
  color: #FCEE91;
  font-size: 2rem;
  font-weight: 900;
  line-height: 1.5;
  text-align: center;
}

.benefits__point--list {
  margin-top: 80px;
}
.benefits__point--list picture {
  margin-top: -28px;
}

.benefits__rakuten--bnr {
  display: block;
  margin: 80px auto 0;
  width: 640px;
  transition: 0.3s;
}
.benefits__rakuten--bnr:hover {
  opacity: 0.7;
}

.benefits__note--list {
  margin: 20px auto 0;
  padding-left: 0;
  width: 640px;
  color: #fff;
  list-style: none;
}

.benefits__note--item {
  position: relative;
  padding-left: 1em;
}
.benefits__note--item::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "※";
}

/*--------------------------------------
  法人のお客様へのおすすめポイント
--------------------------------------*/
#corp-package {
  position: relative;
  padding: 0 0 100px;
  background: url(../../common/img/cmn-common-bg02.jpg) center top no-repeat;
  background-size: cover;
}
#corp-package::after {
  display: block;
  position: absolute;
  left: 0;
  content: "";
  width: 100%;
  height: 10px;
  background: linear-gradient(90deg, rgb(169, 146, 0) 0%, rgb(143, 124, 5) 100%);
  bottom: 0;
}

.corp-package__head {
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, rgb(83, 0, 17) 0%, rgb(155, 0, 32) 23%, rgb(185, 40, 70) 50%, rgb(155, 0, 32) 75%, rgb(83, 0, 17) 90%);
  padding: 80px 0;
}
.corp-package__head--txt-1 {
  color: white;
  font-size: 4.8rem;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
  line-height: 1;
}
.corp-package__head--txt-2 {
  margin-top: 32px;
  color: #FCEE91;
  font-size: 2.7rem;
  font-weight: 900;
  line-height: 1.5;
  text-align: center;
}

.corp-package__point--list {
  margin-top: 80px;
}
.corp-package__point--list picture {
  margin-top: 0;
}

/*--------------------------------------
  購入方法
--------------------------------------*/
#buy {
  padding: 100px 0;
  background: url(../../common/img/cmn-common-bg02.jpg) center top no-repeat;
  background-size: cover;
}

.buy__head--txt {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9B0020;
  font-size: 4.8rem;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
  line-height: 1;
}

.buy__point--list {
  margin-top: 80px;
}
.buy__point--list picture {
  margin-top: -28px;
}

/* 申込期間 */
.buy__period--box {
  display: flex;
  margin-top: 80px;
}

.buy__period--ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 264px;
  color: white;
  font-size: 3.2rem;
  font-weight: 700;
  background-color: #9B0020;
}

.buy__period--desc {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 32px 40px;
  width: 936px;
  height: 100%;
  background-color: white;
}
.buy__period--desc .buy__period--txt {
  width: 100%;
}
.buy__period--desc .buy__period--txt .buy__period--wrap {
  border-bottom: 1px solid #9B0020;
}
.buy__period--desc .buy__period--txt dl {
  display: flex;
  align-items: center;
}
.buy__period--desc .buy__period--txt dl dt {
  display: block;
  margin-bottom: 16px;
  padding: 0.4em 0.5em;
  width: 5em;
  color: white;
  font-size: 1.8rem;
  font-weight: 900;
  line-height: 1;
  text-align: center;
  background-color: #9B0020;
}
.buy__period--desc .buy__period--txt dl dd {
  margin-bottom: 16px;
  padding-left: 0.5em;
  color: #9B0020;
  font-size: 2.4rem;
  font-weight: 900;
  line-height: 1;
}
.buy__period--desc .buy__period--txt dl dd strong {
  font-size: 3.2rem;
  font-weight: 700;
}
.buy__period--desc .buy__period--txt dl.end dt {
  background-color: #999;
}
.buy__period--desc .buy__period--txt dl.end dd {
  color: #999;
}
.buy__period--desc .buy__period--txt p {
  padding-bottom: 16px;
  color: #9B0020;
  font-size: 2.4rem;
  font-weight: 900;
  line-height: 1;
  border-bottom: 1px solid #9B0020;
}
.buy__period--desc .buy__period--txt p strong {
  font-size: 3.2rem;
  font-weight: 700;
}
.buy__period--desc .buy__period--txt ul {
  margin-top: 16px;
  padding-left: 0;
  list-style: none;
}
.buy__period--desc .buy__period--txt ul li {
  position: relative;
  padding-left: 1em;
  font-size: 1.6rem;
}
.buy__period--desc .buy__period--txt ul li strong {
  color: #9B0020;
  font-weight: 700;
}
.buy__period--desc .buy__period--txt ul li::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "※";
}

.buy__step--wrap {
  position: relative;
  margin-top: 48px;
  overflow: hidden;
}
.buy__step--wrap::after {
  display: block;
  position: absolute;
  top: 0;
  left: 45px;
  content: "";
  width: 5px;
  height: 600px;
  background-color: #D58192;
}

.buy__step--box {
  display: flex;
  justify-content: space-between;
}
.buy__step--box + .buy__step--box {
  margin-top: 24px;
}

.buy__step--number {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
  width: 96px;
  height: 96px;
  color: white;
  font-family: "RakutenSans_Bd", sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
  background-color: #9B0020;
}
.buy__step--number strong {
  display: block;
  width: 100%;
  font-size: 4rem;
}

.buy__step--desc {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 16px 40px;
  width: 1088px;
  min-height: 96px;
  height: 100%;
  background-color: white;
}

.buy__step--comments {
  font-size: 1.6rem;
  line-height: 1;
}

.buy__step--ttl {
  font-size: 2rem;
  font-weight: 900;
  line-height: 1.25;
}
.buy__step--ttl em {
  color: #9B0020;
  font-style: normal;
}
.buy__step--ttl a {
  color: #006AFF;
}

.buy__step--txt {
  margin-top: 8px;
  line-height: 1.4;
}
.buy__step--txt span {
  font-weight: 900;
}
.buy__step--txt span em {
  display: inline-block;
  padding: 0.4em 0.5em 0.5em;
  color: white;
  font-size: 2rem;
  font-style: normal;
  background-color: #9B0020;
  border-radius: 8px;
}

.buy__step--notes {
  margin-top: 8px;
  font-size: 1.2rem;
  line-height: 1.4;
}

.buy__step--code {
  display: block;
  width: 344px;
}

.buy__step--payment {
  display: block;
  width: 207px;
}

.buy__step--payment-card {
  display: block;
  width: 69px;
}

/*--------------------------------------
  利用方法
--------------------------------------*/
#howto {
  padding: 100px 0;
  background: white;
}

.howto__head--txt {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9B0020;
  font-size: 4.8rem;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
  line-height: 1;
}

.howto__flow--list {
  margin-top: 80px;
}

/*--------------------------------------
  注意事項
--------------------------------------*/
#attention {
  padding: 100px 0;
  background: white;
  border-top: 1px solid #9B0020;
}

.attention__head--txt {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9B0020;
  font-size: 4.8rem;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
  line-height: 1;
}

.attention__doc {
  margin-top: 80px;
  font-size: 1.4rem;
  line-height: 1.5;
}
.attention__doc dt {
  margin-top: 16px;
  color: #9B0020;
  font-weight: 900;
}
.attention__doc dd p + p {
  margin-top: 1em;
}
.attention__doc dd strong {
  display: block;
}
.attention__doc dd ul {
  padding-left: 0;
  list-style: none;
}
.attention__doc dd ul li {
  position: relative;
  padding-left: 1.1em;
}
.attention__doc dd ul li::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  text-align: center;
  content: "・";
}
.attention__doc dd p + ul, .attention__doc dd p ol {
  margin-top: 1em;
}

/*--------------------------------------
  FAQ
--------------------------------------*/
#faq {
  padding: 100px 0 0;
  background-color: #F4F3EE;
}

.faq__head--txt {
  color: #9B0020;
  font-family: "RakutenSans_Bd", sans-serif;
  font-size: 4.8rem;
  text-align: center;
  text-transform: uppercase;
  line-height: 1;
}

.faq__archives {
  margin: 0 auto;
  padding-top: 80px;
  width: 1200px;
}
.faq__archives + .faq__archives {
  padding-top: 48px;
}

.faq__archives--cat {
  color: #9B0020;
  font-size: 2.4rem;
  font-weight: 900;
  line-height: 1;
}

.faq__archives--list {
  margin-top: 24px;
  border-bottom: 1px solid #9B0020;
}

.faq__archives--ttl {
  display: flex;
  align-items: center;
  position: relative;
  padding: 24px 0;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  border-top: 1px solid #9B0020;
  cursor: pointer;
}
.faq__archives--ttl::before {
  content: "Q";
  width: 1.5em;
  color: #9B0020;
  font-family: "RakutenSans_Bd", sans-serif;
  font-size: 3.2rem;
  line-height: 1;
  text-align: center;
}
.faq__archives--ttl i {
  display: block;
  position: absolute;
  right: 0;
  width: 28px;
  height: 28px;
  background-color: #9B0020;
  border-radius: 4px;
  transition: 0.3s;
}
.faq__archives--ttl i::before {
  display: block;
  position: absolute;
  top: 50%;
  right: 6px;
  content: "";
  width: 16px;
  height: 2px;
  background-color: white;
  transform: translateY(-50%);
}
.faq__archives--ttl i::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 6px;
  content: "";
  width: 16px;
  height: 2px;
  background-color: white;
  transition: 0.3s;
  transform: translateY(-50%) rotateZ(90deg);
}
.faq__archives--ttl.active i {
  background-color: #E4DDDE;
}
.faq__archives--ttl.active i::before {
  background-color: #9B0020;
}
.faq__archives--ttl.active i::after {
  background-color: #9B0020;
  transform: translateY(-50%) rotateZ(0);
}

.faq__archives--body {
  display: none;
  position: relative;
  align-items: center;
  padding: 0 3em 24px 3em;
  font-size: 1.6rem;
  letter-spacing: 0.07em;
}
.faq__archives--body::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "A";
  width: 1.5em;
  color: #5083B3;
  font-family: "RakutenSans_Bd", sans-serif;
  font-size: 3.2rem;
  line-height: 1;
  text-align: center;
}
.faq__archives--body a {
  color: #0073FF;
  font-weight: 900;
}
.faq__archives--body p {
  padding-top: 0.3em;
}
.faq__archives--body p + p {
  padding-top: 1em;
}
.faq__archives--body ul, .faq__archives--body ol {
  padding: 0.3em 0 0 1em;
}
.faq__archives--body blockquote {
  margin-top: 1em;
}

/*--------------------------------------
  お問い合わせ
--------------------------------------*/
#inquiry {
  padding: 100px 0;
  background-color: #F4F3EE;
}

.inquiry__head--txt {
  padding-bottom: 80px;
  color: #9B0020;
  font-size: 4.8rem;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
  line-height: 1;
  border-bottom: 1px solid #9B0020;
}

.inquiry__doc--lead {
  margin-top: 48px;
  font-size: 1.6rem;
  letter-spacing: 0.07em;
}

.inquiry__link--btn {
  display: block;
  margin: 48px auto 0;
  width: 368px;
  height: 80px;
  background-color: #9B0020;
  border-radius: 8px;
  box-shadow: inset 0 0 16px #530011, 0 4px 8px rgba(0, 0, 0, 0.32);
}
.inquiry__link--btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 100%;
  color: white;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  transition: 0.2s;
}
.inquiry__link--btn a i {
  position: absolute;
  right: 20px;
}
.inquiry__link--btn a i::before, .inquiry__link--btn a i::after {
  background-color: white;
}
.inquiry__link--btn a:hover {
  opacity: 0.7;
}

@media (max-width: 768px) {
  /*--------------------------------------
  hero
  --------------------------------------*/
  .hero__lead--wrap {
    background: url(../../common/img/cmn-lead-bg01-pc.jpg) center top no-repeat;
    background-size: cover;
  }
  .hero__lead--txt {
    margin: 0 5.1282051282vw;
    padding: 10.2564102564vw 0;
    font-size: 3.0769230769vw;
  }
  /*--------------------------------------
  2026シーズン概要
  --------------------------------------*/
  #overview {
    padding: 16.4102564103vw 0;
  }
  .overview__head--txt {
    width: 84.8717948718vw;
    font-size: 8.2051282051vw;
  }
  .overview__explain--box {
    margin-top: 10.2564102564vw;
  }
  .overview__explain--box + .overview__explain--box {
    margin-top: 6.1538461538vw;
  }
  .overview__important--txt {
    margin-top: 10.2564102564vw;
    width: 85.8974358974vw;
    font-size: 6.1538461538vw;
  }
  .overview__step--list {
    display: block;
    padding: 10.2564102564vw 0 0 0;
  }
  .overview__step--item + .overview__step--item {
    margin-left: 0;
  }
  /* 大会概要 */
  .overview__head--ttl {
    margin-top: 12.3076923077vw;
    font-size: 6.1538461538vw;
    line-height: 1.25;
  }
  .overview__head--ttl picture {
    width: 84.8717948718vw;
  }
  .overview__round {
    display: block;
    justify-content: space-between;
    margin-top: 32px;
  }
  .overview__round--img {
    position: relative;
    width: auto;
  }
  .overview__round--img:nth-of-type(1):after {
    content: "";
    position: static;
    margin: 2.0512820513vw auto;
    width: 25.641025641vw;
    height: 8.2051282051vw;
    transform: translateY(0);
    clip-path: polygon(50% 8.2051282051vw, 0% 0%, 25.641025641vw 0%);
  }
  .overview__link--btn {
    display: block;
    margin-top: 6.1538461538vw;
    width: auto;
    height: 15.3846153846vw;
  }
  .overview__link--btn a {
    font-size: 4.1025641026vw;
  }
  .overview__link--btn a i {
    right: 5.1282051282vw;
  }
  .overview__link--btn a:hover {
    opacity: 1;
  }
  /* 明治安田Ｊ１百年構想リーグにおける留意点 */
  .overview__league--note {
    margin: 15.8974358974vw auto 0;
    padding: 8.2051282051vw 5.1282051282vw;
    width: auto;
  }
  .overview__league--ttl {
    font-size: 4.1025641026vw;
  }
  .overview__league--body {
    margin-top: 4.1025641026vw;
  }
  .overview__league--body p {
    font-size: 3.3333333333vw;
  }
  /*--------------------------------------
  2025シーズンからの変更点
  --------------------------------------*/
  #changes {
    padding: 16.4102564103vw 0;
  }
  #changes::before, #changes::after {
    height: 1.2820512821vw;
  }
  .changes__head--txt {
    display: block;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    width: 79.7435897436vw;
    color: #9B0020;
    font-size: 8.2051282051vw;
    line-height: 1.25;
  }
  .changes__head--txt .new {
    display: block;
    margin: 0 auto 2.5641025641vw;
    padding: 0.2em 0.3em;
    width: 4em;
    color: white;
    font-size: 5.1282051282vw;
    font-weight: 700;
    background-color: #F33058;
  }
  .changes__point--list {
    padding: 10.2564102564vw 0 0 0;
  }
  .changes__point--item {
    margin-top: 0;
    width: auto;
  }
  .changes__point--item + .changes__point--item {
    margin-top: 6.1538461538vw;
  }
  /*--------------------------------------
  座席・料金
  --------------------------------------*/
  #seats {
    padding-top: 16.4102564103vw;
  }
  .seats__head--txt {
    font-size: 8.2051282051vw;
  }
  .seats__head--ttl {
    margin-top: 16.4102564103vw;
    font-size: 6.1538461538vw;
  }
  .seats__map__list {
    margin: 6.1538461538vw -2px 0 0;
  }
  .seats__map--cat {
    margin: 0 2px 2px 0;
    height: 10.2564102564vw;
    font-size: 3.0769230769vw;
    border-bottom-width: 2px;
  }
  .seats__map--cat:nth-of-type(1) {
    width: 18.9743589744vw;
  }
  .seats__map--cat:nth-of-type(2) {
    width: 15.3846153846vw;
  }
  .seats__map--cat:nth-of-type(3) {
    width: 26.1538461538vw;
  }
  .seats__map--cat:nth-of-type(4) {
    width: 26.1538461538vw;
  }
  .seats__map--cat:nth-of-type(5) {
    width: 16.4102564103vw;
  }
  .seats__map--cat:nth-of-type(6) {
    width: 15.3846153846vw;
  }
  .seats__map--cat:nth-of-type(7) {
    width: 14.8717948718vw;
  }
  .seats__map--cat:nth-of-type(8) {
    width: 23.5897435897vw;
  }
  .seats__map--cat:nth-of-type(9) {
    width: 15.3846153846vw;
  }
  .seats__map--cat:nth-of-type(10) {
    width: 18.7179487179vw;
  }
  .seats__map--cat:nth-of-type(11) {
    width: 15.641025641vw;
  }
  .seats__map--cat:nth-of-type(12) {
    width: 15.641025641vw;
  }
  .seats__map--cat:nth-of-type(13) {
    width: 18.2051282051vw;
  }
  .seats__map--cat:nth-of-type(14) {
    width: 17.4358974359vw;
  }
  .seats__map--cat:nth-of-type(15) {
    width: 27.6923076923vw;
  }
  .seats__map--cat:nth-of-type(16) {
    width: 22.0512820513vw;
  }
  .seats__map--cat:nth-of-type(17) {
    width: 16.4102564103vw;
  }
  .seats__map--cat:nth-of-type(18) {
    width: 20.5128205128vw;
  }
  .seats__map--cat i {
    margin-top: -1.2em;
    font-size: 2.5641025641vw;
  }
  .seats__map--detail {
    margin-top: 6.1538461538vw;
  }
  .seats__map--wrap.all .seats__map--box {
    margin: 0 -5.1282051282vw;
  }
  .seats__map--ttl {
    display: none;
    padding: 0.5em 1em;
    color: white;
    font-size: 3.2rem;
    font-weight: 700;
    text-align: center;
  }
  .seats__map--ttl i {
    font-style: normal;
  }
  .seats__map--box {
    flex-wrap: wrap;
    margin-top: 0;
  }
  .seats__map--left {
    width: auto;
  }
  .seats__map--feature {
    min-height: 10.2564102564vw;
    margin-top: 4.1025641026vw;
    font-size: 5.1282051282vw;
    line-height: 1.5;
  }
  .seats__map--price {
    flex-wrap: wrap;
    margin-top: 5.641025641vw;
  }
  .seats__map--price dl {
    margin-top: 2px;
  }
  .seats__map--price dl dt {
    height: 13.3333333333vw;
    font-size: 3.5897435897vw;
  }
  .seats__map--price dl dd {
    height: 12.3076923077vw;
    font-size: 4.1025641026vw;
  }
  .seats__map--price dl dd strong {
    font-size: 4.6153846154vw;
  }
  .seats__map--price dl.seats__map--age {
    width: 20.5128205128vw;
  }
  .seats__map--price dl.seats__map--set {
    width: 34.1025641026vw;
  }
  .seats__map--price dl.seats__map--unit {
    width: 34.1025641026vw;
  }
  .seats__map--price dl.seats__map--basic {
    width: 34.1025641026vw;
  }
  .seats__map--price dl.seats__map--discount {
    width: 34.1025641026vw;
  }
  .seats__map--price.nowrap dl.seats__map--set {
    width: 44.6153846154vw;
  }
  .seats__map--price.nowrap dl.seats__map--unit {
    width: 44.6153846154vw;
  }
  .seats__map--price.nowrap dl.seats__map--basic {
    width: 44.6153846154vw;
  }
  .seats__map--price.nowrap dl.seats__map--discount {
    width: 44.6153846154vw;
  }
  .seats__map--right {
    margin-top: 6.1538461538vw;
    width: auto;
  }
  .seats__map--label {
    height: 12.3076923077vw;
    font-size: 5.1282051282vw;
  }
  .seats__map--btn {
    padding: 4.1025641026vw;
    height: 35.3846153846vw;
  }
  .seats__map--btn a {
    width: auto;
    height: 100%;
    font-size: 4.6153846154vw;
  }
  .seats__map--btn a i.arrow {
    right: 4.1025641026vw;
  }
  /* 料金表 */
  .seats__price--wrap {
    position: relative;
    margin-top: 6.1538461538vw;
  }
  .seats__price--wrap .seats__price--list.sp {
    width: 100%;
    border: none;
    overflow-x: auto;
  }
  .seats__price--wrap .seats__price--list.sp table {
    width: 100%;
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
  }
  .seats__price--wrap .seats__price--list.sp table .seats__price--fixed {
    position: sticky;
    top: 0;
    left: 0;
    width: 47.6923076923vw;
    font-size: 0;
    white-space: nowrap;
  }
  .seats__price--wrap .seats__price--list.sp table .seats__price--fixed img {
    max-width: none;
    width: 47.6923076923vw;
  }
  .seats__price--wrap .seats__price--list.sp table .seats__price--scroll {
    width: 84.6153846154vw;
    font-size: 0;
    white-space: nowrap;
  }
  .seats__price--wrap .seats__price--list.sp table .seats__price--scroll img {
    max-width: none;
    width: 84.6153846154vw;
  }
  .seats__price--wrap .seats__price--ico {
    display: block;
    position: absolute;
    top: 200px;
    left: 50%;
    z-index: 1;
    width: 16.4102564103vw;
    transform: translate(-50%, -50%);
  }
  .seats__price--wrap .seats__price--ico.inview {
    display: none;
  }
  .seats__price--notes {
    margin-top: 6.1538461538vw;
    font-size: 3.0769230769vw;
  }
  .seats__price--attention {
    margin-top: 3.0769230769vw;
  }
  .seats__price--attention h5 {
    font-size: 3.0769230769vw;
  }
  .seats__price--attention dl dt {
    margin-top: 2.0512820513vw;
    font-size: 3.0769230769vw;
  }
  .seats__price--attention dl dd {
    font-size: 3.0769230769vw;
  }
  /*--------------------------------------
  購入特典
  --------------------------------------*/
  #benefits {
    position: relative;
    margin-top: 16.4102564103vw;
    padding: 16.4102564103vw 0;
  }
  #benefits::before, #benefits::after {
    height: 1.2820512821vw;
  }
  .benefits__head--txt {
    font-size: 8.2051282051vw;
  }
  .benefits__lead--txt {
    margin-top: 6.1538461538vw;
    font-size: 4.1025641026vw;
  }
  .benefits__point--list {
    margin-top: 10.2564102564vw;
  }
  .benefits__point--list picture {
    margin-top: 0;
  }
  .benefits__rakuten--bnr {
    margin-top: 10.2564102564vw;
    width: auto;
  }
  .benefits__rakuten--bnr:hover {
    opacity: 1;
  }
  .benefits__note--list {
    margin-top: 5.1282051282vw;
    width: auto;
  }
  /*--------------------------------------
  法人のお客様へのおすすめポイント
  --------------------------------------*/
  #corp-package {
    position: relative;
    margin-top: 16.4102564103vw;
    padding: 16.4102564103vw 0;
  }
  #corp-package::before, #corp-package::after {
    height: 1.2820512821vw;
  }
  .corp-package__head {
    padding: 40px 0;
  }
  .corp-package__head--txt-1 {
    font-size: 8.2051282051vw;
    margin: 0 5.1282051282vw;
    width: auto;
  }
  .corp-package__head--txt-2 {
    font-size: 4.1025641026vw;
    margin: 6.1538461538vw 5.1282051282vw 0;
    width: auto;
  }
  .corp-package__point--list {
    margin-top: 10.2564102564vw;
  }
  .corp-package__point--list picture {
    margin-top: 0;
  }
  /*--------------------------------------
  購入方法
  --------------------------------------*/
  #buy {
    padding: 16.4102564103vw 0;
  }
  .buy__head--txt {
    font-size: 8.2051282051vw;
  }
  .buy__point--list {
    margin-top: 10.2564102564vw 80px;
  }
  .buy__point--list picture {
    margin-top: -28px;
  }
  /* 申込期間 */
  .buy__period--box {
    display: block;
    margin-top: 6.1538461538vw;
    height: auto;
  }
  .buy__period--ttl {
    display: block;
    padding: 0.5em 0;
    width: auto;
    height: auto;
    font-size: 6.1538461538vw;
    text-align: center;
  }
  .buy__period--desc {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 4.1025641026vw 5.1282051282vw;
    width: auto;
    height: auto;
  }
  .buy__period--desc .buy__period--txt {
    width: 100%;
  }
  .buy__period--desc .buy__period--txt .buy__period--wrap {
    display: block;
  }
  .buy__period--desc .buy__period--txt .buy__period--wrap dl dt {
    display: block;
    margin-bottom: 4.1025641026vw;
    font-size: 4.1025641026vw;
  }
  .buy__period--desc .buy__period--txt .buy__period--wrap dl dd {
    margin-bottom: 4.1025641026vw;
    padding-left: 0.5em;
    font-size: 4.1025641026vw;
  }
  .buy__period--desc .buy__period--txt .buy__period--wrap dl dd strong {
    font-size: 5.641025641vw;
  }
  .buy__period--desc .buy__period--txt .buy__period--wrap p {
    padding-bottom: 4.1025641026vw;
    font-size: 4.6153846154vw;
  }
  .buy__period--desc .buy__period--txt .buy__period--wrap p strong {
    font-size: 5.641025641vw;
  }
  .buy__period--desc .buy__period--txt .buy__period--wrap ul {
    margin-top: 4.1025641026vw;
  }
  .buy__period--desc .buy__period--txt .buy__period--wrap ul li {
    font-size: 3.0769230769vw;
  }
  .buy__step--wrap {
    position: relative;
    margin-top: 6.1538461538vw;
    overflow: hidden;
  }
  .buy__step--wrap::after {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    content: "";
    width: 5px;
    height: 600px;
    background-color: #D58192;
  }
  .buy__step--box {
    display: block;
  }
  .buy__step--box + .buy__step--box {
    margin-top: 6.1538461538vw;
  }
  .buy__step--number {
    display: block;
    position: relative;
    z-index: 2;
    padding: 0.5em 0;
    width: auto;
    height: auto;
    font-family: "RakutenSans_Bd", sans-serif;
    font-size: 4.1025641026vw;
    background-color: #9B0020;
  }
  .buy__step--number span {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .buy__step--number strong {
    display: inline-block;
    margin-left: 0.2em;
    width: auto;
    font-size: 6.1538461538vw;
  }
  .buy__step--desc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
    padding: 5.1282051282vw;
    width: auto;
    min-height: auto;
    height: 100%;
  }
  .buy__step--comments {
    font-size: 3.5897435897vw;
  }
  .buy__step--ttl {
    font-size: 4.6153846154vw;
  }
  .buy__step--txt {
    margin-top: 2.0512820513vw;
  }
  .buy__step--txt span em {
    display: inline-block;
    font-size: 4.1025641026vw;
  }
  .buy__step--notes {
    margin-top: 2.0512820513vw;
    font-size: 3.0769230769vw;
  }
  .buy__step--code {
    margin: 2.5641025641vw auto 0;
    width: auto;
  }
  .buy__step--payment {
    margin: 2.5641025641vw auto 0;
    width: 53.0769230769vw;
  }
  .buy__step--payment-card {
    margin: 2.5641025641vw auto 0;
    width: 17.6923076923vw;
  }
  /*--------------------------------------
  利用方法
  --------------------------------------*/
  #howto {
    padding: 16.4102564103vw 0;
  }
  .howto__head--txt {
    font-size: 8.2051282051vw;
  }
  .howto__flow--list {
    margin-top: 10.2564102564vw;
  }
  /*--------------------------------------
  注意事項
  --------------------------------------*/
  #attention {
    padding: 16.4102564103vw 0;
  }
  .attention__head--txt {
    font-size: 8.2051282051vw;
  }
  .attention__doc {
    margin-top: 10.2564102564vw;
    font-size: 3.0769230769vw;
  }
  .attention__doc dt {
    margin-top: 3.5897435897vw;
  }
  /*--------------------------------------
  FAQ
  --------------------------------------*/
  #faq {
    padding: 16.4102564103vw 0 0;
  }
  .faq__head--txt {
    font-size: 8.2051282051vw;
  }
  .faq__archives--cat {
    font-size: 5.1282051282vw;
    text-align: center;
  }
  .faq__archives {
    margin: 0 5.1282051282vw;
    padding-top: 10.2564102564vw;
    width: auto;
  }
  .faq__archives--ttl {
    align-items: start;
    padding: 5.1282051282vw 10.2564102564vw 5.1282051282vw 0;
    font-size: 4.1025641026vw;
  }
  .faq__archives--ttl::before {
    font-size: 6.1538461538vw;
  }
  .faq__archives--ttl i {
    width: 7.1794871795vw;
    height: 7.1794871795vw;
  }
  .faq__archives--ttl i::before {
    right: 1.5384615385vw;
    width: 4.1025641026vw;
    height: 0.5128205128vw;
  }
  .faq__archives--ttl i::after {
    right: 1.5384615385vw;
    width: 4.1025641026vw;
    height: 0.5128205128vw;
  }
  .faq__archives--body {
    padding: 0 0 5.1282051282vw 3em;
    font-size: 4.1025641026vw;
  }
  .faq__archives--body::before {
    font-size: 6.1538461538vw;
  }
  /*--------------------------------------
  お問い合わせ
  --------------------------------------*/
  #inquiry {
    padding: 16.4102564103vw 0;
  }
  .inquiry__head--txt {
    padding-bottom: 10.2564102564vw;
    font-size: 8.2051282051vw;
  }
  .inquiry__doc--lead {
    margin-top: 6.1538461538vw;
    font-size: 4.1025641026vw;
  }
  .inquiry__link--btn {
    margin: 8.2051282051vw auto 0;
    width: auto;
    height: 80px;
  }
  .inquiry__link--btn a {
    font-size: 5.1282051282vw;
  }
  .inquiry__link--btn a i {
    right: 5.1282051282vw;
  }
  .inquiry__link--btn a:hover {
    opacity: 1;
  }
}