@charset "UTF-8";
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes blur-in {
  0% {
    filter: blur(50px);
    opacity: 0;
  }
  100% {
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes moveR {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100px);
  }
}
@keyframes moveL {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100px);
  }
}
@keyframes moveT {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(100px);
  }
}
@keyframes moveB {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100px);
  }
}
@keyframes slide-in {
  0% {
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
  }
  100% {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
  }
}
@keyframes slide-outR {
  0% {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
  }
  100% {
    -webkit-clip-path: inset(0 0 0 100%);
            clip-path: inset(0 0 0 100%);
  }
}
@keyframes zoom-in {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
@keyframes zoom-out {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}
@keyframes rotateS {
  0% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(0);
  }
}
@keyframes pic-loopL {
  100% {
    background-position-x: -1955px;
  }
}
@keyframes elasticity {
  0% {
    transform: scale(1, 1) translate(0%, 0%);
  }
  15% {
    transform: scale(0.9, 0.9) translate(0%, 5%);
  }
  30% {
    transform: scale(1.3, 0.8) translate(0%, 10%);
  }
  50% {
    transform: scale(0.8, 1.3) translate(0%, -10%);
  }
  70% {
    transform: scale(1.1, 0.9) translate(0%, 5%);
  }
  100% {
    transform: scale(1, 1) translate(0%, 0%);
  }
}
@keyframes bound {
  0% {
    transform: scale(1, 1) translate(0%, 0%);
  }
  10% {
    transform: scale(1.1, 0.9) translate(0%, 5%);
  }
  40% {
    transform: scale(1.2, 0.8) translate(0%, 15%);
  }
  50% {
    transform: scale(1, 1) translate(0%, 0%);
  }
  60% {
    transform: scale(0.9, 1.2) translate(0%, -100%);
  }
  75% {
    transform: scale(0.9, 1.2) translate(0%, -20%);
  }
  85% {
    transform: scale(1.2, 0.8) translate(0%, 15%);
  }
  100% {
    transform: scale(1, 1) translate(0%, 0%);
  }
}
@keyframes tremor {
  0% {
    transform: translate(0%, 0%);
  }
  5% {
    transform: translate(10%, 0%) rotate(10deg);
  }
  25% {
    transform: translate(20%, 0%) rotate(20deg);
  }
  30% {
    transform: translate(-10%, 0%) rotate(-10deg);
  }
  35% {
    transform: translate(-15%, 0%) rotate(-15deg);
  }
  45% {
    transform: translate(10%, 0%) rotate(10deg);
  }
  50% {
    transform: translate(15%, 0%) rotate(15deg);
  }
  60% {
    transform: translate(-5%, 0%) rotate(-5deg);
  }
  65% {
    transform: translate(-7%, 0%) rotate(-7deg);
  }
  75% {
    transform: translate(0%, 0%) rotate(0deg);
  }
  100% {
    transform: translate(0%, 0%) rotate(0deg);
  }
}
@keyframes drop {
  0% {
    transform: scale(0.8, 1.4) translate(0%, -100%);
  }
  10% {
    transform: scale(0.8, 1.4) translate(0%, -15%);
  }
  20% {
    transform: scale(1.4, 0.6) translate(0%, 30%);
  }
  30% {
    transform: scale(0.9, 1.1) translate(0%, -10%);
  }
  40% {
    transform: scale(0.95, 1.2) translate(0%, -30%);
  }
  50% {
    transform: scale(0.95, 1.2) translate(0%, -10%);
  }
  60% {
    transform: scale(1.1, 0.9) translate(0%, 5%);
  }
  70% {
    transform: scale(1, 1) translate(0%, 0%);
  }
  100% {
    transform: scale(1, 1) translate(0%, 0%);
  }
}
@keyframes catch {
  0% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes item {
  0% {
    -webkit-clip-path: inset(0 0 100% 0);
            clip-path: inset(0 0 100% 0);
  }
  100% {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
  }
}
.modaal-wrapper .modaal-close {
  box-sizing: content-box;
  border: solid 2px transparent;
  border-radius: 0;
  background: #d6000f;
  color: #fff;
}
.modaal-wrapper .modaal-close::after {
  display: none;
}
.modaal-wrapper .modaal-close::before {
  width: 24px;
  height: 24px;
  margin: auto;
  inset: 0;
  background: none;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 26.876 26.875"%20fill%3D%22%23fff%22><path d="M689.186 35.065l24.749 24.749-2.121 2.121-24.749-24.749zm-2.121 24.749l24.749-24.749 2.121 2.121-24.749 24.749z" transform="translate(-687.062 -35.063)" /></svg>');
  background-repeat: no-repeat;
}
.modaal-wrapper .modaal-close::before, .modaal-wrapper .modaal-close::after {
  transform: none;
}
.modaal-wrapper .modaal-close:hover, .modaal-wrapper .modaal-close:focus {
  border: solid 2px currentColor;
  background: transparent;
  color: #d6000f;
}
.modaal-wrapper .modaal-close:hover::before, .modaal-wrapper .modaal-close:focus::before {
  background: none;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 26.876 26.875"%20fill%3D%22%23d6000f%22><path d="M689.186 35.065l24.749 24.749-2.121 2.121-24.749-24.749zm-2.121 24.749l24.749-24.749 2.121 2.121-24.749 24.749z" transform="translate(-687.062 -35.063)" /></svg>');
  background-repeat: no-repeat;
}

.modaal-video-wrap {
  margin: auto;
}

.modaal-image.zoom > .modaal-outer-wrapper {
  min-width: 1000px;
}

.modaal-imag-chart img {
  min-width: 1000px;
}

.modaal-imag-chart .modaal-outer-wrapper {
  overflow: hidden;
}

.modaal-imag-chart .modaal-inner-wrapper {
  padding-top: 100px;
  padding-bottom: 100px;
  text-align: left;
}

.modaal-imag-chart .modaal-container {
  background: none;
  box-shadow: none;
}

.modaal-container {
  background: none;
  box-shadow: none;
  color: #fff;
}

.modaal-content-container {
  padding: 2.5%;
}

.modaal-overlay {
  background: url("../images/top/backgrounds/bg-base_sp.jpg") no-repeat 50% 0/cover;
}

.js-slides {
  opacity: 0;
  transition: opacity 1s linear;
}
.js-slides.slick-initialized {
  opacity: 1;
}

.slick-pagination {
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  margin-top: 2rem;
}

.slick-dots {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.slick-dots li {
  display: grid;
  position: relative;
  place-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0.5em 0.75em;
  background-color: #303030;
  color: #fff;
  line-height: 1;
  cursor: pointer;
  pointer-events: painted;
}
.slick-dots li:not(:last-child) {
  margin-right: 10px;
}
.slick-dots li.slick-active {
  background-color: #a3000b;
}

.slick-arrow {
  display: block;
  z-index: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 25px;
  height: 80px;
  margin: auto;
  border: solid 1px #fff;
  color: transparent;
  opacity: 0.35;
}
.slick-arrow::before {
  display: flex;
  position: absolute;
  top: 40%;
  left: 50%;
  align-items: center;
  justify-content: center;
  width: 1em;
  height: 1em;
  transform: translate(-50%);
  content: "";
}
.slick-arrow:hover {
  opacity: 1;
}

.slick-prev {
  left: -4%;
}
.slick-prev::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"%20fill%3D%22%23fff%22><path d="M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z"/></svg>');
  background-repeat: no-repeat;
}

.slick-next {
  right: -4%;
}
.slick-next::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"%20fill%3D%22%23fff%22><path d="M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z"/></svg>');
  background-repeat: no-repeat;
}

.js-slides[data-slides-type=embed-thumbnail] .slick-slide {
  margin-inline: auto;
  cursor: pointer;
  opacity: 0.45;
}
.js-slides[data-slides-type=embed-thumbnail] .slick-slide img {
  padding: 2px;
}
.js-slides[data-slides-type=embed-thumbnail] .slick-slide.slick-current {
  opacity: 1;
}

.js-slides[data-slides-type=intro] .slick-arrow {
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
}
.js-slides[data-slides-type=intro]:hover .slick-arrow {
  opacity: 1;
}

.js-slides[data-slides-type=story] .story-slides-pagination .slick-dots li.slick-active {
  background-color: #fdd000;
  color: #000000;
}

.js-slides[data-slides-type=gallery] .slick-slide img {
  width: 100%;
  padding: 10px;
}
.js-slides[data-slides-type=gallery] .slick-list {
  pointer-events: painted;
}
.js-slides[data-slides-type=gallery] .slick-track {
  display: flex;
  align-items: center;
}
.js-slides[data-slides-type=gallery] .slick-arrow {
  width: 30px;
  height: 30px;
  border: none;
  opacity: 1;
}
.js-slides[data-slides-type=gallery] .slick-arrow::before {
  top: 0;
  width: 100%;
  height: 100%;
}
.js-slides[data-slides-type=gallery] .slick-prev {
  left: 10px;
}
.js-slides[data-slides-type=gallery] .slick-next {
  right: 10px;
}

.slick-custom-buttons {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  margin: 2rem;
}

.slick-custom-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 250px;
  padding: 0.5em;
  background-color: #303030;
  color: #fff;
  font-weight: 700;
  transition: 0.3s;
}
.slick-custom-button:hover {
  background-color: rgba(48, 48, 48, 0.5);
}
.slick-custom-button:not(:last-child) {
  margin-bottom: 0.5em;
}
.slick-custom-button.is-active {
  background-color: #fff;
  color: #303030;
  pointer-events: none;
}
.slick-custom-button[disable] {
  background-color: #333;
  pointer-events: none;
}

.gallery-slides-number {
  display: flex;
  align-items: center;
  justify-content: center;
}

section {
  outline: none;
}

*,
::before,
::after {
  box-sizing: inherit;
  margin: 0;
}

iframe {
  border: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: inherit;
  font-size: inherit;
}

ul,
ol,
menu,
li,
dd {
  margin: 0;
  padding: 0;
  list-style: none;
}

a {
  display: inherit;
  color: inherit;
  text-decoration: none;
}

p,
dl {
  margin: 0;
}

dt {
  display: inline;
}

a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

strong {
  font-weight: inherit;
  font-size: 1.15em;
}

button {
  padding: 0;
  border-width: 0;
  background-color: transparent;
  color: inherit;
  font-weight: inherit;
  line-height: inherit;
  cursor: pointer;
}

input::-moz-focus-inner {
  margin: 0;
  padding: 0;
  border: 0;
}

hr {
  margin: 0;
  border: none;
}

html {
  color: #fff;
  font-weight: 400;
  font-size: 62.5%;
  line-height: 1.75;
  font-family: "Zen Kaku Gothic New", "Yu Gothic", "Arial", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Osaka", "メイリオ", sans-serif;
}

body {
  font-size: 1.4rem;
}

img,
svg {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

hr {
  width: 100%;
  height: 1px;
  margin: 1em auto;
  background-color: color(white);
}

[data-ruby] {
  position: relative;
}

[data-ruby]::before {
  position: absolute;
  top: -1.2em;
  left: 0;
  width: 100%;
  content: attr(data-ruby);
  font-size: 0.6em;
  letter-spacing: 0.3em;
  text-align: center;
}

[data-no-pointer] {
  pointer-events: none;
}

rt {
  text-align: center;
}

* {
  box-sizing: border-box;
}

:root {
  --base-width:750;
}

.l-body {
  container-type: inline-size;
  z-index: 0;
  position: relative;
}

.l-navArea {
  visibility: hidden;
  z-index: 100;
  position: fixed;
  top: 0;
  transition: visibility 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}
.l-navArea__content {
  position: relative;
  height: 100vh;
  height: 100svh;
  padding: 1rem;
  transform: translateX(-100%);
  background-color: #a60000;
  transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}
.l-navArea__content::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/top/backgrounds/bg-nav_sp.jpg");
  background-position: center left;
  background-size: cover;
  content: "";
  opacity: 0.45;
}
.l-navArea__inner {
  height: 100%;
  overflow-y: scroll;
}
.l-navArea__inner::-webkit-scrollbar {
  display: none;
}
.l-navArea__overlay {
  z-index: -1;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.35);
  cursor: pointer;
  -webkit-backdrop-filter: blur(3px);
  visibility: hidden;
          backdrop-filter: blur(3px);
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}

.l-navArea.is-active {
  visibility: visible;
}
.l-navArea.is-active .l-navArea__content {
  transform: translateX(0);
}
.l-navArea.is-active .l-navArea__overlay {
  visibility: visible;
  opacity: 1;
}

.button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 40px;
  padding: 0.5em 36px;
  background-color: #303030;
  color: #fff;
  font-weight: 500;
  line-height: 1.25;
  font-feature-settings: "palt" 1;
  transition: 0.4s;
}
.button:active {
  transform: scale(0.95);
  transition: 0.2s;
}
.button.is-active {
  background-color: #fff;
  color: #303030;
  cursor: auto;
  pointer-events: none;
}
.button--new {
  position: relative;
}
.button--new::before {
  display: grid;
  position: absolute;
  top: 4px;
  left: 6px;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #a3000b;
  content: "NEW";
  color: #fff;
  font-size: 8px;
  line-height: 0;
  letter-spacing: 0.05em;
  white-space: nowrap;
  animation: fade-in 1s ease-in-out alternate infinite;
}

.button2 {
  position: relative;
  padding: 0.5em 1.5em;
  background-color: #303030;
  font-weight: 700;
  line-height: 1;
  text-wrap: nowrap;
  border-bottom: solid 3px transparent;
  transition: border 0.25s ease-in-out;
}
.button2::before {
  display: inline-flex;
  visibility: hidden;
  position: absolute;
  top: 0.3em;
  bottom: 0;
  left: 1em;
  align-items: center;
  justify-content: center;
  content: "▶︎";
  color: #707070;
  font-size: 0.6em;
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
}
.button2:hover, .button2.is-active {
  border-bottom: solid 3px #a3000b;
}
.button2:hover::before, .button2.is-active::before {
  visibility: visible;
  opacity: 1;
}
.button2.is-active {
  pointer-events: none;
}

.button3 {
  display: flex;
  z-index: 0;
  position: relative;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0.5em;
  overflow: hidden;
  background-color: #000000;
  color: #fff;
  font-weight: 500;
  font-size: 1.2rem;
  transition: all 0.3s ease-in-out;
}
.button3::before {
  z-index: -3;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000000;
  content: "";
}
.button3::after {
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 100%;
  transform: skewY(-10deg) scale(1, 0);
  background-color: #a3000b;
  content: "";
  transition: all 0.3s ease-in-out;
}
.button3:hover::after {
  transform: skewY(0deg) scale(1, 1);
}
.button3:active {
  transform: scale(0.95);
}

.accordion-button {
  position: relative;
  padding: 0.75em 0;
  background-color: #000000;
  color: #707070;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.07em;
  text-wrap: nowrap;
  box-sizing: border-box;
  width: 100%;
  border-bottom: solid 5px #a3000b;
  font-size: 3.2552083333vw;
  transition: 0.4s;
}
.accordion-button::marker {
  font-size: 80%;
}
.accordion-button img {
  max-width: 90%;
}
.accordion-button:active {
  transform: scale(0.95);
  transition: 0.2s;
}
.accordion-button.is-active::before {
  transform: rotate(-90deg);
}

.button-top {
  z-index: 100;
  position: fixed;
  right: 25px;
  bottom: 25px;
  width: 52px;
  height: 52px;
  overflow: hidden;
  background-color: #d6000f;
  color: transparent;
  animation: moveT 0.3s cubic-bezier(0.42, 0, 0.58, 1) alternate;
  transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}
.button-top::before {
  position: absolute;
  top: 11px;
  right: 0;
  bottom: 0;
  left: 0;
  width: 22px;
  height: 22px;
  margin: auto;
  border-top: solid 2.5px #fff;
  border-left: solid 2.5px #fff;
  content: "";
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);
  transform: rotate(45deg);
          clip-path: polygon(0 0, 0% 100%, 100% 0);
}
.button-top:hover, .button-top :focus {
  transform: translateY(-10px);
}

.js-button-top {
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}
.js-button-top.is-scrolled {
  visibility: visible;
  opacity: 1;
}

.button-repost {
  display: inline-flex;
  position: relative;
  justify-content: center;
  margin-top: 1em;
  margin-right: auto;
  margin-left: auto;
  padding-right: 9%;
  padding-left: 9%;
}
.button-repost.is-end {
  pointer-events: none;
}
.button-repost.is-end::before {
  display: flex;
  position: absolute;
  top: -0.5em;
  align-items: center;
  justify-content: center;
  width: 90%;
  height: calc(100% + 1em);
  background-color: rgba(0, 0, 0, 0.7);
  content: "終了しました";
  font-weight: 500;
  font-size: 150%;
}

