@charset "UTF-8";
@font-face {
  font-family: "Sansilk";
  src: url("../font/Sansilk.woff2") format("woff2"), url("../font/Sansilk.otf") format("opentype"), url("../font/Sansilk.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* LINE Seed JP は Google Fonts から読み込み（index.html の <link>） */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-size: 16px;
}

@media (max-width: 600px) {
  html {
    font-size: 3.26vw;
  }
}
img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

li {
  list-style: none;
}

body {
  line-height: 1.6;
  font-family: "LINE Seed JP";
  background-color: #f5f5f5;
}

@media (max-width: 600px) {
  .pc {
    display: none;
  }
}

.sp {
  display: none !important;
}
@media (max-width: 600px) {
  .sp {
    display: block !important;
  }
}

.aa-center {
  align-items: center !important;
}

.section .section-heading {
  height: 11rem;
  margin: 0 auto;
  contain: layout paint;
  transform: translateZ(0);
  will-change: transform;
}
@media (max-width: 600px) {
  .section .section-heading {
    height: 7rem;
  }
}
.section .about-heading {
  height: 12.2rem;
}
@media (max-width: 600px) {
  .section .about-heading {
    height: 8rem;
  }
}
.section .about-bg {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.section .section-inner {
  padding: 7.5rem 0;
  width: 85.9rem;
  max-width: 95.4%;
  margin: 0 auto;
}
@media (max-width: 980px) {
  .section .section-inner {
    padding: 5rem 0;
  }
}
@media (max-width: 600px) {
  .section .section-inner {
    padding: 4rem 0;
  }
}
.section .section-inner h2 {
  font-family: "Sansilk", sans-serif;
  font-size: 8rem;
  text-align: center;
  font-weight: 400;
  font-synthesis: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.1;
  position: relative;
  z-index: 1;
}
@media (max-width: 980px) {
  .section .section-inner h2 {
    font-size: 6rem;
  }
}
@media (max-width: 600px) {
  .section .section-inner h2 {
    font-size: 4rem;
  }
}
.section .section-inner h2 span {
  display: inline-block;
  font-size: 1.5rem;
  font-family: "LINE Seed JP";
  font-weight: bold;
}
@media (max-width: 600px) {
  .section .section-inner h2 span {
    font-size: 1.2rem;
  }
}
.section .section-inner .section-inner-title {
  width: 20rem;
  margin: 0 auto;
}
@media (max-width: 600px) {
  .section .section-inner .section-inner-title {
    width: 12rem;
  }
}

.hero {
  position: relative;
  overflow: hidden;
  height: auto;
  contain: layout paint;
}
.hero .hero-noise {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 3;
  background-image: url("../images/noise.png");
  background-repeat: repeat;
  mix-blend-mode: overlay;
  opacity: 0.55;
  animation: heroNoise 0.6s step-end infinite;
  will-change: background-position;
}
.hero .hero-back {
  width: 100%;
  height: 100%;
}
.hero .hero-back img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hero .hero-catch {
  position: absolute;
  top: 35%;
  left: 34%;
  z-index: 2;
  transform-origin: left center;
}
@media (max-width: 600px) {
  .hero .hero-catch {
    top: initial;
    bottom: 14.5rem;
    left: 5%;
  }
}
.hero .hero-catch-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5vw;
}
.hero .hero-catch-item img {
  width: auto;
  height: 10.5vw;
  margin-bottom: 0.6rem;
}
@media (max-width: 600px) {
  .hero .hero-catch-item img {
    height: 8.7rem;
  }
}
.hero .hero-logo {
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  z-index: 2;
}
.hero .hero-label {
  position: absolute;
  right: 3.85vw;
  bottom: 5.2vw;
  width: 16.3vw;
  z-index: 10;
}
@media (max-width: 600px) {
  .hero .hero-label {
    right: 0rem;
    bottom: initial;
    top: 19.5rem;
    width: 9.5rem;
  }
}
@media (max-width: 600px) {
  .hero .hero-label .sp {
    animation: labelBounce 3s ease-in-out infinite;
    transform-origin: center center;
    will-change: transform;
  }
}
.hero .hero-label-inner {
  position: relative;
  width: 100%;
  display: inline-block;
  transition: filter 0.3s ease;
}
.hero .hero-label-inner:hover {
  filter: drop-shadow(0 0 12px rgba(255, 60, 60, 0.9)) drop-shadow(0 0 24px rgba(255, 30, 30, 0.6));
}
.hero .hero-label-inner p {
  position: absolute;
  top: 47%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  color: white;
  font-weight: bold;
  font-size: 1.85vw;
  text-align: center;
  line-height: 1.2;
}
.hero .hero-label-inner .hight {
  font-size: 3.75rem;
  font-size: 3.5vw;
  line-height: 1;
  display: inline-block;
}
.hero .hero-label-inner .mid {
  display: inline-block;
  font-size: 2.5rem;
  font-size: 2.35vw;
  white-space: nowrap;
}
header {
  position: fixed;
  top: 0;
  z-index: 10;
  background-color: rgba(6, 19, 36, 0.5);
}
@media (max-width: 600px) {
  header {
    background-color: initial;
  }
}
header {
  width: 100%;
}
header .header-inner {
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header .header-inner .header-logo {
  width: 11.25rem;
  margin-left: 4rem;
  margin-top: 0.3rem;
  margin-bottom: 0.55rem;
}
@media (max-width: 980px) {
  header .header-inner .header-logo {
    margin-left: 1rem;
    width: 8rem;
  }
}
@media (max-width: 600px) {
  header .header-inner .header-logo {
    width: 7.9rem;
    margin-top: 1rem;
    position: relative;
    z-index: 9999;
  }
}
@media (max-width: 600px) {
  header .header-inner .header-nav {
    display: none;
  }
}
header .header-inner .header-nav ul {
  display: flex;
  align-items: center;
  gap: 2rem;
  padding-right: 3.45rem;
}
@media (max-width: 1500px) {
  header .header-inner .header-nav ul {
    padding-right: 0rem;
  }
}
@media (max-width: 980px) {
  header .header-inner .header-nav ul {
    padding-right: 0.5rem;
  }
}
header .header-inner .header-nav ul li {
  text-align: center;
  border-right: 1px #ffffff solid;
  padding-right: 3rem;
}
@media (max-width: 1250px) {
  header .header-inner .header-nav ul li {
    padding-right: 1.5vw;
  }
}
@media (max-width: 980px) {
  header .header-inner .header-nav ul li {
    padding-right: 1.45rem;
  }
}
header .header-inner .header-nav ul li:last-child {
  border: none;
}
header .header-inner .header-nav ul li a {
  color: #ffffff;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-decoration: none;
  font-family: "Sansilk", sans-serif;
  font-size: 2rem;
  line-height: 1.1;
  transition: 0.2s;
}
header .header-inner .header-nav ul li a:hover {
  color: #ffcf76;
  transition: 0.2s;
}
@media (max-width: 1250px) {
  header .header-inner .header-nav ul li a {
    font-size: 2rem;
  }
}
@media (max-width: 980px) {
  header .header-inner .header-nav ul li a {
    font-size: 1.6rem;
  }
}
header .header-inner .header-nav ul li a span {
  font-family: "LINE Seed JP", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  display: inline-block;
}
@media (max-width: 1250px) {
  header .header-inner .header-nav ul li a span {
    font-size: 0.8rem;
  }
}
@media (max-width: 980px) {
  header .header-inner .header-nav ul li a span {
    font-size: 0.7rem;
  }
}
header .header-inner .hamburger {
  display: none;
}
@media (max-width: 600px) {
  header .header-inner .hamburger {
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1000;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: content-box;
    width: 2.4rem;
    height: 2.3rem;
    padding: 1.3rem 1.5rem;
    background: transparent;
    border: none;
    cursor: pointer;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }
}
header .header-inner .hamburger .hamburger-line {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #ffffff;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
header .header-inner .hamburger img {
  width: 2.3rem;
  height: auto;
}
header .menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  height: 100vh;
  height: 100dvh;
  background-color: rgba(245, 245, 245, 0.1);
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}
header .menu-overlay.active {
  opacity: 1;
  visibility: visible;
}
header .menu-overlay .menu-overlay-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  gap: 3rem;
  padding: 2rem;
  margin-top: -3rem;
}
header .menu-overlay .menu-overlay-logo {
  width: 50%;
  max-width: 20rem;
}
header .menu-overlay .menu-overlay-nav ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5rem;
}
@media (max-width: 600px) {
  header .menu-overlay .menu-overlay-nav ul {
    gap: 3rem;
  }
}
header .menu-overlay .menu-overlay-nav ul li {
  text-align: center;
}
header .menu-overlay .menu-overlay-nav ul li a {
  color: #ffffff;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-decoration: none;
  font-family: "Sansilk", sans-serif;
  font-size: 3rem;
  line-height: 1.1;
}
@media (max-width: 600px) {
  header .menu-overlay .menu-overlay-nav ul li a {
    font-size: 3rem;
  }
}
header .menu-overlay .menu-overlay-nav ul li a span {
  font-family: "LINE Seed JP", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  display: inline-block;
  margin-top: 0.3rem;
}
@media (max-width: 600px) {
  header .menu-overlay .menu-overlay-nav ul li a span {
    font-size: 1.2rem;
  }
}

