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

- Base

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

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

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

.addReset body.-bodyScrollStop {
  overflow: hidden;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
}

:root {
  --cc-blue: #0e1b3c;
  --cc-lblue: #1e2570;
  --cc-hblue: #09122a;
  --w1280: 1280px;
  --space: 30px;
  --rem: 1rem /16;
}

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

- 表示アニメーション

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

- フォント

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

- フォントサイズ

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

- RWD表示切り替え

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

- flex

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

- margin

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

.mTop5 {
  margin-top: 5px;
}

.mTop10 {
  margin-top: 10px;
}

.mTop15 {
  margin-top: 15px;
}

.mTop20 {
  margin-top: 20px;
}

.mTop25 {
  margin-top: 25px;
}

.mTop30 {
  margin-top: 30px;
}

.mTop35 {
  margin-top: 35px;
}

.mTop40 {
  margin-top: 40px;
}

.mTop45 {
  margin-top: 45px;
}

.mTop50 {
  margin-top: 50px;
}

.mTop55 {
  margin-top: 55px;
}

.mTop60 {
  margin-top: 60px;
}

.mTop65 {
  margin-top: 65px;
}

.mTop70 {
  margin-top: 70px;
}

.mTop75 {
  margin-top: 75px;
}

.mTop80 {
  margin-top: 80px;
}

.mTop85 {
  margin-top: 85px;
}

.mTop90 {
  margin-top: 90px;
}

.mTop95 {
  margin-top: 95px;
}

.mTop100 {
  margin-top: 100px;
}

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

.mBtm5 {
  margin-bottom: 5px;
}

.mBtm10 {
  margin-bottom: 10px;
}

.mBtm15 {
  margin-bottom: 15px;
}

.mBtm20 {
  margin-bottom: 20px;
}

.mBtm25 {
  margin-bottom: 25px;
}

.mBtm30 {
  margin-bottom: 30px;
}

.mBtm35 {
  margin-bottom: 35px;
}

.mBtm40 {
  margin-bottom: 40px;
}

.mBtm45 {
  margin-bottom: 45px;
}

.mBtm50 {
  margin-bottom: 50px;
}

.mBtm55 {
  margin-bottom: 55px;
}

.mBtm60 {
  margin-bottom: 60px;
}

.mBtm65 {
  margin-bottom: 65px;
}

.mBtm70 {
  margin-bottom: 70px;
}

.mBtm75 {
  margin-bottom: 75px;
}

.mBtm80 {
  margin-bottom: 80px;
}

.mBtm85 {
  margin-bottom: 85px;
}

.mBtm90 {
  margin-bottom: 90px;
}

.mBtm95 {
  margin-bottom: 95px;
}

.mBtm100 {
  margin-bottom: 100px;
}

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

- z-index

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

-

================================================ */
.lozad {
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.lozad[data-loaded=true] {
  opacity: 1;
}

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

- イージング

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

- 共通

================================================ */
.p-wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  background-color: #080E26;
  overflow-x: clip;
  position: relative;
}

.p-sc__ttl span {
  display: block;
  text-align: left;
}
.p-sc__ttl span.-en {
  font-size: 1.75rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.04em;
  color: #FFFFFF;
}
.p-sc__ttl span.-jp {
  margin-top: 12px;
  font-size: 1.125rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.04em;
  color: #76D4FF;
}

.p-sc__ttl.-center span {
  text-align: center;
}

.p-sc__ttl.-large span.-jp {
  margin-top: 0;
  font-size: 1.375rem;
}

.p-sc__ttl.-large2 span.-en {
  font-size: 3.75rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
}

.p-sub__ttl {
  color: #FFFFFF;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .p-sc__ttl span.-en {
    font-size: 7.4666666667vw;
  }
  .p-sc__ttl span.-jp {
    margin-top: 2.667vw;
    font-size: 4.8vw;
    line-height: 150%;
  }
  .p-sc__ttl.-center span {
    text-align: center;
  }
  .p-sc__ttl.-large span.-jp {
    font-size: 6.4vw;
  }
  .p-sc__ttl.-large2 span.-en {
    font-size: 11.7333333333vw;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;
  }
}
/* ================================================

- 角丸

================================================ */
.m-clip--all {
  clip-path: inset(0 0 round 32px 32px 32px 32px);
}

.m-clip--all16 {
  clip-path: inset(0 0 round 16px 16px 16px 16px);
}

.m-clip--left {
  clip-path: inset(0 0 round 32px 0 0 32px);
}

.m-clip--right {
  clip-path: inset(0 0 round 0 32px 32px 0);
}

.m-clip--top {
  clip-path: inset(0 0 round 32px 32px 0 0);
}

.m-clip--top-l {
  clip-path: inset(0 0 round 32px 0 0 0);
}