.box-botton {
  display: flex;
  position: relative;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  padding: 0.5em 1.5em;
  border: solid 1px #a3000b;
  background-color: #fff;
  box-shadow: 3px 3px 0 #a3000b;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.40625;
  font-feature-settings: "palt" 1;
  letter-spacing: 0.07em;
  transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}
.box-botton::before {
  position: absolute;
  right: -15px;
  width: 30px;
  height: 30px;
  background-color: #d6000f;
  content: "";
}
.box-botton::after {
  position: absolute;
  right: -7px;
  width: 14px;
  height: 14px;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 512 512"%20fill%3D%22%23fff%22><path d="M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"/></svg>');
  background-repeat: no-repeat;
  content: "";
}
.box-botton:hover {
  transform: translate(3px);
  border: solid 1px currentColor;
  box-shadow: none;
}
.box-botton:hover::before {
  background-color: currentColor;
}

.button-more {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  -moz-column-gap: 8px;
       column-gap: 8px;
  align-items: center;
  -o-border-image: #fff;
  width: min(600px, 100% - 4em);
  margin: auto;
  padding: 1em 1.5em;
  border-width: 1px;
  border-style: solid;
     border-image: #fff;
  border-image-slice: 1;
  font-weight: 700;
  letter-spacing: 0.2em;
  transition: all 0.25s ease-in-out;
}
.button-more::before, .button-more::after {
  content: "";
  transition: background-image 0.25s ease-in-out, transform 0.25s 0.15s ease-in-out;
}
.button-more::after {
  justify-self: end;
  width: 1em;
  height: 1em;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"%20fill%3D%22%23fff%22><path d="M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z"/></svg>');
  background-repeat: no-repeat;
}
.button-more:hover, .button-more:focus {
  border-color: #947d0d;
  background-color: #000000;
  color: #947d0d;
}
.button-more:hover::after, .button-more:focus::after {
  transform: translateX(10px);
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"%20fill%3D%22%23947d0d%22><path d="M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z"/></svg>');
  background-repeat: no-repeat;
}

.grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: var(--gutter, 10px);
}
.grid--cols-1 {
  grid-template-columns: repeat(1, 1fr);
}
.grid--cols-2 {
  grid-template-columns: repeat(2, 1fr);
}
.grid--cols-3 {
  grid-template-columns: repeat(3, 1fr);
}
.grid--cols-4 {
  grid-template-columns: repeat(4, 1fr);
}
.grid--cols-5 {
  grid-template-columns: repeat(5, 1fr);
}
.grid--cols-6 {
  grid-template-columns: repeat(6, 1fr);
}
.grid--cols-7 {
  grid-template-columns: repeat(7, 1fr);
}
.grid--cols-8 {
  grid-template-columns: repeat(8, 1fr);
}
.grid--cols-9 {
  grid-template-columns: repeat(9, 1fr);
}
.grid--cols-10 {
  grid-template-columns: repeat(10, 1fr);
}
.grid--cols-11 {
  grid-template-columns: repeat(11, 1fr);
}
.grid--cols-12 {
  grid-template-columns: repeat(12, 1fr);
}

.flex {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gutter, 0px);
}
.flex__col-1 {
  flex-basis: calc(8.3333333333% - var(--gutter, 0px));
  max-width: calc(8.3333333333% - var(--gutter, 0px));
}
.flex__col-2 {
  flex-basis: calc(16.6666666667% - var(--gutter, 0px));
  max-width: calc(16.6666666667% - var(--gutter, 0px));
}
.flex__col-3 {
  flex-basis: calc(25% - var(--gutter, 0px));
  max-width: calc(25% - var(--gutter, 0px));
}
.flex__col-4 {
  flex-basis: calc(33.3333333333% - var(--gutter, 0px));
  max-width: calc(33.3333333333% - var(--gutter, 0px));
}
.flex__col-5 {
  flex-basis: calc(41.6666666667% - var(--gutter, 0px));
  max-width: calc(41.6666666667% - var(--gutter, 0px));
}
.flex__col-6 {
  flex-basis: calc(50% - var(--gutter, 0px));
  max-width: calc(50% - var(--gutter, 0px));
}
.flex__col-7 {
  flex-basis: calc(58.3333333333% - var(--gutter, 0px));
  max-width: calc(58.3333333333% - var(--gutter, 0px));
}
.flex__col-8 {
  flex-basis: calc(66.6666666667% - var(--gutter, 0px));
  max-width: calc(66.6666666667% - var(--gutter, 0px));
}
.flex__col-9 {
  flex-basis: calc(75% - var(--gutter, 0px));
  max-width: calc(75% - var(--gutter, 0px));
}
.flex__col-10 {
  flex-basis: calc(83.3333333333% - var(--gutter, 0px));
  max-width: calc(83.3333333333% - var(--gutter, 0px));
}
.flex__col-11 {
  flex-basis: calc(91.6666666667% - var(--gutter, 0px));
  max-width: calc(91.6666666667% - var(--gutter, 0px));
}
.flex__col-12 {
  flex-basis: calc(100% - var(--gutter, 0px));
  max-width: calc(100% - var(--gutter, 0px));
}

.embed {
  aspect-ratio: 16/9;
  width: 100%;
  height: 100%;
}

.heading {
  margin: 0 auto 2rem;
  font-weight: 500;
  font-size: 7.8125vw;
  font-family: "Zen Old Mincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  letter-spacing: -0.12em;
  text-align: center;
}

.order-list {
  display: grid;
  position: relative;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 0.5em;
  margin-bottom: 1em;
  font-weight: 700;
  font-size: 3.6458333333vw;
  line-height: 1;
}
.order-list::after {
  display: block;
  position: absolute;
  bottom: -0.5em;
  width: 100%;
  height: 0;
  border-bottom: dashed 1px black;
  content: "";
}
.order-list--pc-col3 {
  grid-template-columns: repeat(3, 1fr);
}
.order-list__item {
  display: table;
  text-shadow: 2px 0px 2px #fff, -2px 0px 2px #fff, 0px -2px 2px #fff, -2px 0px 2px #fff, 2px 2px 2px #fff, -2px 2px 2px #fff, 2px -2px 2px #fff, -2px -2px 2px #fff, 2px 0px 2px #fff, -2px 0px 2px #fff, 0px -2px 2px #fff, -2px 0px 2px #fff, 2px 2px 2px #fff, -2px 2px 2px #fff, 2px -2px 2px #fff, -2px -2px 2px #fff;
}
.order-list__item__col {
  display: table-cell;
  width: 100%;
  padding: 0.5em;
  vertical-align: middle;
  word-break: break-word;
}
.order-list__item:nth-child(1n)::before {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  background: url("../images/number1.jpg") no-repeat center center/contain;
  content: "";
}
.order-list__item:nth-child(2n)::before {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  background: url("../images/number2.jpg") no-repeat center center/contain;
  content: "";
}
.order-list__item:nth-child(3n)::before {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  background: url("../images/number3.jpg") no-repeat center center/contain;
  content: "";
}
.order-list--noline::after {
  display: none;
}

.nav-button {
  visibility: visible;
  z-index: 101;
  position: fixed;
  top: 5px;
  right: 5px;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background-color: #fff;
}
.nav-button::before {
  z-index: 1;
  position: absolute;
  width: 35px;
  height: 23px;
  margin: auto;
  inset: 0;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 35 23"%20fill%3D%22%23000000%22><path d="M683 37h35v3h-35v-3zm0 10h35v3h-35v-3zm0 10h35v3h-35v-3z" transform="translate(-683 -37)" /></svg>');
  background-repeat: no-repeat;
  content: "";
}
.nav-button.is-active::before {
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 26.876 26.875"%20fill%3D%22%23000000%22><path d="M689.186 35.065l24.749 24.749-2.121 2.121-24.749-24.749zm-2.121 24.749l24.749-24.749 2.121 2.121-24.749 24.749z" transform="translate(-687.062 -35.063)" /></svg>');
  background-repeat: no-repeat;
}

.nav {
  font-weight: 900;
  letter-spacing: 0.025em;
}
.nav__list {
  display: grid;
  grid-template-columns: repeat(content-fit, auto);
  justify-content: center;
}
.nav__item {
  animation: inherit;
}
.nav__link {
  display: flex;
  z-index: 0;
  position: relative;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  padding: 2.5rem 2.5em 2.5rem 0.5em;
  overflow: hidden;
  color: #fff;
  line-height: 1;
}
.nav__link::after {
  position: absolute;
  right: 16px;
  width: 6px;
  height: 6px;
  transform: rotate(-45deg);
  transform-origin: center;
  border-right: solid 2px white;
  border-bottom: solid 2px white;
  content: "";
  transition: right 0.25s cubic-bezier(0.42, 0, 0.58, 1);
}
.nav__link:hover::after {
  right: 8px;
}
.nav__link__ruby {
  display: block;
  margin-top: 1em;
  font-size: 60%;
}

.l-navArea.is-active .nav__item {
  animation: moveT 0.3s cubic-bezier(0.42, 0, 0.58, 1) alternate-reverse both, fade-in 0.3s cubic-bezier(0.42, 0, 0.58, 1) both;
}
.l-navArea.is-active .nav__item:nth-of-type(1) {
  animation-delay: 0.05s;
}
.l-navArea.is-active .nav__item:nth-of-type(2) {
  animation-delay: 0.1s;
}
.l-navArea.is-active .nav__item:nth-of-type(3) {
  animation-delay: 0.15s;
}
.l-navArea.is-active .nav__item:nth-of-type(4) {
  animation-delay: 0.2s;
}
.l-navArea.is-active .nav__item:nth-of-type(5) {
  animation-delay: 0.25s;
}
.l-navArea.is-active .nav__item:nth-of-type(6) {
  animation-delay: 0.3s;
}
.l-navArea.is-active .nav__item:nth-of-type(7) {
  animation-delay: 0.35s;
}
.l-navArea.is-active .nav__item:nth-of-type(8) {
  animation-delay: 0.4s;
}
.l-navArea.is-active .nav__item:nth-of-type(9) {
  animation-delay: 0.45s;
}
.l-navArea.is-active .nav__item:nth-of-type(10) {
  animation-delay: 0.5s;
}

.news {
  position: relative;
  overflow: hidden;
  background-color: #000000;
  letter-spacing: 0.08em;
}
.news__head {
  display: inline-block;
  position: sticky;
  top: 0;
  float: right;
  background-image: linear-gradient(to top, #afb3b3, #fff);
  color: #000000;
  font-weight: 900;
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 20% 100%);
  padding-right: 0.5em;
  padding-left: 1em;
          clip-path: polygon(0 0, 100% 0%, 100% 100%, 20% 100%);
}
.news__content {
  width: 100%;
  height: 156px;
  padding: 0.5em 1em;
  overflow-y: auto;
  font-weight: 500;
}
.news__content::-webkit-scrollbar {
  width: 10px;
}
.news__content::-webkit-scrollbar-thumb {
  background-color: #fff;
}
.news__content::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.3);
}
.news__list, .news__link {
  display: flex;
  flex-flow: column;
}
.news__list {
  transition: color 0.05s linear;
}
.news__list__day {
  margin-bottom: -0.25em;
  color: #d6000f;
}
.news__link:hover {
  color: #d6000f;
}

.container-s {
  max-width: 750px;
  margin-right: auto;
  margin-left: auto;
  padding-right: var(--spaceX);
  padding-left: var(--spaceX);
}

.container-m {
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
  padding-right: var(--spaceX);
  padding-left: var(--spaceX);
}

.container-l {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding-right: var(--spaceX);
  padding-left: var(--spaceX);
}

.container-xl {
  max-width: 1600px;
  margin-right: auto;
  margin-left: auto;
  padding-right: var(--spaceX);
  padding-left: var(--spaceX);
}

.container-fluid {
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: var(--spaceX);
  padding-left: var(--spaceX);
}

.concept-visual {
  --gutter:10px;
}
.concept-visual__catch {
  margin-bottom: 1rem;
  font-weight: 500;
  font-size: clamp(1.6rem, -1rem + 4.8vw, 2rem);
  letter-spacing: 0.02em;
  text-align: center;
}
.concept-visual > a + a {
  margin-top: 1rem;
}

.aside {
  --gutter:10px;
  z-index: 50;
  padding-top: 40px;
  padding-bottom: 100px;
  background: url("../images/top/backgrounds/bg-base2_sp.jpg") repeat-y 0 0/cover, #3d0004;
  background-size: cover;
}

.link-official {
  display: inline-block;
}

#top {
  --spaceX:4%;
  --spaceY: 3.5rem;
  background-color: #0e0c0c;
}
#top::before {
  z-index: -1;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("../images/top/backgrounds/bg-base_sp.jpg") repeat-y 0 0/cover;
  content: "";
}
#top .hero {
  --gutter: 5px;
}
#top .hero__container {
  --gutter:10px;
  margin-top: 5rem;
  margin-bottom: 5rem;
}
#top .hero-banners {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2%;
}
#top .visual {
  --visual-width:750;
  --visual-height:1050;
  position: relative;
  aspect-ratio: var(--visual-width)/var(--visual-height);
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#top .visual::before {
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  background: url("../images/top/hero/19-21/kv_sp.jpg") no-repeat center center/100%;
  content: "";
}
#top .visual__item {
  display: flex;
  z-index: 1;
  position: absolute;
  align-items: center;
  justify-content: center;
  margin: auto;
}
#top .visual__logo {
  aspect-ratio: 941/278;
  width: calc(601 / var(--visual-width) * 100%);
  inset: auto 0 calc(15 / var(--visual-height) * 100%);
}
#top .visual__catch1 {
  aspect-ratio: 771/212;
  width: calc(771 / var(--visual-width) * 100%);
  inset: auto 0 calc(168 / var(--visual-height) * 100%);
}
#top .visual__catch2 {
  aspect-ratio: 475/73;
  width: calc(475 / var(--visual-width) * 100cqi);
  inset: calc(10 / var(--visual-height) * 100%) auto auto calc(6 / var(--visual-width) * 100%);
}
#top .hero-trailers {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
}
#top .hero-trailers__item {
  flex-basis: 50%;
  padding: var(--gutter);
  transition: 0.4s;
}
#top .hero-trailers__item:active {
  transform: scale(0.95);
  transition: 0.2s;
}
#top .hero-trailers__item.is-pc {
  display: none;
}
#top .hero-links {
  display: grid;
  position: relative;
  gap: var(--gutter);
}
#top .hero-links__item {
  transition: 0.4s;
}
#top .hero-links__item:active {
  transform: scale(0.95);
  transition: 0.2s;
}
#top .comment__col {
  display: grid;
  position: relative;
  gap: 3rem 0;
}
#top .comment__col:not(:last-child) {
  margin-bottom: 3em;
}
#top .comment__col:not(:last-child)::after {
  position: absolute;
  bottom: -1.5em;
  left: 0;
  width: 100%;
  height: 1px;
  border-bottom: dashed 2px #303030;
  content: "";
}
#top .comment__heading {
  margin-bottom: 1rem;
  color: #d6000f;
  font-weight: 900;
  font-size: 2rem;
  font-family: "Zen Old Mincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