.menu-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 998;
}
.menu-backdrop.active {
  opacity: 1;
  visibility: visible;
}

.hamburger.active .hamburger-line:nth-of-type(1) {
  transform: translateY(calc(0.8rem - 1px)) rotate(45deg);
}

.hamburger.active .hamburger-line:nth-of-type(2) {
  visibility: hidden;
}

.hamburger.active .hamburger-line:nth-of-type(3) {
  transform: translateY(calc(-0.37rem + 1px)) rotate(-45deg);
}

.cast {
  background: url(../images/cats-bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  overflow-x: clip;
}
@media (max-width: 600px) {
  .cast {
    background: url(../images/cast-bg-sp.webp);
    background-size: 100%;
  }
}
.cast .cast-click-txt {
  padding: 0.4rem 0rem;
  box-sizing: border-box;
  width: 28rem;
  background-color: #470962;
  max-width: 90%;
  margin: 0 auto;
  margin-top: 0rem;
  font-size: 1.2rem;
  color: #ffffff;
  font-weight: 600;
  text-align: center;
  text-align: center;
}
@media (max-width: 600px) {
  .cast .cast-click-txt {
    font-size: 1rem;
    width: 100%;
    margin-top: 1rem;
  }
}
.cast .section-inner {
  padding-top: 8.9rem;
}
.cast .cast-intro-heading {
  width: 37.5rem;
  margin: 0 auto 3rem;
  max-width: 90%;
}
.cast .cast-intro {
  margin-bottom: 3.5rem;
}
@media (max-width: 600px) {
  .cast .cast-intro {
    margin-bottom: 2rem;
  }
}
.cast .cast-intro .cast-intro-txt {
  position: relative;
  background-color: rgb(41, 35, 47);
  border-radius: 0.65rem;
  padding: 3rem 3.1rem;
  width: 74.5rem;
  max-width: 90%;
  margin: 0 auto;
}
@media (max-width: 600px) {
  .cast .cast-intro .cast-intro-txt {
    padding: 2rem;
  }
}
.cast .cast-intro .cast-intro-txt .cast-copy {
  position: absolute;
  top: -3rem;
  right: 9rem;
  width: 25rem;
}
@media (max-width: 600px) {
  .cast .cast-intro .cast-intro-txt .cast-copy {
    width: 18rem;
    right: 1rem;
    top: -2rem;
  }
}
.cast .cast-intro .cast-intro-txt p {
  color: white;
  font-weight: 400;
  line-height: 1.7;
  font-size: 1.125rem;
}
.cast .cast-intro .cast-intro-txt span {
  font-weight: 600;
}
.cast .cast-list {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
  margin-top: 4.7rem;
}
@media (max-width: 980px) {
  .cast .cast-list {
    margin-top: 2.7rem;
  }
}
@media (max-width: 600px) {
  .cast .cast-list {
    row-gap: 2rem;
    margin-top: 2rem;
    gap: 0.4rem;
    justify-content: center;
  }
}
.cast .cast-list .cast-list-item {
  position: relative;
  width: 24%;
}
@media (max-width: 600px) {
  .cast .cast-list .cast-list-item {
    flex: 0 0 45%;
    max-width: 32%;
  }
}
.cast .cast-list .cast-list-item .cast-thamnail {
  margin: 0 auto;
  width: 100%;
}
.cast .cast-list .cast-list-item .cast-name {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: bold;
  margin-top: 0.6rem;
  gap: 0.1rem;
  font-size: 1.14rem;
}
@media (max-width: 980px) {
  .cast .cast-list .cast-list-item .cast-name {
    font-size: 0.9rem;
  }
}
@media (max-width: 600px) {
  .cast .cast-list .cast-list-item .cast-name {
    font-size: 1rem;
  }
}
.cast .cast-list .cast-list-item .cast-name .cast-group {
  font-weight: 500;
}
.cast .cast-list .cast-list-item .cast-name .cast-name-role {
  text-align: center;
  font-size: 1.5rem;
  color: #ffcf76;
}
@media (max-width: 980px) {
  .cast .cast-list .cast-list-item .cast-name .cast-name-role {
    font-size: 1.1rem;
  }
}
@media (max-width: 600px) {
  .cast .cast-list .cast-list-item .cast-name .cast-name-role {
    font-size: 0.95rem;
  }
}
.cast .cast-list .cast-list-item .cast-name .cast-name-role.dancer {
  font-size: 1.15rem;
}
@media (max-width: 600px) {
  .cast .cast-list .cast-list-item .cast-name .cast-name-role.dancer {
    font-size: 0.95rem;
  }
}
.cast .cast-list .cast-list-item .cast-name .cast-group {
  font-size: 1.25rem;
  display: inline-block;
  margin-left: 0.2rem;
}
@media (max-width: 980px) {
  .cast .cast-list .cast-list-item .cast-name .cast-group {
    font-size: 0.95rem;
  }
}
@media (max-width: 600px) {
  .cast .cast-list .cast-list-item .cast-name .cast-group {
    font-size: 0.9rem;
    margin-left: 0rem;
  }
}
.cast .cast-list .cast-list-item .out-side-name {
  position: absolute;
  left: 0;
  bottom: 40%;
  writing-mode: sideways-lr;
}
.cast .cast-list .cast-list-item .card-list-deco {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 100%;
}
.cast .cast-list._v2 .cast-list-item {
  flex: 0 0 auto;
  max-width: none;
  width: calc((100% - 4rem) / 5);
  width: 19%;
}
@media (max-width: 980px) {
  .cast .cast-list._v2 .cast-list-item {
    width: calc((100% - 2rem) / 3);
  }
}
@media (max-width: 600px) {
  .cast .cast-list._v2 .cast-list-item {
    width: calc((100% - 0.8rem) / 3);
  }
}
.cast .cast-list._v3 .cast-list-item {
  flex: 0 0 auto;
  max-width: none;
  width: calc((100% - 4rem) / 4);
  width: 19%;
}
@media (max-width: 980px) {
  .cast .cast-list._v3 .cast-list-item {
    width: calc((100% - 2rem) / 3);
  }
}
@media (max-width: 600px) {
  .cast .cast-list._v3 .cast-list-item {
    width: calc((100% - 10rem) / 2);
  }
}
.cast .cast-list-special {
  margin: 10rem auto 0;
  width: 25%;
}
@media (max-width: 600px) {
  .cast .cast-list-special {
    margin: 5rem auto 0;
    width: 40%;
  }
}
.cast .cast-list-special .cast-list-item {
  margin-top: 1rem;
}

.about {
  width: 100%;
  background-color: #f5f5f5;
  overflow: hidden;
  position: relative;
}
.about .about-inner {
  width: 100%;
  position: relative;
}
@media (max-width: 600px) {
  .about .about-inner {
    max-width: 91%;
  }
}
.about .about-inner .about-back {
  position: relative;
  margin-top: 4.7rem;
  z-index: 1;
}
@media (max-width: 600px) {
  .about .about-inner .about-back {
    margin-top: 3rem;
  }
}
@media (min-width: 1700px) {
  .about .about-inner .about-back .about-img {
    width: 1648px;
    margin: 0 auto;
  }
}
@media (max-width: 1080px) {
  .about .about-inner .about-back .about-img {
    width: 90%;
    margin: 0 auto;
  }
}
@media (max-width: 600px) {
  .about .about-inner .about-back .about-img {
    margin-bottom: 2rem;
    width: 100%;
  }
}
.about .about-inner .about-back .about-img img {
  height: auto;
}
.about .about-inner .about-txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: rgba(255, 255, 255, 0.95);
  padding: 3.8rem 3.5rem;
  box-sizing: border-box;
  width: 62.5rem;
  max-width: 90%;
}
@media (max-width: 1080px) {
  .about .about-inner .about-txt {
    position: static;
    position: static;
    transform: initial;
    margin: 0 auto;
  }
}
@media (max-width: 600px) {
  .about .about-inner .about-txt {
    padding: 2.5rem;
    position: static;
    transform: initial;
    margin: 0 auto;
  }
}
.about .about-inner .about-txt p {
  text-align: center;
}
.about .about-inner .about-txt .under-line {
  margin: 1rem auto 1.5rem;
  text-align: center;
}
@media (max-width: 600px) {
  .about .about-inner .about-txt .under-line {
    margin: 0.2rem auto 0.7rem;
  }
}
.about .about-inner .about-txt .under-line .under-line-inner {
  border-top: 3px #9d091d solid;
  display: inline-block;
  width: 180px;
}
@media (max-width: 600px) {
  .about .about-inner .about-txt .under-line .under-line-inner {
    width: 10rem;
  }
}
.about .about-inner .about-txt h3 {
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.5;
}
@media (max-width: 600px) {
  .about .about-inner .about-txt h3 {
    font-size: 1.5rem;
  }
}
.about .about-inner .about-txt p {
  line-height: 2;
  font-size: 1.1rem;
  color: #101010;
}
@media (max-width: 600px) {
  .about .about-inner .about-txt p {
    font-size: 1.1rem;
  }
}
.about .about-inner .red-line-wrapper {
  width: 90%;
  position: absolute;
  bottom: -15rem;
  left: -25%;
}
@media (max-width: 600px) {
  .about .about-inner .red-line-wrapper {
    left: -60%;
    top: 48%;
    width: 45rem;
  }
}
.about .about-inner .red-line-wrapper2 {
  width: 72%;
  position: absolute;
  top: 5rem;
  right: -19%;
}
@media (max-width: 600px) {
  .about .about-inner .red-line-wrapper2 {
    width: 40rem;
    top: 1rem;
    right: -45%;
  }
}
.about .about-inner .about-intro {
  position: relative;
}
.about .about-inner .about-intro-heading {
  width: 35.4rem;
  margin: 4rem auto 2rem;
  max-width: 90%;
}
.about .about-inner .about-intro-heading .about-intro-underline {
  width: 31rem;
  max-width: 90%;
  margin: 0 auto;
}
.about .about-inner .about-intro-txt {
  text-align: center;
}
@media (max-width: 600px) {
  .about .about-inner .about-intro-txt {
    text-align: left;
  }
}
.about .about-inner .about-intro-txt p {
  line-height: 1.7;
  font-size: 1.125rem;
}
@media (max-width: 600px) {
  .about .about-inner .about-intro-txt p {
    font-size: 1.102rem;
  }
}
.about .about-inner .about-silhouette {
  position: absolute;
  right: 11rem;
  bottom: 0rem;
  width: 15.5rem;
}
.about .about-history {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin: 0 auto;
  width: 67.5rem;
  max-width: 90%;
  gap: 2.5rem;
  margin-bottom: 3rem;
}
@media (max-width: 1000px) {
  .about .about-history {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 600px) {
  .about .about-history {
    grid-template-columns: 1fr;
    max-width: 100%;
  }
}
.about .about-history .about-history-subtitle {
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  font-size: 1.125rem;
  background-color: #29232f;
  display: inline-block;
  padding: 0.1rem 1rem;
  border-radius: 999px;
}
.about .about-history .about-history-item {
  padding: 2.4rem;
  background: linear-gradient(to bottom, #c3a84d, #90750a);
  position: relative;
}
.about .about-history .about-history-item h3 {
  margin-top: 1rem;
}
.about .about-history .about-history-txt {
  font-weight: 400;
  line-height: 200%;
  margin-top: 1.8rem;
  color: #ffffff;
}
@media (max-width: 600px) {
  .about .about-history .about-history-txt {
    margin-top: 1.5rem;
  }
}
.about .about-history .about-history-item-corner {
  position: absolute;
  left: 0;
  top: 0;
}
.about .about-history .about-history-underline {
  width: 81%;
  width: 24.5rem;
  margin: 0 auto;
}
@media (max-width: 600px) {
  .about .about-history .about-history-underline {
    width: 18.5rem;
    width: 100%;
  }
}
.about .about-comment {
  position: relative;
  z-index: 1;
  margin-top: 5rem;
}
@media (max-width: 600px) {
  .about .about-comment {
    margin-top: 3rem;
  }
}
.about .about-comment .about-comment-item {
  width: 67.5rem;
  max-width: 90%;
  margin: 0 auto 2.5rem;
  display: flex;
  align-items: flex-start;
  gap: 3.5rem;
  border: 4px solid transparent;
  border-radius: 0.75rem;
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to bottom, #c3a84d, #90750a) border-box;
  padding: 3rem 3.5rem;
  box-shadow: 10px 10px 20px 0 rgba(3, 3, 3, 0.25);
}
@media (max-width: 980px) {
  .about .about-comment .about-comment-item {
    flex-direction: column;
  }
}
@media (max-width: 600px) {
  .about .about-comment .about-comment-item {
    padding: 2rem;
    flex-direction: column;
    gap: 1.8rem;
    max-width: 100%;
  }
}
.about .about-comment .about-comment-profile {
  flex-shrink: 0;
  width: 15rem;
  text-align: center;
}
@media (max-width: 600px) {
  .about .about-comment .about-comment-profile {
    width: 100%;
    text-align: center;
  }
}
.about .about-comment .about-comment-profile .about-comment-img {
  width: 100%;
  height: auto;
  border-radius: 50%;
  overflow: hidden;
  background-color: #d9d9d9;
}
@media (max-width: 600px) {
  .about .about-comment .about-comment-profile .about-comment-img {
    width: 15.7rem;
    margin: 0 auto;
  }
}
.about .about-comment .about-comment-profile .about-comment-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.about .about-comment .about-comment-profile .about-comment-name {
  position: relative;
  margin-top: -3rem;
  padding: 0.9rem 0.5rem;
}
@media (max-width: 600px) {
  .about .about-comment .about-comment-profile .about-comment-name {
    margin-top: -4.3rem;
  }
}
.about .about-comment .about-comment-profile .about-comment-name .about-comment-name-bg {
  position: absolute;
  top: 50%;
  left: 61%;
  transform: translate(-50%, -50%);
  width: 99%;
  max-width: none;
  height: auto;
  z-index: 0;
  pointer-events: none;
}
@media (max-width: 600px) {
  .about .about-comment .about-comment-profile .about-comment-name .about-comment-name-bg {
    width: 64%;
  }
}
.about .about-comment .about-comment-profile .about-comment-name .role {
  position: relative;
  z-index: 1;
  transform: translateX(1.7rem);
  font-size: 0.815rem;
  color: #fff;
  line-height: 1.4;
  font-weight: 700;
}
@media (max-width: 600px) {
  .about .about-comment .about-comment-profile .about-comment-name .role {
    transform: translateX(3.2rem);
  }
}
.about .about-comment .about-comment-profile .about-comment-name .name {
  position: relative;
  z-index: 1;
  transform: translateX(1.7rem);
  font-size: 1.25rem;
  font-weight: 700;
  margin-top: 0rem;
  color: #fff;
  line-height: 1;
  letter-spacing: -3%;
}
@media (max-width: 600px) {
  .about .about-comment .about-comment-profile .about-comment-name .name {
    transform: translateX(3rem);
  }
}
.about .about-comment .about-comment-profile .about-comment-name .name span {
  font-size: 0.85rem;
}
.about .about-comment .about-comment-body {
  flex: 1;
}
.about .about-comment .about-comment-body h3 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #101010;
  margin-bottom: 1.2rem;
  line-height: 1.5;
}
@media (max-width: 600px) {
  .about .about-comment .about-comment-body h3 {
    margin-bottom: 0.4rem;
    font-size: 1.3rem;
  }
}
.about .about-comment .about-comment-body p {
  font-size: 1rem;
  line-height: 2;
  color: #101010;
}
@media (max-width: 600px) {
  .about .about-comment .about-comment-body p {
    font-size: 1.02rem;
  }
}

.picture .picture-inner {
  display: flex;
  position: relative;
  flex-wrap: wrap;
}
.picture .picture-inner .picture-item {
  width: 25%;
}
@media (max-width: 600px) {
  .picture .picture-inner .picture-item {
    width: 50%;
  }
}
.picture .picture-inner .picture-label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  color: #fff;
  font-size: 2.5rem;
  font-weight: bold;
}
@media (max-width: 600px) {
  .picture .picture-inner .picture-label {
    width: 100%;
    text-align: center;
    font-size: 1.8rem;
  }
}