/* @media screen */
@media screen and (max-width: 568px) {
  .m-clip--all {
    clip-path: inset(0 0 round 24px 24px 24px 24px);
  }
  .m-clip--left {
    clip-path: inset(0 0 round 24px 0 0 24px);
  }
  .m-clip--right {
    clip-path: inset(0 0 round 0 24px 24px 0);
  }
  .m-clip--top {
    clip-path: inset(0 0 round 24px 24px 0 0);
  }
}
/* ================================================

- ボタン

================================================ */
.p-btn button,
.p-btn a {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  max-width: 242px;
  width: 100%;
  min-height: 56px;
  padding: 0 10px;
  font-size: 0.875rem;
  color: #FFFFFF;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  line-height: 150%;
  letter-spacing: 4%;
  background-color: #B21920;
  border-radius: 8px;
  position: relative;
  z-index: 1;
  -webkit-transition: opacity 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: opacity 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.p-btn button span,
.p-btn a span {
  display: inline-block;
  width: 100%;
  position: relative;
  text-align: center;
  z-index: 1;
}
.p-btn a:not([href]) {
  cursor: default;
  background-color: #999999;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.p-btn.-min button,
.p-btn.-min a {
  max-width: 183px;
}

.p-btn.p-mv__btn button,
.p-btn.p-mv__btn a {
  max-width: 326px;
  width: 326px;
  min-height: 80px;
  font-size: 1rem;
}

.p-btn.p-access__bus__btn button,
.p-btn.p-access__bus__btn a {
  max-width: 271px;
}

.p-btn.p-access__parking__btn button,
.p-btn.p-access__parking__btn a {
  max-width: 227px;
}

.p-btn.-transparent button,
.p-btn.-transparent a {
  font-size: 0.875rem;
  color: #0D0D0D;
  background-color: transparent;
  border: solid 1px #0D0D0D;
}

.p-btn.-next button,
.p-btn.-next a {
  position: relative;
}
.p-btn.-next button span::before,
.p-btn.-next a span::before {
  content: "";
  position: absolute;
  right: 23px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214px%22%20height%3D%2224px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(30%2C%2037%2C%20112)%22%20d%3D%22M0.534%2C22.743%20C-0.175%2C22.042%20-0.175%2C20.908%200.534%2C20.207%20L8.848%2C11.1000%20L0.534%2C3.793%20C-0.175%2C3.092%20-0.175%2C1.958%200.534%2C1.257%20L0.882%2C0.914%20C1.594%2C0.212%202.749%2C0.212%203.461%2C0.914%20L13.406%2C10.732%20C14.115%2C11.433%2014.115%2C12.567%2013.406%2C13.268%20L3.461%2C23.086%20C2.749%2C23.789%201.594%2C23.789%200.882%2C23.086%20%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  width: 7px;
  height: 12px;
}

.p-btn.-next.-transparent button,
.p-btn.-next.-transparent a {
  position: relative;
}
.p-btn.-next.-transparent button span::before,
.p-btn.-next.-transparent a span::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227px%22%20height%3D%2212px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(255%2C%20233%2C%20176)%22%20d%3D%22M0.268%2C11.544%20C-0.088%2C11.182%20-0.088%2C10.596%200.268%2C10.234%20L4.434%2C5.993%20L0.268%2C1.750%20C-0.088%2C1.388%20-0.088%2C0.802%200.268%2C0.440%20L0.442%2C0.263%20C0.799%2C-0.101%201.378%2C-0.101%201.734%2C0.263%20L6.718%2C5.337%20C7.073%2C5.699%207.073%2C6.285%206.718%2C6.647%20L1.734%2C11.722%20C1.378%2C12.085%200.799%2C12.085%200.442%2C11.722%20%22%2F%3E%3C%2Fsvg%3E");
  width: 7px;
  height: 12px;
}

.p-btn.-center {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .p-btn button,
  .p-btn a {
    max-width: 242px;
    width: 100%;
    min-height: 56px;
    padding: 0 10px;
    font-size: 0.875rem;
    border-radius: 8px;
  }
  .p-btn.-min button,
  .p-btn.-min a {
    max-width: 183px;
  }
  .p-btn.p-mv__btn button,
  .p-btn.p-mv__btn a {
    max-width: 326px;
    width: 326px;
    min-height: 80px;
    font-size: 1rem;
  }
  .p-btn.p-access__bus__btn button,
  .p-btn.p-access__bus__btn a {
    max-width: 271px;
  }
  .p-btn.p-access__parking__btn button,
  .p-btn.p-access__parking__btn a {
    max-width: 227px;
  }
}
/* ================================================

- MV

================================================ */
.p-mv {
  position: relative;
}

.p-mv__visual {
  width: 100%;
}

.p-mv__emblem {
  position: absolute;
  top: 24px;
  left: 50%;
  translate: -50% 0;
  width: 98px;
  z-index: 2;
}
.p-mv__emblem a {
  display: block;
}

.p-mv__btn {
  position: absolute;
  bottom: 80px;
  right: 90px;
  z-index: 2;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .p-mv__emblem {
    top: 6.4vw;
    width: 19.733vw;
  }
  .p-mv__btn {
    bottom: 0;
    right: 50%;
    translate: 50% 0;
  }
}
/* ================================================

- body

================================================ */
.p-body {
  position: relative;
  z-index: 2;
}

.p-deco__court1 {
  position: absolute;
  bottom: -8.75vw;
  left: 0;
  width: 100vw;
  z-index: 1;
  opacity: 0.1;
}

.p-deco__court2 {
  position: absolute;
  top: 23.889vw;
  left: 0;
  width: 100vw;
  z-index: -1;
  opacity: 0.4;
}

.p-bg1 {
  padding: 0;
  background-image: url("/asset/images/special/2627/openinggame/deco_line.png");
  background-size: 1264px;
  background-repeat: repeat-y;
  background-position: top center;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .p-deco__court1 {
    bottom: 11.733vw;
    left: 0;
    width: 100vw;
  }
  .p-deco__court2 {
    display: none !important;
  }
  .p-bg1 {
    background-image: url("/files/user/static/asset/images/special/2627/openinggame/deco_line_sp.png");
    background-size: 87.2vw;
  }
}
/* ================================================

- 試合日程

================================================ */
.p-sc.-schedule {
  padding-top: 46px;
}

.p-schedule {
  margin-top: 29px;
}

.p-schedule__match {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: stretch;
  -webkit-box-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  gap: 32px;
  margin-top: 24px;
}

.p-schedule__match__block {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  padding: 64px 70px 64px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(31, 42, 99, 0.2)), to(rgba(240, 240, 240, 0.2)));
  background: linear-gradient(180deg, rgba(31, 42, 99, 0.2) 0%, rgba(240, 240, 240, 0.2) 100%);
  border: 1px solid rgba(31, 42, 99, 0.2);
  border-radius: 32px;
}

.p-schedule__match__layout {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start;
  gap: 15px;
}

.p-schedule__match__emblem {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 112px;
}

.p-schedule__match__data {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  padding-top: 6px;
}