#top .comment__image {
  max-width: 60%;
  margin: auto;
}
#top .movie {
  --gutter:5px;
  padding-top: var(--spaceY);
  padding-bottom: calc(var(--spaceY) / 2);
  background: url("../images/top/backgrounds/bg-base2_sp.jpg") repeat-y 0 0/cover, #3d0004;
}
#top .movie-archive {
  position: relative;
  margin-top: calc(var(--spaceY) / 2);
  margin-bottom: calc(var(--spaceY) / 2);
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #000000;
}
#top .movie-archive::before {
  position: absolute;
  top: -20px;
  left: 50%;
  width: 20px;
  height: 20px;
  background-color: #000000;
  content: "";
  -webkit-clip-path: polygon(50% 50%, 0% 100%, 100% 100%);
          clip-path: polygon(50% 50%, 0% 100%, 100% 100%);
}
#top .embed-slides-pagination .slick-dots {
  flex-wrap: nowrap;
  gap: 5px;
}
#top .embed-slides-pagination .slick-dots li {
  margin: 0;
  padding: 0;
  opacity: 0.45;
}
#top .embed-slides-pagination .slick-dots li.slick-active {
  background-color: initial;
  opacity: 1;
}
#top .intro {
  position: relative;
  padding-top: var(--spaceY);
  padding-bottom: 0;
  overflow: hidden;
}
#top .intro__top {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: auto;
  pointer-events: none;
}
#top .intro-slider {
  z-index: 1;
  position: relative;
  background: url("../images/top/backgrounds/bg-intro-content_sp.jpg") no-repeat center center;
  background-color: #161618;
}
#top .intro-menu {
  font-weight: 700;
  font-size: 4vw;
  letter-spacing: 0.025em;
  counter-reset: intro-item;
}
#top .intro-menu__item {
  position: relative;
}
#top .intro-menu__item:not(:last-child) {
  border-bottom: dashed 2px #000000;
}
#top .intro-menu__item:nth-child(1) .intro-menu__link::before {
  background: url("../images/top/sections/introduction/menu-label1.png") no-repeat center center/contain;
}
#top .intro-menu__item:nth-child(2) .intro-menu__link::before {
  background: url("../images/top/sections/introduction/menu-label2.png") no-repeat center center/contain;
}
#top .intro-menu__item:nth-child(3) .intro-menu__link::before {
  background: url("../images/top/sections/introduction/menu-label3.png") no-repeat center center/contain;
}
#top .intro-menu__link {
  display: flex;
  position: relative;
  flex-flow: column;
  align-items: center;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  padding: 22px 0;
  text-align: left;
}
#top .intro-menu__link::before {
  display: block;
  aspect-ratio: 113/64;
  width: calc(113 / var(--base-width) * 100cqi);
  content: "";
  -o-object-fit: contain;
     object-fit: contain;
}
#top .intro-menu .dash-line {
  display: inline-block;
  padding-inline: 0.05em;
  transform: scaleX(1.5);
  transform-origin: left center;
}
#top .intro-slides-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 15px;
  padding-bottom: 0;
}
#top .intro-slides {
  position: relative;
  padding: 0 1em 3rem;
}
#top .intro-slides__item h3 {
  margin-bottom: 0.5em;
  color: #d6000f;
  font-weight: 900;
  font-size: 1.8rem;
  line-height: 1.5;
  font-family: "Zen Old Mincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  word-break: break-all;
}
#top .gallery {
  margin-top: var(--spaceY);
  margin-bottom: var(--spaceY);
  overflow: hidden;
}
#top .gallery__main {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
#top .gallery__main > * {
  display: block;
  max-width: 80%;
  margin-right: auto;
  margin-left: auto;
}
.button3.gallery__button {
  max-width: 80%;
  min-height: 80px;
  margin: auto;
  font-size: 2rem;
}
.button3.gallery__button::before {
  background-color: #a3000b;
}
.button3.gallery__button::after {
  background-color: #fff;
}
.button3.gallery__button:hover {
  color: #a3000b;
}

#top .gallery-slider__label {
  position: relative;
}
#top .gallery-slider__label::before {
  display: grid;
  position: absolute;
  top: 15px;
  left: 15px;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #a3000b;
  content: "NEW";
  color: #fff;
  font-size: 8px;
  line-height: 0;
  letter-spacing: 0.05em;
  white-space: nowrap;
  animation: fade-in 1s ease-in-out alternate infinite;
}
#top .cast-chart {
  z-index: 50;
  position: relative;
  margin-top: var(--spaceY);
  margin-bottom: var(--spaceY);
  overflow: hidden;
}
#top .staff h3 {
  margin-bottom: 0.5em;
  color: #d6000f;
  font-weight: 500;
  font-weight: 700;
  font-size: 1.6rem;
  letter-spacing: 0.07em;
}
#top .staff h3:not(:first-child) {
  margin-top: 2rem;
}
#top .staff li {
  margin-bottom: 0.25em;
}
#top .story {
  z-index: 50;
  position: relative;
  padding-top: var(--spaceY);
  padding-bottom: var(--spaceY);
  overflow: hidden;
  background-image: url("../images/top/backgrounds/bg-story_sp.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #303030;
  background-position-x: 50%;
  background-position-y: 0;
}
#top .story-slides__head {
  display: flex;
  flex-wrap: wrap;
  flex-wrap: wrap-reverse;
  align-items: center;
  justify-content: center;
  background-color: #000000;
  color: #d6000f;
  font-weight: 700;
  font-size: 1.6rem;
  letter-spacing: 0.08em;
  text-align: center;
}
#top .story-slides__head > * {
  min-width: 0;
  word-wrap: break-word;
  box-sizing: border-box;
  flex: 0 0 1;
  max-width: 1;
}
#top .story-slides__head h3 {
  padding: 1em;
}
#top .story-slides__head h3 img {
  width: 25px;
  margin: auto;
}
#top .story-slides__pic {
  width: 100%;
}
#top .story-slides__body {
  line-height: 2.3125;
  letter-spacing: 0.025em;
}
#top .story-slides .slick-slide h3,
#top .story-slides .slick-slide .story-slides__body {
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
}
#top .story-slides .slick-active h3,
#top .story-slides .slick-active .story-slides__body {
  animation: slide-in 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
}
#top .story-slides .slick-active h3 {
  animation-delay: 0.15s;
}
#top .story-slides .slick-active .story-slides__body {
  animation-delay: 0.35s;
}
#top .story-slides-pagination {
  display: flex;
  flex-direction: column;
}
#top .story-slides-pagination span {
  display: flex;
  align-items: center;
  margin-bottom: 0.25em;
  color: #f13b9e;
  font-weight: 500;
  font-size: 1.6rem;
  letter-spacing: 0.2em;
}
#top .story-slides-pagination span::after {
  width: 50px;
  height: 1px;
  margin: 0 0.5em;
  background-color: currentColor;
  content: "";
}
#top .release {
  position: relative;
  padding-top: var(--spaceY);
  padding-bottom: var(--spaceY);
}
#top .release__links {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  justify-content: stretch;
}
#top .release__links > * {
  flex: 1 0 calc(33.3333333333% - 5px);
  max-width: calc(33.3333333333% - 5px);
  margin: 2.5px;
}
#top .box {
  z-index: 0;
  position: relative;
  padding: 17% 6% 6%;
  background-image: url("../images/top/backgrounds/bg-box.jpg");
  color: #000000;
}
#top .box:not(:last-child) {
  margin-bottom: 2rem;
}
#top .box__head {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
#top .box__head img {
  width: 60%;
}
#top .box__button {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  max-width: 600px;
  margin-right: auto;
  margin-left: auto;
  padding: 0.5em 1.5em;
  background-color: #000000;
  box-shadow: 5px 5px 0 #a3000b;
  color: #fff;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.40625;
  letter-spacing: 0.07em;
  transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}
#top .box__button::before {
  position: absolute;
  right: -15px;
  width: 30px;
  height: 30px;
  background-color: #d6000f;
  content: "";
}
#top .box__button::after {
  position: absolute;
  right: -7px;
  width: 14px;
  height: 14px;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 512 512"%20fill%3D%22%23fff%22><path d="M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"/></svg>');
  background-repeat: no-repeat;
  content: "";
}
#top .box__button:hover {
  transform: translate(5px);
  box-shadow: none;
}
#top .stream-button {
  display: flex;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: auto;
  margin-bottom: 1em;
  margin-left: auto;
  transition: 0.4s;
}
#top .stream-button:active {
  transform: scale(0.95);
  transition: 0.2s;
}
#top .stream-button[tabindex="-1"] {
  cursor: default;
  pointer-events: none;
}
#top .table {
  width: 700px;
  border-spacing: 0px;
}
#top .table__cap {
  margin-bottom: 1em;
  font-size: 1.6rem;
  text-align: left;
}
#top .table__th, #top .table__td {
  width: 150px;
  height: 80px;
  padding: 0.5em;
  border-right: solid 1px #6c6c6c;
  border-bottom: solid 1px #6c6c6c;
  color: #fff;
  text-align: center;
}
#top .table__th {
  background-color: #000000;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.25;
}
#top .table__th img {
  aspect-ratio: 615/192;
  pointer-events: none;
  -o-object-fit: contain;
     object-fit: contain;
}
#top .table__td {
  background-color: #191919;
}
#top .table__link {
  display: inline-block;
  padding: 0.25em 1em;
  background-color: #af0c15;
  text-align: center;
  vertical-align: middle;
  transition: 0.4s;
}
#top .table__link:active {
  transform: scale(0.95);
  transition: 0.2s;
}
#top .table__link::after {
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  margin-left: 0.25em;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 512 512"%20fill%3D%22%23fff%22><path d="M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V32c0-17.7-14.3-32-32-32H352zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"/></svg>');
  background-repeat: no-repeat;
  content: "";
}
#top .table__link--bc-gold {
  background-color: #8b6600;
}
#top .table thead th:last-of-type {
  margin-right: 0;
}
#top .table tbody td:last-of-type {
  margin-right: 0;
}
#top .table tbody tr:last-child th, #top .table tbody tr:last-child td {
  margin-bottom: 0;
}
#top .sell {
  display: flex;
  flex-direction: column-reverse;
}
#top .sell__catch {
  margin-bottom: 1rem;
  text-align: center;
}
#top .sell__row--last-order {
  order: -1;
}
#top .sell__links {
  --gutter:5px;
}
#top .sell__links a[disabled] {
  position: relative;
  pointer-events: none;
}
#top .sell__links a[disabled]::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.65);
  content: "";
}
#top .sell__sub-heading {
  margin-bottom: 0.5em;
  color: #d6000f;
  font-weight: 500;
  font-size: 2.6041666667vw;
  word-wrap: break-word;
}
#top .sell__sub-heading::after {
  display: inline-block;
  margin-left: 0.25em;
  content: "»";
}
#top .sell-item {
  margin-bottom: 2rem;
}
#top .sell-item__title {
  color: #d6000f;
  font-weight: 500;
  font-size: 3.125vw;
}
#top .sellling {
  z-index: 50;
  position: relative;
  padding-top: 6%;
  padding-bottom: 40%;
  background-image: url("../images/top/backgrounds/bg-copy-item_sp.png"), url("../images/top/backgrounds/bg-copy_sp.jpg");
  background-position: center center, center center;
  background-size: cover, cover;
  background-repeat: no-repeat;
  background-color: #303030;
  font-size: 1.2rem;
  line-height: 1.25;
  letter-spacing: 0.07em;
}

#pages {
  --spaceX:4%;
  --spaceY: 3.5rem;
  background-color: #0e0c0c;
}
#pages::before {
  z-index: -1;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("../images/top/backgrounds/bg-base_sp.jpg") repeat-y 0 0/cover;
  content: "";
}
#pages #archive-gallery {
  margin-top: var(--spaceY);
}
#pages .voice {
  margin-top: var(--spaceY);
  margin-bottom: var(--spaceY);
}
#pages .sound {
  display: flex;
  z-index: 50;
  position: relative;
}
#pages .sound__wrap {
  display: inline-flex;
  position: relative;
}
#pages .sound__status {
  display: inline-block;
  z-index: 1;
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 0.05em 1em;
  transform: translateY(20px);
  background-color: #d6000f;
  opacity: 0;
  pointer-events: none;
  transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}
#pages .sound__icon {
  z-index: 1;
  position: absolute;
  bottom: 10px;
  width: 25px;
  height: 25px;
  transform: all 0.25s ease-in-out forwards;
}
#pages .sound__icon path {
  fill: #fff;
}
#pages .sound__icon--voice {
  right: 10px;
}
#pages .sound__icon--voice:hover {
  opacity: 0.5;
}
#pages .sound__icon--zoom {
  right: 40px;
}
#pages .sound.is-play .sound__status {
  transform: translateY(0);
  opacity: 1;
}
#pages .sound.is-play .sound__icon--voice {
  pointer-events: none;
}
#pages .sound.is-play .sound__icon--voice path {
  fill: #d6000f;
}
#pages .sound__poster:hover .sound__icon--zoom {
  opacity: 0.5;
}
#pages .chart__tab-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 5px;
}
#pages .chart__button {
  position: relative;
  margin: 0;
  padding: 0.5em 1.5em;
  background-color: #303030;
  font-weight: 700;
  line-height: 1;
  text-wrap: nowrap;
  border-bottom: solid 3px transparent;
  transition: border 0.25s ease-in-out;
}
#pages .chart__button::before {
  display: inline-flex;
  visibility: hidden;
  position: absolute;
  top: 0.3em;
  bottom: 0;
  left: 1em;
  align-items: center;
  justify-content: center;
  content: "▶︎";
  color: #707070;
  font-size: 0.6em;
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
}
#pages .chart__button[tabindex="0"] {
  border-bottom: solid 3px #a3000b;
}
#pages .chart__button[tabindex="0"]::before {
  visibility: visible;
  opacity: 1;
}
#pages .chart-panel[aria-hidden=true] {
  display: none;
}
#pages .chart-panel a:first-child {
  margin-top: 3em;
}
#pages .chart-panel__link {
  transition: all 0.25s ease-in-out;
}
#pages .chart-panel__link:hover, #pages .chart-panel__link:focus {
  outline: none;
  filter: drop-shadow(0 0 5px #d6000f);
}
#pages .chart-panel__link:active {
  outline: none;
}
#pages .chart-panel__link[disabled] {
  pointer-events: none;
}
#pages .chart-panel__item {
  position: relative;
}
#pages .cast-chart {
  z-index: 50;
  position: relative;
  margin-top: var(--spaceY);
  margin-bottom: var(--spaceY);
  overflow: hidden;
}
#pages .cast {
  display: grid;
  gap: 3rem 0;
}
#pages .cast__image {
  margin: auto;
}
#pages .cast__content {
  margin: auto 0;
}
#pages .cast__character {
  margin-bottom: 2rem;
}
#pages .cast__character-name {
  color: #d6000f;
  font-size: 2rem;
  font-family: "Zen Old Mincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
#pages .cast__profile {
  padding: 2rem;
  background-color: #303030;
}
#pages .cast__profile-head {
  margin-bottom: 2rem;
  font-family: "Zen Old Mincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
#pages .cast__profile-name {
  font-size: 2rem;
}
#pages .cast-list__head {
  display: inline-block;
  margin-bottom: 1rem;
  padding: 0.25em 0.5em;
  border: solid 1px currentColor;
}
#pages .cast-list--head-vertical .cast-list__head {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  margin-right: 1em;
  margin-bottom: 0;
  padding: 0.5em 0.25em;
  letter-spacing: 0.07em;
  white-space: nowrap;
  writing-mode: vertical-lr;
}
#pages .story {
  z-index: 50;
  position: relative;
  padding-top: var(--spaceY);
  padding-bottom: var(--spaceY);
  overflow: hidden;
  background-image: url("../images/top/backgrounds/bg-story_sp.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #303030;
  background-position-x: 50%;
  background-position-y: 0;
}
#pages .story-slides__head {
  display: flex;
  flex-wrap: wrap;
  flex-wrap: wrap-reverse;
  align-items: center;
  justify-content: center;
  background-color: #000000;
  color: #d6000f;
  font-weight: 700;
  font-size: 1.6rem;
  letter-spacing: 0.08em;
  text-align: center;
}
#pages .story-slides__head > * {
  min-width: 0;
  word-wrap: break-word;
  box-sizing: border-box;
  flex: 0 0 1;
  max-width: 1;
}
#pages .story-slides__head h3 {
  padding: 1em;
}
#pages .story-slides__head h3 img {
  width: 25px;
  margin: auto;
}
#pages .story-slides__pic {
  width: 100%;
}
#pages .story-slides__body {
  line-height: 2.3125;
  letter-spacing: 0.025em;
}
#pages .story-slides .slick-slide h3,
#pages .story-slides .slick-slide #pages .story-slides__body {
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
}
#pages .story-slides .slick-active h3,
#pages .story-slides .slick-active #pages .story-slides__body {
  animation: slide-in 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
}
#pages .story-slides .slick-active h3 {
  animation-delay: 0.15s;
}
#pages .story-slides .slick-active #pages .story-slides__body {
  animation-delay: 0.35s;
}
#pages .story-slides-pagination {
  display: flex;
  flex-direction: column;
}
#pages .story-slides-pagination span {
  display: flex;
  align-items: center;
  margin-bottom: 0.25em;
  color: #f13b9e;
  font-weight: 500;
  font-size: 1.6rem;
  letter-spacing: 0.2em;
}
#pages .story-slides-pagination span::after {
  width: 50px;
  height: 1px;
  margin: 0 0.5em;
  background-color: currentColor;
  content: "";
}