footer {
  width: 100%;
  background-color: #0f0d12;
}
@media (max-width: 1700px) {
  footer {
    background-size: auto;
  }
}
@media (max-width: 600px) {
  footer {
    background-size: cover;
    background-position: 90%;
  }
}
footer .footer-inner {
  text-align: center;
  color: #fff;
}
footer .footer-inner .footer-credit {
  padding: 5.9rem 0;
  background-image: url(../images/footer_bg2.webp);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}
@media (max-width: 600px) {
  footer .footer-inner .footer-credit {
    background-size: cover;
  }
}
footer .footer-inner .footer-credit h4 {
  font-size: 0.94rem;
}
footer .footer-inner .footer-credit p {
  font-size: 0.81rem;
  line-height: 1.7;
  font-weight: 400;
}
footer .footer-contact {
  width: 75rem;
  max-width: 90%;
  margin: 0 auto;
  padding-top: 4rem;
  padding-bottom: 5.9rem;
  color: #fff;
  text-align: center;
}
@media (max-width: 600px) {
  footer .footer-contact {
    padding-bottom: 4rem;
  }
}
footer .footer-contact .footer-contact-box {
  border: 1px solid #ffffff;
  padding: 3rem 2rem;
  margin-bottom: 2.5rem;
}
footer .footer-contact .footer-contact-box:last-child {
  margin-bottom: 0;
}
@media (max-width: 600px) {
  footer .footer-contact .footer-contact-box {
    padding: 2.5rem 1.2rem;
  }
}
footer .footer-contact .footer-contact-title {
  font-size: 1.25rem;
  font-weight: 700;
}
@media (max-width: 600px) {
  footer .footer-contact .footer-contact-title {
    font-size: 1.15rem;
  }
}
footer .footer-contact .footer-contact-lead {
  margin-top: 1.8rem;
  font-size: 1.13rem;
  font-weight: 700;
  line-height: 1.8;
}
@media (max-width: 600px) {
  footer .footer-contact .footer-contact-lead {
    font-size: 1rem;
  }
}
footer .footer-contact .footer-contact-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  margin-top: 2rem;
  padding: 0.85rem 2.2rem;
  background-color: #fff;
  color: #101010;
  font-size: 1.1rem;
  font-weight: 700;
  text-decoration: none;
  border-radius: 999px;
  transition: opacity 0.3s ease;
}
footer .footer-contact .footer-contact-btn span.arrow {
  display: inline-flex;
  align-items: center;
  width: 0.7rem;
}
footer .footer-contact .footer-contact-btn span.arrow img {
  width: 100%;
  display: block;
}
footer .footer-contact .footer-contact-btn:hover {
  opacity: 0.8;
}
footer .footer-contact .footer-contact-note {
  margin-top: 1.8rem;
  font-size: 0.85rem;
  line-height: 1.9;
  font-weight: 400;
}
@media (max-width: 600px) {
  footer .footer-contact .footer-contact-note {
    font-size: 0.8rem;
  }
}
footer .copylight {
  background-color: #101010;
  text-align: center;
  padding: 5.9rem 0;
}
@media (max-width: 600px) {
  footer .copylight {
    padding: 3rem 0;
  }
}
footer .copylight .footer-logo {
  width: 17.5rem;
  margin: 0 auto;
}
@media (max-width: 600px) {
  footer .copylight .footer-logo {
    width: 15rem;
  }
}
footer .copylight p {
  color: #fff;
  margin-top: 2rem;
  font-size: 0.875rem;
}