.p-schedule__match__schedule {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-align: baseline;
  -webkit-box-align: baseline;
          align-items: baseline;
  gap: 12px;
  color: #FFFFFF;
}
.p-schedule__match__schedule .-date {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: baseline;
  -webkit-box-align: baseline;
          align-items: baseline;
  gap: 0.25em;
}
.p-schedule__match__schedule .-year {
  font-size: 1.0625rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
.p-schedule__match__schedule .-day,
.p-schedule__match__schedule .-month {
  font-size: 3.125rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  letter-spacing: -0.04em;
}
.p-schedule__match__schedule .-day small,
.p-schedule__match__schedule .-month small {
  font-size: 1.125rem;
  letter-spacing: 4%;
  margin-left: 5px;
}
.p-schedule__match__schedule .-week {
  font-size: 1.25rem;
}
.p-schedule__match__schedule .-time {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: baseline;
  -webkit-box-align: baseline;
          align-items: baseline;
  gap: 0.25em;
}
.p-schedule__match__schedule .-tipoff {
  font-size: 1.25rem;
}
.p-schedule__match__schedule .-tiptime {
  font-size: 3rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 2%;
}

.p-schedule__match__block {
  text-align: left;
}
.p-schedule__match__block .-stadium {
  margin-top: 19px;
  font-size: 1.125rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
  color: #76D4FF;
}

.p-schedule__bticketBtn {
  width: 160px;
  margin-top: 25px;
  margin-left: auto;
  margin-right: auto;
}
.p-schedule__bticketBtn a {
  display: block;
}
.p-schedule__bticketBtn a:not([href]) {
  cursor: default;
}

.p-schedule__btn {
  margin-top: 25px;
}

.p-schedule__note {
  margin-top: 25px;
  margin-left: auto;
  margin-right: auto;
  padding: 51px 48px 51px;
  color: #FFFFFF;
  background-color: rgba(13, 13, 13, 0.2);
  border-radius: 16px;
}

.p-schedule__note__ttl {
  font-size: 1.125rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 4%;
  color: #FFFFFF;
}

.p-schedule__note__summary {
  margin-top: 18px;
}
.p-schedule__note__summary p {
  font-size: 0.875rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  line-height: 175%;
  letter-spacing: 2%;
  color: #FFFFFF;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .p-sc.-schedule {
    padding-top: 16.267vw;
  }
  .p-sc.-schedule .p-sc__inner {
    padding: 0 6.4vw;
  }
  .p-schedule {
    margin-top: 8.267vw;
  }
  .p-schedule__match {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4.267vw;
    margin-top: 6.4vw;
  }
  .p-schedule__match__block {
    width: 100%;
    padding: 5.6vw 5.333vw 6.667vw;
  }
  .p-schedule__match__layout {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
  .p-schedule__match__emblem {
    display: none !important;
  }
  .p-schedule__match__data {
    padding-top: 0;
  }
  .p-schedule__match__schedule {
    gap: 1.867vw;
  }
  .p-schedule__match__schedule .-date {
    gap: 0.25em;
  }
  .p-schedule__match__schedule .-year {
    display: none;
  }
  .p-schedule__match__schedule .-day,
  .p-schedule__match__schedule .-month {
    font-size: 9.6vw;
    letter-spacing: 0;
  }
  .p-schedule__match__schedule .-day small,
  .p-schedule__match__schedule .-month small {
    font-size: 3.7333333333vw;
    margin-left: 1.333vw;
  }
  .p-schedule__match__schedule .-week {
    font-size: 4.2666666667vw;
  }
  .p-schedule__match__schedule .-time {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-align: baseline;
    -webkit-box-align: baseline;
            align-items: baseline;
    gap: 0.25em;
  }
  .p-schedule__match__schedule .-tipoff {
    font-size: 1.25rem;
  }
  .p-schedule__match__schedule .-tiptime {
    font-size: 8.5333333333vw;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
  }
  .p-schedule__match__block {
    text-align: center;
  }
  .p-schedule__match__block .-stadium {
    margin-top: 5.067vw;
    font-size: 3.7333333333vw;
  }
  .p-schedule__bticketBtn {
    width: 42.667vw;
    margin-top: 6.667vw;
  }
  .p-schedule__btn {
    margin-top: 6.667vw;
  }
  .p-schedule__note {
    margin-top: 6.667vw;
    margin-left: auto;
    margin-right: auto;
    padding: 13.6vw 12.8vw 13.6vw;
    color: #FFFFFF;
    background-color: rgba(13, 13, 13, 0.2);
  }
}
/* ================================================

- showcase

================================================ */
.p-sc.-message {
  margin-top: 58px;
}

.p-message {
  margin-top: 48px;
}

.p-message__summary {
  text-align: center;
}
.p-message__summary p {
  font-size: 1.5rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  line-height: 170%;
  letter-spacing: 0.04em;
  color: #FFFFFF;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .p-sc.-message {
    margin-top: 14.933vw;
  }
  .p-sc.-message .p-sc__inner {
    padding: 0 6.4vw;
  }
  .p-message {
    margin-top: 6.4vw;
  }
  .p-message__summary {
    text-align: left;
  }
  .p-message__summary p {
    font-size: 5.3333333333vw;
  }
}
/* ================================================

- GIVE AWAY

================================================ */
.p-sc.-giveAway {
  margin-top: 66px;
}

.p-giveAway {
  margin-top: 48px;
}

.p-giveAway__layout {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-align: stretch;
  -webkit-box-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  gap: 24px;
}

.p-giveAway__photo {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 620px;
  clip-path: inset(0 0 round 4px 4px 4px 4px);
}
.p-giveAway__photo img {
  display: block;
}

.p-giveAway__block {
  width: 620px;
  border: solid 1px #FFFFFF;
  border-radius: 16px;
}

.p-giveAway__block__ttl {
  padding: 15px 0;
  background-color: #FFFFFF;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  text-align: center;
}
.p-giveAway__block__ttl span {
  color: #080E26;
}

.p-giveAway__block__summary {
  padding: 26px 30px 26px;
}
.p-giveAway__block__summary p {
  color: #FFFFFF;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

/* SPECIAL SEAT */
.p-giveAway__specialset {
  margin-top: 38px;
}

.p-giveAway__specialset__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 40px;
}

.p-giveAway__specialset__item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
  gap: 0;
  padding: 24px 22px 24px;
  color: #FFFFFF;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(31, 42, 99, 0.2)), to(rgba(240, 240, 240, 0.2)));
  background: linear-gradient(180deg, rgba(31, 42, 99, 0.2) 0%, rgba(240, 240, 240, 0.2) 100%);
  border: 1px solid rgba(31, 42, 99, 0.2);
  border-radius: 16px;
}

.p-giveAway__specialset__photo {
  width: 100%;
  clip-path: inset(0 0 round 4px 4px 4px 4px);
}

.p-giveAway__specialset__summary {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: 0;
  margin-top: 23px;
  color: #FFFFFF;
}
.p-giveAway__specialset__summary dd {
  margin-top: 24px;
}

.p-giveAway__specialset__btn {
  margin-top: 25px;
}

.p-giveAway__guest {
  margin-top: 40px;
}

.p-giveAway__guest__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin-top: 40px;
}

.p-giveAway__guest__item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  gap: 0;
  padding: 47px 49px 49px;
  background-color: #FFFFFF;
  border-radius: 16px;
}

.p-giveAway__guest__photo {
  clip-path: inset(0 0 round 4px 4px 4px 4px);
}

.p-giveAway__guest__summary {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: 0;
  margin-top: 24px;
}
.p-giveAway__guest__summary dt {
  color: #222222;
}
.p-giveAway__guest__summary dd {
  margin-top: 24px;
  color: #0D0D0D;
}

/* EVENT */
.p-giveAway__event {
  margin-top: 40px;
  position: relative;
}

.p-giveAway__event__swiper.swiper {
  width: 100%;
  margin-top: 40px;
  overflow: visible;
}

.swiper-slide.p-giveAway__event__item {
  width: 300px;
  height: auto;
  padding: 23px 23px 24px;
  z-index: 1;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(31, 42, 99, 0.2)), to(rgba(240, 240, 240, 0.2)));
  background: linear-gradient(180deg, rgba(31, 42, 99, 0.2) 0%, rgba(240, 240, 240, 0.2) 100%);
  border: 1px solid rgba(31, 42, 99, 0.2);
  border-radius: 16px;
  color: #FFFFFF;
  cursor: -webkit-grab;
  cursor: grab;
  position: relative;
}

.p-giveAway__event__photo {
  margin-top: 24px;
  clip-path: inset(0 0 round 4px 4px 4px 4px);
}

.p-giveAway__event__summary {
  margin-top: 23px;
}