#xcam {
  --spaceY: 5rem;
  --spaceX:4%;
  position: relative;
}
#xcam::before {
  z-index: -1;
  position: fixed;
  width: 100%;
  height: 100vh;
  inset: 0;
  background: url("../images/xcam/bg.jpg") no-repeat top center/cover;
  content: "";
}
#xcam section + section {
  margin-top: 5rem;
}
#xcam .link {
  display: inline;
  padding-right: 0.25em;
  padding-left: 0.25em;
  color: #c6b462;
  text-decoration: underline;
}
#xcam .text-cp {
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 0.25em;
  background-color: #fff;
  color: #000000;
  font-weight: 700;
  font-size: 4.6875vw;
  text-align: center;
}
#xcam .text-cp__label {
  display: block;
  color: #707070;
  line-height: 1.25;
}
#xcam .heading-xcam {
  margin-bottom: 1em;
  color: #c6b462;
  font-weight: 900;
  font-size: 5.46875vw;
  line-height: 1.25;
  letter-spacing: 0.05em;
  text-align: center;
}
#xcam .box {
  display: flex;
  position: relative;
  align-items: stretch;
}
#xcam .box::before, #xcam .box::after {
  position: absolute;
  width: 23px;
  height: 100%;
  border-top: solid 3px #fff;
  border-bottom: solid 3px #fff;
  background: url("pathbox-item.svg") no-repeat center center/auto;
  content: "";
}
#xcam .box::before {
  left: 0;
  border-left: solid 3px #fff;
}
#xcam .box::after {
  right: 0;
  border-right: solid 3px #fff;
}
#xcam .box__inner {
  margin: auto;
  padding-right: calc(23px + 0.5em);
  padding-left: calc(23px + 0.5em);
}
#xcam .box__inner br {
  display: none;
}
#xcam .hero {
  position: relative;
}
#xcam .hero__catch {
  position: absolute;
  top: 3%;
  right: 2.5%;
  width: 17%;
}
#xcam .intro {
  padding-right: 2.5%;
  padding-left: 2.5%;
}
#xcam .announce-catch {
  font-weight: 700;
  font-size: 3.6458333333vw;
  text-align: center;
}
#xcam .footer {
  padding-top: 5rem;
  padding-bottom: 5rem;
  text-align: center;
}

#xcam3 {
  --spaceX: 2.5%;
  position: relative;
  background-color: #001a51;
  color: #fff;
  font-weight: 500;
}
#xcam3::before {
  z-index: -1;
  position: fixed;
  width: 100%;
  height: 100vh;
  inset: 0;
  background: url("../images/xcam3/bg.jpg") no-repeat top center/cover;
  content: "";
}
#xcam3 section + section {
  margin-top: 5rem;
}
#xcam3 .link {
  display: inline;
  text-decoration: underline;
  text-underline-offset: 5px;
}
#xcam3 .text-cp {
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 0.25em;
  background-color: #fff;
  color: #000000;
  font-weight: 700;
  font-size: 4.6875vw;
  text-align: center;
}
#xcam3 .text-cp__label {
  display: block;
  color: #707070;
  line-height: 1.25;
}
#xcam3 .heading-xcam {
  margin-bottom: 1em;
  color: #c6b462;
  font-weight: 900;
  font-size: 5.46875vw;
  line-height: 1.25;
  letter-spacing: 0.05em;
  text-align: center;
}
#xcam3 .hero {
  position: relative;
}
#xcam3 .hero__catch {
  position: absolute;
  top: 3%;
  right: 2.5%;
  width: 17%;
}
#xcam3 .intro {
  color: #001a51;
  font-size: 1.6rem;
  line-height: 1.65;
  text-align: center;
}
#xcam3 .intro__catch {
  padding-right: var(--spaceX);
  padding-left: var(--spaceX);
}
#xcam3 .intro__inner {
  margin-top: 3rem;
  margin-bottom: 3rem;
  padding-top: 3rem;
  padding-bottom: 3rem;
  background: url("../images/xcam3/base_intro.jpg") repeat-y center center/cover, #fff;
}
#xcam3 .intro::after {
  display: block;
  width: 219px;
  height: 50px;
  margin: 3rem auto;
  background: url("../images/xcam3/arrow.png") no-repeat;
  content: "";
}
#xcam3 .present-box {
  display: grid;
  place-items: center;
  padding: 3rem 2rem;
  background-color: #000000;
  box-shadow: 0 0 10px 5px rgba(0, 49, 155, 0.8);
  -o-border-image: repeating-linear-gradient(45deg, rgb(0, 63, 197) 0%, rgb(0, 0, 0) 10%, rgb(0, 63, 197) 20%, rgb(0, 0, 0) 30%, rgb(0, 63, 197) 40%, rgb(0, 0, 0) 50%, rgb(0, 63, 197) 60%, rgb(0, 0, 0) 70%, rgb(0, 63, 197) 80%, rgb(0, 0, 0) 90%, rgb(0, 63, 197) 100%) 30;
  border-width: 2px;
  border-style: solid;
     border-image: repeating-linear-gradient(45deg, rgb(0, 63, 197) 0%, rgb(0, 0, 0) 10%, rgb(0, 63, 197) 20%, rgb(0, 0, 0) 30%, rgb(0, 63, 197) 40%, rgb(0, 0, 0) 50%, rgb(0, 63, 197) 60%, rgb(0, 0, 0) 70%, rgb(0, 63, 197) 80%, rgb(0, 0, 0) 90%, rgb(0, 63, 197) 100%) 30;
}
#xcam3 .present-box img {
  position: relative;
  left: -2.5%;
}
#xcam3 .announce__text {
  font-weight: 700;
  font-size: 3.6458333333vw;
  text-align: center;
}
#xcam3 .footer {
  padding-top: 5rem;
  padding-bottom: 5rem;
  text-align: center;
}

#xcam4 {
  position: relative;
  background-color: #000000;
  color: #fff;
  font-weight: 500;
  font-family: "Noto Sans JP", "Yu Gothic", "Arial", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Osaka", "メイリオ", sans-serif;
}
#xcam4::before {
  z-index: -1;
  position: fixed;
  width: 100%;
  height: 100vh;
  inset: 0;
  background: url("../images/xcam4/bg-base_sp.jpg") no-repeat top center/cover;
  content: "";
}
#xcam4 section + section {
  margin-top: 5rem;
}
#xcam4 .link {
  display: inline;
  text-decoration: underline;
  text-underline-offset: 5px;
}
#xcam4 .text-cp {
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 0.25em;
  background-color: #fff;
  color: #000000;
  font-weight: 700;
  font-size: 4.6875vw;
  text-align: center;
}
#xcam4 .text-cp__label {
  display: block;
  color: #707070;
  line-height: 1.25;
}
#xcam4 .heading-xcam {
  margin-bottom: 1em;
  color: #ea0411;
  font-weight: 900;
  font-size: 2rem;
  line-height: 1.25;
  letter-spacing: 0.05em;
  text-align: center;
}
#xcam4 .container {
  padding-right: 2.5%;
  padding-left: 2.5%;
}
#xcam4 .hero {
  position: relative;
  margin-bottom: -7%;
  pointer-events: none;
}
#xcam4 .hero img {
  width: 100%;
}
#xcam4 .hero__logo {
  position: absolute;
  right: 0;
  bottom: 15%;
  left: 0;
  width: 85%;
  margin: auto;
}
#xcam4 .intro {
  z-index: 1;
  position: relative;
  text-align: center;
}
#xcam4 .intro::before {
  z-index: -1;
  position: absolute;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: skewY(-5deg);
  background-color: #000000;
  content: "";
}
#xcam4 .intro__inner {
  padding-top: 8%;
  padding-bottom: 8%;
}
#xcam4 .intro__inner > * {
  margin-bottom: 1em;
}
#xcam4 .intro__catch {
  margin-bottom: 1.5em;
  font-weight: 900;
  font-size: 3.3854166667vw;
  line-height: 1.5;
}
#xcam4 .intro__catch--l {
  position: relative;
  font-size: 3.90625vw;
}
#xcam4 .intro__catch--l::after {
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  width: 65%;
  height: 2px;
  margin: auto;
  background: url("../images/xcam4/bg-line.jpg") repeat-x, #fff;
  content: "";
}
#xcam4 .box {
  width: 80%;
  margin-right: auto;
  margin-left: auto;
  padding: 1em 2.5%;
  background-color: #1d1d1d;
  font-size: 3.90625vw;
  letter-spacing: 0.05em;
}
#xcam4 .box__heading {
  font-size: 3.3854166667vw;
}
#xcam4 .box__heading::before {
  content: "[ ";
}
#xcam4 .box__heading::after {
  content: " ]";
}
#xcam4 .reposts {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  font-weight: 900;
  text-align: center;
}
#xcam4 .reposts__col {
  flex: 1 0 calc(50% - 10px);
  max-width: calc(50% - 10px);
  margin: 5px;
}
#xcam4 .reposts figure {
  margin: 0.5rem;
}
#xcam4 .reposts p {
  margin-top: 1em;
  margin-bottom: 1em;
}
#xcam4 .announce__text {
  font-weight: 700;
  font-size: 2.6041666667vw;
  text-align: center;
}
#xcam4 .presents {
  position: relative;
}
#xcam4 .presents::before {
  z-index: -1;
  position: absolute;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: skewY(-5deg);
  background-color: #1d1d1d;
  content: "";
}
#xcam4 .presents__inner {
  padding-top: 8%;
  padding-bottom: 8%;
}
#xcam4 .note {
  font-weight: 500;
  font-size: 2.0833333333vw;
}
#xcam4 .footer {
  padding-top: 5rem;
  padding-bottom: 5rem;
  font-size: 1.5625vw;
  text-align: center;
}

#xcam5 {
  --color-base: #383e42;
  --color-main: map-get($colors, white);
  --color-accent: #b29558;
  --fs-base: clamp(1.4rem, 1.251rem + 0.74vw, 1.6rem);
  --fs-bold: clamp(1.6rem, 1.451rem + 0.74vw, 1.7rem);
  position: relative;
  background-color: var(--color-base);
  color: var(--color-main);
  font-weight: 500;
  font-size: var(--fs-base);
  font-family: "Zen Kaku Gothic New", "Yu Gothic", "Arial", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Osaka", "メイリオ", sans-serif;
  text-shadow: 2px 0px 3.5rem rgba(0, 0, 0, 0.1), -2px 0px 3.5rem rgba(0, 0, 0, 0.1), 0px -2px 3.5rem rgba(0, 0, 0, 0.1), -2px 0px 3.5rem rgba(0, 0, 0, 0.1), 2px 2px 3.5rem rgba(0, 0, 0, 0.1), -2px 2px 3.5rem rgba(0, 0, 0, 0.1), 2px -2px 3.5rem rgba(0, 0, 0, 0.1), -2px -2px 3.5rem rgba(0, 0, 0, 0.1), 2px 0px 3.5rem rgba(0, 0, 0, 0.1), -2px 0px 3.5rem rgba(0, 0, 0, 0.1), 0px -2px 3.5rem rgba(0, 0, 0, 0.1), -2px 0px 3.5rem rgba(0, 0, 0, 0.1), 2px 2px 3.5rem rgba(0, 0, 0, 0.1), -2px 2px 3.5rem rgba(0, 0, 0, 0.1), 2px -2px 3.5rem rgba(0, 0, 0, 0.1), -2px -2px 3.5rem rgba(0, 0, 0, 0.1);
}
#xcam5::before {
  z-index: -1;
  position: fixed;
  width: 100%;
  height: 100%;
  inset: 0;
  background: url("../images/xcam5/bg-base_sp.jpg") repeat-y top center/cover;
  content: "";
}
#xcam5 main {
  overflow-y: hidden;
}
#xcam5 section + section {
  margin-top: 5rem;
}
#xcam5 .link {
  display: inline;
  text-decoration: underline;
  text-underline-offset: 5px;
}
#xcam5 .container {
  margin-right: 3%;
  margin-left: 3%;
}
#xcam5 .heading-xcam {
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 3rem;
  margin-left: auto;
  text-align: center;
}
#xcam5 .intro {
  font-size: var(--fs-bold);
  text-align: center;
}
#xcam5 .intro p + p {
  margin-top: 1em;
  margin-bottom: 0;
}
#xcam5 .intro__cp {
  display: flex;
  width: 85%;
  margin-right: auto;
  margin-left: auto;
}
#xcam5 .box {
  box-sizing: border-box;
  position: relative;
  background-color: #000;
  -o-border-image: linear-gradient(45deg, #b38534 0%, #d9dd68 20%, #aa7922 46%, #d9dd68 74%, #b38534 100%) 100;
  padding: 5rem 1rem 3rem;
     border-image: linear-gradient(45deg, #b38534 0%, #d9dd68 20%, #aa7922 46%, #d9dd68 74%, #b38534 100%) 100;
  border-image-outset: 1px;
  border-image-width: 1px;
  text-align: center;
}
#xcam5 .box__title {
  position: absolute;
  top: 0;
  left: 0;
  width: 58%;
  transform: translateY(-50%) translateX(-10%);
}
#xcam5 .announce {
  font-size: var(--fs-bold);
  text-align: center;
}
#xcam5 .embed {
  box-sizing: border-box;
  -o-border-image: linear-gradient(45deg, #b38534 0%, #d9dd68 20%, #aa7922 46%, #d9dd68 74%, #b38534 100%) 100;
  max-width: 100%;
     border-image: linear-gradient(45deg, #b38534 0%, #d9dd68 20%, #aa7922 46%, #d9dd68 74%, #b38534 100%) 100;
  border-image-outset: 2px;
  border-image-width: 1px;
}
#xcam5 .footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
  text-align: center;
}

#xcam6 {
  --bg-color-main: #020000;
  --color-main: #fff;
  --color-accent: #e00b0b;
  --fs-base: 1.4rem;
  --container:750px;
  --spaceX:6%;
}

#xcam6 {
  position: relative;
  background-color: var(--bg-color-main);
  color: var(--color-main);
  font-weight: 500;
  font-size: var(--fs-base);
  font-family: "Zen Kaku Gothic New", "Yu Gothic", "Arial", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Osaka", "メイリオ", sans-serif;
}
#xcam6::before {
  z-index: -1;
  position: fixed;
  width: 100%;
  height: 100%;
  inset: 0;
  background: url("../images/xcam6/bg1.jpg") repeat-y center center/100% auto fixed;
  content: "";
}

#xcam6 .container {
  max-width: var(--container);
  margin-right: auto;
  margin-left: auto;
  padding-top: 40px;
  padding-right: var(--spaceX);
  padding-bottom: 30px;
  padding-left: var(--spaceX);
}
#xcam6 .link {
  display: inline-block;
  text-decoration: underline;
  text-underline-offset: 0.1em;
}
#xcam6 .heading {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
}
#xcam6 .heading--repost {
  max-width: 80%;
}
#xcam6 .heading--special {
  max-width: 30%;
}
#xcam6 .heading--outline {
  justify-content: flex-start;
  max-width: 25%;
  margin: 0;
}
#xcam6 .bg {
  position: relative;
}
#xcam6 .bg::before {
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  content: "";
}
#xcam6 .bg--repost::before {
  background: url("../images/xcam6/bg2.jpg") no-repeat left top/cover;
  opacity: 0.8;
}
#xcam6 .bg--outline::before {
  background: url("../images/xcam6/bg3.jpg") no-repeat left top/cover;
  opacity: 0.5;
}
#xcam6 .hero {
  position: relative;
  margin-right: auto;
  margin-left: auto;
}
#xcam6 .hero__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
}
#xcam6 .hero__item {
  display: flex;
  position: absolute;
  align-items: center;
  margin: auto;
}
#xcam6 .hero__item--catch {
  width: 68%;
  inset: 1% 0 auto;
}
#xcam6 .hero__item--logo {
  width: 46%;
  inset: auto 0 3%;
}
#xcam6 .hero__kv {
  width: 100%;
}
#xcam6 .intro {
  text-align: center;
  filter: drop-shadow(0 0 5px var(--bg-color-main)) drop-shadow(0 0 20px var(--bg-color-main));
}
#xcam6 .intro__schedule {
  margin-bottom: 3%;
}
#xcam6 .repost__button {
  max-width: 80%;
  transition: 0.4s;
}
#xcam6 .repost__button:active {
  transform: scale(0.95);
  transition: 0.2s;
}
#xcam6 .spacial {
  filter: drop-shadow(0 0 5px var(--bg-color-main)) drop-shadow(0 0 20px var(--bg-color-main));
}
#xcam6 .footer {
  font-weight: 400;
  font-size: 1.2rem;
  text-align: center;
}
#xcam6 .outline__heading {
  margin-bottom: 0.5em;
}

#xcam6 .u-c-red {
  color: var(--color-accent);
}

.u-d-b {
  display: block;
}

.u-d-n {
  display: none;
}

.u-d-i {
  display: inline;
}

.u-d-ib {
  display: inline-block;
}

.u-d-t {
  display: table;
}

.u-d-f {
  display: flex;
}

.u-d-if {
  display: inline-flex;
}

.u-pos-r {
  position: relative;
}