.intro {
  position: relative;
  overflow: clip;
  isolation: isolate;
  background-color: #1b0b21;
}
.intro::before {
  content: "";
  position: absolute;
  inset: 0 -30%;
  background-image: url(../images/Framed358.webp);
  background-size: cover;
  background-position: center;
  z-index: -1;
  transform: translate3d(var(--intro-bg-x, 0), 0, 0);
  will-change: transform;
}
@media (max-width: 600px) {
  .intro::before {
    background-image: url(../images/intro-bg-sp.webp);
  }
}
.intro .intro-inner {
  min-height: 34rem;
  padding-top: 9rem;
  position: relative;
}
@media (min-width: 601px) {
  .intro .intro-inner {
    padding-bottom: 5vh;
  }
}
@media (max-width: 600px) {
  .intro .intro-inner {
    padding-top: 4rem;
    padding-bottom: 4rem;
    min-height: 29rem;
  }
}
.intro .intro-inner .intro-inner-deco {
  position: absolute;
  bottom: 0;
}
.intro .intro-inner .intro-inner-content {
  margin: 0 auto 1rem;
  background-color: rgba(27, 9, 33, 0.9);
  width: 74.5rem;
  max-width: 90%;
  padding: 3rem 4rem;
  color: white;
  text-align: center;
  border-radius: 0.65rem;
}
@media (min-width: 601px) {
  .intro .intro-inner .intro-inner-content {
    position: sticky;
    min-height: 20rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 35vh;
    transform-origin: center top;
    will-change: transform, filter;
  }
  .intro .intro-inner .intro-inner-content:nth-child(1) {
    top: calc(50vh - 20rem);
  }
  .intro .intro-inner .intro-inner-content:nth-child(2) {
    top: calc(50vh - 18rem);
  }
  .intro .intro-inner .intro-inner-content:nth-child(3) {
    top: calc(50vh - 16rem);
  }
  .intro .intro-inner .intro-inner-content:nth-child(4) {
    top: calc(50vh - 14rem);
  }
}
@media (max-width: 600px) {
  .intro .intro-inner .intro-inner-content:nth-child(4) {
    margin-bottom: 0;
  }
}
@media (max-width: 600px) {
  .intro .intro-inner .intro-inner-content {
    padding: 2rem;
  }
}
.intro .intro-inner .intro-inner-content .intro-inner-item {
  position: relative;
}
@media (max-width: 1100px) {
  .intro .intro-inner .intro-inner-content .intro-copy {
    width: 22rem;
    right: -5rem;
  }
}
@media (max-width: 600px) {
  .intro .intro-inner .intro-inner-content .intro-copy {
    right: -3rem;
    top: -4.5rem;
    width: 15rem;
  }
}
.intro .intro-inner .intro-inner-content h3 {
  text-align: center;
}
.intro .intro-inner .intro-inner-content p {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.7;
  letter-spacing: 6%;
}
@media (max-width: 600px) {
  .intro .intro-inner .intro-inner-content p {
    font-size: 1.259rem;
  }
}
.intro .intro-inner .intro-inner-content._01 {
  background-color: rgba(65, 4, 20, 0.9);
}
.intro .intro-inner .intro-inner-content._01 .intro-copy {
  width: 837px;
  max-width: 100%;
  margin: 0 auto 1rem;
}
.intro .intro-inner .intro-inner-content._01 p {
  text-align: left;
  font-weight: 500;
  font-size: 1.125rem;
}
@media (max-width: 600px) {
  .intro .intro-inner .intro-inner-content._01 p {
    font-size: 1.1015rem;
  }
}
.intro .intro-inner .intro-inner-content._02 {
  background-color: rgba(45, 19, 71, 0.9);
}
.intro .intro-inner .intro-inner-content._02 .intro-copy {
  width: 890px;
  max-width: 100%;
  margin: 0 auto 1rem;
}
.intro .intro-inner .intro-inner-content._02 p {
  text-align: left;
  font-weight: 500;
  font-size: 1.125rem;
}
@media (max-width: 600px) {
  .intro .intro-inner .intro-inner-content._02 p {
    font-size: 1.1015rem;
  }
}
.intro .intro-inner .intro-inner-content._03 {
  background-color: rgba(19, 44, 71, 0.9);
}
.intro .intro-inner .intro-inner-content._03 .intro-copy {
  width: 906px;
  max-width: 100%;
  margin: 0 auto 1rem;
}
.intro .intro-inner .intro-inner-content._03 p {
  text-align: left;
  font-weight: 500;
  font-size: 1.125rem;
}
@media (max-width: 600px) {
  .intro .intro-inner .intro-inner-content._03 p {
    font-size: 1.1015rem;
  }
}

