@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&display=swap");
html {
  scroll-behavior: smooth;
}

:root {
  --base-font: 500 16px/1.5 Noto Sans JP, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
  --base__ltter-spcng: 0.72px;
}
@media screen and (min-width: 840px) {
  :root {
    --base-font: 500 24px/1.5 Noto Sans JP, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
  }
}

:root {
  --jp__h1: 600 16px/1.25 Noto Sans JP, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
  --jp__h2: 600 16px/1.25 Noto Sans JP, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
  --jp__p1: 500 14px/1.65 Noto Sans JP, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
  --jp__p2: 500 12px/1.65 Noto Sans JP, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
  --jp__p3: 500 10px/1.65 Noto Sans JP, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
  --jp__p4: 500 8px/1 Noto Sans JP, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
  --jp__bttn: 500 15px/1 Noto Sans JP, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
}
@media screen and (min-width: 840px) {
  :root {
    --jp__h1: 600 24px/1.25 Noto Sans JP, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
    --jp__h2: 600 18px/1.25 Noto Sans JP, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
  }
}
@media screen and (min-width: 840px) {
  :root {
    --jp__p1: 500 16px/1.65 Noto Sans JP, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
    --jp__p2: 500 14px/1.65 Noto Sans JP, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
    --jp__p3: 500 12px/1.65 Noto Sans JP, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
  }
}
@media screen and (min-width: 840px) {
  :root {
    --jp__bttn: 500 18px/1 Noto Sans JP, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
  }
}

:root {
  --en__h1: 600 32px/.8 alternate-gothic-atf, sans-serif;
  --en__h2: 600 28px/.8 alternate-gothic-atf, sans-serif;
  --en__h3: 600 24px/.8 alternate-gothic-atf, sans-serif;
  --en__h4: 600 18px/.8 alternate-gothic-atf, sans-serif;
  --en__p1: 600 16px/.8 alternate-gothic-atf, sans-serif;
  --en__p2: 600 12px/.8 alternate-gothic-atf, sans-serif;
  --en__bttn: 600 18px/.8 alternate-gothic-atf, sans-serif;
}
@media screen and (min-width: 840px) {
  :root {
    --en__h1: 600 64px/.8 alternate-gothic-atf, sans-serif;
    --en__h2: 600 40px/.8 alternate-gothic-atf, sans-serif;
    --en__h3: 600 32px/.8 alternate-gothic-atf, sans-serif;
    --en__h4: 600 24px/.8 alternate-gothic-atf, sans-serif;
  }
}
@media screen and (min-width: 840px) {
  :root {
    --en__p1: 600 20px/.8 alternate-gothic-atf, sans-serif;
    --en__p2: 600 16px/.8 alternate-gothic-atf, sans-serif;
  }
}
@media screen and (min-width: 840px) {
  :root {
    --en__bttn: 600 20px/.8 alternate-gothic-atf, sans-serif;
  }
}

:root {
  --z-index__altiri-section: 1;
  --z-index__event-overlay: 2;
  --z-index__event-fade: 3;
  --z-index__event-icon: 4;
}

:root {
  --space-width__common: 24px;
  --space-height__section: 3em;
  --space-height__section--minus: -3em;
  --space-height__division: 4em;
  --gap__game--division: 2.5em;
  --gap__game--cntnts: 2em;
  --gap__game--sub-section: 1.5em;
  --gap__game--cntnts-division: .5em;
  --gap__seat--desc: 24px;
  --gap__fr--cntnts: 2em;
  --gap__sec--cntnts: 1em;
  --gap__thrd--cntnts: .5em;
  --gap__frth--cntnts: .25em;
}
@media screen and (min-width: 840px) {
  :root {
    --space-height__section: 1.5em;
    --space-height__section--minus: -1.5em;
    --space-height__division: 2em;
  }
}
@media screen and (min-width: 840px) {
  :root {
    --gap__game--division: 3.5em;
    --gap__seat--desc: 40px;
  }
}

:root {
  --jp__h1--overlay: 600 14px/1.25 Noto Sans JP, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
  --jp__p1--overlay: 500 12px/1.65 Noto Sans JP, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
  --jp__p2--overlay: 500 11px/1.65 Noto Sans JP, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
  --jp__bttn--all-access: 500 14px/1 Noto Sans JP, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
  --height__game-all-acess-bttn: 56px;
  --height__game-scroll-bar: 6px;
  --padding__seat-ttl: 14px 12px;
  --padding__info-slider: 12px 0px;
}
@media screen and (min-width: 840px) {
  :root {
    --jp__h1--overlay: 600 24px/1.25 Noto Sans JP, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
  }
}
@media screen and (min-width: 840px) {
  :root {
    --jp__p1--overlay: 500 16px/1.65 Noto Sans JP, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
    --jp__p2--overlay: 500 14px/1.65 Noto Sans JP, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
  }
}
@media screen and (min-width: 840px) {
  :root {
    --jp__bttn--all-access: 500 15px/1 Noto Sans JP, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
  }
}
@media screen and (min-width: 840px) {
  :root {
    --height__game-scroll-bar: 7px;
  }
}
@media screen and (min-width: 840px) {
  :root {
    --padding__seat-ttl: 16px 56px;
  }
}

:root {
  --max-width__game-section: 1200px;
  --max-width__game-division: 800px;
}

.altiri-section {
  position: relative;
  padding-top: 64px;
  z-index: var(--z-index__altiri-section);
  width: 100%;
  font: var(--base-font);
}
.altiri-section img {
  margin: initial;
}
.altiri-section a {
  text-decoration: none;
  color: #fff;
}
.altiri-section li {
  list-style: none;
  color: #fff;
}
.altiri-section label {
  cursor: pointer;
}
.altiri-section .gameFV {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background: #000;
}
.altiri-section .gameFV .info, .altiri-section .gameFV .intro {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: calc(100vh - 64px - 64px);
}
.altiri-section .gameFV .info .kv {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 1512px;
}
.altiri-section .gameFV .info .kv picture {
  display: flex;
  place-content: center;
}
.altiri-section .gameFV .info .kv__img {
  width: auto;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}