/* swiper
**********************/
.swiper-button-prev.p-giveAway__event__swiper__prev svg,
.swiper-button-next.p-giveAway__event__swiper__next svg {
  display: none;
}
.swiper-button-prev.p-giveAway__event__swiper__prev,
.swiper-button-next.p-giveAway__event__swiper__next {
  width: 56px;
  margin-top: 0 !important;
  position: absolute;
  top: 0 !important;
  cursor: pointer;
  z-index: 11;
  -webkit-transition: opacity 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: opacity 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.swiper-button-prev.p-giveAway__event__swiper__prev::after,
.swiper-button-next.p-giveAway__event__swiper__next::after {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  width: 56px;
  height: 40px;
}
.swiper-button-prev.p-giveAway__event__swiper__prev:hover,
.swiper-button-next.p-giveAway__event__swiper__next:hover {
  opacity: 0.8;
}

.swiper-button-prev.p-giveAway__event__swiper__prev.swiper-button-disabled,
.swiper-button-next.p-giveAway__event__swiper__next.swiper-button-disabled {
  opacity: 0;
}

/* 前ページボタンのスタイル */
.swiper-button-prev.p-giveAway__event__swiper__prev {
  left: auto !important;
  right: 72px !important;
}
.swiper-button-prev.p-giveAway__event__swiper__prev::after {
  left: 0;
  background-image: url("/files/user/static/asset/images/special/2627/openinggame/arrow_prev.png");
}

/* 次ページボタンのスタイル */
.swiper-button-next.p-giveAway__event__swiper__next {
  right: 0 !important;
}
.swiper-button-next.p-giveAway__event__swiper__next::after {
  right: 0;
  background-image: url("/files/user/static/asset/images/special/2627/openinggame/arrow_next.png");
}

.swiper-button__arrow.p-giveAway__event__swiper__arrow {
  position: relative;
}

.swiper-pagination.p-apply__pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 1;
}
.swiper-pagination.p-apply__pagination .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination.p-apply__pagination .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 6px;
}
.swiper-pagination.p-apply__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #FFFFFF;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .p-sc.-giveAway {
    margin-top: 30.933vw;
  }
  .p-sc.-giveAway .p-sc__inner {
    padding: 0 6.4vw;
  }
  .p-giveAway {
    margin-top: 10.4vw;
  }
  .p-giveAway__layout {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 6.4vw;
  }
  .p-giveAway__photo {
    width: 100%;
  }
  .p-giveAway__block {
    width: 100%;
  }
  .p-giveAway__block__ttl {
    padding: 4.267vw 6.4vw;
    text-align: left;
  }
  .p-giveAway__block__summary {
    padding: 6.4vw 6.4vw 6.4vw;
  }
  /* SPECIAL SEAT */
  .p-giveAway__specialset {
    margin-top: 10.133vw;
  }
  .p-giveAway__specialset__list {
    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
    gap: 4.267vw;
    margin-top: 11.2vw;
  }
  .p-giveAway__specialset__item {
    padding: 6.4vw 6.4vw 6.4vw;
  }
  .p-giveAway__specialset__summary {
    margin-top: 4.267vw;
  }
  .p-giveAway__specialset__summary dd {
    margin-top: 4.533vw;
  }
  .p-giveAway__specialset__btn {
    margin-top: 4.8vw;
  }
  .p-giveAway__guest {
    margin-top: 10.667vw;
  }
  .p-giveAway__guest__list {
    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
    gap: 4.267vw;
    margin-top: 10.667vw;
  }
  .p-giveAway__guest__item {
    padding: 6.4vw 6.4vw 6.4vw;
  }
  .p-giveAway__guest__summary {
    margin-top: 6.4vw;
  }
  .p-giveAway__guest__summary dd {
    margin-top: 6.4vw;
  }
  /* EVENT */
  .p-giveAway__event {
    margin-top: 10.667vw;
  }
  .p-giveAway__event__swiper.swiper {
    margin-top: 10.667vw;
  }
  .swiper-slide.p-giveAway__event__item {
    width: 76.533vw;
    height: auto;
    padding: 6.133vw 6.4vw 6.4vw;
  }
  .p-giveAway__event__photo {
    margin-top: 6.4vw;
  }
  .p-giveAway__event__summary {
    margin-top: 6.4vw;
  }
  /* swiper
  **********************/
  .swiper-button-prev.p-giveAway__event__swiper__prev,
  .swiper-button-next.p-giveAway__event__swiper__next {
    width: 14.933vw;
  }
  .swiper-button-prev.p-giveAway__event__swiper__prev::after,
  .swiper-button-next.p-giveAway__event__swiper__next::after {
    width: 14.933vw;
    height: 10.667vw;
  }
  /* 前ページボタンのスタイル */
  .swiper-button-prev.p-giveAway__event__swiper__prev {
    right: 19.2vw !important;
  }
}
/* ================================================

- 会場マップ

================================================ */
.p-sc.-map {
  margin-top: 142px;
}

.p-map {
  max-width: 1012px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 28px;
}

.p-floor__block:not(:first-of-type) {
  margin-top: 48px;
}

.p-floor__ttl {
  color: #FFFFFF;
}

.p-floor__item {
  margin-top: 25px;
}

.p-floor__item.-kannai {
  padding: 0 29px;
}

.p-floor__layout {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start;
  gap: 15px;
}

.p-floor__figure {
  width: 744px;
}

.p-floor__figure.-fukuikenn {
  width: 744px;
}

.p-floor__figure.-aisin {
  width: 800px;
}

.p-floor__list li {
  padding-left: 35px;
  font-size: 0.9375rem;
  line-height: 1.4;
  letter-spacing: 0.02em;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: #FFFFFF;
  position: relative;
}
.p-floor__list li::before {
  content: attr(data-num);
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 26px;
  height: 26px;
  padding-top: 5px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  font-size: 1.25rem;
  color: #FFFFFF;
  letter-spacing: 0.02em;
  font-family: "Teko", sans-serif;
  font-weight: 400;
  background-color: #0e2c7b;
  border-radius: 100%;
}
.p-floor__list li:not(:first-of-type) {
  margin-top: 20px;
}
.p-floor__list li[data-num=★]::before {
  background-color: #40638B;
}
.p-floor__list li[data-num="1"]::before {
  background-color: #753afb;
}
.p-floor__list li[data-num="2"]::before {
  background-color: #be3afb;
}
.p-floor__list li[data-num="3"]::before {
  background-color: #ff5bd6;
}
.p-floor__list li[data-num="4"]::before {
  background-color: #A4BEDF;
}
.p-floor__list li[data-num="5"]::before {
  background-color: #5FA3D7;
}
.p-floor__list li[data-num="6"]::before {
  background-color: #4E85DC;
}
.p-floor__list li[data-num="7"]::before {
  background-color: #40638B;
}
.p-floor__list li[data-num="8"]::before {
  background-color: #FFC639;
}
.p-floor__list li[data-num="9"]::before {
  background-color: #FF954D;
}
.p-floor__list li[data-num="10"]::before {
  background-color: #91bb49;
}
.p-floor__list li[data-num="11"]::before {
  background-color: #A6D654;
}
.p-floor__list li[data-num="12"]::before {
  background-color: #5DA8BA;
}
.p-floor__list li.-wheelchair[data-num=""]::before {
  background-color: #c09b0f;
}

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

.p-floor__facility {
  width: 100%;
}

.p-floor__facility__layout.-aishin .p-floor__facility {
  max-width: 459px;
}

.p-floor__facility.-fukuikenn1f {
  max-width: 459px;
}

.p-floor__facility.-fukuikenn2f {
  max-width: 433px;
}