.news {
  background-color: #0f0d12;
}
@media (max-width: 600px) {
  .news .section-inner {
    padding-top: 2rem;
  }
}
.news .news-items {
  display: flex;
  align-items: flex-start;
  width: 1200px;
  margin: 5rem auto 0;
  max-width: 95%;
}
@media (max-width: 880px) {
  .news .news-items {
    flex-direction: column;
    margin-top: 1rem;
  }
}
.news .news-items > h2 {
  width: 286px;
  max-width: 100%;
  flex-shrink: 0;
  margin-right: 2rem;
  margin-top: -2rem;
  margin-left: -2rem;
  max-width: 90%;
}
@media (max-width: 880px) {
  .news .news-items > h2 {
    margin: 0 auto 1rem;
    width: 15rem;
  }
}
.news .news-items .news-item-icon img {
  width: 2.3rem;
}
.news .news-item-list {
  width: 100%;
}
.news .news-item {
  display: flex;
  background-color: #29232f;
  border: 1px solid #707070;
  border-radius: 0.5rem;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 2rem;
  text-decoration: none;
  margin-bottom: 1rem;
}
@media (max-width: 600px) {
  .news .news-item {
    padding: 1.5rem 1rem 1.5rem 1.4rem;
    gap: 1rem;
  }
}
.news .news-item .news-item-inner {
  display: flex;
  justify-content: center;
  align-items: center;
}
.news .news-item .news-item-date {
  border-right: 1px solid #969696;
  padding-right: 1.5rem;
  margin-right: 1.5rem;
}
@media (max-width: 600px) {
  .news .news-item .news-item-date {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
    width: 7rem;
    height: 100%;
  }
}
.news .news-item .news-item-date p {
  color: #0a91a0;
  font-weight: bold;
}
.news .news-item .news-item-date .news-year {
  font-size: 0.815rem;
}
@media (max-width: 600px) {
  .news .news-item .news-item-date .news-year {
    font-size: 0.95rem;
    margin-bottom: 0.2rem;
  }
}
.news .news-item .news-item-date .news-month {
  font-size: 2rem;
  line-height: 1;
}
@media (max-width: 600px) {
  .news .news-item .news-item-date .news-month {
    font-size: 1.58rem;
  }
}
@media (max-width: 600px) {
  .news .news-item .news-item-title {
    border-left: 1px solid #969696;
    padding-left: 1.5rem;
    margin-left: 0;
    width: 15rem;
  }
}
.news .news-item .news-item-title p {
  width: 100%;
  display: inline-block;
  text-decoration: underline;
  color: #fff;
  font-weight: bold;
  font-size: 1.125rem;
  text-underline-offset: 0.3em;
}
.news .news-more-button {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}
@media (max-width: 600px) {
  .news .news-more-button {
    margin-top: 3rem;
  }
}
.news .news-more-button a {
  width: 20.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.54rem 1rem;
  border-radius: 9999px;
  border: 1px solid #fff;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.news .news-more-button a img {
  width: 1.8rem;
}