.altiri-section .gameFV .intro {
  position: relative;
}
.altiri-section .gameFV .intro .theme {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 100%;
}
.altiri-section .gameFV .intro .theme__common, .altiri-section .gameFV .intro .theme__desktop, .altiri-section .gameFV .intro .theme__mobile {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.altiri-section .gameFV .intro .theme__common {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}
.altiri-section .gameFV .intro .theme__desktop {
  display: none;
  max-width: 1512px;
}
@media screen and (min-width: 840px) {
  .altiri-section .gameFV .intro .theme__desktop {
    display: initial;
  }
}
@media screen and (min-width: 840px) {
  .altiri-section .gameFV .intro .theme__mobile {
    display: none;
  }
}
.altiri-section .gameFV .intro .theme__background {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0.24;
  margin: -20px;
  filter: blur(20px);
}
.altiri-section .gameFV .intro .theme__background--desktop, .altiri-section .gameFV .intro .theme__background--mobile {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}
.altiri-section .gameFV .intro .theme__background--desktop {
  display: none;
}
@media screen and (min-width: 840px) {
  .altiri-section .gameFV .intro .theme__background--desktop {
    display: initial;
  }
}
@media screen and (min-width: 840px) {
  .altiri-section .gameFV .intro .theme__background--mobile {
    display: none;
  }
}
.altiri-section .gameFV .intro .background__base {
  height: 500px;
  background: rgb(3, 11, 28);
}
@media screen and (min-width: 840px) {
  .altiri-section .gameFV .intro .background__base {
    height: 850px;
  }
}
.altiri-section .gameFV .intro .background__base .contents__details--txt {
  text-align: center !important;
}
.altiri-section .gameFV .intro .txt-center {
  font: var(--jp__p2);
  width: 100%;
  text-align: center;
  line-break: strict;
  word-break: break-all;
  overflow-wrap: break-word;
  margin-bottom: 30px;
}
.altiri-section .gameFV .intro .contents {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  gap: 1em;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.4);
}
@media screen and (min-width: 840px) {
  .altiri-section .gameFV .intro .contents {
    gap: 1.5em;
  }
}
.altiri-section .gameFV .intro .contents__ttl {
  z-index: 1;
  font: var(--en__h2);
  text-transform: uppercase;
}
.altiri-section .gameFV .intro .contents::after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: url(/v=/files/user/images/game/25-26/fv/dot.webp) repeat 0 0;
}
.altiri-section .gameFV .intro .contents__details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.5em;
  z-index: 1;
  max-width: var(--max-width__game-division);
  padding: 0 var(--space-width__common);
  box-sizing: border-box;
}
@media screen and (min-width: 840px) {
  .altiri-section .gameFV .intro .contents__details {
    gap: 0.6em;
  }
}
.altiri-section .gameFV .intro .contents__details--txt {
  font: var(--jp__p2);
  width: 100%;
  text-align: justify;
  line-break: strict;
  word-break: break-all;
  overflow-wrap: break-word;
  text-align: center;
}
.altiri-section .gameFV .intro .theme.background__base + .contents {
  background: rgb(3, 11, 28);
}
.altiri-section .gameFV .slider {
  display: flex;
  position: sticky;
  bottom: 0;
  height: 64px;
  width: 100%;
  gap: 56px;
  background: #000;
  overflow: hidden;
  z-index: 1;
}
@media screen and (min-width: 840px) {
  .altiri-section .gameFV .slider {
    gap: 96px;
  }
}
.altiri-section .gameFV .slider__contents {
  display: flex;
  align-items: center;
  gap: 56px;
  animation: scroll-left 10s infinite linear 0.5s both;
}
@media screen and (min-width: 840px) {
  .altiri-section .gameFV .slider__contents {
    gap: 96px;
  }
}
.altiri-section .gameFV .slider__contents .logo {
  display: flex;
  align-items: center;
  height: 18px;
}
@media screen and (min-width: 840px) {
  .altiri-section .gameFV .slider__contents .logo {
    height: 21.5px;
  }
}
.altiri-section .gameFV .slider__contents .logo img {
  max-width: initial;
}
.altiri-section .gameFV .slider__contents .logo__img {
  display: block;
  width: auto;
  height: 100%;
}
.altiri-section .gameFV .slider__contents .logo .scale-95 {
  height: 95%;
}
.altiri-section .gameFV .slider__contents .logo .scale-110 {
  height: 110%;
}
.altiri-section .gameFV .slider__contents .logo .scale-130 {
  height: 130%;
}
.altiri-section .gameFV .slider__contents .logo .scale-190 {
  height: 190%;
}
.altiri-section .gameFV .slider__contents .logo .scale-300 {
  height: 300%;
}
@keyframes scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
.altiri-section main {
  width: initial;
  max-width: initial;
  margin: initial;
  color: #fff;
}
.altiri-section main .gameSection {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #030B1C;
  box-sizing: border-box;
}
@media screen and (min-width: 840px) {
  .altiri-section main .gameSection {
    padding: var(--space-height__section) 0;
  }
}
.altiri-section main .gameSection__division {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--gap__game--cntnts);
  padding: var(--space-height__division) 0;
  box-sizing: border-box;
}
.altiri-section main .gameSection__division--hdln1 {
  font: var(--en__h1);
  letter-spacing: -0.01em;
  text-transform: uppercase;
  text-align: center;
}
.altiri-section main .gameSection__division--hdln2 {
  font: var(--en__h2);
  letter-spacing: -0.01em;
  text-transform: uppercase;
  text-align: justify;
  width: calc(100% - var(--space-width__common) * 2);
  max-width: var(--max-width__game-section);
}
.altiri-section main .gameSection__division--cntnts {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap__game--cntnts);
  width: calc(100% - var(--space-width__common) * 2);
  max-width: var(--max-width__game-section);
}
.altiri-section main .gameSection__division--bttn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1em 0.5em;
  border: 1px solid #fff;
  box-sizing: border-box;
  font: var(--jp__bttn);
  width: 100%;
}
@media screen and (min-width: 840px) {
  .altiri-section main .gameSection__division--bttn {
    width: calc((100% - 0.6em) / 2);
  }
}
.altiri-section main .gameSection__division--bttn:hover {
  background: #fff;
  color: #030B1C;
  transition: all 0.3s ease;
}
.altiri-section main .gameSection .find-your-fun__section {
  display: flex;
  flex-direction: column;
  gap: var(--gap__game--cntnts);
  width: 100%;
  max-width: var(--max-width__game-section);
}
.altiri-section main .gameSection .find-your-fun__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  width: 100%;
  max-width: var(--max-width__game-division);
  padding: 0 var(--space-width__common);
  box-sizing: border-box;
}
.altiri-section main .gameSection .find-your-fun__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25em;
  padding: 0.625em 0.75em;
  box-sizing: border-box;
  text-decoration: none;
  background: #fff;
  color: #030B1C;
}
.altiri-section main .gameSection .find-your-fun__item:hover {
  opacity: 0.4;
  transition: all 0.3s ease;
}
.altiri-section main .gameSection .find-your-fun__icon {
  width: 29px;
  height: 29px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 840px) {
  .altiri-section main .gameSection .find-your-fun__icon {
    width: 48px;
    height: 48px;
  }
}
.altiri-section main .gameSection .find-your-fun__icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.altiri-section main .gameSection .find-your-fun__text {
  font: var(--en__p1);
  text-transform: uppercase;
  text-align: center;
  line-height: 1.35;
}
.altiri-section main .gameSection .info-slider {
  position: relative;
  overflow: hidden;
  width: 100vw;
  height: auto;
  background: #1A2030;
  padding: var(--padding__info-slider);
  margin-top: var(--space-height__division);
  margin-bottom: var(--space-height__section--minus);
  box-sizing: border-box;
}
.altiri-section main .gameSection .info-slider__container {
  display: flex;
  animation: slide 12s linear infinite;
}
@media screen and (min-width: 840px) {
  .altiri-section main .gameSection .info-slider__container {
    animation: slide 25s linear infinite;
  }
}
@keyframes slide {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-200%);
  }
}
.altiri-section main .gameSection .info-slider__container--txt {
  white-space: nowrap;
  flex: 0 0 100%;
  font: var(--jp__h2);
  padding-right: 20px;
}
.altiri-section main .gameSection .event {
  overflow-x: clip;
}
.altiri-section main .gameSection .event__section {
  display: flex;
  flex-wrap: wrap;
  flex-direction: initial;
  align-items: flex-start;
  gap: var(--gap__game--cntnts) var(--gap__game--cntnts-division);
}
.altiri-section main .gameSection .event__section .tile {
  display: flex;
  flex-direction: column-reverse;
  position: relative;
  gap: var(--gap__game--cntnts-division);
  width: calc((100% - var(--gap__game--cntnts-division)) / 2);
}
@media screen and (min-width: 840px) {
  .altiri-section main .gameSection .event__section .tile {
    width: calc((100% - var(--gap__game--cntnts-division) * 3) / 4);
  }
}
.altiri-section main .gameSection .event__section .tile__ttl {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
.altiri-section main .gameSection .event__section .tile__ttl h2 {
  font: var(--en__h2);
  text-transform: uppercase;
}
.altiri-section main .gameSection .event__section .tile .cover {
  position: relative;
  cursor: pointer;
}
.altiri-section main .gameSection .event__section .tile .cover__tggl {
  display: none;
}
.altiri-section main .gameSection .event__section .tile .cover__tggl:checked ~ .overlay {
  display: flex;
}
.altiri-section main .gameSection .event__section .tile .cover__tggl:checked + .cover__icon {
  pointer-events: none;
  cursor: default;
}
.altiri-section main .gameSection .event__section .tile .cover__tggl:checked + .cover__icon img {
  transform: rotate(45deg);
  transition: all 0.3s ease;
  pointer-events: auto;
  cursor: pointer;
}
.altiri-section main .gameSection .event__section .tile .cover__icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--z-index__event-icon);
}
.altiri-section main .gameSection .event__section .tile .cover__icon img {
  position: absolute;
  bottom: 4%;
  right: 8%;
  z-index: 1;
  width: 12%;
  background: #fff;
  border-radius: 50%;
}
@media screen and (min-width: 840px) {
  .altiri-section main .gameSection .event__section .tile .cover__icon img {
    width: 10%;
  }
}
.altiri-section main .gameSection .event__section .tile .cover .overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1A2030;
  z-index: var(--z-index__event-overlay);
  cursor: auto;
}
.altiri-section main .gameSection .event__section .tile .cover .overlay::after {
  content: "";
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(26, 32, 48, 0) 60%, #1a2030 90%);
  z-index: var(--z-index__event-fade);
  pointer-events: none;
}
.altiri-section main .gameSection .event__section .tile .cover .overlay__contents {
  display: flex;
  flex-direction: column;
  overflow-x: scroll;
  width: 100%;
  height: 100%;
  padding: 0.75em 0.6em 22% 0.6em;
  box-sizing: border-box;
  gap: var(--gap__game--cntnts-division);
}
@media screen and (min-width: 840px) {
  .altiri-section main .gameSection .event__section .tile .cover .overlay__contents {
    padding: 0.75em 0.6em 20% 0.6em;
  }
}
.altiri-section main .gameSection .event__section .tile .cover .overlay h3 {
  font: var(--jp__h1--overlay);
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.altiri-section main .gameSection .event__section .tile .cover .overlay__passage {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  font: var(--jp__p1--overlay);
}
.altiri-section main .gameSection .event__section .tile .cover .overlay__passage p, .altiri-section main .gameSection .event__section .tile .cover .overlay__passage a {
  text-align: justify;
  line-break: strict;
  word-break: break-all;
  overflow-wrap: break-word;
}
.altiri-section main .gameSection .event__section .tile .cover .overlay__passage a {
  color: #5C77FF;
  cursor: pointer;
}
.altiri-section main .gameSection .event__section .tile .cover .overlay__passage a:hover {
  transition: all 0.3s ease;
  opacity: 0.8;
  background: rgba(92, 119, 255, 0.04);
}
.altiri-section main .gameSection .event__section .tile .cover .overlay__passage--annotation {
  display: flex;
  flex-direction: column;
  gap: 0;
  font: var(--jp__p2--overlay);
}
.altiri-section main .gameSection .event__section .tile .cover .overlay__passage--annotation p, .altiri-section main .gameSection .event__section .tile .cover .overlay__passage--annotation a {
  text-align: justify;
  line-break: strict;
  word-break: break-all;
  overflow-wrap: break-word;
}
.altiri-section main .gameSection .event__section .tile .cover .overlay__passage--annotation p {
  display: flex;
  flex-wrap: nowrap;
  gap: 1px;
}
.altiri-section main .gameSection .event__section .tile .cover .overlay__passage--annotation p::before {
  content: "※";
}
.altiri-section main .gameSection .event__section .tile .cover .overlay__passage--annotation a {
  color: #5C77FF;
  cursor: pointer;
}
.altiri-section main .gameSection .event__section .tile .cover .overlay__passage--annotation a:hover {
  transition: all 0.3s ease;
  opacity: 0.8;
  background: rgba(92, 119, 255, 0.04);
}
.altiri-section main .gameSection .campaign {
  gap: var(--gap__game--sub-section);
  margin-top: var(--space-height__section);
  background: #000;
}
.altiri-section main .gameSection .campaign .list {
  display: flex;
  align-items: center;
  gap: 0;
}
.altiri-section main .gameSection .campaign .list__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5em;
  position: relative;
  padding: 1em 0.5em;
  width: 100%;
  box-sizing: border-box;
  cursor: pointer;
}
@media screen and (min-width: 840px) {
  .altiri-section main .gameSection .campaign .list__content {
    gap: 1em;
  }
}
.altiri-section main .gameSection .campaign .list__content:hover .list__content--ttl, .altiri-section main .gameSection .campaign .list__content:hover .list__content::after {
  opacity: 0.6;
  transition: all 0.3s ease;
}
.altiri-section main .gameSection .campaign .list__content--ttl {
  font: var(--jp__p2);
  text-align: justify;
  width: 100%;
}
@media screen and (min-width: 840px) {
  .altiri-section main .gameSection .campaign .list__content--ttl {
    width: var(--max-width__game-division);
  }
}
.altiri-section main .gameSection .campaign .list__content::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.24);
  position: absolute;
  top: 0;
  left: 0;
}
.altiri-section main .gameSection .campaign .list__content::after {
  content: "";
  display: inline-block;
  aspect-ratio: 1/1.62;
  width: 8px;
  height: auto;
  background: url("/files/user/images/game/25-26/icon/arrow.svg") no-repeat center/contain;
}
.altiri-section main .gameSection .campaign .list__content--no-link {
  cursor: default;
}
.altiri-section main .gameSection .campaign .list__content--no-link:hover .list__content--ttl {
  opacity: 1;
  transition: none;
}
.altiri-section main .gameSection .campaign .list__content--no-link::after {
  display: none;
}
.altiri-section main .gameSection .preview__section {
  display: flex;
  flex-wrap: wrap;
  flex-direction: initial;
  gap: var(--gap__game--cntnts-division);
  max-width: var(--max-width__game-division);
}
.altiri-section main .gameSection .preview__section--txt {
  font: var(--jp__p2);
  text-align: justify;
  line-break: strict;
  word-break: break-all;
  overflow-wrap: break-word;
}
.altiri-section main .gameSection .roster {
  gap: var(--gap__game--sub-section);
  background: #000;
  margin-top: var(--space-height__section);
}
.altiri-section main .gameSection .roster__section {
  align-items: flex-start;
  max-width: var(--max-width__game-section);
}
.altiri-section main .gameSection .roster__section--list {
  overflow-x: auto;
  white-space: nowrap;
  width: 100%;
  max-width: var(--max-width__game-section);
  padding-bottom: calc(var(--height__game-scroll-bar) + 0.25em);
  box-sizing: border-box;
}
@media screen and (min-width: 840px) {
  .altiri-section main .gameSection .roster__section--list {
    padding-bottom: calc(var(--height__game-scroll-bar) + 0.5em);
  }
}
.altiri-section main .gameSection .roster__section--list::-webkit-scrollbar {
  width: 100%;
  height: var(--height__game-scroll-bar);
}
.altiri-section main .gameSection .roster__section--list::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.2);
}
.altiri-section main .gameSection .roster__section--list::-webkit-scrollbar-thumb {
  cursor: pointer;
  background: #fff;
}
.altiri-section main .gameSection .roster__section--list::-webkit-scrollbar-thumb:hover {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: rgba(255, 255, 255, 0.8);
}
.altiri-section main .gameSection .roster__section--list .player {
  display: inline-block;
  width: 64%;
  margin-right: 0.5em;
  border: 1px solid #fff;
  box-sizing: border-box;
}
@media screen and (min-width: 840px) {
  .altiri-section main .gameSection .roster__section--list .player {
    width: 20%;
  }
}
.altiri-section main .gameSection .roster__section--list .player:last-of-type {
  margin-right: initial;
}
.altiri-section main .gameSection .roster__section--list .player .link .portrait {
  width: 100%;
}
.altiri-section main .gameSection .roster__section--list .player .link .content {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.75em;
  box-sizing: border-box;
  text-transform: uppercase;
  flex-wrap: wrap;
  gap: 16px;
  width: 100%;
}
.altiri-section main .gameSection .roster__section--list .player .link .content__num {
  width: auto;
  height: 1.5em;
}
.altiri-section main .gameSection .roster__section--list .player .link .content__info {
  display: flex;
  flex-direction: column;
  gap: 0.25em;
}
.altiri-section main .gameSection .roster__section--list .player .link .content__info--name {
  font: var(--en__p1);
}
.altiri-section main .gameSection .roster__section--list .player .link .content__info--pos {
  font: var(--en__p2);
}
.altiri-section main .gameSection .food .slider, .altiri-section main .gameSection .goods .slider {
  width: 100vw;
  max-height: calc(100vh - 64px);
  overflow: hidden;
  aspect-ratio: 16/9;
  position: relative;
}
.altiri-section main .gameSection .food .slider__slide, .altiri-section main .gameSection .goods .slider__slide {
  position: absolute;
  width: 100%;
  height: 100%;
  will-change: opacity, transform;
}
.altiri-section main .gameSection .food .slider__slide--name, .altiri-section main .gameSection .goods .slider__slide--name {
  position: absolute;
  font: var(--en__p1);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 3px;
  text-align: center;
  text-shadow: 0px 0px 24px #030B1C;
}
.altiri-section main .gameSection .food .slider__roll2, .altiri-section main .gameSection .goods .slider__roll2 {
  animation: image-switch-animation 10s infinite;
  z-index: 1;
  opacity: 0;
}
.altiri-section main .gameSection .food .slider__roll2:nth-of-type(1), .altiri-section main .gameSection .goods .slider__roll2:nth-of-type(1) {
  animation-delay: 0s;
}
.altiri-section main .gameSection .food .slider__roll2:nth-of-type(2), .altiri-section main .gameSection .goods .slider__roll2:nth-of-type(2) {
  animation-delay: 5s;
}
@keyframes image-switch-animation {
  0% {
    opacity: 0;
    z-index: 1;
  }
  10% {
    opacity: 1;
    z-index: 2;
  }
  25% {
    opacity: 1;
    z-index: 2;
  }
  75% {
    opacity: 1;
    z-index: 2;
  }
  90% {
    opacity: 0;
    z-index: 1;
  }
  100% {
    opacity: 0;
    z-index: 1;
  }
}
.altiri-section main .gameSection .food .slider__roll7, .altiri-section main .gameSection .goods .slider__roll7 {
  animation: image-switch-animation 35s infinite;
  z-index: 1;
  opacity: 0;
}
.altiri-section main .gameSection .food .slider__roll7:nth-of-type(1), .altiri-section main .gameSection .goods .slider__roll7:nth-of-type(1) {
  animation-delay: 0s;
}
.altiri-section main .gameSection .food .slider__roll7:nth-of-type(2), .altiri-section main .gameSection .goods .slider__roll7:nth-of-type(2) {
  animation-delay: 5s;
}
.altiri-section main .gameSection .food .slider__roll7:nth-of-type(3), .altiri-section main .gameSection .goods .slider__roll7:nth-of-type(3) {
  animation-delay: 10s;
}
.altiri-section main .gameSection .food .slider__roll7:nth-of-type(4), .altiri-section main .gameSection .goods .slider__roll7:nth-of-type(4) {
  animation-delay: 15s;
}
.altiri-section main .gameSection .food .slider__roll7:nth-of-type(5), .altiri-section main .gameSection .goods .slider__roll7:nth-of-type(5) {
  animation-delay: 20s;
}
.altiri-section main .gameSection .food .slider__roll7:nth-of-type(6), .altiri-section main .gameSection .goods .slider__roll7:nth-of-type(6) {
  animation-delay: 25s;
}
.altiri-section main .gameSection .food .slider__roll7:nth-of-type(7), .altiri-section main .gameSection .goods .slider__roll7:nth-of-type(7) {
  animation-delay: 30s;
}
.altiri-section main .gameSection .food .slider__roll7:nth-of-type(8), .altiri-section main .gameSection .goods .slider__roll7:nth-of-type(8) {
  animation-delay: 35s;
}
.altiri-section main .gameSection .food .slider__roll7:nth-of-type(9), .altiri-section main .gameSection .goods .slider__roll7:nth-of-type(9) {
  animation-delay: 40s;
}
.altiri-section main .gameSection .food .slider__roll7:nth-of-type(10), .altiri-section main .gameSection .goods .slider__roll7:nth-of-type(10) {
  animation-delay: 45s;
}
.altiri-section main .gameSection .food .slider__roll7:nth-of-type(11), .altiri-section main .gameSection .goods .slider__roll7:nth-of-type(11) {
  animation-delay: 50s;
}
.altiri-section main .gameSection .food .slider__roll7:nth-of-type(12), .altiri-section main .gameSection .goods .slider__roll7:nth-of-type(12) {
  animation-delay: 55s;
}
.altiri-section main .gameSection .food .slider__roll7:nth-of-type(13), .altiri-section main .gameSection .goods .slider__roll7:nth-of-type(13) {
  animation-delay: 60s;
}
.altiri-section main .gameSection .food .slider__roll7:nth-of-type(14), .altiri-section main .gameSection .goods .slider__roll7:nth-of-type(14) {
  animation-delay: 65s;
}
@keyframes image-switch-animation {
  0% {
    opacity: 0;
    z-index: 1;
    transform: scale(1);
  }
  10% {
    opacity: 1;
    z-index: 2;
  }
  25% {
    opacity: 1;
    z-index: 2;
  }
  75% {
    opacity: 1;
    z-index: 2;
  }
  90% {
    opacity: 0;
    z-index: 1;
  }
  100% {
    opacity: 0;
    z-index: 1;
    transform: scale(1.05);
  }
}
.altiri-section main .gameSection .food .slider {
  aspect-ratio: 4/5;
}
@media screen and (min-width: 840px) {
  .altiri-section main .gameSection .food .slider {
    aspect-ratio: 16/9;
  }
}
.altiri-section main .gameSection .food .slider__slide--name {
  top: 50%;
  right: 1.5em;
  transform: translateY(-50%);
  writing-mode: vertical-lr;
  height: 100%;
  text-align: center;
}
.altiri-section main .gameSection .food .slider__slide--img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.altiri-section main .gameSection .goods .slider__slide--name {
  transform: translate(-50%, -50%);
  left: 50%;
  bottom: 0.25em;
  width: 100%;
}
@media screen and (min-width: 840px) {
  .altiri-section main .gameSection .goods .slider__slide--name {
    bottom: 1.5em;
  }
}
.altiri-section main .gameSection .goods .slider__slide--img {
  display: initial;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.altiri-section main .gameSection .schedule .tab, .altiri-section main .gameSection .access .tab {
  flex-wrap: wrap;
  flex-direction: initial;
  gap: initial;
  max-width: var(--max-width__game-division);
}
.altiri-section main .gameSection .schedule .tab .one-tab, .altiri-section main .gameSection .access .tab .one-tab {
  width: 100%;
}
.altiri-section main .gameSection .schedule .tab .two-tab, .altiri-section main .gameSection .access .tab .two-tab {
  width: 50%;
}
.altiri-section main .gameSection .schedule .tab .three-tab, .altiri-section main .gameSection .access .tab .three-tab {
  width: 33.3333333333%;
}
.altiri-section main .gameSection .schedule .tab .four-tab, .altiri-section main .gameSection .access .tab .four-tab {
  width: 25%;
}
.altiri-section main .gameSection .schedule .tab__style, .altiri-section main .gameSection .access .tab__style {
  text-align: center;
  border: 1px solid #fff;
  box-sizing: border-box;
  font: var(--en__h3);
  text-transform: uppercase;
  padding: 0.58em 0;
}
.altiri-section main .gameSection .schedule .tab__on-icon, .altiri-section main .gameSection .access .tab__on-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column-reverse;
  font: var(--jp__p4);
}
.altiri-section main .gameSection .schedule .tab__on-icon img, .altiri-section main .gameSection .access .tab__on-icon img {
  width: 24px;
  aspect-ratio: 1/1;
}
.altiri-section main .gameSection .schedule .tab input:checked + .tab__style, .altiri-section main .gameSection .access .tab input:checked + .tab__style {
  color: #030B1C;
  background: #fff;
}
.altiri-section main .gameSection .schedule .tab input:checked + .tab__on-icon img, .altiri-section main .gameSection .access .tab input:checked + .tab__on-icon img {
  filter: brightness(0);
}
.altiri-section main .gameSection .schedule .tab__content, .altiri-section main .gameSection .access .tab__content {
  display: none;
  width: 100%;
  padding: 2em;
  color: #fff;
  border: solid 1px #fff;
  border-top: initial;
}
.altiri-section main .gameSection .schedule .tab #game1:checked ~ #game1__content,
.altiri-section main .gameSection .schedule .tab #game2:checked ~ #game2__content,
.altiri-section main .gameSection .schedule .tab #game3:checked ~ #game3__content {
  display: flex;
}
.altiri-section main .gameSection .schedule .tab input[name=tab__schedule] {
  display: none;
}
.altiri-section main .gameSection .schedule .tab .time {
  width: 100%;
}
.altiri-section main .gameSection .schedule .tab .time__list {
  display: flex;
  align-items: center;
  border-bottom: solid 1px rgba(255, 255, 255, 0.24);
}
.altiri-section main .gameSection .schedule .tab .time__list--time, .altiri-section main .gameSection .schedule .tab .time__list--ttl {
  font: var(--jp__p1);
  padding: 8px 0;
  text-align: justify;
  line-break: strict;
  word-break: break-all;
  overflow-wrap: break-word;
}
.altiri-section main .gameSection .schedule .tab .time__list--time {
  width: 25%;
}
@media screen and (min-width: 840px) {
  .altiri-section main .gameSection .schedule .tab .time__list--time {
    width: 12%;
  }
}
.altiri-section main .gameSection .schedule .tab .time__list--ttl {
  width: 75%;
}
@media screen and (min-width: 840px) {
  .altiri-section main .gameSection .schedule .tab .time__list--ttl {
    width: 88%;
  }
}
.altiri-section main .gameSection .schedule .tab .time__list--ttl span {
  color: #5C77FF;
}
.altiri-section main .gameSection .schedule .tab__annotation {
  display: flex;
  flex-direction: column;
  font: var(--jp__p2);
  margin-top: var(--gap__game--sub-section);
  text-align: justify;
  line-break: strict;
  word-break: break-all;
  overflow-wrap: break-word;
}
.altiri-section main .gameSection .schedule .tab__annotation--txt span {
  color: #5C77FF;
}
.altiri-section main .gameSection .seat__section {
  display: flex;
  gap: var(--gap__game--cntnts);
}
.altiri-section main .gameSection .seat__section .img {
  width: 100%;
  max-width: var(--max-width__game-division);
}
.altiri-section main .gameSection .seat__section .explain {
  width: 100%;
  background: #000;
  opacity: initial;
}
.altiri-section main .gameSection .seat__section .explain__category {
  border: 1px solid rgba(255, 255, 255, 0.24);
  box-sizing: border-box;
}
.altiri-section main .gameSection .seat__section .explain__category--tggl {
  display: none;
}
.altiri-section main .gameSection .seat__section .explain__category--tggl:checked + .explain__category--ttl + .explain__type {
  height: auto;
}
.altiri-section main .gameSection .seat__section .explain__category--tggl:checked + .explain__category--ttl::after {
  top: 35%;
  transform: rotate(135deg);
  transition: all 0.3s ease;
}
.altiri-section main .gameSection .seat__section .explain__category--ttl {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  font: var(--jp__h2);
  gap: 0.75em;
  padding: var(--padding__seat-ttl);
  border-bottom: 1px solid rgba(255, 255, 255, 0.24);
  box-sizing: border-box;
}
.altiri-section main .gameSection .seat__section .explain__category--ttl:last-of-type {
  border-bottom: initial;
}
.altiri-section main .gameSection .seat__section .explain__category--ttl::before, .altiri-section main .gameSection .seat__section .explain__category--ttl::after {
  content: "";
  display: block;
}
.altiri-section main .gameSection .seat__section .explain__category--ttl::before {
  width: 4px;
  height: 20px;
}
@media screen and (min-width: 840px) {
  .altiri-section main .gameSection .seat__section .explain__category--ttl::before {
    height: 22px;
    left: 56px;
  }
}
.altiri-section main .gameSection .seat__section .explain__category--ttl::after {
  position: absolute;
  top: 40%;
  right: 16px;
  width: 7px;
  height: 7px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  transform: translateY(-50%);
  transform: rotate(45deg);
}
@media screen and (min-width: 840px) {
  .altiri-section main .gameSection .seat__section .explain__category--ttl::after {
    right: 60px;
    width: 10px;
    height: 10px;
  }
}
.altiri-section main .gameSection .seat__section .explain__type {
  height: 0;
  overflow: hidden;
}
.altiri-section main .gameSection .seat__section .explain__type--tggl {
  display: none;
}
.altiri-section main .gameSection .seat__section .explain__type--tggl:checked + .explain__type--ttl + .desc {
  height: auto;
  padding: 2em;
}
.altiri-section main .gameSection .seat__section .explain__type--tggl:checked + .explain__type--ttl::after {
  transform: rotate(90deg);
  transition: all 0.3s ease;
  top: 35%;
  width: 0;
}
@media screen and (min-width: 840px) {
  .altiri-section main .gameSection .seat__section .explain__type--tggl:checked + .explain__type--ttl::after {
    top: 31%;
  }
}
.altiri-section main .gameSection .seat__section .explain__type--ttl {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  position: relative;
  gap: 1em;
  padding: var(--padding__seat-ttl);
}
.altiri-section main .gameSection .seat__section .explain__type--ttl p {
  font: var(--en__h4);
}
.altiri-section main .gameSection .seat__section .explain__type--ttl h4 {
  font: var(--jp__p1);
}
.altiri-section main .gameSection .seat__section .explain__type--ttl p, .altiri-section main .gameSection .seat__section .explain__type--ttl h4 {
  line-height: 1;
}
.altiri-section main .gameSection .seat__section .explain__type--ttl:before, .altiri-section main .gameSection .seat__section .explain__type--ttl:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
}
.altiri-section main .gameSection .seat__section .explain__type--ttl:before {
  right: 13px;
  width: 15px;
  height: 2px;
}
@media screen and (min-width: 840px) {
  .altiri-section main .gameSection .seat__section .explain__type--ttl:before {
    right: 56px;
    width: 22px;
  }
}
.altiri-section main .gameSection .seat__section .explain__type--ttl:after {
  right: 19px;
  width: 2px;
  height: 15px;
}
@media screen and (min-width: 840px) {
  .altiri-section main .gameSection .seat__section .explain__type--ttl:after {
    right: 65.5px;
    height: 22px;
  }
}
.altiri-section main .gameSection .seat__section .explain__type .desc {
  display: flex;
  flex-wrap: wrap;
  height: 0;
  overflow: hidden;
  gap: var(--gap__seat--desc);
  box-sizing: border-box;
}
.altiri-section main .gameSection .seat__section .explain__type .desc__intrdc, .altiri-section main .gameSection .seat__section .explain__type .desc__area, .altiri-section main .gameSection .seat__section .explain__type .desc__annttn {
  display: flex;
  flex-direction: column;
  text-align: justify;
  line-break: strict;
  word-break: break-all;
  overflow-wrap: break-word;
  width: 100%;
}
@media screen and (min-width: 840px) {
  .altiri-section main .gameSection .seat__section .explain__type .desc__intrdc, .altiri-section main .gameSection .seat__section .explain__type .desc__area, .altiri-section main .gameSection .seat__section .explain__type .desc__annttn {
    width: calc((100% - var(--gap__seat--desc)) / 2);
  }
}
.altiri-section main .gameSection .seat__section .explain__type .desc__intrdc {
  font: var(--jp__p2);
  gap: var(--gap__game--sub-section);
}
.altiri-section main .gameSection .seat__section .explain__type .desc__area {
  gap: var(--gap__game--cntnts-division);
}
.altiri-section main .gameSection .seat__section .explain__type .desc__area, .altiri-section main .gameSection .seat__section .explain__type .desc__annttn {
  font: var(--jp__p3);
}
.altiri-section main .gameSection .seat__section .explain__category--ttl:nth-of-type(1)::before {
  background: #00ffaa;
}
.altiri-section main .gameSection .seat__section .explain__category--ttl:nth-of-type(2)::before {
  background: #d4ff00;
}
.altiri-section main .gameSection .seat__section .explain__category--ttl:nth-of-type(3)::before {
  background: #ff0055;
}
.altiri-section main .gameSection .seat__section .explain__category--ttl:nth-of-type(4)::before {
  background: #3833ff;
}
.altiri-section main .gameSection .seat__section .explain__category--ttl:nth-of-type(5)::before {
  background: white;
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(1) .explain__type--ttl:nth-of-type(1) {
  background: rgba(0, 255, 170, 0.7);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(1) .explain__type--ttl:nth-of-type(2) {
  background: rgba(21, 232, 162, 0.7);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(1) .explain__type--ttl:nth-of-type(3) {
  background: rgba(38, 209, 152, 0.7);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(1) .explain__type--ttl:nth-of-type(4) {
  background: rgba(49, 189, 142, 0.7);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(1) .explain__type--ttl:nth-of-type(5) {
  background: rgba(58, 166, 130, 0.7);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(1) .explain__type--ttl:nth-of-type(6) {
  background: rgba(63, 145, 118, 0.7);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(1) .explain__type--ttl:nth-of-type(7) {
  background: rgba(64, 122, 103, 0.7);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(1) .explain__type--ttl:nth-of-type(8) {
  background: rgba(61, 102, 88, 0.7);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(1) .desc:nth-of-type(1) {
  background: rgba(0, 255, 170, 0.16);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(1) .desc:nth-of-type(2) {
  background: rgba(21, 232, 162, 0.16);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(1) .desc:nth-of-type(3) {
  background: rgba(38, 209, 152, 0.16);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(1) .desc:nth-of-type(4) {
  background: rgba(49, 189, 142, 0.16);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(1) .desc:nth-of-type(5) {
  background: rgba(58, 166, 130, 0.16);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(1) .desc:nth-of-type(6) {
  background: rgba(63, 145, 118, 0.16);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(1) .desc:nth-of-type(7) {
  background: rgba(64, 122, 103, 0.16);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(1) .desc:nth-of-type(8) {
  background: rgba(61, 102, 88, 0.16);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(2) .explain__type--ttl:nth-of-type(1) {
  background: rgba(212, 255, 0, 0.7);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(2) .explain__type--ttl:nth-of-type(2) {
  background: rgba(197, 232, 21, 0.7);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(2) .explain__type--ttl:nth-of-type(3) {
  background: rgba(181, 209, 38, 0.7);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(2) .explain__type--ttl:nth-of-type(4) {
  background: rgba(165, 189, 49, 0.7);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(2) .explain__type--ttl:nth-of-type(5) {
  background: rgba(165, 189, 49, 0.7);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(2) .desc:nth-of-type(1) {
  background: rgba(212, 255, 0, 0.16);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(2) .desc:nth-of-type(2) {
  background: rgba(197, 232, 21, 0.16);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(2) .desc:nth-of-type(3) {
  background: rgba(181, 209, 38, 0.16);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(2) .desc:nth-of-type(4) {
  background: rgba(165, 189, 49, 0.16);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(2) .desc:nth-of-type(5) {
  background: rgba(165, 189, 49, 0.16);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(3) .explain__type--ttl:nth-of-type(1) {
  background: rgba(255, 0, 85, 0.7);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(3) .explain__type--ttl:nth-of-type(2) {
  background: rgba(232, 21, 91, 0.7);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(3) .explain__type--ttl:nth-of-type(3) {
  background: rgba(209, 38, 95, 0.7);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(3) .explain__type--ttl:nth-of-type(4) {
  background: rgba(189, 49, 96, 0.7);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(3) .explain__type--ttl:nth-of-type(5) {
  background: rgba(166, 58, 94, 0.7);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(3) .explain__type--ttl:nth-of-type(6) {
  background: rgba(139, 49, 79, 0.7);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(3) .desc:nth-of-type(1) {
  background: rgba(255, 0, 85, 0.16);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(3) .desc:nth-of-type(2) {
  background: rgba(232, 21, 91, 0.16);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(3) .desc:nth-of-type(3) {
  background: rgba(209, 38, 95, 0.16);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(3) .desc:nth-of-type(4) {
  background: rgba(189, 49, 96, 0.16);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(3) .desc:nth-of-type(5) {
  background: rgba(166, 58, 94, 0.16);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(3) .desc:nth-of-type(6) {
  background: rgba(139, 49, 79, 0.16);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(4) .explain__type--ttl:nth-of-type(1) {
  background: rgba(56, 51, 255, 0.7);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(4) .explain__type--ttl:nth-of-type(2) {
  background: rgba(70, 67, 232, 0.7);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(4) .explain__type--ttl:nth-of-type(3) {
  background: rgba(82, 79, 209, 0.7);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(4) .explain__type--ttl:nth-of-type(4) {
  background: rgba(89, 87, 189, 0.7);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(4) .explain__type--ttl:nth-of-type(5) {
  background: rgba(92, 91, 166, 0.7);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(4) .explain__type--ttl:nth-of-type(6) {
  background: rgba(92, 92, 145, 0.7);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(4) .desc:nth-of-type(1) {
  background: rgba(56, 51, 255, 0.16);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(4) .desc:nth-of-type(2) {
  background: rgba(70, 67, 232, 0.16);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(4) .desc:nth-of-type(3) {
  background: rgba(82, 79, 209, 0.16);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(4) .desc:nth-of-type(4) {
  background: rgba(89, 87, 189, 0.16);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(4) .desc:nth-of-type(5) {
  background: rgba(92, 91, 166, 0.16);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(4) .desc:nth-of-type(6) {
  background: rgba(92, 92, 145, 0.16);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(5) .explain__type--ttl:nth-of-type(1) {
  background: rgba(255, 255, 255, 0.7);
}
.altiri-section main .gameSection .seat__section .explain__category .explain__type:nth-of-type(5) .desc:nth-of-type(1) {
  background: rgba(255, 255, 255, 0.16);
}
.altiri-section main .gameSection .seat .seat-map-note {
  font: var(--jp__p2);
  width: calc(100% - var(--space-width__common) * 2);
  max-width: var(--max-width__game-section);
}
@media screen and (min-width: 840px) {
  .altiri-section main .gameSection .seat .seat-map-note {
    text-align: center;
  }
}
.altiri-section main .gameSection .access .tab #access__walk:checked ~ #access__walk--content,
.altiri-section main .gameSection .access .tab #access__bus:checked ~ #access__bus--content,
.altiri-section main .gameSection .access .tab #access__parking:checked ~ #access__parking--content,
.altiri-section main .gameSection .access .tab #access__bicycle:checked ~ #access__bicycle--content {
  display: flex;
}
.altiri-section main .gameSection .access .tab input[name=tab__access] {
  display: none;
}
.altiri-section main .gameSection .access .tab__content {
  flex-direction: column;
  aspect-ratio: 4/3;
  overflow-y: scroll;
  gap: var(--gap__fr--cntnts);
}
.altiri-section main .gameSection .access .tab__content .inner, .altiri-section main .gameSection .access .tab__content .inner__img, .altiri-section main .gameSection .access .tab__content .inner__sentence, .altiri-section main .gameSection .access .tab__content .inner__sentence--txt-wrap {
  display: flex;
  flex-direction: column;
}
.altiri-section main .gameSection .access .tab__content .inner {
  gap: var(--gap__sec--cntnts);
}
.altiri-section main .gameSection .access .tab__content .inner__img {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
  border: 0;
}
.altiri-section main .gameSection .access .tab__content .inner__sentence {
  gap: var(--gap__thrd--cntnts);
  display: flex;
  flex-direction: column;
  font: var(--jp__p2);
  text-align: justify;
  line-break: strict;
  word-break: break-all;
  overflow-wrap: break-word;
}
.altiri-section main .gameSection .access .tab__content .inner__sentence--txt-wrap {
  gap: var(--gap__frth--cntnts);
}
.altiri-section main .gameSection .access .tab__content .inner__sentence--ttl {
  font: var(--jp__p1);
}
.altiri-section main .gameSection .access .tab__content .inner__sentence--link {
  color: #5C77FF;
  cursor: pointer;
}
.altiri-section main .gameSection .access .tab__content .inner__sentence--link:hover {
  transition: all 0.3s ease;
  opacity: 0.8;
  background: rgba(92, 119, 255, 0.04);
}
.altiri-section main .gameSection .access .tab__sentence {
  display: flex;
  flex-direction: column;
  gap: var(--gap__thrd--cntnts);
  margin-top: var(--gap__game--sub-section);
}
.altiri-section main .gameSection .access .tab__sentence .ttl {
  font: var(--jp__h2);
}
.altiri-section main .gameSection .access .tab__sentence .contents--txt {
  font: var(--jp__p1);
}
.altiri-section main .gameSection .access .tab__sentence .contents--annttn {
  font: var(--jp__p2);
  opacity: 0.6;
}
.altiri-section main .gameSection .partner {
  gap: var(--gap__game--sub-section);
  background: #000;
}
.altiri-section main .gameSection .partner__section {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 840px) {
  .altiri-section main .gameSection .partner__section {
    flex-direction: initial;
    flex-wrap: nowrap;
    align-items: flex-start;
  }
}
.altiri-section main .gameSection .partner__section .logo {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #fff;
  width: 100%;
  padding: var(--space-height__section);
  aspect-ratio: 16/9;
  box-sizing: border-box;
}
@media screen and (min-width: 840px) {
  .altiri-section main .gameSection .partner__section .logo {
    width: 40%;
  }
}
.altiri-section main .gameSection .partner__section .logo:hover {
  opacity: 0.6;
  transition: all 0.3s ease;
}
.altiri-section main .gameSection .partner__section .passage {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  font: var(--jp__p1);
  line-height: 1.5;
  line-break: strict;
  word-break: break-all;
  overflow-wrap: break-word;
  text-align: justify;
}
@media screen and (min-width: 840px) {
  .altiri-section main .gameSection .partner__section .passage {
    width: 60%;
  }
}
.altiri-section main .gameSection .partner__section .passage__annotation {
  display: flex;
  flex-direction: column;
  gap: 0.25em;
  font: var(--jp__p2);
  line-height: 1.25;
  opacity: 0.6;
}
.altiri-section main .gameSection .game-preview {
  gap: var(--gap__game--sub-section);
  background: #000;
}
.altiri-section main .gameSection .game-preview__section {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 840px) {
  .altiri-section main .gameSection .game-preview__section {
    flex-direction: initial;
    flex-wrap: nowrap;
    align-items: flex-start;
  }
}
.altiri-section main .gameSection .game-preview__section .logo {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #fff;
  width: 100%;
  aspect-ratio: 16/9;
  box-sizing: border-box;
}
@media screen and (min-width: 840px) {
  .altiri-section main .gameSection .game-preview__section .logo {
    width: 40%;
  }
}
.altiri-section main .gameSection .game-preview__section .logo img {
  width: initial;
}
.altiri-section main .gameSection .game-preview__section .logo:hover {
  opacity: 0.6;
  transition: all 0.3s ease;
}
.altiri-section main .gameSection .game-preview__section .passage {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  font: var(--jp__p1);
  line-height: 1.5;
  line-break: strict;
  word-break: break-all;
  overflow-wrap: break-word;
  text-align: justify;
}
.altiri-section main .gameSection .game-preview__section .passage__annotation {
  display: flex;
  flex-direction: column;
  gap: 0.25em;
  font: var(--jp__p2);
  line-height: 1.25;
  opacity: 0.6;
}
.altiri-section main .gameSection .game-preview__section .content-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--gap__game--cntnts);
}
@media screen and (min-width: 840px) {
  .altiri-section main .gameSection .game-preview__section .content-wrapper {
    width: 60%;
  }
}
.altiri-section main .all-access-pass__section {
  padding-bottom: calc(var(--space-height__section) + var(--space-height__division));
}
.altiri-section main .all-access-pass__section .all-access-pass__division {
  padding-bottom: calc(var(--gap__game--division) + var(--height__game-all-acess-bttn));
}
.altiri-section main .all-access-pass__section .all-access-pass__division .pass-bttn {
  align-items: flex-end;
  display: flex;
  height: 100%;
  justify-content: center;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100;
  pointer-events: none;
}
.altiri-section main .all-access-pass__section .all-access-pass__division .pass-bttn__link {
  position: sticky;
  display: flex;
  align-items: center;
  color: #fff;
  z-index: 1;
  gap: 1em;
  padding: 0.625em 0.625em 0.625em 1.5em;
  bottom: 30px;
  border-radius: 32em;
  box-shadow: inset 0 0 1px rgba(232, 232, 237, 0.11);
  transition: linear 250ms background-color;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  background-color: rgba(66, 66, 69, 0.7);
  will-change: transform;
  pointer-events: auto;
  cursor: pointer;
}
@media screen and (min-width: 840px) {
  .altiri-section main .all-access-pass__section .all-access-pass__division .pass-bttn__link {
    padding: 0.416em 0.416em 0.416em 1em;
  }
}
.altiri-section main .all-access-pass__section .all-access-pass__division .pass-bttn__link--txt {
  font: var(--jp__bttn--all-access);
}
.altiri-section main .all-access-pass__section .all-access-pass__division .pass-bttn__link:not(.coming-soon):hover {
  transform: all 0.3s ease;
  opacity: 0.9;
}
.altiri-section main .all-access-pass__section .all-access-pass__division .pass-bttn__link.coming-soon {
  cursor: default;
  text-transform: uppercase;
}
.altiri-section main .all-access-pass__section .all-access-pass__division .pass-bttn .arrow .pass-bttn__link--icon {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  width: 36px;
  background: #030B1C;
  border-radius: 50%;
}
.altiri-section main .all-access-pass__section .all-access-pass__division .pass-bttn .arrow .pass-bttn__link--icon::after {
  content: "";
  display: inline-block;
  aspect-ratio: 1/1;
  width: 19px;
  background: #030B1C;
  border-radius: 50%;
  background: url("/files/user/images/game/25-26/icon/bttn-arrow.svg") no-repeat center/contain;
}
.altiri-section main .all-access-pass__section .all-access-pass__division .pass-bttn .dl .pass-bttn__link--icon {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  width: 36px;
  background: #030B1C;
  border-radius: 50%;
}
.altiri-section main .all-access-pass__section .all-access-pass__division .pass-bttn .dl .pass-bttn__link--icon::after {
  content: "";
  display: inline-block;
  aspect-ratio: 1/1;
  width: 19px;
  background: #030B1C;
  border-radius: 50%;
  background: url("/files/user/images/game/25-26/icon/bttn-dl.svg") no-repeat center/contain;
}
.altiri-section .btn-wrapper {
  width: 100%;
  max-width: var(--max-width__game-division);
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  padding: 0 var(--space-width__common);
  box-sizing: border-box;
}
@media screen and (min-width: 840px) {
  .altiri-section .btn-wrapper {
    flex-direction: row;
  }
}
.altiri-section .btn-wrapper.no-padding {
  padding: 0;
}
@media screen and (min-width: 840px) {
  .altiri-section .btn-wrapper.three-buttons .btn-primary, .altiri-section .btn-wrapper.three-buttons .btn-secondary {
    width: calc((100% - 1.2em) / 3);
    max-width: none;
  }
}
.altiri-section .btn-primary, .altiri-section .btn-secondary {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 52px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-decoration: none;
  font: var(--en__bttn);
  text-transform: uppercase;
  text-align: center;
  transition: all 0.3s ease;
}
@media screen and (min-width: 840px) {
  .altiri-section .btn-primary, .altiri-section .btn-secondary {
    width: calc((100% - 0.6em) / 2);
    max-width: 370px;
  }
}
.altiri-section .btn-primary.english, .altiri-section .btn-secondary.english {
  font: var(--en__bttn);
  text-transform: uppercase;
}
.altiri-section .btn-primary.japanese, .altiri-section .btn-secondary.japanese {
  font: var(--jp__bttn);
  text-transform: none;
  padding-top: 7px;
  padding-bottom: 9px;
}
.altiri-section .btn-primary.japanese::after, .altiri-section .btn-secondary.japanese::after {
  position: relative;
  top: 1px;
}
.altiri-section .btn-primary {
  background-color: #fff;
  color: #030B1C;
}
.altiri-section .btn-primary:hover {
  opacity: 0.4;
}
.altiri-section .btn-secondary {
  border: 1px solid #fff;
  color: #fff;
  background-color: transparent;
}
.altiri-section .btn-secondary:hover {
  opacity: 0.6;
}
.altiri-section .btn-primary[target=_blank]::after,
.altiri-section .btn-secondary[target=_blank]::after {
  content: "";
  display: block;
  width: 18px;
  aspect-ratio: 1/1;
  margin-left: 8px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.altiri-section .btn-primary[target=_blank]::after {
  background-image: url("/files/user/images/common/open_in_new.svg");
}
.altiri-section .btn-secondary[target=_blank]::after {
  background-image: url("/files/user/images/common/open_in_new_white.svg");
}/*# sourceMappingURL=altiri-lp-game.css.map */