.p-floor__facility__list {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 23px 45px;
  margin-top: 48px;
}
.p-floor__facility__list li {
  padding-left: 31px;
  font-size: 0.9375rem;
  line-height: 1.625;
  letter-spacing: 0.02em;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: #FFFFFF;
  position: relative;
}
.p-floor__facility__list li span {
  display: block;
  font-size: 0.8125rem;
}
.p-floor__facility__list li::before {
  content: attr(data-num);
  position: absolute;
  top: 0;
  left: 0;
  width: 26px;
  height: 26px;
  padding-top: 5px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  font-size: 1.25rem;
  color: #FFFFFF;
  letter-spacing: 0.02em;
  font-family: "Teko", sans-serif;
  font-weight: 400;
  background-color: #0173c2;
  border-radius: 100%;
}
.p-floor__facility__list li[data-num="1"]::before {
  background-color: #FFC100;
}
.p-floor__facility__list li[data-num="2"]::before {
  background-color: #FF00AA;
}
.p-floor__facility__list li[data-num="3"]::before {
  background-color: #ff0000;
}
.p-floor__facility__list li[data-num="4"]::before {
  background-color: #75CF8E;
}
.p-floor__facility__list li[data-num="5"]::before {
  background-color: #70C6FD;
}
.p-floor__facility__list li[data-num="6"]::before {
  background-color: #c83cff;
}
.p-floor__facility__list li[data-num="7"]::before {
  background-color: #0032FF;
}
.p-floor__facility__list li[data-num="8"]::before {
  background-color: #577B81;
}
.p-floor__facility__list li[data-num="9"]::before {
  background-color: #5EA627;
}
.p-floor__facility__list li[data-num="10"]::before {
  background-color: #E16D19;
}

.p-floor__facility__list.-aishin li[data-num="1"]::before {
  background-color: #FF00AA;
}
.p-floor__facility__list.-aishin li[data-num="2"]::before {
  background-color: #00DC00;
}
.p-floor__facility__list.-aishin li[data-num="3"]::before {
  background-color: #FF0000;
}
.p-floor__facility__list.-aishin li[data-num="4"]::before {
  background-color: #FF8200;
}
.p-floor__facility__list.-aishin li[data-num="5"]::before {
  background-color: #00C8FF;
}
.p-floor__facility__list.-aishin li[data-num="6"]::before {
  background-color: #0032FF;
}

/* ホスピタリティ */
.p-map__hospitality {
  margin-top: 46px;
  position: relative;
}

.p-map__hospitality__swiper.swiper {
  width: 100%;
  margin-top: 35px;
  overflow: visible;
}

.swiper-slide.p-map__hospitality__item {
  width: 247px;
  height: auto;
  padding: 23px 23px 24px;
  z-index: 1;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(31, 42, 99, 0.2)), to(rgba(240, 240, 240, 0.2)));
  background: linear-gradient(180deg, rgba(31, 42, 99, 0.2) 0%, rgba(240, 240, 240, 0.2) 100%);
  border: 1px solid rgba(31, 42, 99, 0.2);
  border-radius: 16px;
  color: #FFFFFF;
  cursor: -webkit-grab;
  cursor: grab;
  position: relative;
}

.p-map__hospitality__ttl {
  min-height: 54px;
}

.p-map__hospitality__photo {
  margin-top: 23px;
  clip-path: inset(0 0 round 4px 4px 4px 4px);
}

.p-map__hospitality__summary {
  margin-top: 23px;
}
/* swiper
**********************/
.swiper-button-prev.p-map__hospitality__swiper__prev svg,
.swiper-button-next.p-map__hospitality__swiper__next svg {
  display: none;
}
.swiper-button-prev.p-map__hospitality__swiper__prev,
.swiper-button-next.p-map__hospitality__swiper__next {
  width: 56px;
  margin-top: 0 !important;
  position: absolute;
  top: 0 !important;
  cursor: pointer;
  z-index: 11;
  -webkit-transition: opacity 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: opacity 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.swiper-button-prev.p-map__hospitality__swiper__prev::after,
.swiper-button-next.p-map__hospitality__swiper__next::after {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  width: 56px;
  height: 40px;
}
.swiper-button-prev.p-map__hospitality__swiper__prev:hover,
.swiper-button-next.p-map__hospitality__swiper__next:hover {
  opacity: 0.8;
}

.swiper-button-prev.p-map__hospitality__swiper__prev.swiper-button-disabled,
.swiper-button-next.p-map__hospitality__swiper__next.swiper-button-disabled {
  opacity: 0;
}

/* 前ページボタンのスタイル */
.swiper-button-prev.p-map__hospitality__swiper__prev {
  left: auto !important;
  right: 72px !important;
}
.swiper-button-prev.p-map__hospitality__swiper__prev::after {
  left: 0;
  background-image: url("/files/user/static/asset/images/special/2627/openinggame/arrow_prev.png");
}

/* 次ページボタンのスタイル */
.swiper-button-next.p-map__hospitality__swiper__next {
  right: 0 !important;
}
.swiper-button-next.p-map__hospitality__swiper__next::after {
  right: 0;
  background-image: url("/files/user/static/asset/images/special/2627/openinggame/arrow_next.png");
}

.swiper-button__arrow.p-map__hospitality__swiper__arrow {
  position: relative;
}

.swiper-pagination.p-apply__pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 1;
}
.swiper-pagination.p-apply__pagination .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination.p-apply__pagination .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 6px;
}
.swiper-pagination.p-apply__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #FFFFFF;
}

.p-floor__other {
  margin-top: 46px;
}

.p-floor__other__inner {
  margin-top: 34px;
}