.ticket {
  background-color: #0f0d12;
}
.ticket .ticket-inner {
  width: 1200px;
  margin: 5rem auto;
  max-width: 95%;
  background-color: #29232f;
  padding-top: 4rem;
  padding-bottom: 4rem;
  border-radius: 1.2rem;
}
@media (max-width: 600px) {
  .ticket .ticket-inner {
    margin-top: 1rem;
    padding-top: 2rem;
    margin-bottom: 1rem;
  }
}
.ticket .ticket-inner span {
  color: #fff;
}
.ticket .ticket-inner-item {
  margin-bottom: 6rem;
  width: 1016px;
  margin-left: auto;
  margin-right: auto;
  max-width: 95%;
}
@media (max-width: 600px) {
  .ticket .ticket-inner-item {
    margin-bottom: 3rem;
    max-width: 90%;
  }
  .ticket .ticket-inner-item:last-child {
    margin-bottom: 0;
  }
}
.ticket .ticket-inner-item .ticket-inner-title {
  margin-bottom: 1rem;
  text-align: center;
  padding: 0.91rem 1rem;
}
@media (max-width: 600px) {
  .ticket .ticket-inner-item .ticket-inner-title {
    padding-bottom: 0;
  }
}
.ticket .ticket-inner-item .ticket-inner-title img {
  width: 36rem;
  max-width: 90%;
  margin: -0.5rem auto 0;
}
.ticket .ticket-inner-item h3 {
  color: #ffcf76;
  font-size: 1.75rem;
  font-weight: 700;
  text-align: center;
  line-height: 1;
}
@media (max-width: 600px) {
  .ticket .ticket-inner-item h3 {
    font-size: 1.3rem;
    padding: 0.55rem 0.8rem;
    margin-bottom: 0rem;
  }
}
.ticket .ticket-inner-item h3 span {
  color: #ffcf76;
  font-size: 1.25rem;
  font-weight: 500;
  margin-left: 0.5rem;
}
@media (max-width: 600px) {
  .ticket .ticket-inner-item h3 span {
    font-size: 1rem;
  }
}
.ticket .ticket-inner-item p {
  font-size: 2.5rem;
  font-weight: 600;
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 600px) {
  .ticket .ticket-inner-item p {
    font-size: 1.5rem;
  }
}
.ticket .ticket-inner-item p span {
  font-size: 1.75rem;
}
@media (max-width: 600px) {
  .ticket .ticket-inner-item p span {
    font-size: 1.2rem;
  }
}
.ticket .ticket-inner-item .ticket-inner-txt {
  font-size: 2rem;
}
@media (max-width: 600px) {
  .ticket .ticket-inner-item .ticket-inner-txt {
    font-size: 1.5rem;
  }
}
.ticket .ticket-inner-item .ticket-price-list {
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  gap: 0rem;
}
@media (max-width: 600px) {
  .ticket .ticket-inner-item .ticket-price-list {
    gap: 0rem;
    flex-direction: column;
  }
}
.ticket .ticket-inner-item .ticket-price-list li {
  width: 33.3%;
}
@media (max-width: 600px) {
  .ticket .ticket-inner-item .ticket-price-list li {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.ticket .ticket-inner-item .ticket-price-list .seat {
  font-size: 1.5rem;
  font-weight: 700;
  color: #101010;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
  line-height: 1.3;
  width: 13rem;
}
@media (max-width: 600px) {
  .ticket .ticket-inner-item .ticket-price-list .seat {
    font-size: 1.11rem;
  }
}
.ticket .ticket-inner-item .ticket-price-list .seat .sub {
  font-size: 0.85rem;
  font-weight: 500;
  margin-top: 0.25rem;
  margin-left: 0;
}
@media (max-width: 600px) {
  .ticket .ticket-inner-item .ticket-price-list .seat .sub {
    font-size: 0.93rem;
  }
}
.ticket .ticket-inner-item .ticket-price-list .price {
  font-size: 2rem;
  font-weight: 700;
  color: #101010;
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  gap: 0.25rem;
  white-space: nowrap;
}
@media (max-width: 600px) {
  .ticket .ticket-inner-item .ticket-price-list .price {
    font-size: 1.5rem;
  }
}
.ticket .ticket-inner-item .ticket-price-list .price .roboto {
  font-size: 2rem;
}
@media (max-width: 600px) {
  .ticket .ticket-inner-item .ticket-price-list .price .roboto {
    font-size: 1.6rem;
  }
}
.ticket .ticket-inner-item .ticket-price-list .price .yen {
  font-size: 1.5rem;
  font-weight: 500;
  margin-left: 0;
}
@media (max-width: 600px) {
  .ticket .ticket-inner-item .ticket-price-list .price .yen {
    font-size: 1rem;
  }
}
.ticket .ticket-inner-item .vip-special {
  margin-top: 5rem;
  text-align: center;
}
@media (max-width: 600px) {
  .ticket .ticket-inner-item .vip-special {
    margin-top: 3rem;
  }
}
.ticket .ticket-inner-item .vip-special h4 {
  color: #ffcf76;
  font-size: 1.62rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
}
@media (max-width: 600px) {
  .ticket .ticket-inner-item .vip-special h4 {
    font-size: 1.3rem;
  }
}
.ticket .ticket-inner-item .vip-special h4::before, .ticket .ticket-inner-item .vip-special h4::after {
  content: "";
  width: 5.4rem;
  height: 2px;
  background-color: #ffcf76;
}
.ticket .ticket-inner-item .vip-special .gold-label {
  font-size: 1.2rem;
  font-weight: bold;
  color: #ffcf76;
}
.ticket .ticket-inner-item .caption-list {
  margin: 0.6rem auto;
}
.ticket .ticket-inner-item .caption {
  color: #ffffff;
  font-size: 0.815rem;
}
.ticket .ticket-inner-item .vip-special-img {
  width: 38rem;
  max-width: 90%;
  margin: 1.2rem auto 1rem;
}
@media (max-width: 600px) {
  .ticket .ticket-inner-item .vip-special-img {
    margin-top: 1.2rem;
  }
}
.ticket .ticket-inner-item .ticket-schedule-list {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 1fr;
  gap: 1.25rem;
}
@media (max-width: 880px) {
  .ticket .ticket-inner-item .ticket-schedule-list {
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
  }
}
.ticket .ticket-inner-item .ticket-inner-schedule {
  border-radius: 12px;
  padding: 1.75rem 1.2rem;
  text-align: center;
  color: #fff;
  background: #3f9bd1;
  display: flex;
  flex-direction: column;
}
@media (max-width: 880px) {
  .ticket .ticket-inner-item .ticket-inner-schedule {
    padding: 1.25rem 1rem 1.6rem;
    border-radius: 0.5rem;
    width: 100%;
  }
}
.ticket .ticket-inner-item .ticket-inner-schedule._01 {
  opacity: 0.6;
  background: #0dabb0;
}
.ticket .ticket-inner-item .ticket-inner-schedule._sp {
  background: #de44a3;
}
.ticket .ticket-inner-item .ticket-inner-schedule._02 {
  background: #2891d7;
}
.ticket .ticket-inner-item .ticket-inner-schedule._03 {
  background: #5f57a7;
}
.ticket .ticket-inner-item .ticket-inner-schedule.is-ended .line {
  background-color: rgba(255, 255, 255, 0.4);
}
.ticket .ticket-inner-item .ticket-inner-schedule .schedule-title {
  font-size: 1.75rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 0.5rem;
}
@media (max-width: 600px) {
  .ticket .ticket-inner-item .ticket-inner-schedule .schedule-title {
    font-size: 1.2rem;
  }
}
.ticket .ticket-inner-item .ticket-inner-schedule .schedule-note {
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 0.6rem;
}
@media (max-width: 600px) {
  .ticket .ticket-inner-item .ticket-inner-schedule .schedule-note {
    font-size: 1rem;
  }
}
.ticket .ticket-inner-item .ticket-inner-schedule .schedule-date {
  font-size: 1.5rem;
  font-weight: 700;
  color: #fff;
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 0.15rem;
}
@media (max-width: 600px) {
  .ticket .ticket-inner-item .ticket-inner-schedule .schedule-date {
    font-size: 1.2rem;
  }
}
.ticket .ticket-inner-item .ticket-inner-schedule .schedule-date .sub {
  margin-left: 0;
  font-size: 1.25rem;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
}
@media (max-width: 600px) {
  .ticket .ticket-inner-item .ticket-inner-schedule .schedule-date .sub {
    font-size: 1.1rem;
  }
}
.ticket .ticket-inner-item .ticket-inner-schedule .schedule-date .tilde {
  margin: 0 0.4rem;
  font-size: 1.25rem;
}
@media (max-width: 600px) {
  .ticket .ticket-inner-item .ticket-inner-schedule .schedule-date .tilde {
    font-size: 1rem;
    margin: 0 0.2rem;
  }
}
.ticket .ticket-inner-item .ticket-inner-schedule .schedule-date .roboto {
  font-size: 1.75rem;
  line-height: 1;
  display: inline-block;
}
@media (max-width: 600px) {
  .ticket .ticket-inner-item .ticket-inner-schedule .schedule-date .roboto {
    font-size: 1.7rem;
  }
}
.ticket .ticket-inner-item .ticket-inner-schedule .schedule-date.v2 {
  margin-top: 3rem;
}
@media (max-width: 600px) {
  .ticket .ticket-inner-item .ticket-inner-schedule .schedule-date.v2 {
    margin-top: 1rem;
    padding-bottom: 1rem;
  }
}
.ticket .ticket-inner-item .ticket-inner-schedule .ticket-button-end {
  margin-top: 2rem;
}
.ticket .ticket-inner-item .ticket-inner-schedule .ticket-button-end a {
  background-color: #fff;
  color: #f70404;
  font-weight: bold;
  text-decoration: none;
  padding: 0.2rem 1rem;
  display: inline-block;
  font-size: 1.12rem;
  pointer-events: none;
}
.ticket .ticket-inner-item .ticket-inner-schedule .ticket-button {
  margin-top: auto;
  padding-top: 1rem;
}
.ticket .ticket-inner-item .ticket-inner-schedule .ticket-button a {
  display: inline-block;
  background: linear-gradient(to right, #191919 0%, #343434 100%);
  color: #fff;
  text-decoration: none;
  font-size: 1.25rem;
  font-weight: 700;
  padding: 0.7rem 1rem;
  width: 100%;
  border-radius: 999px;
  transition: opacity 0.2s ease;
}
@media (max-width: 880px) {
  .ticket .ticket-inner-item .ticket-inner-schedule .ticket-button a {
    font-size: 1.11rem;
    padding: 0.7rem 2rem;
    width: 80%;
  }
}
.ticket .ticket-inner-item .ticket-inner-schedule .ticket-button a:hover {
  opacity: 0.85;
}
.ticket .ticket-inner-item .ticket-inner-schedule .ticket-button a[aria-disabled=true] {
  background: #9d9d9d;
  pointer-events: none;
}
.ticket .ticket-inner-item .cast-text-list {
  text-align: center;
  color: #0c337d;
}
.ticket .ticket-inner-item .cast-group-block {
  margin-bottom: 2.5rem;
}
@media (max-width: 600px) {
  .ticket .ticket-inner-item .cast-group-block {
    margin-bottom: 2rem;
  }
}
.ticket .ticket-inner-item .cast-group-label {
  display: inline-block;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 700;
  padding: 1.1rem 3rem;
  margin-bottom: 1rem;
  background: url("../images/cast-heading-bg.webp") no-repeat center center;
  background-size: 100% 100%;
}
@media (max-width: 600px) {
  .ticket .ticket-inner-item .cast-group-label {
    font-size: 1.25rem;
    padding: 1rem 2.5rem;
  }
}
.ticket .ticket-inner-item .cast-line {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.6;
  color: #ffffff;
  text-align: center;
  display: block;
  justify-content: center;
}
@media (max-width: 600px) {
  .ticket .ticket-inner-item .cast-line {
    font-size: 1.11rem;
    line-height: 1.8;
  }
}
.ticket .ticket-inner-item .cast-dancer {
  margin-top: 2rem;
  font-size: 0.95rem;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
  display: block;
  justify-content: center;
}
@media (max-width: 600px) {
  .ticket .ticket-inner-item .cast-dancer {
    font-size: 1.11rem;
    text-align: left;
    line-height: 1.6;
  }
}

.cast-dancer-title {
  margin-top: 6rem;
}
@media (max-width: 600px) {
  .cast-dancer-title {
    margin-top: 3rem;
  }
}
.cast-dancer-title p {
  font-size: 2rem;
  color: #fff;
  font-weight: 700;
  text-align: center;
  text-shadow: 0 0 4px rgba(255, 244, 180, 0.9), 0 0 12px rgba(255, 228, 120, 0.85), 0 0 24px rgba(255, 210, 70, 0.6), 0 0 44px rgba(255, 200, 40, 0.45);
  text-align: center;
}
@media (max-width: 600px) {
  .cast-dancer-title p {
    font-size: 1.6rem;
  }
}

.line {
  height: 2px;
  width: 10rem;
  margin: 0.1rem auto 1.3rem;
  background-color: #fff;
}

.schedule-table {
  table-layout: fixed;
  width: 100%;
  max-width: 604px;
  margin: 0 auto;
  overflow: hidden;
}
.schedule-table .schedule-table-top .week {
  font-size: 1.2rem;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
}
.schedule-table .schedule-table-top .day-mid {
  font-size: 1.25rem;
}
.schedule-table .schedule-table-top th {
  font-family: "LINE Seed JP", sans-serif;
}
.schedule-table th,
.schedule-table td {
  border-right: 1px solid #d6e6f7;
  border-bottom: 1px solid #d6e6f7;
  text-align: center;
  vertical-align: middle;
  padding: 0.69rem 0.5rem;
  font-size: 1.5rem;
  font-weight: 400;
  color: #0b337d;
}
@media (max-width: 600px) {
  .schedule-table th,
  .schedule-table td {
    padding: 0.9rem 0.2rem;
    font-size: 1.1rem;
  }
}
.schedule-table th:last-child,
.schedule-table td:last-child {
  border-right: none;
}
.schedule-table tr:last-child th,
.schedule-table tr:last-child td {
  border-bottom: none;
}
.schedule-table th {
  color: #101010;
}
.schedule-table .time {
  font-size: 1.25rem !important;
}
.schedule-table .bg-gray {
  background: #fdfbec;
}
.schedule-table .head-title {
  background: linear-gradient(to right, #009ed8, #29c2f5);
  color: #fff;
  font-weight: 600;
  font-size: 1.36rem;
}
@media (max-width: 600px) {
  .schedule-table .head-title {
    font-size: 1rem;
  }
}
.schedule-table .head-sat {
  background: #eaf6fc;
}
.schedule-table .head-sun {
  background: #fcecf1;
}
.schedule-table .star {
  display: inline-block;
  width: 2.75rem;
  height: auto;
  vertical-align: middle;
}
@media (max-width: 600px) {
  .schedule-table .star {
    width: 2.6rem;
  }
}

.cast-schedule-scroll {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 0.5rem;
}
.cast-schedule-scroll::-webkit-scrollbar {
  height: 8px;
}
.cast-schedule-scroll::-webkit-scrollbar-thumb {
  background: #c9c9c9;
  border-radius: 4px;
}
.cast-schedule-scroll::-webkit-scrollbar-track {
  background: #ededed;
}

.cast-schedule-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
}
.cast-schedule-list .cast-schedule-item {
  width: 48.7%;
}
@media (max-width: 600px) {
  .cast-schedule-list .cast-schedule-item {
    width: 100%;
  }
}

.roboto {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
}

.fc-white {
  color: #fff !important;
}

.fc-navy {
  color: #0c337d;
}

.fc-blue {
  color: #0db8b5;
}

.fc-blue2 {
  color: #6dd3ff;
}

.fc-blue3 {
  color: #4396e4;
}

.fc-yellow {
  color: #bea517;
}

.fc-yellow2 {
  color: #dec430;
}

.fc-pink {
  color: #e40362;
}

.fw-bold {
  font-weight: bold;
}

.tac {
  text-align: center;
}

.block {
  display: inline-block;
}

.txts {
  font-size: 0.94rem;
}

.inview {
  opacity: 0;
}

/* ページトップボタン */
.page-top {
  position: fixed;
  right: 4rem;
  bottom: 4rem;
  z-index: 900;
  width: 7rem;
  height: auto;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transform: translateY(1rem);
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
}
.page-top.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.page-top:hover {
  opacity: 0.8;
}
.page-top img {
  width: 100%;
  display: block;
}
@media (max-width: 600px) {
  .page-top {
    right: 2rem;
    bottom: 2rem;
    width: 5rem;
  }
}

/* お申し込み先モーダル */
.ticket-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: none;
}
.ticket-modal.active {
  display: block;
}
.ticket-modal .ticket-modal-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.75);
}
.ticket-modal .ticket-modal-close {
  position: absolute;
  top: 1.2rem;
  right: 1.8rem;
  z-index: 2;
  background: none;
  border: none;
  color: #fff;
  font-size: 2.4rem;
  line-height: 1;
  cursor: pointer;
  padding: 0.2rem;
  transition: opacity 0.2s ease;
}
.ticket-modal .ticket-modal-close:hover {
  opacity: 0.7;
}
@media (max-width: 600px) {
  .ticket-modal .ticket-modal-close {
    top: 0.8rem;
    right: 1rem;
    font-size: 2rem;
  }
}
.ticket-modal .ticket-modal-scroll {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 4.5rem 1.2rem 3rem;
}
@media (max-width: 600px) {
  .ticket-modal .ticket-modal-scroll {
    padding: 3.5rem 1rem 2.5rem;
  }
}
.ticket-modal .modal-cast-list {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  width: 30rem;
  max-width: 100%;
  margin: 0 auto;
}
.ticket-modal .modal-cast-item {
  border: 1px solid #555;
  border-radius: 0.4rem;
  background: #0d0d0d;
  padding: 0.9rem 1rem;
  text-align: center;
}
.ticket-modal .modal-cast-name {
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 0.6rem;
}
.ticket-modal .modal-cast-links {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.7rem;
}
.ticket-modal .modal-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 2.4rem;
  color: #fff;
  transition: opacity 0.2s ease;
}
.ticket-modal .modal-ico:hover {
  opacity: 0.7;
}
.ticket-modal .modal-ico svg {
  width: auto;
  height: 1.8rem;
}
.ticket-modal .x-icon svg {
  width: auto;
  height: 1.65rem;
}
.ticket-modal .modal-btn {
  display: inline-block;
  padding: 0.35rem 1.3rem;
  border: 1px solid #fff;
  border-radius: 0.3rem;
  color: #000000;
  background-color: #fff;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: -0.03rem;
  text-decoration: none;
  transition: 0.2s ease;
}
.ticket-modal .modal-btn:hover {
  background-color: #000000;
  color: #fff;
  transition: 0.2s ease;
}
.ticket-modal .modal-ticket {
  color: #d82a2a;
}
.ticket-modal .modal-btn-ticket {
  color: #e23b3b;
  border-color: #e23b3b;
}