.u-pos-a {
  position: absolute;
}

.u-z-n2 {
  z-index: -2;
}

.u-z-n1 {
  z-index: -1;
}

.u-z-1 {
  z-index: 1;
}

.u-z-2 {
  z-index: 2;
}

.u-z-3 {
  z-index: 3;
}

.u-ai-b {
  align-items: baseline;
}

.u-ai-c {
  align-items: center;
}

.u-ai-e {
  align-items: flex-end;
}

.u-jc-c {
  justify-content: center;
}

.u-jc-fs {
  justify-content: flex-start;
}

.u-jc-e {
  justify-content: flex-end;
}

.u-jc-sb {
  justify-content: space-between;
}

.u-jc-sa {
  justify-content: space-around;
}

.u-fd-c {
  flex-direction: column;
}

.u-fd-cr {
  flex-direction: column-reverse;
}

.u-fd-r {
  flex-direction: row;
}

.u-fd-rr {
  flex-direction: row-reverse;
}

.u-fwr-w {
  flex-wrap: wrap;
}

.u-fwr-nw {
  flex-wrap: nowrap;
}

.u-flex-auto {
  flex: 0 0 auto;
}

.u-c-text {
  color: #fff;
}

.u-c-main {
  color: #0e0c0c;
}

.u-c-black {
  color: #000000;
}

.u-c-navy {
  color: #0c2650;
}

.u-c-link {
  color: inherit;
}

.u-c-white {
  color: #fff;
}

.u-c-red {
  color: #d6000f;
}

.u-c-red2 {
  color: #ea0411;
}

.u-c-blue {
  color: #00abd4;
}

.u-c-green {
  color: #365264;
}

.u-c-yellow {
  color: #fdd000;
}

.u-c-pink1 {
  color: #f13b9e;
}

.u-c-pink2 {
  color: #f570aa;
}

.u-c-lightpink {
  color: #fbd9ed;
}

.u-c-gray {
  color: #707070;
}

.u-c-gold {
  color: #947d0d;
}

.u-c-darkgray {
  color: #303030;
}

.u-bc-text {
  background-color: #fff;
}

.u-bc-main {
  background-color: #0e0c0c;
}

.u-bc-black {
  background-color: #000000;
}

.u-bc-navy {
  background-color: #0c2650;
}

.u-bc-link {
  background-color: inherit;
}

.u-bc-white {
  background-color: #fff;
}

.u-bc-red {
  background-color: #d6000f;
}

.u-bc-red2 {
  background-color: #ea0411;
}

.u-bc-blue {
  background-color: #00abd4;
}

.u-bc-green {
  background-color: #365264;
}

.u-bc-yellow {
  background-color: #fdd000;
}

.u-bc-pink1 {
  background-color: #f13b9e;
}

.u-bc-pink2 {
  background-color: #f570aa;
}

.u-bc-lightpink {
  background-color: #fbd9ed;
}

.u-bc-gray {
  background-color: #707070;
}

.u-bc-gold {
  background-color: #947d0d;
}

.u-bc-darkgray {
  background-color: #303030;
}

.u-fs-i {
  font-size: inherit !important;
}

.u-fs-10 {
  font-size: 1rem !important;
}

.u-fs-12 {
  font-size: 1.2rem !important;
}

.u-fs-14 {
  font-size: 1.4rem !important;
}

.u-fs-16 {
  font-size: 1.6rem !important;
}

.u-fs-18 {
  font-size: 1.8rem !important;
}

.u-fs-20 {
  font-size: 2rem !important;
}

.u-fs-22 {
  font-size: 2.2rem !important;
}

.u-fs-24 {
  font-size: 2.4rem !important;
}

.u-fs-27 {
  font-size: 2.7rem !important;
}

.u-fs-30 {
  font-size: 3rem !important;
}

.u-fs-40 {
  font-size: 4rem !important;
}

.u-fs-60p {
  font-size: 60% !important;
}

.u-fs-70p {
  font-size: 70% !important;
}

.u-fs-80p {
  font-size: 80% !important;
}

.u-fs-90p {
  font-size: 90% !important;
}

.u-fs-100p {
  font-size: 100% !important;
}

.u-fs-110p {
  font-size: 110% !important;
}

.u-fs-120p {
  font-size: 120% !important;
}

.u-fs-130p {
  font-size: 130% !important;
}

.u-fs-140p {
  font-size: 140% !important;
}

.u-fs-150p {
  font-size: 150% !important;
}

.u-fs-160p {
  font-size: 160% !important;
}

.u-fs-170p {
  font-size: 170% !important;
}

.u-fs-180p {
  font-size: 180% !important;
}

.u-fw-s {
  font-weight: 400;
}

.u-fw-m {
  font-weight: 500;
}

.u-fw-l {
  font-weight: 700;
}

.u-fw-xl {
  font-weight: 900;
}

.u-fw-base {
  font-weight: 400;
}

.u-fsy-i {
  font-style: italic;
}

.u-fsy-n {
  font-style: normal;
}

.u-lh-i {
  line-height: inherit !important;
}

.u-lh-10 {
  line-height: 0.1 !important;
}

.u-lh-20 {
  line-height: 0.2 !important;
}

.u-lh-30 {
  line-height: 0.3 !important;
}

.u-lh-40 {
  line-height: 0.4 !important;
}

.u-lh-50 {
  line-height: 0.5 !important;
}

.u-lh-60 {
  line-height: 0.6 !important;
}

.u-lh-70 {
  line-height: 0.7 !important;
}

.u-lh-80 {
  line-height: 0.8 !important;
}

.u-lh-90 {
  line-height: 0.9 !important;
}

.u-lh-100 {
  line-height: 1 !important;
}

.u-lh-110 {
  line-height: 1.1 !important;
}

.u-lh-120 {
  line-height: 1.2 !important;
}

.u-lh-130 {
  line-height: 1.3 !important;
}

.u-lh-140 {
  line-height: 1.4 !important;
}

.u-lh-150 {
  line-height: 1.5 !important;
}

.u-lh-160 {
  line-height: 1.6 !important;
}

.u-lh-170 {
  line-height: 1.7 !important;
}

.u-lh-180 {
  line-height: 1.8 !important;
}

.u-lh-190 {
  line-height: 1.9 !important;
}

.u-lh-200 {
  line-height: 2 !important;
}

.u-ls-nxs {
  letter-spacing: -0.02em;
}

.u-ls-nxl {
  letter-spacing: -0.2em;
}

.u-ls-xs {
  letter-spacing: 0.02em;
}

.u-ls-s {
  letter-spacing: 0.05em;
}

.u-ls-m {
  letter-spacing: 0.08em;
}

.u-ls-l {
  letter-spacing: 0.2em;
}

.u-ls-xl {
  letter-spacing: 0.2em;
}

.u-ta-r {
  text-align: right;
}

.u-ta-l {
  text-align: left;
}

.u-ta-c {
  text-align: center;
}

.u-ta-j {
  text-align: justify;
}

.u-va-tb {
  vertical-align: text-bottom;
}

.u-td-lt {
  text-decoration: line-through;
}

.u-td-ul {
  text-decoration: underline;
}

.u-sans-serif {
  font-family: "Zen Kaku Gothic New", "Yu Gothic", "Arial", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Osaka", "メイリオ", sans-serif;
}

.u-serif {
  font-family: "Zen Old Mincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.u-ws-nw {
  white-space: nowrap;
}

.u-w-10 {
  width: 10% !important;
}

.u-w-20 {
  width: 20% !important;
}

.u-w-30 {
  width: 30% !important;
}

.u-w-40 {
  width: 40% !important;
}

.u-w-50 {
  width: 50% !important;
}

.u-w-60 {
  width: 60% !important;
}

.u-w-70 {
  width: 70% !important;
}

.u-w-80 {
  width: 80% !important;
}

.u-w-90 {
  width: 90% !important;
}

.u-w-100 {
  width: 100% !important;
}

.u-w-auto {
  width: auto !important;
}

.u-mw-10 {
  max-width: 10% !important;
}

.u-mw-20 {
  max-width: 20% !important;
}

.u-mw-30 {
  max-width: 30% !important;
}

.u-mw-40 {
  max-width: 40% !important;
}

.u-mw-50 {
  max-width: 50% !important;
}

.u-mw-60 {
  max-width: 60% !important;
}

.u-mw-70 {
  max-width: 70% !important;
}

.u-mw-80 {
  max-width: 80% !important;
}

.u-mw-90 {
  max-width: 90% !important;
}

.u-mw-100 {
  max-width: 100% !important;
}

.u-mw-none {
  max-width: none !important;
}

.u-h-10 {
  height: 10% !important;
}

.u-h-20 {
  height: 20% !important;
}

.u-h-30 {
  height: 30% !important;
}

.u-h-40 {
  height: 40% !important;
}

.u-h-50 {
  height: 50% !important;
}

.u-h-60 {
  height: 60% !important;
}

.u-h-70 {
  height: 70% !important;
}

.u-h-80 {
  height: 80% !important;
}

.u-h-90 {
  height: 90% !important;
}

.u-h-100 {
  height: 100% !important;
}

.u-h-auto {
  height: auto !important;
}

.u-m-0 {
  margin: 0 !important;
}

.u-m-xxs {
  margin: 0.5rem !important;
}

.u-m-xs {
  margin: 1rem !important;
}

.u-m-s {
  margin: 2rem !important;
}

.u-m-m {
  margin: 3rem !important;
}

.u-m-l {
  margin: 5rem !important;
}

.u-m-xl {
  margin: 8rem !important;
}

.u-m-xxl {
  margin: 10rem !important;
}

.u-m-auto {
  margin: auto !important;
}

.u-mt-0, .u-my-0 {
  margin-top: 0 !important;
}

.u-mt-xxs, .u-my-xxs {
  margin-top: 0.5rem !important;
}

.u-mt-xs, .u-my-xs {
  margin-top: 1rem !important;
}

.u-mt-s, .u-my-s {
  margin-top: 2rem !important;
}

.u-mt-m, .u-my-m {
  margin-top: 3rem !important;
}

.u-mt-l, .u-my-l {
  margin-top: 5rem !important;
}

.u-mt-xl, .u-my-xl {
  margin-top: 8rem !important;
}

.u-mt-xxl, .u-my-xxl {
  margin-top: 10rem !important;
}

.u-mt-auto, .u-my-auto {
  margin-top: auto !important;
}

.u-mb-0, .u-my-0 {
  margin-bottom: 0 !important;
}

.u-mb-xxs, .u-my-xxs {
  margin-bottom: 0.5rem !important;
}

.u-mb-xs, .u-my-xs {
  margin-bottom: 1rem !important;
}

.u-mb-s, .u-my-s {
  margin-bottom: 2rem !important;
}

.u-mb-m, .u-my-m {
  margin-bottom: 3rem !important;
}

.u-mb-l, .u-my-l {
  margin-bottom: 5rem !important;
}

.u-mb-xl, .u-my-xl {
  margin-bottom: 8rem !important;
}

.u-mb-xxl, .u-my-xxl {
  margin-bottom: 10rem !important;
}

.u-mb-auto, .u-my-auto {
  margin-bottom: auto !important;
}

.u-mr-0, .u-mx-0 {
  margin-right: 0 !important;
}

.u-mr-xxs, .u-mx-xxs {
  margin-right: 0.5rem !important;
}

.u-mr-xs, .u-mx-xs {
  margin-right: 1rem !important;
}

.u-mr-s, .u-mx-s {
  margin-right: 2rem !important;
}

.u-mr-m, .u-mx-m {
  margin-right: 3rem !important;
}

.u-mr-l, .u-mx-l {
  margin-right: 5rem !important;
}

.u-mr-xl, .u-mx-xl {
  margin-right: 8rem !important;
}

.u-mr-xxl, .u-mx-xxl {
  margin-right: 10rem !important;
}

.u-mr-auto, .u-mx-auto {
  margin-right: auto !important;
}

.u-mr-1e, .u-mx-1e {
  margin-right: 1em !important;
}

.u-ml-0, .u-mx-0 {
  margin-left: 0 !important;
}

.u-ml-xxs, .u-mx-xxs {
  margin-left: 0.5rem !important;
}

.u-ml-xs, .u-mx-xs {
  margin-left: 1rem !important;
}

.u-ml-s, .u-mx-s {
  margin-left: 2rem !important;
}

.u-ml-m, .u-mx-m {
  margin-left: 3rem !important;
}

.u-ml-l, .u-mx-l {
  margin-left: 5rem !important;
}

.u-ml-xl, .u-mx-xl {
  margin-left: 8rem !important;
}

.u-ml-xxl, .u-mx-xxl {
  margin-left: 10rem !important;
}

.u-ml-auto, .u-mx-auto {
  margin-left: auto !important;
}

.u-ml-1e, .u-mx-1e {
  margin-left: 1em !important;
}

.u-ml-1e {
  margin-left: 1em;
}

.u-nml-05e {
  margin-left: -0.5em;
}

.u-nml-1e {
  margin-left: -1em;
}

.u-nm-xxs {
  margin: -0.5rem !important;
}

.u-nm-xs {
  margin: -1rem !important;
}

.u-nm-s {
  margin: -2rem !important;
}

.u-nm-m {
  margin: -3rem !important;
}

.u-nm-l {
  margin: -5rem !important;
}

.u-nm-xl {
  margin: -8rem !important;
}

.u-nm-xxl {
  margin: -10rem !important;
}

.u-nmt-xxs, .u-nmy-xxs {
  margin-top: -0.5rem !important;
}

.u-nmt-xs, .u-nmy-xs {
  margin-top: -1rem !important;
}

.u-nmt-s, .u-nmy-s {
  margin-top: -2rem !important;
}

.u-nmt-m, .u-nmy-m {
  margin-top: -3rem !important;
}

.u-nmt-l, .u-nmy-l {
  margin-top: -5rem !important;
}

.u-nmt-xl, .u-nmy-xl {
  margin-top: -8rem !important;
}

.u-nmt-xxl, .u-nmy-xxl {
  margin-top: -10rem !important;
}

.u-nmb-xxs, .u-nmy-xxs {
  margin-bottom: -0.5rem !important;
}

.u-nmb-xs, .u-nmy-xs {
  margin-bottom: -1rem !important;
}

.u-nmb-s, .u-nmy-s {
  margin-bottom: -2rem !important;
}

.u-nmb-m, .u-nmy-m {
  margin-bottom: -3rem !important;
}

.u-nmb-l, .u-nmy-l {
  margin-bottom: -5rem !important;
}

.u-nmb-xl, .u-nmy-xl {
  margin-bottom: -8rem !important;
}

.u-nmb-xxl, .u-nmy-xxl {
  margin-bottom: -10rem !important;
}

.u-nmr-xxs, .u-nmx-xxs {
  margin-right: -0.5rem !important;
}

.u-nmr-xs, .u-nmx-xs {
  margin-right: -1rem !important;
}

.u-nmr-s, .u-nmx-s {
  margin-right: -2rem !important;
}

.u-nmr-m, .u-nmx-m {
  margin-right: -3rem !important;
}

.u-nmr-l, .u-nmx-l {
  margin-right: -5rem !important;
}

.u-nmr-xl, .u-nmx-xl {
  margin-right: -8rem !important;
}

.u-nmr-xxl, .u-nmx-xxl {
  margin-right: -10rem !important;
}

.u-nml-xxs, .u-nmx-xxs {
  margin-left: -0.5rem !important;
}

.u-nml-xs, .u-nmx-xs {
  margin-left: -1rem !important;
}

.u-nml-s, .u-nmx-s {
  margin-left: -2rem !important;
}

.u-nml-m, .u-nmx-m {
  margin-left: -3rem !important;
}

.u-nml-l, .u-nmx-l {
  margin-left: -5rem !important;
}

.u-nml-xl, .u-nmx-xl {
  margin-left: -8rem !important;
}

.u-nml-xxl, .u-nmx-xxl {
  margin-left: -10rem !important;
}

.u-mrc-0 > :not:last-child {
  margin-right: 0 !important;
}

.u-mrc-xxs > :not:last-child {
  margin-right: 0.5rem !important;
}

.u-mrc-xs > :not:last-child {
  margin-right: 1rem !important;
}

.u-mrc-s > :not:last-child {
  margin-right: 2rem !important;
}

.u-mrc-m > :not:last-child {
  margin-right: 3rem !important;
}

.u-mrc-l > :not:last-child {
  margin-right: 5rem !important;
}

.u-mrc-xl > :not:last-child {
  margin-right: 8rem !important;
}

.u-mrc-xxl > :not:last-child {
  margin-right: 10rem !important;
}

.u-mrc-auto > :not:last-child {
  margin-right: auto !important;
}