.p-floor__other__list {
  color: #FFFFFF;
}
.p-floor__other__list strong {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.p-floor__other__list a {
  color: #209bea;
}
.p-floor__other__list u {
  text-decoration: underline;
}

.p-floor__other__list:not(:first-of-type) {
  margin-top: 30px;
}

.p-floor__sumamry {
  margin-top: 0;
  color: #FFFFFF;
}
.p-floor__sumamry p:not(:first-of-type) {
  margin-top: 3px;
}

.p-floor__btn {
  margin-top: 80px;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .p-sc.-map {
    margin-top: 31.467vw;
  }
  .p-sc.-map .p-sc__inner {
    padding: 0 6.4vw;
  }
  .p-map {
    margin-top: 5.867vw;
  }
  .p-floor__block:not(:first-of-type) {
    margin-top: 12.8vw;
  }
  .p-floor__item {
    margin-top: 6.667vw;
  }
  .p-floor__item.-kannai {
    padding: 0;
  }
  .p-floor__layout {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4vw;
  }
  .p-floor__figure {
    width: 100%;
  }
  .p-floor__figure.-fukuikenn {
    width: 100%;
  }
  .p-floor__figure.-aisin {
    width: 100%;
  }
  .p-floor__list li {
    padding-left: 9.067vw;
    font-size: 4vw;
  }
  .p-floor__list li::before {
    width: 6.933vw;
    height: 6.933vw;
    padding-top: 1.333vw;
    font-size: 5.3333333333vw;
  }
  .p-floor__list li:not(:first-of-type) {
    margin-top: 5.333vw;
  }
  .p-floor__facility__layout {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8.267vw;
  }
  .p-floor__facility__list {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5.333vw;
    margin-top: 6.933vw;
  }
  .p-floor__facility__list li {
    padding-left: 9.067vw;
    font-size: 3.7333333333vw;
  }
  .p-floor__facility__list li span {
    font-size: 3.2vw;
  }
  .p-floor__facility__list li::before {
    width: 6.933vw;
    height: 6.933vw;
    padding-top: 1.333vw;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    font-size: 5.3333333333vw;
  }
  /* ホスピタリティ */
  .p-map__hospitality {
    margin-top: 12.267vw;
  }
  .p-map__hospitality__swiper.swiper {
    margin-top: 9.333vw;
  }
  .swiper-slide.p-map__hospitality__item {
    width: 76.533vw;
    height: auto;
    padding: 6.133vw 6.4vw 6.4vw;
  }
  .p-map__hospitality__ttl {
    min-height: 14.4vw;
  }
  .p-map__hospitality__photo {
    margin-top: 6.133vw;
  }
  .p-map__hospitality__summary {
    margin-top: 6.133vw;
  }
  /* swiper
  **********************/
  .swiper-button-prev.p-map__hospitality__swiper__prev,
  .swiper-button-next.p-map__hospitality__swiper__next {
    width: 14.933vw;
  }
  .swiper-button-prev.p-map__hospitality__swiper__prev::after,
  .swiper-button-next.p-map__hospitality__swiper__next::after {
    width: 14.933vw;
    height: 10.667vw;
  }
  /* 前ページボタンのスタイル */
  .swiper-button-prev.p-map__hospitality__swiper__prev {
    right: 72px !important;
  }
  .p-floor__other {
    margin-top: 12.267vw;
  }
  .p-floor__other__inner {
    margin-top: 9.067vw;
  }
  .p-floor__other__list:not(:first-of-type) {
    margin-top: 9.067vw;
  }
  .p-floor__sumamry p:not(:first-of-type) {
    margin-top: 0.267vw;
  }
  .p-floor__btn {
    margin-top: 21.333vw;
  }
}
/* ================================================

- アクセス

================================================ */
.p-sc.-access {
  margin-top: 192px;
  padding-bottom: 150px;
}

.p-access {
  margin-top: 30px;
}

.p-access__layout {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start;
  gap: 32px;
}

.p-access__layout:not(:first-of-type) {
  gap: 32px;
  margin-top: 60px;
}

.p-access__iframe {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 560px;
  clip-path: inset(0 0 round 16px 16px 16px 16px);
}
.p-access__iframe iframe {
  width: 100%;
  aspect-ratio: 560/535;
}

.p-access__detail {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}

.p-access__detail__address dt {
  color: #FFFFFF;
}
.p-access__detail__address dd {
  margin-top: 15px;
  color: #BFCCDE;
}

.p-access__detail__block {
  margin-top: 24px;
  padding: 24px 24px 24px;
  background-color: #131C36;
  border-radius: 8px;
}

.p-access__detail__block + .p-access__detail__block {
  margin-top: 24px;
}

.p-access__detail__list dt {
  color: #FFFFFF;
}
.p-access__detail__list dd {
  margin-top: 4px;
  color: #BFCCDE;
}

.p-access__bus {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}

.p-access__bus__ttl {
  color: #FFFFFF;
}

.p-access__bus__list {
  margin-top: 16px;
  color: #FFFFFF;
}
.p-access__bus__list dd {
  margin-top: 7px;
}
.p-access__bus__list dd .m-indent--kome {
  margin-top: 9px;
}
.p-access__bus__list a {
  color: #209BEA;
}

.p-access__bus__list + .p-access__bus__list {
  margin-top: 16px;
}

.p-access__bus__btn {
  margin-top: 13px;
}

.p-access__parking {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 680px;
}

.p-access__parking__ttl {
  color: #FFFFFF;
}

.p-access__parking__map {
  margin-top: 13px;
}

.p-access__parking__summary {
  margin-top: 11px;
  color: #BFCCDE;
}

.p-access__parking__btn {
  margin-top: 13px;
}

.p-access__note {
  margin-top: 64px;
  padding: 64px 64px 64px;
  background-color: #131C36;
}
.p-access__note p {
  color: #FFFFFF;
}
.p-access__note p:not(:first-of-type) {
  margin-top: 30px;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .p-sc.-access {
    margin-top: 31.733vw;
    padding-bottom: 14.667vw;
  }
  .p-sc.-access .p-sc__inner {
    padding: 0 6.4vw;
  }
  .p-access {
    margin-top: 6.4vw;
  }
  .p-access__layout {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
  .p-access__layout:not(:first-of-type) {
    gap: 6.933vw;
    margin-top: 6.4vw;
  }
  .p-access__iframe {
    width: 100%;
    margin-top: 6.4vw;
    clip-path: inset(0 0 round 0 0 0 0);
  }
  .p-access__iframe iframe {
    width: 100%;
    aspect-ratio: 327/319;
  }
  .p-access__detail {
    width: 100%;
  }
  .p-access__detail__address dd {
    margin-top: 2.133vw;
  }
  .p-access__detail__block {
    margin-top: 6.4vw;
    padding: 5.867vw 6.4vw 6.4vw;
  }
  .p-access__detail__block + .p-access__detail__block {
    margin-top: 6.4vw;
  }
  .p-access__detail__list dt.m-fz18-150 {
    font-size: 3.7333333333vw;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    line-height: 175%;
    letter-spacing: 0.02em;
  }
  .p-access__detail__list dd {
    margin-top: 1.6vw;
  }
  .p-access__bus__list {
    margin-top: 4.267vw;
  }
  .p-access__bus__list dd {
    margin-top: 1.867vw;
  }
  .p-access__bus__list dd .m-indent--kome {
    margin-top: 2.4vw;
  }
  .p-access__bus__list + .p-access__bus__list {
    margin-top: 4.267vw;
  }
  .p-access__bus__btn {
    margin-top: 3.467vw;
  }
  .p-access__parking {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 100%;
  }
  .p-access__parking__map {
    margin-top: 3.467vw;
  }
  .p-access__parking__summary {
    margin-top: 2.933vw;
  }
  .p-access__parking__btn {
    margin-top: 3.467vw;
  }
  .p-access__note {
    margin-top: 6.4vw;
    padding: 6.4vw 6.4vw 6.4vw;
  }
  .p-access__note p:not(:first-of-type) {
    margin-top: 8vw;
  }
}
/* ================================================

- Apply

================================================ */
.p-sc.-apply {
  padding: 190px 0 150px;
  position: relative;
}
.p-sc.-apply::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url("/files/user/static/asset/images/special/2627/openinggame/apply_deco.jpg");
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat;
  width: 1440px;
  height: 746px;
  width: 100vw;
  height: 51.806vw;
  z-index: -1;
}
.p-apply {
  margin-top: 33px;
}

.p-apply__inner {
  width: 590px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.p-apply__swiper.swiper {
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(31, 42, 99, 0.2)), to(rgba(240, 240, 240, 0.2)));
  background: linear-gradient(180deg, rgba(31, 42, 99, 0.2) 0%, rgba(240, 240, 240, 0.2) 100%);
  border: 1px solid rgba(31, 42, 99, 0.2);
  border-radius: 32px;
}