.news-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 2rem 1.2rem;
}
.news-modal.active {
  display: flex;
}
.news-modal .news-modal-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.75);
}
.news-modal .news-modal-inner {
  position: relative;
  z-index: 1;
  width: 70rem;
  max-width: 90%;
  max-height: 90vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background: #26232e;
  border-radius: 1rem;
  padding: 3rem;
}
@media (max-width: 600px) {
  .news-modal .news-modal-inner {
    padding: 1.8rem 1.4rem;
    border-radius: 0.6rem;
  }
}
.news-modal .news-modal-content {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 600px) {
  .news-modal .news-modal-content {
    flex-direction: column;
  }
}
.news-modal .news-modal-date {
  flex-shrink: 0;
}
@media (max-width: 600px) {
  .news-modal .news-modal-date {
    padding-right: 1rem;
    margin-right: 1rem;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    width: 100%;
    border-bottom: 1px solid #969696;
  }
}
.news-modal .news-modal-date p {
  color: #0a91a0;
  font-weight: bold;
}
.news-modal .news-modal-date .news-year {
  font-size: 0.815rem;
}
.news-modal .news-modal-date .news-month {
  font-size: 2.2rem;
  line-height: 1;
}
.news-modal .news-modal-main {
  flex: 1;
  min-width: 0;
  padding-left: 1.5rem;
  margin-left: 1.5rem;
  border-left: 1px solid #969696;
}
@media (max-width: 600px) {
  .news-modal .news-modal-main {
    margin: 0;
    padding: 0;
    border: none;
  }
}
.news-modal .news-modal-title {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 1.4rem;
}
@media (max-width: 600px) {
  .news-modal .news-modal-title {
    font-size: 1.2rem;
    margin-bottom: 1rem;
  }
}
.news-modal .news-modal-text {
  color: #fff;
  font-size: 1.05rem;
  line-height: 1.9;
}
.news-modal .news-modal-text p + p {
  margin-top: 1.2rem;
}
@media (max-width: 600px) {
  .news-modal .news-modal-text {
    font-size: 1rem;
    line-height: 1.8;
  }
}
.news-modal .news-modal-text .news-detail-link {
  color: #4ec4d3;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
.news-modal .news-modal-text .news-detail-link:hover {
  opacity: 0.8;
}
.news-modal .news-modal-footer {
  display: flex;
  justify-content: center;
  margin-top: 2.4rem;
}
.news-modal .news-modal-close {
  background: none;
  border: 1px solid #fff;
  border-radius: 999px;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
  padding: 0.7rem 7rem;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.news-modal .news-modal-close:hover {
  opacity: 0.7;
}
@media (max-width: 600px) {
  .news-modal .news-modal-close {
    padding: 0.8rem 3rem;
    font-size: 1.1rem;
  }
}

.cast-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 2rem 1.2rem;
}
.cast-modal.active {
  display: flex;
}
.cast-modal .cast-modal-overlay {
  position: absolute;
  inset: 0;
  background: rgba(41, 35, 47, 0.9);
}
.cast-modal .cast-modal-inner {
  position: relative;
  z-index: 1;
  width: 29rem;
  max-width: 100%;
  text-align: center;
}
.cast-modal .cast-modal-close-x {
  position: absolute;
  top: -2.6rem;
  right: 0;
  background: none;
  border: none;
  color: #fff;
  font-size: 2.2rem;
  line-height: 1;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.cast-modal .cast-modal-close-x:hover {
  opacity: 0.7;
}
.cast-modal .cast-modal-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.cast-modal .cast-modal-name {
  margin-top: 1.2rem;
  color: #ffcf76;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.04em;
}
@media (max-width: 600px) {
  .cast-modal .cast-modal-name {
    font-size: 1.3rem;
  }
}
.cast-modal .cast-modal-name .cast-modal-group {
  font-weight: 500;
  font-size: 0.85em;
  margin-left: 0.2rem;
  display: inline-block;
}
.cast-modal .cast-modal-footer {
  margin-top: 1.4rem;
}
.cast-modal .cast-modal-close {
  background: none;
  border: 1px solid #ffffff;
  border-radius: 999px;
  color: #fff;
  font-size: 1.05rem;
  font-weight: 700;
  padding: 0.5rem 4.5rem;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.cast-modal .cast-modal-close:hover {
  opacity: 0.7;
}

.sns-icon {
  border-right: none !important;
  padding-right: 0 !important;
}
.sns-icon .sns-mask {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-color: #fff;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition: background-color 0.3s ease;
}
@media (max-width: 600px) {
  .sns-icon .sns-mask {
    width: 1.8rem;
    height: 1.8rem;
  }
}
.sns-icon .sns-mask--x {
  -webkit-mask-image: url("../images/icon-x-white.svg");
  mask-image: url("../images/icon-x-white.svg");
}
.sns-icon .sns-mask--ig {
  -webkit-mask-image: url("../images/instagram.svg");
  mask-image: url("../images/instagram.svg");
}
.sns-icon a:hover .sns-mask {
  background-color: #ffcf76;
}

.sns-icon.last-icon {
  padding-right: 3rem !important;
}
@media (max-width: 600px) {
  .sp-sns {
    display: flex !important;
    gap: 1rem;
    margin-right: 5rem;
    margin-top: 1rem;
  }
}
@media (max-width: 600px) {
  .sp-sns img {
    width: 1.6rem !important;
  }
}
@media (max-width: 600px) {
  .sp-sns {
    margin-right: 5.9rem;
  }
}/*# sourceMappingURL=style.css.map */