.u-mbc-0 > :not:last-child {
  margin-bottom: 0 !important;
}

.u-mbc-xxs > :not:last-child {
  margin-bottom: 0.5rem !important;
}

.u-mbc-xs > :not:last-child {
  margin-bottom: 1rem !important;
}

.u-mbc-s > :not:last-child {
  margin-bottom: 2rem !important;
}

.u-mbc-m > :not:last-child {
  margin-bottom: 3rem !important;
}

.u-mbc-l > :not:last-child {
  margin-bottom: 5rem !important;
}

.u-mbc-xl > :not:last-child {
  margin-bottom: 8rem !important;
}

.u-mbc-xxl > :not:last-child {
  margin-bottom: 10rem !important;
}

.u-mbc-auto > :not:last-child {
  margin-bottom: auto !important;
}

.u-p-0 {
  padding: 0 !important;
}

.u-p-xxs {
  padding: 0.5rem !important;
}

.u-p-xs {
  padding: 1rem !important;
}

.u-p-s {
  padding: 2rem !important;
}

.u-p-m {
  padding: 3rem !important;
}

.u-p-l {
  padding: 5rem !important;
}

.u-p-xl {
  padding: 8rem !important;
}

.u-p-xxl {
  padding: 10rem !important;
}

.u-p-auto {
  padding: auto !important;
}

.u-pt-0, .u-py-0 {
  padding-top: 0 !important;
}

.u-pt-xxs, .u-py-xxs {
  padding-top: 0.5rem !important;
}

.u-pt-xs, .u-py-xs {
  padding-top: 1rem !important;
}

.u-pt-s, .u-py-s {
  padding-top: 2rem !important;
}

.u-pt-m, .u-py-m {
  padding-top: 3rem !important;
}

.u-pt-l, .u-py-l {
  padding-top: 5rem !important;
}

.u-pt-xl, .u-py-xl {
  padding-top: 8rem !important;
}

.u-pt-xxl, .u-py-xxl {
  padding-top: 10rem !important;
}

.u-pt-auto, .u-py-auto {
  padding-top: auto !important;
}

.u-pb-0, .u-py-0 {
  padding-bottom: 0 !important;
}

.u-pb-xxs, .u-py-xxs {
  padding-bottom: 0.5rem !important;
}

.u-pb-xs, .u-py-xs {
  padding-bottom: 1rem !important;
}

.u-pb-s, .u-py-s {
  padding-bottom: 2rem !important;
}

.u-pb-m, .u-py-m {
  padding-bottom: 3rem !important;
}

.u-pb-l, .u-py-l {
  padding-bottom: 5rem !important;
}

.u-pb-xl, .u-py-xl {
  padding-bottom: 8rem !important;
}

.u-pb-xxl, .u-py-xxl {
  padding-bottom: 10rem !important;
}

.u-pb-auto, .u-py-auto {
  padding-bottom: auto !important;
}

.u-pr-0, .u-px-0 {
  padding-right: 0 !important;
}

.u-pr-xxs, .u-px-xxs {
  padding-right: 0.5rem !important;
}

.u-pr-xs, .u-px-xs {
  padding-right: 1rem !important;
}

.u-pr-s, .u-px-s {
  padding-right: 2rem !important;
}

.u-pr-m, .u-px-m {
  padding-right: 3rem !important;
}

.u-pr-l, .u-px-l {
  padding-right: 5rem !important;
}

.u-pr-xl, .u-px-xl {
  padding-right: 8rem !important;
}

.u-pr-xxl, .u-px-xxl {
  padding-right: 10rem !important;
}

.u-pr-auto, .u-px-auto {
  padding-right: auto !important;
}

.u-pl-0, .u-px-0 {
  padding-left: 0 !important;
}

.u-pl-xxs, .u-px-xxs {
  padding-left: 0.5rem !important;
}

.u-pl-xs, .u-px-xs {
  padding-left: 1rem !important;
}

.u-pl-s, .u-px-s {
  padding-left: 2rem !important;
}

.u-pl-m, .u-px-m {
  padding-left: 3rem !important;
}

.u-pl-l, .u-px-l {
  padding-left: 5rem !important;
}

.u-pl-xl, .u-px-xl {
  padding-left: 8rem !important;
}

.u-pl-xxl, .u-px-xxl {
  padding-left: 10rem !important;
}

.u-pl-auto, .u-px-auto {
  padding-left: auto !important;
}

.u-fl-r {
  float: right;
}

.u-fl-l {
  float: left;
}

.u-fl-n {
  float: none;
}

.u-overflow-x-auto {
  overflow: auto;
}

.u-overflow-x-hidden {
  overflow: hidden;
}

.u-overflow-x-visible {
  overflow: visible;
}

.u-link {
  color: inherit;
  text-decoration: underline;
}

.u-pe-n {
  pointer-events: none;
}

.u-line-dash-black {
  width: 100%;
  height: 0;
  border-bottom: dashed 1px black;
}

.u-disable {
  cursor: default;
  opacity: 0.4;
  pointer-events: none;
}

.u-copy {
  font-size: 95%;
  line-height: 1;
  vertical-align: super;
}

.u-fluid {
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
}

.u-clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.u-bullet,
.u-bullets > * {
  padding-left: 1em;
  text-indent: -1em;
}

.u-bullet-off {
  padding-left: 0;
  text-indent: 0;
}

.u-hanging,
.u-hangings > * {
  display: table;
}
.u-hanging > *,
.u-hangings > * > * {
  display: table-cell;
  position: relative;
  right: -1px;
  white-space: nowrap;
}

.u-hover {
  transition: 0.4s;
}
.u-hover:active {
  transform: scale(0.95);
  transition: 0.2s;
}

.u-hover-inline {
  text-decoration: none;
}
.u-hover-inline:hover {
  text-decoration: underline;
}

.u-underline {
  background-image: linear-gradient(to right, currentColor 0%, currentColor 100%);
  background-position: bottom 0 center;
  background-size: 100% 1px;
  background-repeat: repeat-x;
  text-decoration: none;
}

.u-visibilityhidden {
  visibility: hidden;
  -webkit-clip-path: inset(0 0 0 0);
  width: 0;
  height: 0;
  overflow: hidden;
          clip-path: inset(0 0 0 0);
}

.u-grid {
  display: flex !important;
  flex-wrap: wrap !important;
}

.u-col-1, .u-col-2, .u-col-3, .u-col-4, .u-col-5, .u-col-6, .u-col-7, .u-col-8, .u-col-9, .u-col-10, .u-col-11, .u-col-12 {
  min-width: 0 !important;
  word-wrap: break-word !important;
}

.u-col-1 {
  flex: 0 0 8.3333333333% !important;
  max-width: 8.3333333333% !important;
}

.u-col-2 {
  flex: 0 0 16.6666666667% !important;
  max-width: 16.6666666667% !important;
}

.u-col-3 {
  flex: 0 0 25% !important;
  max-width: 25% !important;
}

.u-col-4 {
  flex: 0 0 33.3333333333% !important;
  max-width: 33.3333333333% !important;
}

.u-col-5 {
  flex: 0 0 41.6666666667% !important;
  max-width: 41.6666666667% !important;
}

.u-col-6 {
  flex: 0 0 50% !important;
  max-width: 50% !important;
}

.u-col-7 {
  flex: 0 0 58.3333333333% !important;
  max-width: 58.3333333333% !important;
}

.u-col-8 {
  flex: 0 0 66.6666666667% !important;
  max-width: 66.6666666667% !important;
}

.u-col-9 {
  flex: 0 0 75% !important;
  max-width: 75% !important;
}

.u-col-10 {
  flex: 0 0 83.3333333333% !important;
  max-width: 83.3333333333% !important;
}

.u-col-11 {
  flex: 0 0 91.6666666667% !important;
  max-width: 91.6666666667% !important;
}

.u-col-12 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