.swiper-slide.p-apply__item {
  width: 100%;
  height: auto;
  padding: 67px 18px 64px;
  z-index: 1;
  cursor: -webkit-grab;
  cursor: grab;
  position: relative;
}

.p-apply__item__ttl {
  text-align: center;
}
.p-apply__item__ttl p.-step {
  font-size: 1.125rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
  color: #FFFFFF;
}
.p-apply__item__ttl p.-txt {
  margin-top: 14px;
  font-size: 1.5rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  line-height: 150%;
  letter-spacing: 4%;
  color: #76D4FF;
}

.p-apply__item__phone {
  width: 238px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
}
.p-apply__item__phone img {
  -webkit-filter: drop-shadow(260px 52px 260px rgba(9, 20, 50, 0.15));
          filter: drop-shadow(260px 52px 260px rgba(9, 20, 50, 0.15));
}

.p-apply__item__summary {
  margin-top: 25px;
  text-align: center;
}
.p-apply__item__summary p {
  font-size: 1.125rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  line-height: 150%;
  letter-spacing: 4%;
  color: #FFFFFF;
  text-shadow: 3px 3px 40px rgba(8, 110, 180, 0.7);
}
.p-apply__item__summary p a {
  color: #FFFFFF;
  text-decoration: underline;
}

/* swiper
**********************/
.swiper-button-prev.p-apply__swiper__prev svg,
.swiper-button-next.p-apply__swiper__next svg {
  display: none;
}
.swiper-button-prev.p-apply__swiper__prev,
.swiper-button-next.p-apply__swiper__next {
  width: 97px;
  margin-top: 0 !important;
  position: absolute;
  top: auto !important;
  bottom: 360px !important;
  cursor: pointer;
  z-index: 11;
  -webkit-transition: opacity 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: opacity 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.swiper-button-prev.p-apply__swiper__prev::after,
.swiper-button-next.p-apply__swiper__next::after {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  width: 97px;
  height: 57px;
}
.swiper-button-prev.p-apply__swiper__prev:hover,
.swiper-button-next.p-apply__swiper__next:hover {
  opacity: 0.8;
}

.swiper-button-prev.p-apply__swiper__prev.swiper-button-disabled,
.swiper-button-next.p-apply__swiper__next.swiper-button-disabled {
  opacity: 0;
}

/* 前ページボタンのスタイル */
.swiper-button-prev.p-apply__swiper__prev {
  left: 62px !important;
}
.swiper-button-prev.p-apply__swiper__prev::after {
  left: 0;
  background-image: url("/files/user/static/asset/images/special/2627/openinggame/arrow_prev2.png");
}

/* 次ページボタンのスタイル */
.swiper-button-next.p-apply__swiper__next {
  right: 62px !important;
}
.swiper-button-next.p-apply__swiper__next::after {
  right: 0;
  background-image: url("/files/user/static/asset/images/special/2627/openinggame/arrow_next2.png");
}

.swiper-button__arrow.p-apply__swiper__arrow {
  position: relative;
}

.swiper-pagination.p-apply__pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 1;
}
.swiper-pagination.p-apply__pagination .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination.p-apply__pagination .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 6px;
}
.swiper-pagination.p-apply__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #FFFFFF;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .p-sc.-apply {
    padding: 31.5vw 0 14.667vw;
    position: relative;
  }
  .p-sc.-apply::before {
    bottom: 0;
    background-image: url("/files/user/static/asset/images/special/2627/openinggame/apply_deco_sp.jpg");
    background-position: bottom center;
    width: 100vw;
    height: 52.133vw;
  }
  .p-sc.-apply .p-sc__inner {
    padding: 0 6.4vw;
  }
  .p-apply {
    margin-top: 7.2vw;
  }
  .p-apply__inner {
    width: 100%;
  }
  .p-apply__swiper.swiper {
    border-radius: 8.533vw;
  }
  .swiper-slide.p-apply__item {
    padding: 6.667vw 4.8vw 22.8vw;
  }
  .p-apply__item__ttl p.-step {
    font-size: 3.7333333333vw;
  }
  .p-apply__item__ttl p.-txt {
    margin-top: 4vw;
    font-size: 4.8vw;
    line-height: 140%;
  }
  .p-apply__item__phone {
    width: 55.733vw;
    margin-top: 3.2vw;
  }
  .p-apply__item__summary {
    margin-top: 5.333vw;
  }
  .p-apply__item__summary p {
    font-size: 4vw;
    line-height: 140%;
    text-shadow: 3px 3px 40px rgba(8, 110, 180, 0.7);
  }
  /* swiper
  **********************/
  .swiper-button-prev.p-apply__swiper__prev,
  .swiper-button-next.p-apply__swiper__next {
    width: 21.6vw;
    bottom: 7.2vw !important;
  }
  .swiper-button-prev.p-apply__swiper__prev::after,
  .swiper-button-next.p-apply__swiper__next::after {
    width: 21.6vw;
    height: 12.8vw;
  }
  /* 前ページボタンのスタイル */
  .swiper-button-prev.p-apply__swiper__prev {
    left: 19.733vw !important;
  }
  /* 次ページボタンのスタイル */
  .swiper-button-next.p-apply__swiper__next {
    right: 19.733vw !important;
  }
}
/* ================================================

- ヘッダー

================================================ */
.p-footer {
  padding: 43px 0 40px;
  background-color: #000000;
}

.p-footer__inner {
  padding: 0 65px;
}

.p-footer__layout {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  gap: 22px;
}

.p-footer__logo {
  width: 50px;
}
.p-footer__logo a {
  display: block;
}

.p-footer__nav__list {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  gap: 24px;
}

.p-footer__nav__item a {
  display: block;
  font-size: 1rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #FFFFFF;
  -webkit-font-feature-settings: "palt" !important;
          font-feature-settings: "palt" !important;
}

.p-footer__copyright {
  margin-top: 65px;
  text-align: right;
}
.p-footer__copyright small {
  font-size: 0.75rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: #808080;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .p-footer {
    padding: 11.2vw 0 10.667vw;
  }
  .p-footer__inner {
    padding: 0 6.4vw;
  }
  .p-footer__layout {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
    gap: 8.533vw;
  }
  .p-footer__logo {
    width: 19.467vw;
  }
  .p-footer__nav__list {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4vw;
  }
  .p-footer__nav__item a {
    font-size: 3.4666666667vw;
  }
  .p-footer__copyright {
    margin-top: 8.533vw;
    text-align: left;
  }
  .p-footer__copyright small {
    font-size: 2.6666666667vw;
  }
}
/* ================================================

- ヘッダー

================================================ */
.p-header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in, bottom 0.3s ease-in;
  transition: opacity 0.3s ease-in, bottom 0.3s ease-in;
  z-index: 10;
}

/*--- media screen ---*/
/* ================================================

- ナビゲーション

================================================ */
.p-nav {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 0;
  left: -30px;
  right: 0;
  bottom: 0;
  inset: 0;
  z-index: 11;
  max-width: 100%;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  height: 100svh;
  padding: 90px 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: left 0.3s ease-in-out, visibility 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition: left 0.3s ease-in-out, visibility 0.3s ease-in-out, opacity 0.3s ease-in-out;
  background-image: url("/files/user/static/asset/images/special/2526/rising/page_bg.jpg");
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
}

.p-nav.-active {
  left: 0;
  visibility: visible;
  opacity: 1;
}

.p-nav__inner {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}

.p-nav__list {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 90px;
}

.p-nav__item {
  padding-top: 23px;
  position: relative;
}
.p-nav__item span {
  display: block;
  color: #fffee3;
  text-align: center;
  text-shadow: 0px 0px 7px rgba(245, 242, 175, 0.8);
}
.p-nav__item span.-en {
  font-size: 2rem;
  line-height: 1.118;
  letter-spacing: 0.12em;
  font-family: "Michroma", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.p-nav__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  background-color: #fffee3;
  border-radius: calc(infinity * 1px);
  width: 88px;
  height: 6px;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .p-nav {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 0;
    left: -30px;
    z-index: 11;
    width: 100%;
    height: 100vh;
    height: 100dvh;
    height: 100svh;
    padding: 23.077vw 0;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: left 0.3s ease-in-out, visibility 0.3s ease-in-out, opacity 0.3s ease-in-out;
    transition: left 0.3s ease-in-out, visibility 0.3s ease-in-out, opacity 0.3s ease-in-out;
  }
  .p-nav.-active {
    left: 0;
    visibility: visible;
    opacity: 1;
  }
  .p-nav__inner {
    padding: 0 5.333vw;
  }
  .p-nav__list {
    gap: 19vw;
  }
  .p-nav__item {
    padding-top: 4.897vw;
  }
  .p-nav__item span {
    text-shadow: 0px 0px 1.795vw 0px rgba(245, 242, 175, 0.8);
  }
  .p-nav__item span.-en {
    font-size: 5.3333333333vw;
    line-height: 1.4;
    letter-spacing: 0.12em;
  }
  .p-nav__item::before {
    width: 9.231vw;
    height: 0.769vw;
  }
}
/* ================================================

- ハンバーガーボタン

================================================ */
.p-hamburgerBtn {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  min-height: 80px;
  cursor: pointer;
  background-color: transparent;
  z-index: 11;
}
.p-hamburgerBtn .p-hamburgerBtn__line {
  position: relative;
  width: 35px;
  height: 25px;
}
.p-hamburgerBtn .p-hamburgerBtn__line span {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 2px;
  background-color: #FFFFFF;
  -webkit-transition: all 0.2s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 0.2s cubic-bezier(0.77, 0, 0.175, 1);
}
.p-hamburgerBtn .p-hamburgerBtn__line span::before,
.p-hamburgerBtn .p-hamburgerBtn__line span::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  -webkit-transition: inherit;
  transition: inherit;
}
.p-hamburgerBtn .p-hamburgerBtn__line span::before {
  top: -8px;
}
.p-hamburgerBtn .p-hamburgerBtn__line span::after {
  top: 8px;
}

.p-hamburgerBtn.-active .p-hamburgerBtn__line span {
  background-color: transparent;
}
.p-hamburgerBtn.-active .p-hamburgerBtn__line span::before,
.p-hamburgerBtn.-active .p-hamburgerBtn__line span::after {
  top: 0;
  background-color: #FFFFFF;
}
.p-hamburgerBtn.-active .p-hamburgerBtn__line span::before {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
.p-hamburgerBtn.-active .p-hamburgerBtn__line span::after {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

.p-hamburgerBtn.-hide {
  display: none;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .p-hamburgerBtn {
    top: 0;
    right: 0;
    width: 14.359vw;
    min-height: 14.359vw;
  }
  .p-hamburgerBtn .p-hamburgerBtn__line {
    width: 6.731vw;
    height: 4.808vw;
  }
  .p-hamburgerBtn .p-hamburgerBtn__line span::before {
    top: -2.051vw;
  }
  .p-hamburgerBtn .p-hamburgerBtn__line span::after {
    top: 2.051vw;
  }
  .p-hamburgerBtn.-hide {
    display: none;
  }
}
/* ================================================

- フロートボタン

================================================ */
.p-floatBanner {
  position: fixed;
  right: 0;
  top: 41.667vw;
  -webkit-transition: opacity 0.3s ease-in, bottom 0.3s ease-in;
  transition: opacity 0.3s ease-in, bottom 0.3s ease-in;
  z-index: 2;
  display: none;
}

.p-floatBanner.-active {
  display: block;
  -webkit-animation: appear 0.3s ease-in;
          animation: appear 0.3s ease-in;
}

@-webkit-keyframes appear {
  0% {
    opacity: 0;
  }
  99.9%, to {
    opacity: 1;
  }
}

@keyframes appear {
  0% {
    opacity: 0;
  }
  99.9%, to {
    opacity: 1;
  }
}
.p-floatBanner__btn a {
  display: block;
  width: 258px;
  padding: 24px 32px;
  background-color: #B21920;
  border-radius: 16px 0px 0px 16px;
}
.p-floatBanner__btn a span {
  font-size: 1.25rem;
  line-height: 120%;
  letter-spacing: 0.04em;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #FFFFFF;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .p-floatBanner {
    right: 0;
    top: 136vw;
  }
  .p-floatBanner__btn a {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    width: 15vw;
    min-height: 49.867vw;
    padding: 0;
    border-radius: 16px 0px 0px 16px;
  }
  .p-floatBanner__btn a span {
    font-size: 3.4666666667vw;
    letter-spacing: 0.25em;
    line-height: 120%;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
  }
}
/* ================================================

- @hover

================================================ */
@media (hover: hover) {
  .p-news__item a:-moz-any-link:hover, .p-fanclub__banner a:-moz-any-link:hover, .p-footer__nav__item a:-moz-any-link:hover, .p-footer__logo a:-moz-any-link:hover, .p-btn a:-moz-any-link:hover, .p-mv__emblem a:-moz-any-link:hover, .p-floatBanner__btn a:-moz-any-link:hover {
    opacity: 0.7;
  }
  .p-news__item a:any-link:hover,
  .p-fanclub__banner a:any-link:hover,
  .p-footer__nav__item a:any-link:hover,
  .p-footer__logo a:any-link:hover,
  .p-btn a:any-link:hover,
  .p-mv__emblem a:any-link:hover,
  .p-floatBanner__btn a:any-link:hover {
    opacity: 0.7;
  }
}
.p-news__item a,
.p-fanclub__banner a,
.p-footer__nav__item a,
.p-footer__logo a,
.p-mv__emblem a,
.p-floatBanner__btn a,
.p-btn a {
  -webkit-transition: opacity 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: opacity 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}