@media (min-width: 768px) {
  .modaal-imag-chart .modaal-inner-wrapper {
    text-align: center;
  }
  .modaal-content-container {
    padding: 3rem;
  }
  .modaal-overlay {
    background: url("../images/top/backgrounds/bg-base_pc.jpg") no-repeat 50% 0/cover;
  }
  .slick-dots li {
    font-size: 1.6rem;
  }
  .slick-prev {
    left: 0;
  }
  .slick-next {
    right: 0;
  }
  .js-slides[data-slides-type=embed-thumbnail] .slick-slide {
    padding: 5px;
  }
  .js-slides[data-slides-type=intro] .slick-prev {
    left: -20px;
  }
  .js-slides[data-slides-type=intro] .slick-next {
    right: -20px;
  }
  .js-slides[data-slides-type=gallery] .slick-prev {
    left: calc(33.3333333333vw + 5px);
  }
  .js-slides[data-slides-type=gallery] .slick-next {
    right: calc(33.3333333333vw + 5px);
  }
  .slick-custom-buttons {
    flex-flow: row;
  }
  .slick-custom-button {
    font-size: 1.6rem;
  }
  .slick-custom-button:not(:last-child) {
    margin-right: 1em;
    margin-bottom: 0;
  }
  :root {
    --base-width:1920;
  }
  .l-body {
    min-width: 1000px;
  }
  .l-navArea {
    visibility: visible;
    position: sticky;
    top: 0;
  }
  .l-navArea__content {
    height: auto;
    margin: auto;
    padding: 0;
    transform: inherit;
    transition: inherit;
  }
  .l-navArea__content::before {
    background-image: url("../images/top/backgrounds/bg-nav_pc.jpg");
  }
  .l-navArea__overlay {
    visibility: hidden;
  }
  .button:hover {
    opacity: 0.7;
  }
  .button {
    min-height: 100px;
    padding: 0.75em 52px;
    font-size: 1.8rem;
    letter-spacing: 0.1em;
  }
  .button--new::before {
    width: 40px;
    height: 40px;
    font-size: 12px;
  }
  .button2 {
    font-size: 1.8rem;
  }
  .button3 {
    font-size: 1.6rem;
  }
  .accordion-button {
    padding: 0.5em 1.5em;
    font-size: 2.6rem;
  }
  .accordion-button:hover {
    opacity: 0.7;
  }
  .box-botton {
    display: inline-flex;
    flex-flow: row;
    font-size: 2.6rem;
    line-height: 1;
  }
  .grid--pc-cols-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .grid--pc-cols-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid--pc-cols-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid--pc-cols-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid--pc-cols-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .grid--pc-cols-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .grid--pc-cols-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .grid--pc-cols-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .grid--pc-cols-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .grid--pc-cols-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .grid--pc-cols-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .grid--pc-cols-12 {
    grid-template-columns: repeat(12, 1fr);
  }
  .flex__pc-col-1 {
    flex-basis: calc(8.3333333333% - var(--gutter, 0px));
    max-width: calc(8.3333333333% - var(--gutter, 0px));
  }
  .flex__pc-col-2 {
    flex-basis: calc(16.6666666667% - var(--gutter, 0px));
    max-width: calc(16.6666666667% - var(--gutter, 0px));
  }
  .flex__pc-col-3 {
    flex-basis: calc(25% - var(--gutter, 0px));
    max-width: calc(25% - var(--gutter, 0px));
  }
  .flex__pc-col-4 {
    flex-basis: calc(33.3333333333% - var(--gutter, 0px));
    max-width: calc(33.3333333333% - var(--gutter, 0px));
  }
  .flex__pc-col-5 {
    flex-basis: calc(41.6666666667% - var(--gutter, 0px));
    max-width: calc(41.6666666667% - var(--gutter, 0px));
  }
  .flex__pc-col-6 {
    flex-basis: calc(50% - var(--gutter, 0px));
    max-width: calc(50% - var(--gutter, 0px));
  }
  .flex__pc-col-7 {
    flex-basis: calc(58.3333333333% - var(--gutter, 0px));
    max-width: calc(58.3333333333% - var(--gutter, 0px));
  }
  .flex__pc-col-8 {
    flex-basis: calc(66.6666666667% - var(--gutter, 0px));
    max-width: calc(66.6666666667% - var(--gutter, 0px));
  }
  .flex__pc-col-9 {
    flex-basis: calc(75% - var(--gutter, 0px));
    max-width: calc(75% - var(--gutter, 0px));
  }
  .flex__pc-col-10 {
    flex-basis: calc(83.3333333333% - var(--gutter, 0px));
    max-width: calc(83.3333333333% - var(--gutter, 0px));
  }
  .flex__pc-col-11 {
    flex-basis: calc(91.6666666667% - var(--gutter, 0px));
    max-width: calc(91.6666666667% - var(--gutter, 0px));
  }
  .flex__pc-col-12 {
    flex-basis: calc(100% - var(--gutter, 0px));
    max-width: calc(100% - var(--gutter, 0px));
  }
  .heading {
    margin-bottom: 5rem;
    font-size: 7.5rem;
  }
  .order-list::after {
    border-bottom: dashed 2px black;
  }
  .order-list {
    font-size: 2.6rem;
  }
  .order-list__item__col {
    font-size: inherit;
  }
  .order-list__item:nth-child(1n)::before {
    width: 50px;
    height: 50px;
  }
  .order-list__item:nth-child(2n)::before {
    width: 50px;
    height: 50px;
  }
  .order-list__item:nth-child(3n)::before {
    width: 50px;
    height: 50px;
  }
  .nav-button {
    visibility: hidden;
  }
  .nav {
    font-size: 2rem;
  }
  .nav__list {
    grid-auto-flow: column;
  }
  .nav__link {
    padding: 2.5rem 0.5em;
  }
  .nav__link::after {
    display: none;
  }
  .nav__link::before {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0;
    transform: translateY(100%);
    border: solid 3px white;
    content: "";
    transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  }
  .nav__link:hover::before {
    transform: translateY(0);
  }
  .news {
    display: flex;
    flex: 1 0 auto;
    height: 0;
  }
  .news__head {
    display: flex;
    position: relative;
    flex-basis: 100px;
    align-items: center;
    justify-content: center;
    float: none;
    -webkit-clip-path: polygon(0 0, 80% 0%, 100% 100%, 0% 100%);
    padding-right: 1em;
    font-size: 1.8rem;
            clip-path: polygon(0 0, 80% 0%, 100% 100%, 0% 100%);
  }
  .news__content {
    height: auto;
    font-size: 1.6rem;
  }
  .concept-visual__catch {
    margin-bottom: 2rem;
    font-size: 3.4rem;
  }
  .concept-visual > a + a {
    margin-top: 2rem;
  }
  .aside {
    background: url("../images/top/backgrounds/bg-base2_pc.jpg") repeat-y 0 0/cover, #3d0004;
    background-attachment: fixed;
  }
  #top {
    --spaceX: 5rem;
    --spaceY: 9.5rem;
  }
  #top::before {
    background: url("../images/top/backgrounds/bg-base_pc.jpg") repeat-y 0 0/cover;
  }
  #top .hero-banners {
    grid-template-columns: auto;
    gap: 1%;
  }
  #top .visual {
    --visual-width: 1920;
    --visual-height: 1080;
  }
  #top .visual::before {
    background: url("../images/top/hero/19-21/kv_pc.jpg") no-repeat center center/100%;
  }
  #top .visual__logo {
    width: calc(941 / var(--visual-width) * 100cqi);
    inset: auto 0 calc(52 / var(--visual-height) * 100%);
  }
  #top .visual__catch1 {
    aspect-ratio: 1378/62;
    width: calc(1378 / var(--visual-width) * 100cqi);
    inset: 0 0 auto;
    transform: none;
  }
  #top .visual__catch2 {
    inset: auto auto calc(368 / var(--base-width) * 100cqi) calc(109 / var(--base-width) * 100cqi);
  }
  #top .hero-trailers__item:hover {
    opacity: 0.7;
  }
  #top .hero-trailers__item.is-pc {
    display: block;
  }
  #top .hero-trailers__image {
    max-width: 215px;
  }
  #top .hero-links {
    grid-template-columns: repeat(2, 1fr);
    width: calc(100% + var(--gutter));
  }
  #top .hero-links__item:hover {
    opacity: 0.7;
  }
  #top .comment__col {
    grid-template-columns: 30% 70%;
    gap: 0 3rem;
  }
  #top .comment__col:nth-child(even) {
    grid-template-columns: 70% 30%;
    gap: 0 3rem;
  }
  #top .comment__col:nth-child(even) .comment__image {
    order: 1;
  }
  #top .comment__col--no-image {
    display: block;
  }
  #top .comment__heading {
    font-size: 3rem;
    line-height: 1.1666666667;
  }
  #top .comment__image {
    max-width: 100%;
  }
  #top .movie {
    --gutter:10px;
    background: url("../images/top/backgrounds/bg-base2_pc.jpg") repeat-y 0 0/cover, #3d0004;
    background-attachment: fixed;
  }
  #top .intro-slider {
    background: url("../images/top/backgrounds/19-21/bg-intro-item-left.png") no-repeat left top/min(592px, 592 / var(--base-width) * 100%) auto, url("../images/top/backgrounds/19-21/bg-intro-item-right.png") no-repeat right bottom/min(503px, 503 / var(--base-width) * 100%) auto, url("../images/top/backgrounds/bg-intro-content_pc.jpg") no-repeat center center/cover;
  }
  #top .intro-slider__container {
    max-width: 100%;
    padding-right: calc(300 / var(--base-width) * 100vw);
    padding-left: calc(300 / var(--base-width) * 100vw);
  }
  #top .intro-menu {
    font-size: clamp(2.8rem, 3vw, 3.6rem);
  }
  #top .intro-slides {
    padding-top: 2%;
    padding-bottom: 4%;
  }
  #top .intro-slides__item {
    font-size: clamp(1.8rem, 3vw, 2.4rem);
  }
  #top .intro-slides__item h3 {
    margin-top: 22px;
    font-size: clamp(2.8rem, 3vw, 3.6rem);
    line-height: 1.3;
  }
  #top .gallery__main > * {
    max-width: 100%;
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
  .button3.gallery__button {
    max-width: 600px;
    min-height: 100px;
  }
  #top .gallery-slider__label::before {
    width: 40px;
    height: 40px;
    font-size: 12px;
  }
  #top .staff h3 {
    font-size: 2rem;
  }
  #top .staff li {
    margin-bottom: 0;
  }
  #top .story {
    background-image: url("../images/top/backgrounds/bg-story_pc.jpg");
  }
  #top .story-slides__head {
    display: flex;
    flex-wrap: wrap;
    flex-wrap: nowrap;
    font-size: 2.6rem;
  }
  #top .story-slides__head > * {
    min-width: 0;
    word-wrap: break-word;
    box-sizing: border-box;
    flex: 0 0 50%;
    max-width: 50%;
  }
  #top .story-slides__head h3 {
    padding: 1em;
  }
  #top .story-slides__head h3 img {
    width: 50px;
  }
  #top .story-slides__body {
    padding: 40px 0;
    font-size: 1.6rem;
  }
  #top .story-slides-pagination {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: auto;
  }
  #top .story-slides-pagination span {
    margin-bottom: 0;
    font-size: 2rem;
  }
  #top .box:not(:last-child) {
    margin-bottom: 65px;
  }
  #top .box {
    padding: 106px 60px 50px;
    font-size: 1.6rem;
  }
  #top .box__head img {
    width: auto;
  }
  #top .box__button {
    font-size: 2.6rem;
    line-height: 1;
  }
  #top .stream-button:hover {
    opacity: 0.7;
  }
  #top .table {
    width: 100%;
  }
  #top .table__cap {
    font-size: 2rem;
    text-align: center;
  }
  #top .table__th, #top .table__td {
    height: 100px;
  }
  #top .table__th {
    font-size: 2rem;
  }
  #top .table__link:hover {
    opacity: 0.7;
  }
  #top .sell__catch {
    margin-bottom: 3rem;
  }
  #top .sell__sub-heading {
    font-size: 1.6rem;
  }
  #top .sell-item__title {
    font-size: 2.6rem;
  }
  #top .sellling {
    padding-top: 74px;
    padding-bottom: 95px;
    background-image: url("../images/top/backgrounds/bg-copy-item_pc.png"), url("../images/top/backgrounds/bg-copy_pc.jpg");
    background-position: right center, left center;
    background-size: contain, cover;
    background-repeat: no-repeat, no-repeat;
  }
  #pages {
    --spaceX: 5rem;
    --spaceY: 9.5rem;
  }
  #pages::before {
    background: url("../images/top/backgrounds/bg-base_pc.jpg") repeat-y 0 0/cover;
  }
  #pages #archive-gallery {
    margin-top: 0;
  }
  #pages .sound__icon {
    width: 50px;
    height: 50px;
  }
  #pages .sound__icon--zoom {
    right: 70px;
  }
  #pages .chart__button {
    font-size: 1.8rem;
  }
  #pages .cast {
    grid-template-columns: 319px 1fr;
    gap: 0 3rem;
  }
  #pages .cast__character {
    font-size: 1.6rem;
  }
  #pages .cast__character-name {
    font-size: 3rem;
  }
  #pages .cast__profile {
    padding: 1em;
  }
  #pages .cast__profile-name {
    font-size: 2.6rem;
    line-height: 1.2307692308;
    letter-spacing: 0.07em;
  }
  #pages .cast-list--head-vertical {
    display: flex;
  }
  #pages .story {
    background-image: url("../images/top/backgrounds/bg-story_pc.jpg");
  }
  #pages .story-slides__head {
    display: flex;
    flex-wrap: wrap;
    flex-wrap: nowrap;
    font-size: 2.6rem;
  }
  #pages .story-slides__head > * {
    min-width: 0;
    word-wrap: break-word;
    box-sizing: border-box;
    flex: 0 0 50%;
    max-width: 50%;
  }
  #pages .story-slides__head h3 {
    padding: 1em;
  }
  #pages .story-slides__head h3 img {
    width: 50px;
  }
  #pages .story-slides__body {
    padding: 40px 0;
    font-size: 1.6rem;
  }
  #pages .story-slides-pagination {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: auto;
  }
  #pages .story-slides-pagination span {
    margin-bottom: 0;
    font-size: 2rem;
  }
  #xcam {
    --spaceX: 5rem;
  }
  #xcam section + section {
    margin-top: 8rem;
  }
  #xcam .text-cp {
    font-size: 2.8rem;
    letter-spacing: 0.05em;
  }
  #xcam .text-cp__label {
    display: inline;
  }
  #xcam .text-cp__label::after {
    content: "：";
  }
  #xcam .heading-xcam {
    font-size: 4.2rem;
  }
  #xcam .box {
    text-align: center;
  }
  #xcam .box__inner {
    font-size: 2rem;
  }
  #xcam .box__inner br {
    display: block;
  }
  #xcam .hero {
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
  }
  #xcam .hero__catch {
    right: 9%;
  }
  #xcam .intro {
    padding-right: 112px;
    padding-left: 112px;
  }
  #xcam .announce-catch {
    font-size: 3rem;
  }
  #xcam3 {
    --spaceX: 112px;
  }
  #xcam3 section + section {
    margin-top: 8rem;
  }
  #xcam3 .text-cp {
    font-size: 2.8rem;
    letter-spacing: 0.05em;
  }
  #xcam3 .text-cp__label {
    display: inline;
  }
  #xcam3 .text-cp__label::after {
    content: "：";
  }
  #xcam3 .heading-xcam {
    font-size: 4.2rem;
  }
  #xcam3 .hero {
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
  }
  #xcam3 .hero__catch {
    right: 9%;
  }
  #xcam3 .intro {
    font-size: 2rem;
  }
  #xcam3 .present-box {
    padding: 5rem 2rem;
  }
  #xcam3 .announce__text {
    font-size: 3rem;
  }
  #xcam4 {
    font-size: 1.6rem;
  }
  #xcam4::before {
    background: url("../images/xcam4/bg-base_pc.jpg") no-repeat top center/cover;
  }
  #xcam4 section + section {
    margin-top: 8rem;
  }
  #xcam4 .text-cp {
    font-size: 2.8rem;
    letter-spacing: 0.05em;
  }
  #xcam4 .text-cp__label {
    display: inline;
  }
  #xcam4 .text-cp__label::after {
    content: "：";
  }
  #xcam4 .heading-xcam {
    font-size: 4.5rem;
  }
  #xcam4 .container {
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 34px;
    padding-left: 34px;
  }
  #xcam4 .hero__logo {
    width: 56%;
  }
  #xcam4 .intro__catch {
    font-size: 3rem;
  }
  #xcam4 .intro__catch--l {
    font-size: 4.2rem;
  }
  #xcam4 .intro__catch--l::after {
    width: 600px;
    height: 3px;
  }
  #xcam4 .box {
    width: min(690px, 100% - 1em);
    font-size: 3.4rem;
  }
  #xcam4 .box__heading {
    font-size: 3rem;
  }
  #xcam4 .reposts {
    font-size: 2rem;
  }
  #xcam4 .announce__text {
    font-size: 2.6rem;
  }
  #xcam4 .note {
    font-size: inherit;
  }
  #xcam4 .footer {
    font-size: inherit;
  }
  #xcam5 {
    --fs-base: clamp(1.4rem, 1.327rem + 0.36vw, 1.6rem);
    --fs-bold: clamp(2rem, 0.333rem + 2.22vw, 3rem);
  }
  #xcam5::before {
    background: url("../images/xcam5/bg-base_pc.jpg") repeat-y top center/cover;
  }
  #xcam5 section + section {
    margin-top: 8rem;
  }
  #xcam5 .container {
    margin-right: 14%;
    margin-left: 14%;
  }
  #xcam5 .heading-xcam {
    margin-top: 0;
    margin-bottom: 5rem;
  }
  #xcam5 .intro p + p {
    margin-top: 1.5em;
    margin-bottom: 0;
  }
  #xcam5 .box {
    padding: 5%;
  }
  #xcam5 .box__title {
    width: 437px;
  }
  #xcam5 .footer {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  #xcam6 {
    --container:1200px;
    --spaceX:50px;
    --fs-base: clamp(1.4rem, 1.327rem + 0.36vw, 1.6rem);
  }
  #xcam6 .container {
    padding-top: 70px;
    padding-bottom: 60px;
  }
  #xcam6 .heading--repost {
    width: 60%;
  }
  #xcam6 .heading--special {
    width: 17%;
  }
  #xcam6 .heading--outline {
    width: 15%;
  }
  #xcam6 .intro {
    font-size: 2rem;
  }
  #xcam6 .repost__button:hover {
    opacity: 0.7;
  }
  #xcam6 .repost__button {
    width: 57%;
  }
  .u-pc-d-b {
    display: block;
  }
  .u-pc-d-n {
    display: none;
  }
  .u-pc-d-i {
    display: inline;
  }
  .u-pc-d-ib {
    display: inline-block;
  }
  .u-pc-d-t {
    display: table;
  }
  .u-pc-d-f {
    display: flex;
  }
  .u-pc-d-if {
    display: inline-flex;
  }
  .u-pc-ai-b {
    align-items: baseline;
  }
  .u-pc-ai-c {
    align-items: center;
  }
  .u-pc-ai-e {
    align-items: flex-end;
  }
  .u-pc-jc-c {
    justify-content: center;
  }
  .u-pc-jc-fs {
    justify-content: flex-start;
  }
  .u-pc-jc-e {
    justify-content: flex-end;
  }
  .u-pc-jc-sb {
    justify-content: space-between;
  }
  .u-pc-jc-sa {
    justify-content: space-around;
  }
  .u-pc-fd-c {
    flex-direction: column;
  }
  .u-pc-fd-cr {
    flex-direction: column-reverse;
  }
  .u-pc-fd-r {
    flex-direction: row;
  }
  .u-pc-fd-rr {
    flex-direction: row-reverse;
  }
  .u-pc-fwr-w {
    flex-wrap: wrap;
  }
  .u-pc-fwr-nw {
    flex-wrap: nowrap;
  }
  .u-pc-fs-i {
    font-size: inherit !important;
  }
  .u-pc-fs-10 {
    font-size: 1rem !important;
  }
  .u-pc-fs-12 {
    font-size: 1.2rem !important;
  }
  .u-pc-fs-14 {
    font-size: 1.4rem !important;
  }
  .u-pc-fs-16 {
    font-size: 1.6rem !important;
  }
  .u-pc-fs-18 {
    font-size: 1.8rem !important;
  }
  .u-pc-fs-20 {
    font-size: 2rem !important;
  }
  .u-pc-fs-22 {
    font-size: 2.2rem !important;
  }
  .u-pc-fs-24 {
    font-size: 2.4rem !important;
  }
  .u-pc-fs-27 {
    font-size: 2.7rem !important;
  }
  .u-pc-fs-30 {
    font-size: 3rem !important;
  }
  .u-pc-fs-40 {
    font-size: 4rem !important;
  }
  .u-pc-fs-60p {
    font-size: 60% !important;
  }
  .u-pc-fs-70p {
    font-size: 70% !important;
  }
  .u-pc-fs-80p {
    font-size: 80% !important;
  }
  .u-pc-fs-90p {
    font-size: 90% !important;
  }
  .u-pc-fs-100p {
    font-size: 100% !important;
  }
  .u-pc-fs-110p {
    font-size: 110% !important;
  }
  .u-pc-fs-120p {
    font-size: 120% !important;
  }
  .u-pc-fs-130p {
    font-size: 130% !important;
  }
  .u-pc-fs-140p {
    font-size: 140% !important;
  }
  .u-pc-fs-150p {
    font-size: 150% !important;
  }
  .u-pc-fs-160p {
    font-size: 160% !important;
  }
  .u-pc-fs-170p {
    font-size: 170% !important;
  }
  .u-pc-fs-180p {
    font-size: 180% !important;
  }
  .u-pc-lh-i {
    line-height: inherit !important;
  }
  .u-pc-lh-10 {
    line-height: 0.1 !important;
  }
  .u-pc-lh-20 {
    line-height: 0.2 !important;
  }
  .u-pc-lh-30 {
    line-height: 0.3 !important;
  }
  .u-pc-lh-40 {
    line-height: 0.4 !important;
  }
  .u-pc-lh-50 {
    line-height: 0.5 !important;
  }
  .u-pc-lh-60 {
    line-height: 0.6 !important;
  }
  .u-pc-lh-70 {
    line-height: 0.7 !important;
  }
  .u-pc-lh-80 {
    line-height: 0.8 !important;
  }
  .u-pc-lh-90 {
    line-height: 0.9 !important;
  }
  .u-pc-lh-100 {
    line-height: 1 !important;
  }
  .u-pc-lh-110 {
    line-height: 1.1 !important;
  }
  .u-pc-lh-120 {
    line-height: 1.2 !important;
  }
  .u-pc-lh-130 {
    line-height: 1.3 !important;
  }
  .u-pc-lh-140 {
    line-height: 1.4 !important;
  }
  .u-pc-lh-150 {
    line-height: 1.5 !important;
  }
  .u-pc-lh-160 {
    line-height: 1.6 !important;
  }
  .u-pc-lh-170 {
    line-height: 1.7 !important;
  }
  .u-pc-lh-180 {
    line-height: 1.8 !important;
  }
  .u-pc-lh-190 {
    line-height: 1.9 !important;
  }
  .u-pc-lh-200 {
    line-height: 2 !important;
  }
  .u-pc-ta-r {
    text-align: right;
  }
  .u-pc-ta-l {
    text-align: left;
  }
  .u-pc-ta-c {
    text-align: center;
  }
  .u-pc-ta-j {
    text-align: justify;
  }
  .u-pc-w-10 {
    width: 10% !important;
  }
  .u-pc-w-20 {
    width: 20% !important;
  }
  .u-pc-w-30 {
    width: 30% !important;
  }
  .u-pc-w-40 {
    width: 40% !important;
  }
  .u-pc-w-50 {
    width: 50% !important;
  }
  .u-pc-w-60 {
    width: 60% !important;
  }
  .u-pc-w-70 {
    width: 70% !important;
  }
  .u-pc-w-80 {
    width: 80% !important;
  }
  .u-pc-w-90 {
    width: 90% !important;
  }
  .u-pc-w-100 {
    width: 100% !important;
  }
  .u-pc-w-auto {
    width: auto !important;
  }
  .u-pc-mw-10 {
    max-width: 10% !important;
  }
  .u-pc-mw-20 {
    max-width: 20% !important;
  }
  .u-pc-mw-30 {
    max-width: 30% !important;
  }
  .u-pc-mw-40 {
    max-width: 40% !important;
  }
  .u-pc-mw-50 {
    max-width: 50% !important;
  }
  .u-pc-mw-60 {
    max-width: 60% !important;
  }
  .u-pc-mw-70 {
    max-width: 70% !important;
  }
  .u-pc-mw-80 {
    max-width: 80% !important;
  }
  .u-pc-mw-90 {
    max-width: 90% !important;
  }
  .u-pc-mw-100 {
    max-width: 100% !important;
  }
  .u-pc-mw-none {
    max-width: none !important;
  }
  .u-pc-h-10 {
    height: 10% !important;
  }
  .u-pc-h-20 {
    height: 20% !important;
  }
  .u-pc-h-30 {
    height: 30% !important;
  }
  .u-pc-h-40 {
    height: 40% !important;
  }
  .u-pc-h-50 {
    height: 50% !important;
  }
  .u-pc-h-60 {
    height: 60% !important;
  }
  .u-pc-h-70 {
    height: 70% !important;
  }
  .u-pc-h-80 {
    height: 80% !important;
  }
  .u-pc-h-90 {
    height: 90% !important;
  }
  .u-pc-h-100 {
    height: 100% !important;
  }
  .u-pc-h-auto {
    height: auto !important;
  }
  .u-pc-m-0 {
    margin: 0 !important;
  }
  .u-pc-m-xxs {
    margin: 0.5rem !important;
  }
  .u-pc-m-xs {
    margin: 1rem !important;
  }
  .u-pc-m-s {
    margin: 2rem !important;
  }
  .u-pc-m-m {
    margin: 3rem !important;
  }
  .u-pc-m-l {
    margin: 5rem !important;
  }
  .u-pc-m-xl {
    margin: 8rem !important;
  }
  .u-pc-m-xxl {
    margin: 10rem !important;
  }
  .u-pc-m-auto {
    margin: auto !important;
  }
  .u-pc-mt-0, .u-pc-my-0 {
    margin-top: 0 !important;
  }
  .u-pc-mt-xxs, .u-pc-my-xxs {
    margin-top: 0.5rem !important;
  }
  .u-pc-mt-xs, .u-pc-my-xs {
    margin-top: 1rem !important;
  }
  .u-pc-mt-s, .u-pc-my-s {
    margin-top: 2rem !important;
  }
  .u-pc-mt-m, .u-pc-my-m {
    margin-top: 3rem !important;
  }
  .u-pc-mt-l, .u-pc-my-l {
    margin-top: 5rem !important;
  }
  .u-pc-mt-xl, .u-pc-my-xl {
    margin-top: 8rem !important;
  }
  .u-pc-mt-xxl, .u-pc-my-xxl {
    margin-top: 10rem !important;
  }
  .u-pc-mt-auto, .u-pc-my-auto {
    margin-top: auto !important;
  }
  .u-pc-mb-0, .u-pc-my-0 {
    margin-bottom: 0 !important;
  }
  .u-pc-mb-xxs, .u-pc-my-xxs {
    margin-bottom: 0.5rem !important;
  }
  .u-pc-mb-xs, .u-pc-my-xs {
    margin-bottom: 1rem !important;
  }
  .u-pc-mb-s, .u-pc-my-s {
    margin-bottom: 2rem !important;
  }
  .u-pc-mb-m, .u-pc-my-m {
    margin-bottom: 3rem !important;
  }
  .u-pc-mb-l, .u-pc-my-l {
    margin-bottom: 5rem !important;
  }
  .u-pc-mb-xl, .u-pc-my-xl {
    margin-bottom: 8rem !important;
  }
  .u-pc-mb-xxl, .u-pc-my-xxl {
    margin-bottom: 10rem !important;
  }
  .u-pc-mb-auto, .u-pc-my-auto {
    margin-bottom: auto !important;
  }
  .u-pc-mr-0, .u-pc-mx-0 {
    margin-right: 0 !important;
  }
  .u-pc-mr-xxs, .u-pc-mx-xxs {
    margin-right: 0.5rem !important;
  }
  .u-pc-mr-xs, .u-pc-mx-xs {
    margin-right: 1rem !important;
  }
  .u-pc-mr-s, .u-pc-mx-s {
    margin-right: 2rem !important;
  }
  .u-pc-mr-m, .u-pc-mx-m {
    margin-right: 3rem !important;
  }
  .u-pc-mr-l, .u-pc-mx-l {
    margin-right: 5rem !important;
  }
  .u-pc-mr-xl, .u-pc-mx-xl {
    margin-right: 8rem !important;
  }
  .u-pc-mr-xxl, .u-pc-mx-xxl {
    margin-right: 10rem !important;
  }
  .u-pc-mr-auto, .u-pc-mx-auto {
    margin-right: auto !important;
  }
  .u-pc-mr-1e, .u-pc-mx-1e {
    margin-right: 1em !important;
  }
  .u-pc-ml-0, .u-pc-mx-0 {
    margin-left: 0 !important;
  }
  .u-pc-ml-xxs, .u-pc-mx-xxs {
    margin-left: 0.5rem !important;
  }
  .u-pc-ml-xs, .u-pc-mx-xs {
    margin-left: 1rem !important;
  }
  .u-pc-ml-s, .u-pc-mx-s {
    margin-left: 2rem !important;
  }
  .u-pc-ml-m, .u-pc-mx-m {
    margin-left: 3rem !important;
  }
  .u-pc-ml-l, .u-pc-mx-l {
    margin-left: 5rem !important;
  }
  .u-pc-ml-xl, .u-pc-mx-xl {
    margin-left: 8rem !important;
  }
  .u-pc-ml-xxl, .u-pc-mx-xxl {
    margin-left: 10rem !important;
  }
  .u-pc-ml-auto, .u-pc-mx-auto {
    margin-left: auto !important;
  }
  .u-pc-ml-1e, .u-pc-mx-1e {
    margin-left: 1em !important;
  }
  .u-pc-nm-xxs {
    margin: -0.5rem !important;
  }
  .u-pc-nm-xs {
    margin: -1rem !important;
  }
  .u-pc-nm-s {
    margin: -2rem !important;
  }
  .u-pc-nm-m {
    margin: -3rem !important;
  }
  .u-pc-nm-l {
    margin: -5rem !important;
  }
  .u-pc-nm-xl {
    margin: -8rem !important;
  }
  .u-pc-nm-xxl {
    margin: -10rem !important;
  }
  .u-pc-nmt-xxs, .u-pc-nmy-xxs {
    margin-top: -0.5rem !important;
  }
  .u-pc-nmt-xs, .u-pc-nmy-xs {
    margin-top: -1rem !important;
  }
  .u-pc-nmt-s, .u-pc-nmy-s {
    margin-top: -2rem !important;
  }
  .u-pc-nmt-m, .u-pc-nmy-m {
    margin-top: -3rem !important;
  }
  .u-pc-nmt-l, .u-pc-nmy-l {
    margin-top: -5rem !important;
  }
  .u-pc-nmt-xl, .u-pc-nmy-xl {
    margin-top: -8rem !important;
  }
  .u-pc-nmt-xxl, .u-pc-nmy-xxl {
    margin-top: -10rem !important;
  }
  .u-pc-nmb-xxs, .u-pc-nmy-xxs {
    margin-bottom: -0.5rem !important;
  }
  .u-pc-nmb-xs, .u-pc-nmy-xs {
    margin-bottom: -1rem !important;
  }
  .u-pc-nmb-s, .u-pc-nmy-s {
    margin-bottom: -2rem !important;
  }
  .u-pc-nmb-m, .u-pc-nmy-m {
    margin-bottom: -3rem !important;
  }
  .u-pc-nmb-l, .u-pc-nmy-l {
    margin-bottom: -5rem !important;
  }
  .u-pc-nmb-xl, .u-pc-nmy-xl {
    margin-bottom: -8rem !important;
  }
  .u-pc-nmb-xxl, .u-pc-nmy-xxl {
    margin-bottom: -10rem !important;
  }
  .u-pc-nmr-xxs, .u-pc-nmx-xxs {
    margin-right: -0.5rem !important;
  }
  .u-pc-nmr-xs, .u-pc-nmx-xs {
    margin-right: -1rem !important;
  }
  .u-pc-nmr-s, .u-pc-nmx-s {
    margin-right: -2rem !important;
  }
  .u-pc-nmr-m, .u-pc-nmx-m {
    margin-right: -3rem !important;
  }
  .u-pc-nmr-l, .u-pc-nmx-l {
    margin-right: -5rem !important;
  }
  .u-pc-nmr-xl, .u-pc-nmx-xl {
    margin-right: -8rem !important;
  }
  .u-pc-nmr-xxl, .u-pc-nmx-xxl {
    margin-right: -10rem !important;
  }
  .u-pc-nml-xxs, .u-pc-nmx-xxs {
    margin-left: -0.5rem !important;
  }
  .u-pc-nml-xs, .u-pc-nmx-xs {
    margin-left: -1rem !important;
  }
  .u-pc-nml-s, .u-pc-nmx-s {
    margin-left: -2rem !important;
  }
  .u-pc-nml-m, .u-pc-nmx-m {
    margin-left: -3rem !important;
  }
  .u-pc-nml-l, .u-pc-nmx-l {
    margin-left: -5rem !important;
  }
  .u-pc-nml-xl, .u-pc-nmx-xl {
    margin-left: -8rem !important;
  }
  .u-pc-nml-xxl, .u-pc-nmx-xxl {
    margin-left: -10rem !important;
  }
  .u-pc-mrc-0 > :not:last-child {
    margin-right: 0 !important;
  }
  .u-pc-mrc-xxs > :not:last-child {
    margin-right: 0.5rem !important;
  }
  .u-pc-mrc-xs > :not:last-child {
    margin-right: 1rem !important;
  }
  .u-pc-mrc-s > :not:last-child {
    margin-right: 2rem !important;
  }
  .u-pc-mrc-m > :not:last-child {
    margin-right: 3rem !important;
  }
  .u-pc-mrc-l > :not:last-child {
    margin-right: 5rem !important;
  }
  .u-pc-mrc-xl > :not:last-child {
    margin-right: 8rem !important;
  }
  .u-pc-mrc-xxl > :not:last-child {
    margin-right: 10rem !important;
  }
  .u-pc-mrc-auto > :not:last-child {
    margin-right: auto !important;
  }
  .u-pc-mbc-0 > :not:last-child {
    margin-bottom: 0 !important;
  }
  .u-pc-mbc-xxs > :not:last-child {
    margin-bottom: 0.5rem !important;
  }
  .u-pc-mbc-xs > :not:last-child {
    margin-bottom: 1rem !important;
  }
  .u-pc-mbc-s > :not:last-child {
    margin-bottom: 2rem !important;
  }
  .u-pc-mbc-m > :not:last-child {
    margin-bottom: 3rem !important;
  }
  .u-pc-mbc-l > :not:last-child {
    margin-bottom: 5rem !important;
  }
  .u-pc-mbc-xl > :not:last-child {
    margin-bottom: 8rem !important;
  }
  .u-pc-mbc-xxl > :not:last-child {
    margin-bottom: 10rem !important;
  }
  .u-pc-mbc-auto > :not:last-child {
    margin-bottom: auto !important;
  }
  .u-pc-p-0 {
    padding: 0 !important;
  }
  .u-pc-p-xxs {
    padding: 0.5rem !important;
  }
  .u-pc-p-xs {
    padding: 1rem !important;
  }
  .u-pc-p-s {
    padding: 2rem !important;
  }
  .u-pc-p-m {
    padding: 3rem !important;
  }
  .u-pc-p-l {
    padding: 5rem !important;
  }
  .u-pc-p-xl {
    padding: 8rem !important;
  }
  .u-pc-p-xxl {
    padding: 10rem !important;
  }
  .u-pc-p-auto {
    padding: auto !important;
  }
  .u-pc-pt-0, .u-pc-py-0 {
    padding-top: 0 !important;
  }
  .u-pc-pt-xxs, .u-pc-py-xxs {
    padding-top: 0.5rem !important;
  }
  .u-pc-pt-xs, .u-pc-py-xs {
    padding-top: 1rem !important;
  }
  .u-pc-pt-s, .u-pc-py-s {
    padding-top: 2rem !important;
  }
  .u-pc-pt-m, .u-pc-py-m {
    padding-top: 3rem !important;
  }
  .u-pc-pt-l, .u-pc-py-l {
    padding-top: 5rem !important;
  }
  .u-pc-pt-xl, .u-pc-py-xl {
    padding-top: 8rem !important;
  }
  .u-pc-pt-xxl, .u-pc-py-xxl {
    padding-top: 10rem !important;
  }
  .u-pc-pt-auto, .u-pc-py-auto {
    padding-top: auto !important;
  }
  .u-pc-pb-0, .u-pc-py-0 {
    padding-bottom: 0 !important;
  }
  .u-pc-pb-xxs, .u-pc-py-xxs {
    padding-bottom: 0.5rem !important;
  }
  .u-pc-pb-xs, .u-pc-py-xs {
    padding-bottom: 1rem !important;
  }
  .u-pc-pb-s, .u-pc-py-s {
    padding-bottom: 2rem !important;
  }
  .u-pc-pb-m, .u-pc-py-m {
    padding-bottom: 3rem !important;
  }
  .u-pc-pb-l, .u-pc-py-l {
    padding-bottom: 5rem !important;
  }
  .u-pc-pb-xl, .u-pc-py-xl {
    padding-bottom: 8rem !important;
  }
  .u-pc-pb-xxl, .u-pc-py-xxl {
    padding-bottom: 10rem !important;
  }
  .u-pc-pb-auto, .u-pc-py-auto {
    padding-bottom: auto !important;
  }
  .u-pc-pr-0, .u-pc-px-0 {
    padding-right: 0 !important;
  }
  .u-pc-pr-xxs, .u-pc-px-xxs {
    padding-right: 0.5rem !important;
  }
  .u-pc-pr-xs, .u-pc-px-xs {
    padding-right: 1rem !important;
  }
  .u-pc-pr-s, .u-pc-px-s {
    padding-right: 2rem !important;
  }
  .u-pc-pr-m, .u-pc-px-m {
    padding-right: 3rem !important;
  }
  .u-pc-pr-l, .u-pc-px-l {
    padding-right: 5rem !important;
  }
  .u-pc-pr-xl, .u-pc-px-xl {
    padding-right: 8rem !important;
  }
  .u-pc-pr-xxl, .u-pc-px-xxl {
    padding-right: 10rem !important;
  }
  .u-pc-pr-auto, .u-pc-px-auto {
    padding-right: auto !important;
  }
  .u-pc-pl-0, .u-pc-px-0 {
    padding-left: 0 !important;
  }
  .u-pc-pl-xxs, .u-pc-px-xxs {
    padding-left: 0.5rem !important;
  }
  .u-pc-pl-xs, .u-pc-px-xs {
    padding-left: 1rem !important;
  }
  .u-pc-pl-s, .u-pc-px-s {
    padding-left: 2rem !important;
  }
  .u-pc-pl-m, .u-pc-px-m {
    padding-left: 3rem !important;
  }
  .u-pc-pl-l, .u-pc-px-l {
    padding-left: 5rem !important;
  }
  .u-pc-pl-xl, .u-pc-px-xl {
    padding-left: 8rem !important;
  }
  .u-pc-pl-xxl, .u-pc-px-xxl {
    padding-left: 10rem !important;
  }
  .u-pc-pl-auto, .u-pc-px-auto {
    padding-left: auto !important;
  }
  .u-line-dash-black {
    border-bottom: dashed 2px black;
  }
  .u-pc-fluid {
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
  }
  .u-hover:hover {
    opacity: 0.7;
  }
  .u-pc-grid {
    display: flex !important;
    flex-wrap: wrap !important;
  }
  .u-pc-col-1, .u-pc-col-2, .u-pc-col-3, .u-pc-col-4, .u-pc-col-5, .u-pc-col-6, .u-pc-col-7, .u-pc-col-8, .u-pc-col-9, .u-pc-col-10, .u-pc-col-11, .u-pc-col-12 {
    min-width: 0 !important;
    word-wrap: break-word !important;
  }
  .u-pc-col-1 {
    flex: 0 0 8.3333333333% !important;
    max-width: 8.3333333333% !important;
  }
  .u-pc-col-2 {
    flex: 0 0 16.6666666667% !important;
    max-width: 16.6666666667% !important;
  }
  .u-pc-col-3 {
    flex: 0 0 25% !important;
    max-width: 25% !important;
  }
  .u-pc-col-4 {
    flex: 0 0 33.3333333333% !important;
    max-width: 33.3333333333% !important;
  }
  .u-pc-col-5 {
    flex: 0 0 41.6666666667% !important;
    max-width: 41.6666666667% !important;
  }
  .u-pc-col-6 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
  .u-pc-col-7 {
    flex: 0 0 58.3333333333% !important;
    max-width: 58.3333333333% !important;
  }
  .u-pc-col-8 {
    flex: 0 0 66.6666666667% !important;
    max-width: 66.6666666667% !important;
  }
  .u-pc-col-9 {
    flex: 0 0 75% !important;
    max-width: 75% !important;
  }
  .u-pc-col-10 {
    flex: 0 0 83.3333333333% !important;
    max-width: 83.3333333333% !important;
  }
  .u-pc-col-11 {
    flex: 0 0 91.6666666667% !important;
    max-width: 91.6666666667% !important;
  }
  .u-pc-col-12 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
/*# sourceMappingURL=main.css.map */