@import url("//fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap");
/*========================================
*	common
========================================*/
::selection {
  color: #fff;
  background: #000;
}

a {
  text-decoration: none;
  color: inherit;
  display: block;
  width: 100%;
  height: 100%;
}

*,
*:after,
*:before {
  box-sizing: border-box;
}

*:focus {
  outline: 0;
}

html,
body {
  font-size: 62.5%;
  color: #fff;
  background-color: #000;
  font-family: "Noto Sans JP", sans-serif;
  cursor: none;
  scroll-behavior: smooth;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
html::-webkit-scrollbar,
body::-webkit-scrollbar {
  display: none;
}

body {
  width: 100%;
}

a {
  color: #000;
  text-decoration: none;
  cursor: none;
}

h1,
h2,
h3 {
  line-height: 1;
}

ul,
li {
  padding: unset;
  list-style: none;
}

tr,
th,
td {
  font-weight: normal;
  text-align: left;
}

img,
picture {
  -webkit-backface-visibility: hidden;
  width: 100%;
  max-width: 100%;
  pointer-events: none;
  vertical-align: bottom;
}

body,
p {
  all: unset;
}

.pc-none {
  display: none;
}
@media only screen and (max-width: 767px) {
  .pc-none {
    display: block;
  }
}

@media only screen and (min-width: 767px) {
  .sp-none {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .sp-none {
    display: none;
  }
}

.hover {
  transition: opacity 0.4s ease;
  opacity: 1;
}
.hover:hover {
  opacity: 0.7;
}

@keyframes kumaLaugh {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  10% {
    -webkit-transform: translateY(0.8vw);
    transform: translateY(0.8vw);
  }
  20% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  27% {
    -webkit-transform: translateY(0.8vw);
    transform: translateY(0.8vw);
  }
  34% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(0vw);
    transform: translateY(0vw);
  }
}
.common.information {
  background-image: url("../img/common/bg_kasou.png");
  background-size: cover;
  position: relative;
  padding-bottom: 21.3333333333vw;
}
@media only screen and (min-width: 767px) {
  .common.information {
    background-image: url("../img/common/bg_kasou_pc.jpg");
    padding-bottom: 7.6388888889vw;
  }
}
.common.series {
  background-image: url("../img/common/bg_kasou.png");
  background-size: cover;
  position: relative;
  padding-bottom: 23.3333333333vw;
}
@media only screen and (min-width: 767px) {
  .common.series {
    background-image: url("../img/common/bg_kasou_pc.jpg");
    padding-bottom: 8.9583333333vw;
  }
}

.nav {
  width: 100vw;
  height: 100dvh;
  position: fixed;
  top: 0;
  right: 0%;
  z-index: 999;
  transition: all 0.4s ease;
  overflow: hidden;
  pointer-events: none;
  padding-bottom: env(safe-area-inset-bottom);
}
.nav.js--show {
  pointer-events: auto;
  right: 0%;
}
.nav.js--show .nav-bg {
  opacity: 1;
  pointer-events: auto;
}
.nav.js--show .nav-kuma {
  transform: translateX(0);
  transition-delay: 0.4s;
}
.nav.js--show .nav-inner {
  transform: translateX(0);
}
.nav-bg {
  width: 100%;
  height: 101vh;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
}
.nav-kuma {
  width: 54vw;
  position: absolute;
  right: 24.5333333333vw;
  top: 71.4666666667vw;
  transition: all 0.4s ease;
  transform: translateX(200%);
}
.nav-inner {
  width: 50vw;
  height: 100%;
  background-color: #ff008d;
  margin: 0vw 0vw 0 auto;
  position: relative;
  transform: translateX(100%);
  transition: all 0.4s ease;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}
.nav-list {
  padding: 0vw 0 0 5.3333333333vw;
  position: relative;
}
.nav-item {
  position: relative;
}
.nav-item:not(:first-child) {
  margin-top: 9.3333333333vw;
}
.nav-link {
  display: block;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-size: 4.8vw;
  letter-spacing: 0.0533333333vw;
}
.nav-sns {
  width: 100%;
  padding: 6.1333333333vw 5.6vw;
  position: absolute;
  bottom: 0;
  background-color: #fff;
}
.nav-sns_title {
  font-size: 3.2vw;
  color: #ff008d;
  margin-left: 1.0666666667vw;
}
.nav-sns_list {
  margin: 3.4666666667vw auto 0;
  display: flex;
  column-gap: 9.0666666667vw;
  padding: unset;
  align-items: center;
}
.nav-sns_item.x {
  width: 6vw;
}
.nav-sns_item.youtube {
  width: 7.2vw;
}
.nav-hamburger {
  position: fixed;
  z-index: 999;
  top: 3.3333333333vw;
  right: 4vw;
  width: 6.6666666667vw;
  height: 6.6666666667vw;
}
.nav-hamburger:before {
  display: block;
  content: "";
  background-color: rgba(0, 0, 0, 0.7);
  width: 26.6666666667vw;
  height: 26.6666666667vw;
  position: absolute;
  bottom: -8vw;
  left: -9.2vw;
  z-index: 0;
  border-radius: 50%;
}
.nav-hamburger:after {
  display: block;
  content: "";
  background-image: url("../img/common/nav_deco.png");
  background-size: 100% 100%;
  width: 19.8666666667vw;
  height: 18.1333333333vw;
  position: absolute;
  top: -3.3333333333vw;
  right: -4vw;
}
.nav-hamburger.js--active:after {
  display: block;
  content: "";
  background-image: url("../img/common/nav_deco_white.png");
}
.nav-hamburger.js--active .nav-hamburger_inner {
  transform: translate(0.8vw, -0.5333333333vw);
}
.nav-hamburger.js--active .nav-hamburger_line {
  background-color: #fff;
}
.nav-hamburger.js--active .nav-hamburger_line:nth-child(1) {
  transform: rotate(45deg) translate(0.5333333333vw, 0.3333333333vw);
}
.nav-hamburger.js--active .nav-hamburger_line:nth-child(2) {
  opacity: 0;
}
.nav-hamburger.js--active .nav-hamburger_line:nth-child(3) {
  transform: rotate(-45deg) translate(-0.4666666667vw, 0.9333333333vw);
}
.nav-hamburger_inner {
  position: relative;
  transition: all 0.4s ease;
}
.nav-hamburger_line {
  display: block;
  width: 6.6666666667vw;
  height: 0.8vw;
  background-color: #ff008d;
  transition: all 0.4s ease;
  transform-origin: left;
  position: relative;
  z-index: 1;
}
.nav-hamburger_line:not(:first-child) {
  margin-top: 1.3333333333vw;
}

.fix {
  position: fixed;
  bottom: 2.6666666667vw;
  right: 2.1333333333vw;
  z-index: 999;
  pointer-events: none;
  transition: all 0.4s ease;
}
.fix.js--hide {
  opacity: 0;
  pointer-events: none;
}
.fix.js--hide .fix-music_visual, .fix.js--hide .fix-music_option {
  pointer-events: none;
}
@media only screen and (min-width: 767px) {
  .fix {
    bottom: 1.3888888889vw;
    right: 2.2916666667vw;
  }
}
.fix-music {
  transition: opacity 0.4s ease;
}
.fix-music.play .fix-music_btn--icon:after {
  display: block;
  content: "";
  width: 2.2666666667vw;
  height: 2.6666666667vw;
  background-image: url("../img/common/fix_music_icon_stop.png");
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 767px) {
  .fix-music.play .fix-music_btn--icon:after {
    width: 0.625vw;
    height: 0.7638888889vw;
  }
}
.fix-music.play .fix-music_txt {
  animation: textSlide 8s linear 0.4s infinite;
}
.fix-music_inner {
  position: relative;
}
@media only screen and (min-width: 767px) {
  .fix-music_inner:hover .fix-music_option {
    opacity: 1;
  }
}
.fix-music_option {
  width: 40vw;
  padding: 2.6666666667vw;
  position: relative;
  background-color: #fff;
  opacity: 0;
  pointer-events: none;
  transition: all 0.4s ease;
}
@media only screen and (min-width: 767px) {
  .fix-music_option {
    width: 13.1944444444vw;
    padding: 1.0416666667vw;
  }
  .fix-music_option:hover {
    opacity: 1;
    pointer-events: auto;
  }
}
.fix-music_option.js--show {
  opacity: 1;
  pointer-events: auto;
}
.fix-music_option:after {
  display: block;
  content: "";
  background-image: url("../img/common/fix_music_option_arrow.png");
  background-size: 100% 100%;
  width: 3.2vw;
  height: 2.9333333333vw;
  position: absolute;
  bottom: -2.6666666667vw;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (min-width: 767px) {
  .fix-music_option:after {
    width: 1.1111111111vw;
    height: 0.9722222222vw;
    bottom: -0.8333333333vw;
  }
}
.fix-music_item {
  width: 34.6666666667vw;
  padding: 2.6666666667vw;
  background-color: #e6e6e6;
  border-radius: 4vw;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-size: 2.6666666667vw;
  color: #000;
  text-align: center;
}
@media only screen and (min-width: 767px) {
  .fix-music_item {
    width: 11.1111111111vw;
    padding: 0.4861111111vw;
    border-radius: 0.8333333333vw;
    font-size: 0.8333333333vw;
  }
}
.fix-music_item:not(:first-child) {
  margin-top: 1.3333333333vw;
}
@media only screen and (min-width: 767px) {
  .fix-music_item:not(:first-child) {
    margin-top: 0.5555555556vw;
  }
}
.fix-music_item.js--active {
  background-color: #ff008d;
  color: #fff;
}
.fix-music_btn {
  width: 8vw;
  height: 8vw;
  border-radius: 50%;
  position: absolute;
  bottom: 0.4666666667vw;
  right: 0.5666666667vw;
  background-color: transparent;
  z-index: 99;
}
@media only screen and (min-width: 767px) {
  .fix-music_btn {
    width: 2.0833333333vw;
    height: 2.0833333333vw;
    bottom: 0.2430555556vw;
    right: 0.2083333333vw;
  }
}
.fix-music_btn--icon {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #ff008d;
}
.fix-music_btn--icon:after {
  display: block;
  content: "";
  width: 2.2666666667vw;
  height: 2.6666666667vw;
  background-image: url("../img/common/fix_music_icon_play.png");
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 54%;
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 767px) {
  .fix-music_btn--icon:after {
    width: 0.625vw;
    height: 0.7638888889vw;
  }
}
.fix-music_visual {
  margin: 4vw 0 0 1.3333333333vw;
  width: 39.7333333333vw;
  position: relative;
  pointer-events: auto;
}
@media only screen and (min-width: 767px) {
  .fix-music_visual {
    margin: 1.3888888889vw 0 0 0vw;
    width: 13.9583333333vw;
  }
}
.fix-music_chara {
  width: 37.4666666667vw;
  height: 24.9333333333vw;
  position: absolute;
  top: 0vw;
  left: 0vw;
  background-color: #000;
  border-top: solid #000 0.6vw;
  border-left: solid #000 0.6vw;
  border-right: solid #000 0.6vw;
  overflow: hidden;
}
@media only screen and (min-width: 767px) {
  .fix-music_chara {
    width: 13.4722222222vw;
    height: 8.9583333333vw;
    position: absolute;
    top: 0vw;
    left: 0vw;
    border-top: solid #000 0.2083333333vw;
    border-left: solid #000 0.2083333333vw;
    border-right: solid #000 0.2083333333vw;
  }
}
.fix-music_chara--noise {
  width: 150%;
  height: 150%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../img/common/alter/noise.png);
  background-size: 100% 100%;
  opacity: 0.2;
  z-index: 10;
  animation: noise 0.1s linear infinite both;
  pointer-events: none;
}
.fix-music_chara--scan {
  width: 100%;
  height: 5%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 10;
  animation: scan 5s linear infinite;
  pointer-events: none;
}
.fix-music_chara--list {
  position: relative;
}
.fix-music_chara--item {
  width: 37.4666666667vw;
  height: 24.9333333333vw;
  position: absolute;
  top: 0vw;
  left: 0vw;
  opacity: 0;
}
@media only screen and (min-width: 767px) {
  .fix-music_chara--item {
    width: 13.3333333333vw;
    height: 8.9583333333vw;
  }
}
.fix-music_chara--item.active {
  opacity: 1;
}
.fix-music_chara--item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.fix-music_chara--item .red {
  filter: url(#alphaRed);
  mix-blend-mode: lighten;
  animation: redGlitch 4s linear infinite;
}
.fix-music_chara--item .green {
  filter: url(#alphaGreen);
  mix-blend-mode: lighten;
  animation: greenGlitch 4s linear infinite;
}
.fix-music_chara--item .blue {
  filter: url(#alphaBlue);
  mix-blend-mode: lighten;
  animation: blueGlitch 4s linear infinite;
}
.fix-music_chara--hover {
  width: 37.4666666667vw;
  height: 24.9333333333vw;
  position: absolute;
  top: 0%;
  left: 0%;
  background-color: #000;
  opacity: 0;
}
@media only screen and (min-width: 767px) {
  .fix-music_chara--hover {
    width: 13.3333333333vw;
    height: 8.9583333333vw;
  }
}
.fix-music_chara--hover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.fix-music_chara--hover.js--show {
  opacity: 1;
}
.fix-music_chara--hover .red {
  filter: url(#alphaRed);
  mix-blend-mode: lighten;
  animation: redGlitch 4s linear infinite;
}
.fix-music_chara--hover .green {
  filter: url(#alphaGreen);
  mix-blend-mode: lighten;
  animation: greenGlitch 4s linear infinite;
}
.fix-music_chara--hover .blue {
  filter: url(#alphaBlue);
  mix-blend-mode: lighten;
  animation: blueGlitch 4s linear infinite;
}
.fix-music_title {
  width: 28.6666666667vw;
  overflow: hidden;
  position: absolute;
  bottom: 2.5333333333vw;
  left: 1.0666666667vw;
  margin: 0vw 0 0 2vw;
  display: flex;
}
@media only screen and (min-width: 767px) {
  .fix-music_title {
    width: 10.4166666667vw;
    bottom: 0.5555555556vw;
    left: 0.2777777778vw;
    margin: 0vw 0 0 0.2777777778vw;
  }
}
.fix-music_txt {
  display: block;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  color: #000;
  font-size: 2.6666666667vw;
  text-wrap-mode: nowrap;
  padding-right: 3.3333333333vw;
  animation: textSlide 8s linear 0.4s infinite;
  animation-play-state: paused;
}
@media only screen and (min-width: 767px) {
  .fix-music_txt {
    font-size: 0.9722222222vw;
  }
}
.fix-topbtn {
  pointer-events: auto;
  transition: all 0.4s ease;
}
.fix-topbtn_inner {
  position: relative;
  width: 36.9333333333vw;
}
@media only screen and (min-width: 767px) {
  .fix-topbtn_inner {
    width: 13.125vw;
    margin-top: 0.625vw;
  }
}
.fix-topbtn_kuma {
  width: 7.3333333333vw;
  height: 12vw;
  background-color: transparent;
  position: absolute;
  bottom: 0vw;
  left: 1.2vw;
  overflow: hidden;
  pointer-events: none;
}
@media only screen and (min-width: 767px) {
  .fix-topbtn_kuma {
    width: 2.6388888889vw;
    height: 5vw;
    bottom: 0vw;
    left: 0.625vw;
  }
}
.fix-topbtn_kuma:before {
  display: block;
  content: "";
  background-image: url("../img/common/footer_topbtn_kuma.png");
  background-size: cover;
  width: 7.3333333333vw;
  height: 14vw;
  position: absolute;
  bottom: -3.8666666667vw;
  left: 0vw;
  transition: all 0.4s ease;
}
@media only screen and (min-width: 767px) {
  .fix-topbtn_kuma:before {
    width: 2.6388888889vw;
    height: 5vw;
    bottom: -1.3888888889vw;
    left: 0vw;
  }
}
.fix-sns {
  background-image: url("../img/common/fix_sns_bg.png");
  background-size: 100% 100%;
  width: 5.5555555556vw;
  padding: 1.3888888889vw 1.7361111111vw;
  position: fixed;
  bottom: 3.4722222222vw;
  left: 0;
  z-index: 99;
  transition: all 0.4s ease;
}
.fix-sns.js--hide {
  opacity: 0;
  pointer-events: none;
}
.fix-sns_txt {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-size: 1.1111111111vw;
  color: #ff008d;
}
.fix-sns_list {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 1.25vw;
}
.fix-sns_item:not(:first-child) {
  margin-top: 1.3888888889vw;
}
.fix-sns_item.tiktok {
  width: 1.3888888889vw;
}
.fix-sns_item.x {
  width: 1.25vw;
}
.fix-sns_item.youtube {
  width: 1.5277777778vw;
}

.filter {
  display: none;
}

@keyframes textSlide {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes noise {
  0% {
    transform: translateX(0%) translateY(0);
  }
  100% {
    transform: translateX(-10%) translateY(-10%);
  }
}
@keyframes scan {
  0% {
    transform: translateY(0%);
  }
  25% {
    transform: translateY(2000%);
    opacity: 0;
  }
  100% {
    transform: translateY(2000%);
    opacity: 0;
  }
}
@keyframes redGlitch {
  0% {
    transform: translate(-48%, -49%);
    clip-path: path("M400,21.66V10.49h-116.29V0H39.36V54.56H0v36.09H101.25v9.77H.23v5.52H101.25v14.44H22.77v15.29H13.82v39.06H.23v6.79H13.82v15.29h60.63v20.81H10.25v51.17H.23v26.75H61.69v30.57h-29.35v12.1H0v30.57H22.77v31.36H400v-25.41h-31.43v-5.95h31.43v-8.28h-31.43v-15.92h-9.57v-14.65h32.56v-13.38h8.44v-10.83h-8.44v-52.23h-79.37v-21.02h69.78v-7.64h18.03v-24.7h-8.44v-52.58h-22.99v-11.89h31.43v-15.29h-31.43v-36.3h31.43V35.03h-116.29v-13.38h116.29ZM138.57,120.38h15.14v15.29h-15.14v-15.29ZM74.45,386.85v-18.08h39.56v14.01h144.19v4.06H74.45Zm89.32-42.28v-6.37h-34.45v-12.1h48.49v18.47h-14.04Zm56.73-25.48h-5.05v-2.55h5.05v2.55Zm-5.05-13.38v-10.19h5.05v10.19h-5.05Z");
  }
  10% {
    transform: translate(-48%, -49%);
    clip-path: path("M398.2,238.77v-14.06h2.28v-24.74h-2.28v-37.76h-8.45v-4.24H215.93v-3.23h178.76v-61.25H254.7v-3.19h33.11v-11.59h102.55V29.58h-52.25V0H93.75V13.18H0v11.19H39.84v29.77H.48v36.15H39.84v28.22H18.22v6.81h5.04v10.06H14.3v61.25h60.63v2.12H1.05v56.57H29.76v21.71H96.62v3.81h4.79v7.66h-3.83v-6.14H.6v14.67H62.17v13.8H.48v30.62H82.37v3.83h35.94v8.77H15.17v13.3H118.31v8.77H.48v23.84H244.84v-12.97h134.3v-18.11h21.34v-8.29h-21.34v-26.19h19.02v-25.45h-42.19v-26.19h18.5v-1.93h26.01v-10.85h-26.01v-25.51h-71.49v-5.73h95.22Zm-171.06-75.27v14.95h-11.21v-14.95h11.21Zm-88.09-38.17h38.45v-5.25h15.55v15.31h-54.01v-10.06Zm76.88,189.34v-3.83h40.42v14.92h-10.22v-11.09h-30.21Zm-45.94,30.62h7.52v8.77h-7.52v-8.77Zm0,22.07h7.52v8.77h-7.52v-8.77Z");
  }
  20% {
    transform: translate(-48%, -49%);
    clip-path: path("M400.21,112.61v-15.31H234.82v-9.04h52.51v-6.59h112.67V32.54h-33.6V6.06h-95.3V0H69.47V2.36H29.34V13.55h40.13v7.51H32.34v20.87h-12.38v10.18H0v36.15H19.96v49.37h18.2v23.05H13.82v11.8H.23v6.81H13.82v37.96h18.52v22.74H13.14v13.3h19.2v8.96h106.23v4.44H.23v26.8H61.69v30.62h-29.35v14.67H114.47v11.23H17.55v30.62h18.3v17.63h51.68v-17.63h26.94v11.98h143.72v5.65h141.81v-25.45h-114.47v-5.21h101.25v-.75h13.22v-8.29h-13.22v-29.24h-17.58v-10.32h30.72v-10.85h-30.72v-5.11h30.72v-31.26h-16.99v-29.1h17.08v-24.74h-60.14v-6.74h-24.11v-8.11h70.6v-61.25h-20.92v-29.24h34.78Zm-164.97,180.87v-8.94h88.66v12.37h-108.46v-3.43h19.79Zm-50.53-151.63v18.82h-30.76v-23.05h71.6v4.23h-40.84Z");
  }
  30% {
    transform: translate(-50%, -50%);
    clip-path: unset;
  }
  100% {
    clip-path: unset;
  }
}
@keyframes greenGlitch {
  0% {
    transform: translate(-51%, -48%);
    clip-path: path("M400,21.66V10.49h-116.29V0H39.36V54.56H0v36.09H101.25v9.77H.23v5.52H101.25v14.44H22.77v15.29H13.82v39.06H.23v6.79H13.82v15.29h60.63v20.81H10.25v51.17H.23v26.75H61.69v30.57h-29.35v12.1H0v30.57H22.77v31.36H400v-25.41h-31.43v-5.95h31.43v-8.28h-31.43v-15.92h-9.57v-14.65h32.56v-13.38h8.44v-10.83h-8.44v-52.23h-79.37v-21.02h69.78v-7.64h18.03v-24.7h-8.44v-52.58h-22.99v-11.89h31.43v-15.29h-31.43v-36.3h31.43V35.03h-116.29v-13.38h116.29ZM138.57,120.38h15.14v15.29h-15.14v-15.29ZM74.45,386.85v-18.08h39.56v14.01h144.19v4.06H74.45Zm89.32-42.28v-6.37h-34.45v-12.1h48.49v18.47h-14.04Zm56.73-25.48h-5.05v-2.55h5.05v2.55Zm-5.05-13.38v-10.19h5.05v10.19h-5.05Z");
  }
  10% {
    transform: translate(-51%, -48%);
    clip-path: path("M398.2,238.77v-14.06h2.28v-24.74h-2.28v-37.76h-8.45v-4.24H215.93v-3.23h178.76v-61.25H254.7v-3.19h33.11v-11.59h102.55V29.58h-52.25V0H93.75V13.18H0v11.19H39.84v29.77H.48v36.15H39.84v28.22H18.22v6.81h5.04v10.06H14.3v61.25h60.63v2.12H1.05v56.57H29.76v21.71H96.62v3.81h4.79v7.66h-3.83v-6.14H.6v14.67H62.17v13.8H.48v30.62H82.37v3.83h35.94v8.77H15.17v13.3H118.31v8.77H.48v23.84H244.84v-12.97h134.3v-18.11h21.34v-8.29h-21.34v-26.19h19.02v-25.45h-42.19v-26.19h18.5v-1.93h26.01v-10.85h-26.01v-25.51h-71.49v-5.73h95.22Zm-171.06-75.27v14.95h-11.21v-14.95h11.21Zm-88.09-38.17h38.45v-5.25h15.55v15.31h-54.01v-10.06Zm76.88,189.34v-3.83h40.42v14.92h-10.22v-11.09h-30.21Zm-45.94,30.62h7.52v8.77h-7.52v-8.77Zm0,22.07h7.52v8.77h-7.52v-8.77Z");
  }
  20% {
    clip-path: path("M400.21,112.61v-15.31H234.82v-9.04h52.51v-6.59h112.67V32.54h-33.6V6.06h-95.3V0H69.47V2.36H29.34V13.55h40.13v7.51H32.34v20.87h-12.38v10.18H0v36.15H19.96v49.37h18.2v23.05H13.82v11.8H.23v6.81H13.82v37.96h18.52v22.74H13.14v13.3h19.2v8.96h106.23v4.44H.23v26.8H61.69v30.62h-29.35v14.67H114.47v11.23H17.55v30.62h18.3v17.63h51.68v-17.63h26.94v11.98h143.72v5.65h141.81v-25.45h-114.47v-5.21h101.25v-.75h13.22v-8.29h-13.22v-29.24h-17.58v-10.32h30.72v-10.85h-30.72v-5.11h30.72v-31.26h-16.99v-29.1h17.08v-24.74h-60.14v-6.74h-24.11v-8.11h70.6v-61.25h-20.92v-29.24h34.78Zm-164.97,180.87v-8.94h88.66v12.37h-108.46v-3.43h19.79Zm-50.53-151.63v18.82h-30.76v-23.05h71.6v4.23h-40.84Z");
  }
  30% {
    transform: translate(-50%, -50%);
    clip-path: unset;
  }
  100% {
    transform: translate(-50%, -50%);
    clip-path: unset;
  }
}
@keyframes blueGlitch {
  0% {
    transform: translate(-52%, -52%);
    clip-path: path("M400,21.66V10.49h-116.29V0H39.36V54.56H0v36.09H101.25v9.77H.23v5.52H101.25v14.44H22.77v15.29H13.82v39.06H.23v6.79H13.82v15.29h60.63v20.81H10.25v51.17H.23v26.75H61.69v30.57h-29.35v12.1H0v30.57H22.77v31.36H400v-25.41h-31.43v-5.95h31.43v-8.28h-31.43v-15.92h-9.57v-14.65h32.56v-13.38h8.44v-10.83h-8.44v-52.23h-79.37v-21.02h69.78v-7.64h18.03v-24.7h-8.44v-52.58h-22.99v-11.89h31.43v-15.29h-31.43v-36.3h31.43V35.03h-116.29v-13.38h116.29ZM138.57,120.38h15.14v15.29h-15.14v-15.29ZM74.45,386.85v-18.08h39.56v14.01h144.19v4.06H74.45Zm89.32-42.28v-6.37h-34.45v-12.1h48.49v18.47h-14.04Zm56.73-25.48h-5.05v-2.55h5.05v2.55Zm-5.05-13.38v-10.19h5.05v10.19h-5.05Z");
  }
  10% {
    transform: translate(-52%, -52%);
    clip-path: path("M398.2,238.77v-14.06h2.28v-24.74h-2.28v-37.76h-8.45v-4.24H215.93v-3.23h178.76v-61.25H254.7v-3.19h33.11v-11.59h102.55V29.58h-52.25V0H93.75V13.18H0v11.19H39.84v29.77H.48v36.15H39.84v28.22H18.22v6.81h5.04v10.06H14.3v61.25h60.63v2.12H1.05v56.57H29.76v21.71H96.62v3.81h4.79v7.66h-3.83v-6.14H.6v14.67H62.17v13.8H.48v30.62H82.37v3.83h35.94v8.77H15.17v13.3H118.31v8.77H.48v23.84H244.84v-12.97h134.3v-18.11h21.34v-8.29h-21.34v-26.19h19.02v-25.45h-42.19v-26.19h18.5v-1.93h26.01v-10.85h-26.01v-25.51h-71.49v-5.73h95.22Zm-171.06-75.27v14.95h-11.21v-14.95h11.21Zm-88.09-38.17h38.45v-5.25h15.55v15.31h-54.01v-10.06Zm76.88,189.34v-3.83h40.42v14.92h-10.22v-11.09h-30.21Zm-45.94,30.62h7.52v8.77h-7.52v-8.77Zm0,22.07h7.52v8.77h-7.52v-8.77Z");
  }
  20% {
    transform: translate(-52%, -52%);
    clip-path: path("M400.21,112.61v-15.31H234.82v-9.04h52.51v-6.59h112.67V32.54h-33.6V6.06h-95.3V0H69.47V2.36H29.34V13.55h40.13v7.51H32.34v20.87h-12.38v10.18H0v36.15H19.96v49.37h18.2v23.05H13.82v11.8H.23v6.81H13.82v37.96h18.52v22.74H13.14v13.3h19.2v8.96h106.23v4.44H.23v26.8H61.69v30.62h-29.35v14.67H114.47v11.23H17.55v30.62h18.3v17.63h51.68v-17.63h26.94v11.98h143.72v5.65h141.81v-25.45h-114.47v-5.21h101.25v-.75h13.22v-8.29h-13.22v-29.24h-17.58v-10.32h30.72v-10.85h-30.72v-5.11h30.72v-31.26h-16.99v-29.1h17.08v-24.74h-60.14v-6.74h-24.11v-8.11h70.6v-61.25h-20.92v-29.24h34.78Zm-164.97,180.87v-8.94h88.66v12.37h-108.46v-3.43h19.79Zm-50.53-151.63v18.82h-30.76v-23.05h71.6v4.23h-40.84Z");
  }
  30% {
    transform: translate(-50%, -50%);
    clip-path: unset;
  }
  100% {
    transform: translate(-50%, -50%);
    clip-path: unset;
  }
}
.loading {
  width: 100%;
  height: 101dvh;
  background-color: #000;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  opacity: 1;
  transition: all 0.4s ease;
}
.loading.js--hide {
  opacity: 0;
  pointer-events: none;
}
.loading.js--after-counter .loading-bullet {
  transform: translateX(2000%);
}
.loading-inner {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.loading-num {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-size: 7.2vw;
  color: #ff008d;
}
@media only screen and (min-width: 767px) {
  .loading-num {
    font-size: 1.9444444444vw;
  }
}
.loading-bullet {
  display: block;
  width: 8.6666666667vw;
  margin-top: 2.4vw;
  transition: all 0.6s ease-out;
  position: relative;
  transform: translateX(-2000%);
}
.loading-bullet:before {
  display: block;
  content: "";
  width: 1000vh;
  height: 0.2666666667vw;
  background-color: #ff008d;
  position: absolute;
  top: 50%;
  right: 120%;
  transform: translateY(-50%);
}
@media only screen and (min-width: 767px) {
  .loading-bullet {
    width: 4.5138888889vw;
  }
}

#custom-cursor {
  display: none;
}
@media only screen and (min-width: 767px) {
  #custom-cursor {
    display: block;
    position: fixed;
    width: 92px;
    height: 92px;
    pointer-events: none;
    z-index: 9999;
    transform: translate(-50%, -50%);
  }
  #custom-cursor img {
    animation: spin 8s linear infinite;
  }
}
#custom-cursor.is-hover {
  width: 72px;
  height: 72px;
}
#custom-cursor.is-hover img {
  animation: spin 8s linear infinite, hover 0.1s linear infinite alternate;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes hover {
  from {
    opacity: 0.2;
  }
  to {
    opacity: 0.8;
  }
}
.shotbtn {
  position: relative;
}
.shotbtn.clicked {
  animation: btnshot 0.1s linear;
}
.shotbtn.clicked .shotbtn-hole {
  opacity: 1;
}
.shotbtn.clicked .shotbtn-hole:before {
  display: block;
  content: "";
  transform: translateY(-50%) scale(1);
}
.shotbtn.clicked.hover-rotate {
  animation: btnshot 0.1s linear;
}
@media only screen and (min-width: 767px) {
  .shotbtn.clicked.hover-rotate {
    animation: btnshot2 0.1s linear;
  }
}
.shotbtn.clicked.hover-rotate .shotbtn-hole {
  opacity: 1;
}
.shotbtn.clicked.hover-rotate .shotbtn-hole:before {
  display: block;
  content: "";
  transform: translateY(-50%) scale(1);
}
.shotbtn-hole {
  width: 25.3333333333vw;
  height: 100%;
  background-color: transparent;
  position: absolute;
  bottom: 0vw;
  right: 0vw;
  overflow: hidden;
  border-radius: 0 7.8666666667vw 7.8666666667vw 0;
  background-color: transparent;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0s linear;
}
@media only screen and (min-width: 767px) {
  .shotbtn-hole {
    width: 13.1944444444vw;
    height: 100%;
    border-radius: 0 4.0972222222vw 4.0972222222vw 0;
  }
}
.shotbtn-hole:before {
  display: block;
  content: "";
  background-image: url("../img/common/shotbtn_on.png");
  background-size: 100% 100%;
  width: 26.9333333333vw;
  height: 17.8666666667vw;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1.2);
  right: -6.9333333333vw;
  transition: transform 0.1s ease;
}
@media only screen and (min-width: 767px) {
  .shotbtn-hole:before {
    width: 10.9722222222vw;
    height: 7.2916666667vw;
    right: -3.6111111111vw;
  }
}
.shotbtn.hover-rotate {
  transition: all 0s linear;
  transform-origin: left center;
}
@media only screen and (min-width: 767px) {
  .shotbtn.hover-rotate:hover {
    transform: rotate(3deg);
  }
}

.header {
  width: 100%;
  padding: 4vw 4vw 0;
  overflow: hidden;
}
@media only screen and (min-width: 767px) {
  .header {
    padding: 2.0833333333vw 2.0833333333vw 0;
  }
}
@media only screen and (min-width: 767px) {
  .header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.header-logo {
  width: 44vw;
  position: relative;
  transition: all 0.4s ease;
  opacity: 1;
}
@media only screen and (min-width: 767px) {
  .header-logo {
    width: 13.4027777778vw;
    margin-left: 1.3888888889vw;
  }
  .header-logo:hover {
    opacity: 0.7;
  }
}
.header-nav_list {
  display: flex;
}
.header-nav_item {
  width: 12.3611111111vw;
  height: 3.125vw;
  transition: all 0.1s ease;
  padding: 0.5555555556vw 0;
  position: relative;
}
.header-nav_item:nth-child(1) {
  margin-right: -5.0694444444vw;
  background-image: url("../img/common/01_off.png");
  background-size: 100% 100%;
}
.header-nav_item:nth-child(1):has(.header-nav_link:hover) {
  background-image: url("../img/common/01_on.png");
}
.header-nav_item:nth-child(1).js--active {
  background-image: url("../img/common/01_on.png");
}
.header-nav_item:nth-child(1) .header-nav_link {
  width: 7.5vw;
}
.header-nav_item:nth-child(2) {
  margin-right: -4.6527777778vw;
  background-image: url("../img/common/02_off.png");
  background-size: 100% 100%;
}
.header-nav_item:nth-child(2):has(.header-nav_link:hover) {
  background-image: url("../img/common/02_on.png");
}
.header-nav_item:nth-child(2).js--active {
  background-image: url("../img/common/02_on.png");
}
.header-nav_item:nth-child(2) .header-nav_link {
  width: 7.3611111111vw;
}
.header-nav_item:nth-child(3) {
  margin-right: -0.1388888889vw;
  background-image: url("../img/common/03_off.png");
  background-size: 100% 100%;
}
.header-nav_item:nth-child(3):has(.header-nav_link:hover) {
  background-image: url("../img/common/03_on.png");
}
.header-nav_item:nth-child(3).js--active {
  background-image: url("../img/common/03_on.png");
}
.header-nav_item:nth-child(3) .header-nav_link {
  width: 12.2916666667vw;
}
.header-nav_item:nth-child(4) {
  margin-right: -2.7777777778vw;
  background-image: url("../img/common/04_off.png");
  background-size: 100% 100%;
}
.header-nav_item:nth-child(4):has(.header-nav_link:hover) {
  background-image: url("../img/common/04_on.png");
}
.header-nav_item:nth-child(4).js--active {
  background-image: url("../img/common/04_on.png");
}
.header-nav_item:nth-child(4) .header-nav_link {
  width: 9.8611111111vw;
}
.header-nav_link {
  display: block;
  height: 100%;
}

.footer {
  position: relative;
  margin-top: -2vw;
}
@media only screen and (min-width: 767px) {
  .footer {
    margin-top: -0.4861111111vw;
  }
}
.footer-squarebtn {
  width: 16vw;
  position: absolute;
  top: -7.3333333333vw;
  right: 2.6666666667vw;
  z-index: 2;
}
.footer-squarebtn:before {
  display: block;
  content: "";
  width: 12vw;
  height: 16.4vw;
  background-image: url("../img/top/info_btn_kuma.png");
  background-size: cover;
  position: absolute;
  bottom: 9.3333333333vw;
  right: 2.6666666667vw;
  z-index: -1;
}
@media only screen and (min-width: 767px) {
  .footer-squarebtn {
    display: none;
  }
}
.footer-inner {
  padding: 10.6666666667vw 4vw 41.3333333333vw;
  background-image: url("../img/common/footer_bg.png");
  background-size: 100% 100%;
}
@media only screen and (min-width: 767px) {
  .footer-inner {
    padding: 6.6666666667vw 0vw 2.7777777778vw;
    background-image: url("../img/common/footer_bg_pc.png");
  }
}
.footer-logo {
  width: 59.2vw;
  margin: 0vw auto;
}
@media only screen and (min-width: 767px) {
  .footer-logo {
    width: 27.9166666667vw;
    margin: 0vw auto;
  }
}
.footer-nav {
  margin: 8vw auto 0;
}
@media only screen and (min-width: 767px) {
  .footer-nav {
    margin: 3.125vw auto;
  }
}
.footer-nav_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  column-gap: 5.3333333333vw;
  row-gap: 5.3333333333vw;
}
@media only screen and (min-width: 767px) {
  .footer-nav_list {
    column-gap: 4.8611111111vw;
    row-gap: 0vw;
  }
}
.footer-nav_item {
  width: 36.4vw;
  padding-bottom: 2.1333333333vw;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-size: 3.7333333333vw;
  text-align: center;
  border-bottom: solid 0.2666666667vw #fff;
  transition: all 0.4s ease;
}
@media only screen and (min-width: 767px) {
  .footer-nav_item {
    width: auto;
    padding-bottom: 0vw;
    font-size: 1.6666666667vw;
    border-bottom: none;
  }
}
.footer-nav_link {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  transition: all 0.4s ease;
}
.footer-nav_link:hover {
  color: #ff008d;
}
.footer-sns {
  margin: 10.1333333333vw auto 0;
  display: flex;
  column-gap: 10.6666666667vw;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 767px) {
  .footer-sns {
    display: none;
  }
}
.footer-sns_item.tiktok {
  width: 8.8vw;
}
@media only screen and (min-width: 767px) {
  .footer-sns_item.tiktok {
    width: 2.5694444444vw;
  }
}
.footer-sns_item.x {
  width: 8.1333333333vw;
}
@media only screen and (min-width: 767px) {
  .footer-sns_item.x {
    width: 2.3611111111vw;
  }
}
.footer-sns_item.youtube {
  width: 9.8666666667vw;
}
@media only screen and (min-width: 767px) {
  .footer-sns_item.youtube {
    width: 2.8472222222vw;
  }
}
.footer-sns_link {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
}
.footer-comp {
  width: 47.8666666667vw;
  margin: 8vw auto 0;
}
@media only screen and (min-width: 767px) {
  .footer-comp {
    width: 15.1388888889vw;
    margin: 6.9444444444vw auto 0;
  }
}
.footer-pink {
  width: 100%;
  padding: 4vw 0vw;
  background-color: #ff008d;
  position: relative;
  text-align: center;
}
@media only screen and (min-width: 767px) {
  .footer-pink {
    padding: 1.0416666667vw 0vw;
  }
}
.footer-pink:before {
  display: block;
  content: "";
  background-image: url("../img/common/footer_deco.png");
  background-size: cover;
  width: 100%;
  height: 37.7333333333vw;
  position: absolute;
  bottom: 10.6666666667vw;
  left: 0vw;
  pointer-events: none;
}
@media only screen and (min-width: 767px) {
  .footer-pink:before {
    background-image: url("../img/common/footer_deco_pc.png");
    height: 19.5833333333vw;
    position: absolute;
    bottom: 1.3888888889vw;
    left: 0vw;
  }
}
.footer-copy {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-size: 1.8666666667vw;
  letter-spacing: 0.04em;
  line-height: 1.7142857143;
  margin-block-end: unset;
  margin-block-start: unset;
}
@media only screen and (min-width: 767px) {
  .footer-copy {
    font-size: 0.6944444444vw;
  }
}
.footer-fix {
  position: absolute;
  bottom: 13.3333333333vw;
  right: 0vw;
}
@media only screen and (min-width: 767px) {
  .footer-fix {
    top: auto;
    right: 2.2916666667vw;
    bottom: 14.5833333333vw;
  }
}
.footer-music {
  transition: opacity 0.4s ease;
}
.footer-music.play .footer-music_btn--icon:after {
  display: block;
  content: "";
  width: 2.2666666667vw;
  height: 2.6666666667vw;
  background-image: url("../img/common/fix_music_icon_stop.png");
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 767px) {
  .footer-music.play .footer-music_btn--icon:after {
    width: 0.625vw;
    height: 0.7638888889vw;
  }
}
.footer-music.play .footer-music_txt {
  animation: textSlide 8s linear 0.4s infinite;
}
.footer-music_inner {
  position: relative;
}
@media only screen and (min-width: 767px) {
  .footer-music_inner:hover .fix-music_option {
    opacity: 1;
  }
}
.footer-music_option {
  width: 40vw;
  padding: 2.6666666667vw;
  position: relative;
  background-color: #fff;
  opacity: 0;
  pointer-events: none;
  transition: all 0.4s ease;
}
@media only screen and (min-width: 767px) {
  .footer-music_option {
    width: 13.1944444444vw;
    padding: 1.0416666667vw;
  }
  .footer-music_option:hover {
    opacity: 1;
    pointer-events: auto;
  }
}
.footer-music_option.js--show {
  opacity: 1;
  pointer-events: auto;
}
.footer-music_option:after {
  display: block;
  content: "";
  background-image: url("../img/common/fix_music_option_arrow.png");
  background-size: 100% 100%;
  width: 3.2vw;
  height: 2.9333333333vw;
  position: absolute;
  bottom: -2.6666666667vw;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (min-width: 767px) {
  .footer-music_option:after {
    width: 1.1111111111vw;
    height: 0.9722222222vw;
    bottom: -0.8333333333vw;
  }
}
.footer-music_item {
  width: 34.6666666667vw;
  padding: 2.6666666667vw;
  background-color: #e6e6e6;
  border-radius: 4vw;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-size: 2.6666666667vw;
  color: #000;
  text-align: center;
}
@media only screen and (min-width: 767px) {
  .footer-music_item {
    width: 11.1111111111vw;
    padding: 0.4861111111vw;
    border-radius: 0.8333333333vw;
    font-size: 0.8333333333vw;
  }
}
.footer-music_item:not(:first-child) {
  margin-top: 1.3333333333vw;
}
@media only screen and (min-width: 767px) {
  .footer-music_item:not(:first-child) {
    margin-top: 0.5555555556vw;
  }
}
.footer-music_item.js--active {
  background-color: #ff008d;
  color: #fff;
}
.footer-music_btn {
  width: 8vw;
  height: 8vw;
  border-radius: 50%;
  position: absolute;
  bottom: 0.4666666667vw;
  right: 0.5666666667vw;
  background-color: #ff008d;
  z-index: 99;
}
@media only screen and (min-width: 767px) {
  .footer-music_btn {
    width: 2.0833333333vw;
    height: 2.0833333333vw;
    bottom: 0.2430555556vw;
    right: 0.2083333333vw;
  }
}
.footer-music_btn--icon {
  position: relative;
  width: 100%;
  height: 100%;
}
.footer-music_btn--icon:after {
  display: block;
  content: "";
  width: 2.2666666667vw;
  height: 2.6666666667vw;
  background-image: url("../img/common/fix_music_icon_play.png");
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 54%;
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 767px) {
  .footer-music_btn--icon:after {
    width: 0.625vw;
    height: 0.7638888889vw;
  }
}
.footer-music_visual {
  margin: 4vw 0 0 1.3333333333vw;
  width: 39.7333333333vw;
  position: relative;
  pointer-events: auto;
}
@media only screen and (min-width: 767px) {
  .footer-music_visual {
    margin: 1.3888888889vw 0 0 0vw;
    width: 13.9583333333vw;
  }
}
.footer-music_title {
  width: 28.6666666667vw;
  overflow: hidden;
  position: absolute;
  bottom: 12.2666666667vw;
  left: 1.0666666667vw;
  margin: 0vw 0 0 2vw;
  display: flex;
}
@media only screen and (min-width: 767px) {
  .footer-music_title {
    width: 10.4166666667vw;
    bottom: 4.6527777778vw;
    left: 0.2777777778vw;
    margin: 0vw 0 0 0.2777777778vw;
  }
}
.footer-music_txt {
  display: block;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  color: #000;
  font-size: 2.6666666667vw;
  text-wrap-mode: nowrap;
  padding-right: 3.3333333333vw;
  animation: textSlide 8s linear 0.4s infinite;
  animation-play-state: paused;
}
@media only screen and (min-width: 767px) {
  .footer-music_txt {
    font-size: 0.9722222222vw;
  }
}
.footer-topbtn {
  pointer-events: auto;
  transition: all 0.4s ease;
}
.footer-topbtn_inner {
  position: relative;
  width: 36.9333333333vw;
}
@media only screen and (min-width: 767px) {
  .footer-topbtn_inner {
    width: 13.125vw;
    margin-top: 0.625vw;
  }
}
.footer-topbtn_kuma {
  width: 7.3333333333vw;
  height: 12vw;
  background-color: transparent;
  position: absolute;
  bottom: 0vw;
  left: 1.2vw;
  overflow: hidden;
  pointer-events: none;
}
@media only screen and (min-width: 767px) {
  .footer-topbtn_kuma {
    width: 2.6388888889vw;
    height: 5vw;
    bottom: 0vw;
    left: 0.625vw;
  }
}
.footer-topbtn_kuma:before {
  display: block;
  content: "";
  background-image: url("../img/common/footer_topbtn_kuma.png");
  background-size: cover;
  width: 7.3333333333vw;
  height: 14vw;
  position: absolute;
  bottom: -3.8666666667vw;
  left: 0vw;
  transition: all 0.4s ease;
}
@media only screen and (min-width: 767px) {
  .footer-topbtn_kuma:before {
    width: 2.6388888889vw;
    height: 5vw;
    bottom: -1.3888888889vw;
    left: 0vw;
  }
}
.footer-fixsns {
  background-image: url("../img/common/fix_sns_bg.png");
  background-size: 100% 100%;
  width: 5.5555555556vw;
  padding: 1.3888888889vw 1.7361111111vw;
  position: absolute;
  bottom: 15.2777777778vw;
  left: 0;
  z-index: 99;
  transition: all 0.4s ease;
}
.footer-fixsns.js--hide {
  opacity: 0;
}
.footer-fixsns_txt {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-size: 1.1111111111vw;
  color: #ff008d;
}
.footer-fixsns_list {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 1.25vw;
}
.footer-fixsns_item:not(:first-child) {
  margin-top: 1.3888888889vw;
}
.footer-fixsns_item.tiktok {
  width: 1.3888888889vw;
}
.footer-fixsns_item.x {
  width: 1.25vw;
}
.footer-fixsns_item.youtube {
  width: 1.5277777778vw;
}

.top-bg {
  background-image: url("../img/top/bg.png");
  background-size: cover;
}
@media only screen and (min-width: 767px) {
  .top-bg {
    background-image: url("../img/top/bg_pc.png");
  }
}
.top-bg:before {
  display: block;
  content: "";
  background-image: url("../img/top/pointer.png");
  background-size: 100% 100%;
  width: 111.8666666667vw;
  height: 111.8666666667vw;
  position: absolute;
  top: -23.3333333333vw;
  left: -51.7333333333vw;
  z-index: 0;
  animation: pointerRotate 50s linear 0s infinite;
}
@media only screen and (min-width: 767px) {
  .top-bg:before {
    width: 48.8888888889vw;
    height: 48.8888888889vw;
    top: -2.8472222222vw;
    left: -5.4861111111vw;
  }
}

@keyframes pointerRotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.top-fv {
  width: 100%;
  margin: 5.3333333333vw auto 0;
  background-color: rgba(73, 73, 73, 0.7);
  position: relative;
}
@media only screen and (min-width: 767px) {
  .top-fv {
    margin-top: 4.1666666667vw;
    background-color: transparent;
  }
}
.top-fv_swiper {
  padding-bottom: 11.2vw;
}
@media only screen and (min-width: 767px) {
  .top-fv_swiper {
    padding-bottom: 3.125vw;
  }
}
.top-fv_slide {
  margin-inline: 1.2vw;
  width: 92vw;
  position: relative;
  aspect-ratio: 16/9;
}
@media only screen and (min-width: 767px) {
  .top-fv_slide {
    margin-inline: 1.25vw;
    width: 65.9722222222vw;
  }
  .top-fv_slide:hover:before {
    display: block;
    content: "";
    opacity: 1;
  }
}
.top-fv_slide:before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(255, 0, 141, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.4s ease;
  pointer-events: none;
}
.top-fv_slide--img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.top-fv_pagination.swiper-pagination {
  bottom: 4.8vw;
}
@media only screen and (min-width: 767px) {
  .top-fv_pagination.swiper-pagination {
    bottom: 0vw;
  }
}
.top-fv_pagination.swiper-pagination .swiper-pagination-bullet {
  width: 7.7333333333vw;
  height: 2.1333333333vw;
  border-radius: unset;
  margin: 0vw 1.7333333333vw;
  background-image: url("../img/top/fv_pagination.png");
  background-color: transparent;
  background-size: cover;
  opacity: 1;
}
@media only screen and (min-width: 767px) {
  .top-fv_pagination.swiper-pagination .swiper-pagination-bullet {
    width: 4.0277777778vw;
    height: 1.1111111111vw;
    margin: 0vw 0.9027777778vw;
  }
}
.top-fv_pagination.swiper-pagination .swiper-pagination-bullet-active {
  background-image: url("../img/top/fv_pagination_active.png");
}
.top-fv_btn--next.swiper-button-next {
  top: 44%;
}
.top-fv_btn--next.swiper-button-next:after {
  display: block;
  content: "";
  content: "";
}
@media only screen and (min-width: 767px) {
  .top-fv_btn--next.swiper-button-next {
    background-image: url("../img/top/fv_arrow.png");
    background-size: 100% 100%;
    width: 4.8611111111vw;
    height: 4.8611111111vw;
    transform: rotate(180deg);
    right: 13.3333333333vw;
    cursor: none;
  }
}
.top-fv_btn--prev.swiper-button-prev {
  top: 44%;
}
.top-fv_btn--prev.swiper-button-prev:after {
  display: block;
  content: "";
  content: "";
}
@media only screen and (min-width: 767px) {
  .top-fv_btn--prev.swiper-button-prev {
    background-image: url("../img/top/fv_arrow.png");
    background-size: 100% 100%;
    width: 4.8611111111vw;
    height: 4.8611111111vw;
    left: 13.3333333333vw;
    cursor: none;
  }
}

.top-info {
  margin-top: 10.2666666667vw;
  padding-bottom: 18vw;
}
@media only screen and (min-width: 767px) {
  .top-info {
    margin-top: 4.1666666667vw;
    padding-bottom: 8.75vw;
  }
}
.top-info_title {
  width: 100%;
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 767px) {
  .top-info_title {
    width: 83.3333333333vw;
    margin-inline: auto;
  }
}
.top-info_block {
  margin: 5.3333333333vw 0 0;
  padding: 0vw 4vw;
  position: relative;
}
@media only screen and (min-width: 767px) {
  .top-info_block {
    margin: 2.9166666667vw 0 0;
    padding: 0vw 8.3333333333vw;
  }
}
.top-info_list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1.6vw;
}
@media only screen and (min-width: 767px) {
  .top-info_list {
    gap: 0.6944444444vw;
  }
}
.top-info_item {
  width: 26vw;
  height: 9.3333333333vw;
  text-align: center;
  color: #fff;
  font-size: 3.7333333333vw;
  border-radius: 4.9333333333vw;
  font-weight: 400;
  overflow: hidden;
  position: relative;
}
@media only screen and (min-width: 767px) {
  .top-info_item {
    width: 7.6388888889vw;
    height: 2.7777777778vw;
    font-size: 1.25vw;
    border-radius: 1.5277777778vw;
  }
}
.top-info_item:after {
  display: block;
  content: "";
  background-image: url("../img/common/shotbtn_on.png");
  background-size: 100% 100%;
  width: 20vw;
  height: 12vw;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1.2);
  left: -0.9333333333vw;
  transition: transform 0.1s ease;
  opacity: 0;
  pointer-events: none;
}
@media only screen and (min-width: 767px) {
  .top-info_item:after {
    width: 5.1388888889vw;
    height: 3.2638888889vw;
    left: 0vw;
  }
}
.top-info_item.all {
  background-color: #ff008d;
}
.top-info_item.goods {
  background-color: #0097bd;
}
.top-info_item.news {
  background-color: #8800a0;
}
.top-info_item.js--active:after, .top-info_item:hover:after {
  display: block;
  content: "";
  opacity: 1;
  transform: translateY(-50%) scale(1);
}
.top-info_link {
  color: inherit;
  display: block;
  width: 100%;
  height: 100%;
  align-content: center;
}
.top-info_news {
  display: flex;
  flex-direction: column;
  margin: 6.6666666667vw auto 0;
}
@media only screen and (min-width: 767px) {
  .top-info_news {
    margin: 2.0833333333vw auto 0;
    align-items: stretch;
    flex-direction: row;
    column-gap: 2.7777777778vw;
  }
}
.top-info_news--box {
  width: 92vw;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 767px) {
  .top-info_news--box {
    width: 25.9722222222vw;
    height: auto;
  }
  .top-info_news--box:hover .top-info_news--thumb:before {
    display: block;
    content: "";
    opacity: 1;
  }
}
.top-info_news--box:not(:first-child) {
  margin-top: 5.3333333333vw;
}
@media only screen and (min-width: 767px) {
  .top-info_news--box:not(:first-child) {
    margin-top: 0;
  }
}
.top-info_news--thumb {
  position: relative;
  aspect-ratio: 16/9;
}
.top-info_news--thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 767px) {
  .top-info_news--thumb:before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(255, 0, 141, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.4s ease;
    pointer-events: none;
  }
}
.top-info_news--data {
  display: flex;
  flex-direction: row;
  width: 100%;
  color: #fff;
}
.top-info_news--date {
  width: 50%;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-size: 3.7333333333vw;
  text-align: center;
  padding: 1.3333333333vw 0 1.8666666667vw;
  background-color: #494949;
}
@media only screen and (min-width: 767px) {
  .top-info_news--date {
    font-size: 0.9722222222vw;
    padding: 0.6944444444vw;
  }
}
.top-info_news--cat {
  width: 50%;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-size: 3.7333333333vw;
  text-align: center;
  padding: 1.3333333333vw 0 1.8666666667vw;
  background-color: #ff008d;
}
@media only screen and (min-width: 767px) {
  .top-info_news--cat {
    font-size: 0.9722222222vw;
    padding: 0.6944444444vw;
  }
}
.top-info_news--cat.goods {
  background-color: #0097bd;
}
.top-info_news--cat.news {
  background-color: #8800a0;
}
.top-info_news--cat.game {
  background-color: #BD0000;
}
.top-info_news--desc {
  display: block;
  width: auto;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-size: 3.7333333333vw;
  line-height: 1.5714285714;
  color: #000;
  padding: 4.6666666667vw 4.6666666667vw 4vw;
  background-color: #fff;
}
@media only screen and (min-width: 767px) {
  .top-info_news--desc {
    flex: 1 1 auto;
    font-size: 0.9722222222vw;
    line-height: 1.5714285714;
    padding: 1.25vw 1.25vw 1.3888888889vw;
  }
}
.top-info_btn {
  margin-top: 9.0666666667vw;
  width: 92vw;
  height: 16vw;
  background-image: url("../img/top/info_btn.png");
  background-size: 100% 100%;
  position: relative;
}
@media only screen and (min-width: 767px) {
  .top-info_btn {
    margin: 3.4722222222vw auto 0;
    width: 28.8888888889vw;
    height: 6.6666666667vw;
    background-image: url("../img/top/info_btn_pc.png");
  }
  .top-info_btn:hover .top-info_btn--kuma:before {
    animation: kumaLaugh 1.6s ease 0s infinite;
  }
  .top-info_btn.clicked .top-info_btn--kuma:before {
    animation-play-state: paused;
  }
}
.top-info_btn--kuma {
  width: 22vw;
  height: 23.3333333333vw;
  background-color: transparent;
  position: absolute;
  bottom: 1.4666666667vw;
  left: 9.3333333333vw;
  overflow: hidden;
}
@media only screen and (min-width: 767px) {
  .top-info_btn--kuma {
    width: 7.4305555556vw;
    height: 12.0833333333vw;
    bottom: 0.5555555556vw;
    left: 1.5277777778vw;
    border-radius: 0vw 0vw 0vw 1.7361111111vw;
  }
}
.top-info_btn--kuma:before {
  display: block;
  content: "";
  background-image: url("../img/top/info_btn_kuma.png");
  background-size: 100% 100%;
  width: 22vw;
  height: 35.8666666667vw;
  position: absolute;
  bottom: -13.8666666667vw;
  left: 0vw;
}
@media only screen and (min-width: 767px) {
  .top-info_btn--kuma:before {
    width: 7.4305555556vw;
    height: 12.0833333333vw;
    bottom: -3.1944444444vw;
    left: 0vw;
  }
}

@keyframes btnshot {
  0% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes btnshot2 {
  0% {
    transform: rotate(8deg);
  }
  100% {
    transform: rotate(3deg);
  }
}
.top-about {
  margin-top: -18.9333333333vw;
  padding-top: 38.6666666667vw;
  background-image: url("../img/top/about_bg.png");
  background-size: cover;
  background-position: center;
  position: relative;
}
@media only screen and (min-width: 767px) {
  .top-about {
    margin-top: 0vw;
    padding-top: 0vw;
    background-image: url("../img/top/about_bg_pc.png");
  }
  .top-about:after {
    display: block;
    content: "";
    background-image: url("../img/top/about_bg_top_pc.png");
    background-size: 100% 100%;
    width: 100%;
    height: 9.8611111111vw;
    position: absolute;
    top: -5.9722222222vw;
    left: 0;
  }
}
.top-about_inner {
  position: relative;
}
@media only screen and (min-width: 767px) {
  .top-about_inner {
    padding-top: 7.6388888889vw;
  }
}
.top-about_title {
  width: 100%;
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 767px) {
  .top-about_title {
    width: 83.3333333333vw;
    margin-inline: auto;
  }
}
.top-about_desc {
  margin: 8.6666666667vw auto 0;
  padding: 0vw 4vw 0 4vw;
}
@media only screen and (min-width: 767px) {
  .top-about_desc {
    margin: 2.0833333333vw 0 0;
    padding: 0vw 43.75vw 0 8.3333333333vw;
  }
}
.top-about_txt {
  display: block;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-size: 3.7333333333vw;
  line-height: 2;
  letter-spacing: 0.02em;
  color: #000;
}
.top-about_txt .ls {
  letter-spacing: -0.06em;
}
@media only screen and (min-width: 767px) {
  .top-about_txt {
    font-size: 1.6666666667vw;
    line-height: 1.6666666667;
  }
}
.top-about_txt .ml {
  margin-left: -1.0666666667vw;
}
@media only screen and (min-width: 767px) {
  .top-about_txt .ml {
    margin-left: -0.5555555556vw;
  }
}
.top-about_txt .mr {
  margin-right: -1.0666666667vw;
}
@media only screen and (min-width: 767px) {
  .top-about_txt .mr {
    margin-right: -0.5555555556vw;
  }
}
.top-about_txt:not(:first-child) {
  margin-top: 4.6666666667vw;
}
@media only screen and (min-width: 767px) {
  .top-about_txt:not(:first-child) {
    margin-top: 2.0833333333vw;
  }
}
.top-about_catch {
  margin: 5.3333333333vw auto 0 4vw;
  width: 80.1333333333vw;
}
@media only screen and (min-width: 767px) {
  .top-about_catch {
    margin: 1.3888888889vw auto 0 8.3333333333vw;
    width: 42.0833333333vw;
  }
}
.top-about_kuma {
  margin: -10.9333333333vw auto 0 4vw;
  width: 96.2666666667vw;
}
@media only screen and (min-width: 767px) {
  .top-about_kuma {
    margin: 1.1111111111vw auto 0 8.3333333333vw;
    width: 48.6111111111vw;
  }
}
@media only screen and (min-width: 767px) {
  .top-about_content {
    display: flex;
  }
}
@media only screen and (min-width: 767px) {
  .top-about_left {
    width: 50vw;
  }
}
.top-about_gallery {
  width: 100%;
  height: 44.8vw;
  justify-content: center;
  display: flex;
  flex-direction: row;
  overflow: hidden;
}
@media only screen and (min-width: 767px) {
  .top-about_gallery {
    width: 41.6666666667vw;
    height: 100%;
    overflow: hidden;
    flex-direction: column;
    position: absolute;
    right: 0;
    top: 0.1388888889vw;
  }
}
.top-about_gallery--list {
  display: flex;
  flex-direction: row;
  animation: about_slide 80s linear 0s infinite;
}
@media only screen and (min-width: 767px) {
  .top-about_gallery--list {
    flex-direction: column;
    animation: about_slidePc 80s linear 0s infinite;
  }
}
.top-about_gallery--item {
  min-width: 98.1333333333vw;
}
@media only screen and (min-width: 767px) {
  .top-about_gallery--item {
    min-width: 41.6666666667vw;
  }
}

@keyframes about_slide {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@keyframes about_slidePc {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
.top-series {
  padding: 11.7333333333vw 0 17.6vw;
  background-image: url("../img/top/series_bg.png");
  background-size: cover;
}
@media only screen and (min-width: 767px) {
  .top-series {
    padding: 5.5555555556vw 0 7.7777777778vw;
    background-image: url("../img/top/series_bg_pc.png");
  }
}
.top-series_title {
  width: 100%;
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 767px) {
  .top-series_title {
    width: 83.3333333333vw;
    margin-inline: auto;
  }
}
.top-series_new {
  margin-top: 3.7333333333vw;
  padding: 0vw 4vw;
  position: relative;
}
@media only screen and (min-width: 767px) {
  .top-series_new {
    margin-top: 3.2638888889vw;
    padding: 0vw 8.3333333333vw;
  }
}
.top-series_new--box {
  padding: 9.6vw 4.8vw 8.6666666667vw 4.8vw;
  background-image: url("../img/top/series_new_bg.png");
  background-size: 100% 100%;
  position: relative;
}
@media only screen and (min-width: 767px) {
  .top-series_new--box {
    padding: 3.4722222222vw 1.5798611111vw 2.0833333333vw 43.0555555556vw;
    background-image: url("../img/top/series_new_bg_pc.png");
  }
}
.top-series_new--title {
  width: 58.9333333333vw;
  margin-inline: auto;
}
@media only screen and (min-width: 767px) {
  .top-series_new--title {
    width: 30.2083333333vw;
    margin: 0 auto 0 0.6944444444vw;
  }
}
@media only screen and (min-width: 767px) {
  .top-series_new--catch {
    position: absolute;
    top: 2.7777777778vw;
    left: 2.7777777778vw;
    z-index: 2;
  }
}
.top-series_new--thumb {
  margin: 5.3333333333vw auto 0 1.3333333333vw;
  width: 80vw;
}
@media only screen and (min-width: 767px) {
  .top-series_new--thumb {
    margin: 0;
    width: 38.8888888889vw;
  }
}
.top-series_new--txt {
  display: block;
  margin-top: 2.6666666667vw;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-size: 4.2666666667vw;
  line-height: 1.25;
  color: #000;
}
@media only screen and (min-width: 767px) {
  .top-series_new--txt {
    margin-top: 1.3888888889vw;
    font-size: 1.6666666667vw;
    line-height: 1.5;
  }
}
.top-series_new--txt.sub {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-size: 3.7333333333vw;
  line-height: 1.7142857143;
  letter-spacing: 0.01em;
}
@media only screen and (min-width: 767px) {
  .top-series_new--txt.sub {
    margin-top: 2.0833333333vw;
    font-size: 1.1111111111vw;
    line-height: 1.5;
  }
}
.top-series_new--txt .ml {
  margin-left: -1.6vw;
}
@media only screen and (min-width: 767px) {
  .top-series_new--txt .ml {
    margin-left: -0.4166666667vw;
  }
}
.top-series_new--txt .mr {
  margin-right: -1.6vw;
}
@media only screen and (min-width: 767px) {
  .top-series_new--txt .mr {
    margin-right: -0.4166666667vw;
  }
}
.top-series_new--txt .ls {
  letter-spacing: -0.06em;
}
.top-series_new--btn {
  margin: 6.6666666667vw auto 0;
  width: 81.7333333333vw;
  height: 16.2666666667vw;
  background-image: url("../img/top/series_new_btn.png");
  background-size: 100% 100%;
}
@media only screen and (min-width: 767px) {
  .top-series_new--btn {
    margin: 1.5277777778vw auto 0;
    width: 28.8888888889vw;
    height: 6.6666666667vw;
    background-image: url("../img/top/series_new_btn_pc.png");
    background-size: 100% 100%;
  }
}
.top-series_new--top {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.top-series_new--top:before {
  display: block;
  content: "";
  background-image: url("../img/top/series_new_top_bfr.png");
  background-size: 100% 100%;
  width: 61.2vw;
  height: 28.9333333333vw;
  position: absolute;
  left: 0;
  top: -15.0666666667vw;
  z-index: 1;
  pointer-events: none;
}
@media only screen and (min-width: 767px) {
  .top-series_new--top:before {
    background-image: url("../img/top/series_new_top_bfr_pc.png");
    width: 37.4305555556vw;
    height: 13.2638888889vw;
    left: 0;
    top: -5.625vw;
  }
}
.top-series_new--top:after {
  display: block;
  content: "";
  background-image: url("../img/top/series_new_top_after.png");
  background-size: 100% 100%;
  width: 21.2vw;
  height: 15.4666666667vw;
  position: absolute;
  right: 4vw;
  top: -6.4vw;
  z-index: 2;
}
@media only screen and (min-width: 767px) {
  .top-series_new--top:after {
    width: 11.0416666667vw;
    height: 8.0555555556vw;
    position: absolute;
    right: 8.3333333333vw;
    top: -3.3333333333vw;
  }
}
.top-series_new--bot {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.top-series_new--bot:before {
  display: block;
  content: "";
  background-image: url("../img/top/series_new_bot_bfr.png");
  background-size: 100% 100%;
  width: 23.0666666667vw;
  height: 18vw;
  position: absolute;
  left: 4vw;
  bottom: 0vw;
}
@media only screen and (min-width: 767px) {
  .top-series_new--bot:before {
    width: 12.8472222222vw;
    height: 9.375vw;
    left: 46.1805555556vw;
  }
}
.top-series_new--bot:after {
  display: block;
  content: "";
  background-image: url("../img/top/series_new_bot_after.png");
  background-size: 100% 100%;
  width: 37.4666666667vw;
  height: 22.5333333333vw;
  position: absolute;
  right: 0vw;
  bottom: -14vw;
}
@media only screen and (min-width: 767px) {
  .top-series_new--bot:after {
    background-image: url("../img/top/series_new_bot_after_pc.png");
    width: 30.2777777778vw;
    height: 11.3888888889vw;
    right: 0;
    bottom: -4.9305555556vw;
  }
}
.top-series_release {
  width: 92vw;
  height: 142.6666666667vw;
  margin: 13.3333333333vw 4vw 0;
  padding-top: 83.2vw;
  background-image: url("../img/top/series_release_bg.png");
  background-size: cover;
  position: relative;
}
@media only screen and (min-width: 767px) {
  .top-series_release {
    width: 83.3333333333vw;
    height: 27.7777777778vw;
    margin: 6.1111111111vw 8.3333333333vw 0;
    padding-top: 18.1944444444vw;
    background-image: url("../img/top/series_release_bg_pc.png");
  }
}
.top-series_release--btn {
  margin: 0 auto;
  width: 53.3333333333vw;
  height: 9.8666666667vw;
  background-image: url("../img/top/series_release_btn.png");
  background-size: 100% 100%;
}
@media only screen and (min-width: 767px) {
  .top-series_release--btn {
    width: 27.7777777778vw;
    height: 5.1388888889vw;
  }
}

.information-title {
  width: 100%;
  height: 30.6666666667vw;
  margin-top: 7.3333333333vw;
  padding: 4.6666666667vw 0;
  overflow: hidden;
  pointer-events: none;
}
@media only screen and (min-width: 767px) {
  .information-title {
    margin: unset;
    position: absolute;
    top: 4.8611111111vw;
    padding: 3.6111111111vw 0;
    left: 0;
    opacity: 0.1;
  }
}
.information-title_inner {
  perspective: 7.3vw;
  transform: rotateZ(6.3deg) skewX(7deg);
}
@media only screen and (min-width: 767px) {
  .information-title_inner {
    perspective: 3.3vw;
    transform: rotateZ(6.5deg) skewX(7deg);
  }
}
.information-title_list {
  display: flex;
  padding: 0vw 0;
  transform-style: preserve-3d;
  transform: rotateY(358.4deg) translateX(-14%);
  animation: titlescroll 6s linear infinite;
}
@media only screen and (min-width: 767px) {
  .information-title_list {
    transform: rotateY(358.5deg) translateX(-30%);
    animation: titlescrollPC 6s linear infinite;
  }
}
.information-title_item {
  margin-right: 2.1333333333vw;
  min-width: 72vw;
}
@media only screen and (min-width: 767px) {
  .information-title_item {
    margin-right: 1.1111111111vw;
    min-width: 46.3888888889vw;
  }
}
.information-block {
  display: none;
  margin: 3.4666666667vw 0 0;
  padding: 0vw 4vw;
  position: relative;
  z-index: 2;
}
.information-block.js--show {
  display: block;
}
@media only screen and (min-width: 767px) {
  .information-block {
    margin: 3.125vw 0 0;
    padding: 0vw 8.3333333333vw;
  }
}
.information-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1.6vw;
  margin: 0 auto;
}
@media only screen and (max-width: 766px) {
  .information-list {
    width: 92vw;
  }
}
@media only screen and (min-width: 767px) {
  .information-list {
    gap: 0.6944444444vw;
    margin: 3.125vw auto 0 8.3333333333vw;
  }
}
.information-item {
  width: 21.3333333333vw;
  height: 9.3333333333vw;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-size: 3.7333333333vw;
  text-align: center;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4.6666666667vw;
  overflow: hidden;
}
@media only screen and (min-width: 767px) {
  .information-item {
    width: 7.6388888889vw;
    height: 2.7777777778vw;
    font-size: 1.1805555556vw;
    border-radius: 2.4305555556vw;
  }
}
.information-item.js--active:after, .information-item:hover:after {
  display: block;
  content: "";
  background-image: url("../img/information/cat_on.png");
  background-size: 100% 100%;
  width: 17.6vw;
  height: 11.3333333333vw;
  position: absolute;
  top: 50%;
  left: -1.3333333333vw;
  transform: translateY(-50%);
  pointer-events: none;
}
@media only screen and (min-width: 767px) {
  .information-item.js--active:after, .information-item:hover:after {
    width: 5.6944444444vw;
    height: 3.8888888889vw;
    top: 50%;
    left: -0.4861111111vw;
  }
}
.information-item_link {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  color: #fff;
  padding: 0 0 0.8vw;
}
@media only screen and (min-width: 767px) {
  .information-item_link {
    padding: 0 0 0 0.2777777778vw;
  }
}
.information-item.all {
  background-color: #ff008d;
}
.information-item.goods {
  background-color: #0097bd;
}
.information-item.news {
  background-color: #8800a0;
}
.information-link {
  display: block;
  width: 100%;
  height: 100%;
}
.information-news {
  margin: 6.6666666667vw auto 0;
}
@media only screen and (min-width: 767px) {
  .information-news {
    margin: 2.0833333333vw auto 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 2.6388888889vw;
    row-gap: 2.6388888889vw;
    align-items: stretch;
  }
}
.information-news_box {
  width: 92vw;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 767px) {
  .information-news_box {
    width: 25.9722222222vw;
    height: auto;
  }
  .information-news_box:hover .information-news_thumb:before {
    display: block;
    content: "";
    opacity: 1;
  }
}
.information-news_box:not(:first-child) {
  margin-top: 8vw;
}
@media only screen and (min-width: 767px) {
  .information-news_box:not(:first-child) {
    margin-top: 0;
  }
}
.information-news_thumb {
  position: relative;
  aspect-ratio: 16/9;
}
.information-news_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 767px) {
  .information-news_thumb:before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(255, 0, 141, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.4s ease;
  }
}
.information-news_data {
  display: flex;
  flex-direction: row;
  width: 100%;
  color: #fff;
}
.information-news_date {
  width: 50%;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-size: 3.7333333333vw;
  text-align: center;
  padding: 1.3333333333vw 0 1.8666666667vw;
  background-color: #494949;
}
@media only screen and (min-width: 767px) {
  .information-news_date {
    font-size: 0.9722222222vw;
    padding: 0.6944444444vw;
  }
}
.information-news_cat {
  width: 50%;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-size: 3.7333333333vw;
  text-align: center;
  padding: 1.3333333333vw 0 1.8666666667vw;
  background-color: #ff008d;
}
@media only screen and (min-width: 767px) {
  .information-news_cat {
    font-size: 0.9722222222vw;
    padding: 0.6944444444vw;
  }
}
.information-news_cat.goods {
  background-color: #0097bd;
}
.information-news_cat.news {
  background-color: #8800a0;
}
.information-news_cat.game {
  background-color: #BD0000;
}
.information-news_desc {
  display: block;
  width: auto;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-size: 3.7333333333vw;
  line-height: 1.5714285714;
  color: #000;
  padding: 1.6vw 4.6666666667vw 2.6666666667vw;
  background-color: #fff;
}
@media only screen and (min-width: 767px) {
  .information-news_desc {
    flex: 1 1 auto;
    font-size: 0.9722222222vw;
    line-height: 1.5714285714;
    padding: 1.25vw 1.25vw 1.3888888889vw;
  }
}
.information-pagination {
  width: 92vw;
  margin: 17.7333333333vw auto 0;
  position: relative;
}
@media only screen and (min-width: 767px) {
  .information-pagination {
    width: 27.0833333333vw;
    margin: 6.4583333333vw auto 0;
  }
}
.information-pagination_list {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 4vw;
}
@media only screen and (min-width: 767px) {
  .information-pagination_list {
    column-gap: 1.3888888889vw;
  }
}
.information-pagination_item {
  width: 8.4vw;
  height: 8.4vw;
  padding: 2.4vw 3.3333333333vw;
  text-align: center;
  background-color: #494949;
  transition: all 0.4s ease;
}
@media only screen and (min-width: 767px) {
  .information-pagination_item {
    width: 2.9166666667vw;
    height: 2.9166666667vw;
    padding: 0.7638888889vw 1.1805555556vw;
  }
  .information-pagination_item:hover {
    background-color: #ff008d;
  }
}
.information-pagination_item.js--active {
  background-color: #ff008d;
}
.information-pagination_txt {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-size: 3.2vw;
}
@media only screen and (min-width: 767px) {
  .information-pagination_txt {
    font-size: 1.1111111111vw;
  }
}
.information-pagination_btn {
  width: 12vw;
  height: 12vw;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("../img/top/fv_arrow.png");
  background-size: 100% 100%;
  opacity: 1;
  transition: all 0.4s ease;
}
@media only screen and (min-width: 767px) {
  .information-pagination_btn {
    width: 4.8611111111vw;
    height: 4.8611111111vw;
  }
  .information-pagination_btn:hover {
    opacity: 0.5;
  }
}
.information-pagination_btn.left {
  left: 0;
}
.information-pagination_btn.right {
  right: 0;
  transform: translateY(-50%) rotate(180deg);
}
.information-pagination_btn.js--disabled {
  opacity: 0.3;
  pointer-events: none;
}

@keyframes titlescroll {
  0% {
    transform: rotateY(358.4deg) translateX(-14%);
  }
  100% {
    transform: rotateY(358.4deg) translateX(-88%);
  }
}
@keyframes titlescrollPC {
  0% {
    transform: rotateY(358.5deg) translateX(-30%);
  }
  100% {
    transform: rotateY(358.5deg) translateX(-77.7%);
  }
}
.information-detail_inner p {
  position: relative;
  margin-top: 4vw;
  display: block;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-size: 4.2666666667vw;
  letter-spacing: -0.01em;
  line-height: 1.375;
}
@media only screen and (min-width: 767px) {
  .information-detail_inner p {
    margin-top: 1.0416666667vw;
    font-size: 1.1111111111vw;
    line-height: 1.625;
  }
}
.information-detail_inner p .colorRed {
  color: #ff525f;
}
.information-detail_inner p .colorBlue {
  color: #46d9ff;
}
.information-detail_inner p .colorGreen {
  color: #76e9b2;
}
.information-detail_inner p .colorPurple {
  color: #bb74ff;
}
.information-detail_inner p .colorOrange {
  color: #ffba41;
}
.information-detail_inner p.sizeMed {
  font-size: 5.3333333333vw;
}
@media only screen and (min-width: 767px) {
  .information-detail_inner p.sizeMed {
    font-size: 1.6666666667vw;
  }
}
.information-detail_inner p.sizeBig {
  font-size: 6.4vw;
}
@media only screen and (min-width: 767px) {
  .information-detail_inner p.sizeBig {
    font-size: 2.0833333333vw;
  }
}
.information-detail_inner p > a {
  display: unset;
  color: #ff008d;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.information-detail_inner h2 {
  margin-top: 8vw;
  padding-bottom: 2.6666666667vw;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-size: 5.3333333333vw;
  letter-spacing: 0.02em;
  line-height: 1.35;
  position: relative;
}
@media only screen and (min-width: 767px) {
  .information-detail_inner h2 {
    margin-top: 2.0833333333vw;
    padding-bottom: 0.8333333333vw;
    font-size: 1.6666666667vw;
    line-height: 1.4166666667;
  }
}
.information-detail_inner h2:after {
  display: block;
  content: "";
  background-color: #ff008d;
  width: 92vw;
  height: 0.8vw;
  position: absolute;
  bottom: 0vw;
  left: 0;
  border-radius: 0.4vw;
}
@media only screen and (min-width: 767px) {
  .information-detail_inner h2:after {
    width: 100%;
    height: 0.4166666667vw;
    bottom: 0vw;
    border-radius: 0.2083333333vw;
  }
}
.information-detail_inner h3 {
  position: relative;
  width: fit-content;
  margin-top: 3.7333333333vw;
  padding: 2.6666666667vw 4.8vw 3.7333333333vw;
  background-image: url("../img/information/h3_bg.png");
  background-size: 100% 100%;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-size: 4.8vw;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 767px) {
  .information-detail_inner h3 {
    margin-top: 3.7333333333vw;
    padding: 1.5277777778vw 1.9444444444vw 1.9444444444vw;
    background-image: url("../img/information/h3_bg.png");
    font-size: 1.6666666667vw;
  }
}
.information-detail_inner h3:before {
  display: block;
  content: "";
  background-image: url("../img/information/h3_deco.png");
  background-size: 100% 100%;
  width: 4.6666666667vw;
  height: 5.0666666667vw;
  position: absolute;
  bottom: -2vw;
  left: 4vw;
}
@media only screen and (min-width: 767px) {
  .information-detail_inner h3:before {
    width: 2.6388888889vw;
    height: 2.8472222222vw;
    bottom: -1.0416666667vw;
    left: 2.0833333333vw;
  }
}
.information-detail_inner h4 {
  margin-top: 7.2vw;
  padding-left: 2.6666666667vw;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-size: 4.2666666667vw;
  letter-spacing: 0.02em;
  line-height: 1.6875;
  position: relative;
}
@media only screen and (min-width: 767px) {
  .information-detail_inner h4 {
    margin-top: 2.5vw;
    padding-left: 0.8333333333vw;
    font-size: 1.6666666667vw;
    line-height: 1.4166666667;
  }
}
.information-detail_inner h4:before {
  display: block;
  content: "";
  background-color: #ff008d;
  border-radius: 0.4vw;
  width: 0.9333333333vw;
  height: 10.2666666667vw;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media only screen and (min-width: 767px) {
  .information-detail_inner h4:before {
    width: 0.4166666667vw;
    height: 3.8194444444vw;
    border-radius: 0.2083333333vw;
  }
}
.information-detail_inner ul {
  position: relative;
  margin-top: 4vw;
  display: block;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-size: 4.2666666667vw;
  letter-spacing: 0.02em;
  line-height: 1.375;
}
@media only screen and (min-width: 767px) {
  .information-detail_inner ul {
    margin-top: 2.0833333333vw;
    font-size: 1.1111111111vw;
    line-height: 1.875;
  }
}
.information-detail_inner ul > li {
  padding-left: 4vw;
  position: relative;
}
@media only screen and (min-width: 767px) {
  .information-detail_inner ul > li {
    padding-left: 1.3888888889vw;
  }
}
.information-detail_inner ul > li:not(:first-child) {
  margin-top: 1.6vw;
}
@media only screen and (min-width: 767px) {
  .information-detail_inner ul > li:not(:first-child) {
    margin-top: 0.5555555556vw;
  }
}
.information-detail_inner ul > li:before {
  display: block;
  content: "";
  background-color: #ff008d;
  width: 2vw;
  height: 2vw;
  border-radius: 50%;
  position: absolute;
  top: 1.3333333333vw;
  left: 0vw;
}
@media only screen and (min-width: 767px) {
  .information-detail_inner ul > li:before {
    width: 0.6944444444vw;
    height: 0.6944444444vw;
    top: 0.6944444444vw;
    left: 0.2083333333vw;
  }
}
.information-detail_inner ul.checkmark > li:before {
  display: block;
  content: "";
  background-color: transparent;
  background-image: url("../img/information/ul_checkmark.png");
  background-size: 100% 100%;
  width: 2.5333333333vw;
  height: 2.6666666667vw;
  border-radius: 0px;
  position: absolute;
  top: 1.3333333333vw;
  left: 0vw;
}
@media only screen and (min-width: 767px) {
  .information-detail_inner ul.checkmark > li:before {
    width: 1.1805555556vw;
    height: 1.25vw;
    top: 0.625vw;
    left: 0vw;
  }
}
.information-detail_inner ol {
  position: relative;
  margin-top: 4vw;
  padding-left: 4vw;
  display: block;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-size: 4.2666666667vw;
  letter-spacing: 0.02em;
  line-height: 1.375;
  counter-reset: item;
}
@media only screen and (min-width: 767px) {
  .information-detail_inner ol {
    margin-top: 2.0833333333vw;
    padding-left: 1.5277777778vw;
    font-size: 1.1111111111vw;
    line-height: 1.875;
  }
}
.information-detail_inner ol > li {
  counter-increment: item;
}
.information-detail_inner ol > li:not(:first-child) {
  margin-top: 1.6vw;
}
@media only screen and (min-width: 767px) {
  .information-detail_inner ol > li:not(:first-child) {
    margin-top: 0.5555555556vw;
  }
}
.information-detail_inner ol > li:before {
  display: block;
  content: "";
  content: counter(item) ".";
  position: absolute;
  left: 0.5333333333vw;
}
@media only screen and (min-width: 767px) {
  .information-detail_inner ol > li:before {
    left: 0.1388888889vw;
  }
}
.information-detail_inner table {
  width: 100%;
  margin-top: 4vw;
  border: solid #000 0.2666666667vw;
}
@media only screen and (min-width: 767px) {
  .information-detail_inner table {
    margin-top: 3.3333333333vw;
    border: solid #000 0.1388888889vw;
  }
}
.information-detail_inner table tr {
  width: 92vw;
  height: 12vw;
}
@media only screen and (min-width: 767px) {
  .information-detail_inner table tr {
    width: 42.0138888889vw;
    height: 4.0277777778vw;
  }
}
.information-detail_inner table th {
  width: 30.4vw;
  background-color: #ff008d;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-size: 4.2666666667vw;
  text-align: center;
  vertical-align: middle;
  border: solid #000 0.2666666667vw;
  color: #fff !important;
}
@media only screen and (min-width: 767px) {
  .information-detail_inner table th {
    width: 13.75vw;
    font-size: 1.3888888889vw;
    border: solid #000 0.1388888889vw;
  }
}
.information-detail_inner table td {
  background-color: #fff;
  color: #444;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-size: 3.4666666667vw;
  text-align: center;
  vertical-align: middle;
  border: solid #000 0.2666666667vw;
}
@media only screen and (min-width: 767px) {
  .information-detail_inner table td {
    font-size: 1.1111111111vw;
    border: solid #000 0.1388888889vw;
  }
}
.information-detail_inner article {
  width: 100%;
  margin-top: 4vw;
  padding: 4vw;
  background-color: #fff;
}
@media only screen and (min-width: 767px) {
  .information-detail_inner article {
    margin-top: 0.5555555556vw;
    padding: 1.8055555556vw;
  }
}
.information-detail_inner article > p {
  color: #555;
  margin-top: 1.3333333333vw;
}
@media only screen and (min-width: 767px) {
  .information-detail_inner article > p {
    margin-top: 0.4861111111vw;
  }
}
.information-detail_inner article > p:first-child {
  margin-top: 0;
}
.information-detail_inner .shotbtn {
  width: 72.1333333333vw;
  height: 12vw;
  margin: 4vw auto 0;
  padding-bottom: 0.8vw;
  background-color: #f5d000;
  border-radius: 6vw;
}
@media only screen and (min-width: 767px) {
  .information-detail_inner .shotbtn {
    width: 20.6944444444vw;
    height: 3.4722222222vw;
    margin: 2.0833333333vw auto 0;
    padding-bottom: 0.1388888889vw;
    border-radius: 1.7361111111vw;
  }
}

.information-detail_block {
  margin: 3.4666666667vw 0 0;
  padding: 0vw 4vw;
  position: relative;
}
@media only screen and (min-width: 767px) {
  .information-detail_block {
    margin: 2.9166666667vw 0 0;
    padding: 0vw 25.6944444444vw;
  }
}
.information-detail_data {
  margin: 7.6vw 0 0;
  width: 42vw;
  display: flex;
  align-items: center;
  column-gap: 2.9333333333vw;
}
@media only screen and (min-width: 767px) {
  .information-detail_data {
    margin: 0vw 0 0;
    width: 10.5555555556vw;
    column-gap: 0.8333333333vw;
  }
}
.information-detail_data.new {
  position: relative;
}
.information-detail_data.new:after {
  display: block;
  content: "";
  background-image: url("../img/information/new_icon.png");
  background-size: 100% 100%;
  width: 8.5333333333vw;
  height: 3.6vw;
  position: absolute;
  top: 50%;
  right: -10.1333333333vw;
  transform: translateY(-50%);
}
@media only screen and (min-width: 767px) {
  .information-detail_data.new:after {
    width: 2.5694444444vw;
    height: 1.1111111111vw;
    right: -2.9166666667vw;
  }
}
.information-detail_cat {
  width: 14.6666666667vw;
  height: 4.8vw;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3.2vw;
  text-align: center;
  background-color: #ff008d;
}
@media only screen and (min-width: 767px) {
  .information-detail_cat {
    width: 4.3055555556vw;
    height: 1.5277777778vw;
    font-size: 0.8333333333vw;
  }
}
.information-detail_cat.news {
  background-color: #8800a0;
}
.information-detail_cat.goods {
  background-color: #0097bd;
}
.information-detail_date {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-size: 4.5333333333vw;
}
@media only screen and (min-width: 767px) {
  .information-detail_date {
    font-size: 0.9722222222vw;
  }
}
.information-detail_title {
  margin-top: 1.6vw;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-size: 5.3333333333vw;
  letter-spacing: 0em;
  line-height: 1.4;
}
@media only screen and (min-width: 767px) {
  .information-detail_title {
    margin-top: 0.8333333333vw;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-size: 1.6666666667vw;
    line-height: 1.3333333333;
  }
}
.information-detail_inner {
  margin: 5.3333333333vw auto 0;
  padding: 5.6vw 4vw 10.6666666667vw;
  background-color: #000;
  position: relative;
}
@media only screen and (min-width: 767px) {
  .information-detail_inner {
    margin: 1.3888888889vw auto 0;
    width: 48.6111111111vw;
    padding: 1.9444444444vw 3.2638888889vw 4.3055555556vw;
    border-radius: 0.8333333333vw;
  }
}
.information-detail_thumb {
  width: 100%;
}
.information-detail_button {
  width: 72.1333333333vw;
  height: 12vw;
  margin: 4vw auto 0;
  padding-bottom: 0.8vw;
  background-color: #f5d000;
  border-radius: 6vw;
}
@media only screen and (min-width: 767px) {
  .information-detail_button {
    width: 20.6944444444vw;
    height: 3.4722222222vw;
    margin: 2.0833333333vw auto 0;
    padding-bottom: 0.1388888889vw;
    border-radius: 1.7361111111vw;
  }
}
.information-detail_button--link {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-size: 3.7333333333vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 767px) {
  .information-detail_button--link {
    font-size: 1.1111111111vw;
  }
}
.information-detail_button--group {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
@media only screen and (min-width: 767px) {
  .information-detail_button--group {
    justify-content: space-between;
    flex-direction: row;
  }
}
.information-detail_button.hover {
  transition: all 0.4s ease;
}
@media only screen and (min-width: 767px) {
  .information-detail_button.hover :hover {
    opacity: 0.7;
  }
}
.information-detail_sns {
  width: 100%;
  margin: 13.3333333333vw auto 0;
  padding: 2.1333333333vw 17.3333333333vw;
  background-color: #fff;
  border-radius: 1.6vw;
}
@media only screen and (min-width: 767px) {
  .information-detail_sns {
    width: 25.3472222222vw;
    margin: 2.7777777778vw auto 0;
    padding: 0.8333333333vw 5.1388888889vw;
    border-radius: 0vw;
  }
}
.information-detail_sns--list {
  display: flex;
  flex-direction: row;
  column-gap: 6.6666666667vw;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 767px) {
  .information-detail_sns--list {
    column-gap: 1.5277777778vw;
  }
}
.information-detail_sns--item {
  transition: all 0.4s ease;
}
@media only screen and (min-width: 767px) {
  .information-detail_sns--item :hover {
    opacity: 0.7;
  }
}
.information-detail_sns--item.x {
  width: 8.1333333333vw;
}
@media only screen and (min-width: 767px) {
  .information-detail_sns--item.x {
    width: 2.1527777778vw;
  }
}
.information-detail_sns--item.insta {
  width: 9.3333333333vw;
}
@media only screen and (min-width: 767px) {
  .information-detail_sns--item.insta {
    width: 2.5vw;
  }
}
.information-detail_sns--item.tiktok {
  width: 8.9333333333vw;
}
@media only screen and (min-width: 767px) {
  .information-detail_sns--item.tiktok {
    width: 2.2916666667vw;
  }
}
.information-detail_sns--item.youtube {
  width: 11.6vw;
}
@media only screen and (min-width: 767px) {
  .information-detail_sns--item.youtube {
    width: 3.0555555556vw;
  }
}
.information-detail_sns--link {
  transition: all 0.4s ease;
}
.information-detail_pagination {
  width: 92vw;
  margin: 16vw auto;
  position: relative;
  display: flex;
  flex-direction: row;
  column-gap: 5.3333333333vw;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 767px) {
  .information-detail_pagination {
    width: 36.8055555556vw;
    margin: 3.4722222222vw auto;
    column-gap: 2.9166666667vw;
  }
}
.information-detail_pagination--arrow {
  background-image: url("../img/information/pagination_arrow.png");
  background-size: 100% 100%;
  width: 12vw;
  height: 12vw;
}
@media only screen and (min-width: 767px) {
  .information-detail_pagination--arrow {
    width: 4.8611111111vw;
    height: 4.8611111111vw;
  }
}
.information-detail_pagination--arrow.hover {
  transition: all 0.4s ease;
}
@media only screen and (min-width: 767px) {
  .information-detail_pagination--arrow.hover :hover {
    opacity: 0.7;
  }
}
.information-detail_pagination--arrow.right {
  transform: scaleX(-1);
}
.information-detail_pagination--arrow.js--disabled {
  opacity: 0.3;
  pointer-events: none;
}
.information-detail_pagination--btn {
  width: 57.0666666667vw;
  height: 16.2666666667vw;
  background-image: url("../img/information/pagination_btn.png");
  background-size: 100% 100%;
}
@media only screen and (min-width: 767px) {
  .information-detail_pagination--btn {
    width: 21.1111111111vw;
    height: 4.9305555556vw;
  }
}
.information-detail_pagination--btn.hover {
  transition: all 0.4s ease;
}
@media only screen and (min-width: 767px) {
  .information-detail_pagination--btn.hover :hover {
    opacity: 0.7;
  }
}
.information-detail_pagination--btn__link {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-size: 3.7333333333vw;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 0.2666666667vw;
}
@media only screen and (min-width: 767px) {
  .information-detail_pagination--btn__link {
    font-size: 1.1111111111vw;
    padding-bottom: 0.1388888889vw;
  }
}

.marker {
  display: inline;
  position: relative;
  z-index: 1;
  box-shadow: inset 0em -2.4vw 0 rgba(255, 255, 0, 0.5);
  box-decoration-break: clone;
}
@media only screen and (min-width: 767px) {
  .marker {
    box-shadow: inset 0em -0.8333333333vw 0 rgba(255, 255, 0, 0.5);
  }
}
.marker.red {
  box-shadow: inset 0em -2.4vw 0 rgba(255, 82, 95, 0.5);
}
@media only screen and (min-width: 767px) {
  .marker.red {
    box-shadow: inset 0em -0.8333333333vw 0 rgba(255, 82, 95, 0.5);
  }
}
.marker.blue {
  box-shadow: inset 0em -2.4vw 0 rgba(70, 217, 255, 0.5);
}
@media only screen and (min-width: 767px) {
  .marker.blue {
    box-shadow: inset 0em -0.8333333333vw 0 rgba(70, 217, 255, 0.5);
  }
}
.marker.yellow {
  box-shadow: inset 0em -2.4vw 0 rgba(245, 208, 0, 0.5);
}
@media only screen and (min-width: 767px) {
  .marker.yellow {
    box-shadow: inset 0em -0.8333333333vw 0 rgba(245, 208, 0, 0.5);
  }
}
.marker.orange {
  box-shadow: inset 0em -2.4vw 0 rgba(255, 186, 65, 0.5);
}
@media only screen and (min-width: 767px) {
  .marker.orange {
    box-shadow: inset 0em -0.8333333333vw 0 rgba(255, 186, 65, 0.5);
  }
}
.marker.green {
  box-shadow: inset 0em -2.4vw 0 rgba(118, 233, 178, 0.5);
}
@media only screen and (min-width: 767px) {
  .marker.green {
    box-shadow: inset 0em -0.8333333333vw 0 rgba(118, 233, 178, 0.5);
  }
}
.marker.purple {
  box-shadow: inset 0em -2.4vw 0 rgba(187, 116, 255, 0.5);
}
@media only screen and (min-width: 767px) {
  .marker.purple {
    box-shadow: inset 0em -0.8333333333vw 0 rgba(187, 116, 255, 0.5);
  }
}

.highlight {
  position: relative;
  display: inline-block;
  width: fit-content;
}
.highlight.red {
  background-color: rgba(255, 82, 95, 0.5);
}
.highlight.red:before {
  display: block;
  content: "";
}
.highlight.blue {
  background-color: rgba(70, 217, 255, 0.5);
}
.highlight.blue:before {
  display: block;
  content: "";
}
.highlight.yellow {
  background-color: rgba(245, 208, 0, 0.5);
}
.highlight.yellow:before {
  display: block;
  content: "";
}
.highlight.orange {
  background-color: rgba(255, 186, 65, 0.5);
}
.highlight.orange:before {
  display: block;
  content: "";
}
.highlight.green {
  background-color: rgba(118, 233, 178, 0.5);
}
.highlight.green:before {
  display: block;
  content: "";
}
.highlight.purple {
  background-color: rgba(187, 116, 255, 0.5);
}
.highlight.purple:before {
  display: block;
  content: "";
}

.series-block {
  margin: 3.4666666667vw 0 0;
  position: relative;
}
@media only screen and (min-width: 767px) {
  .series-block {
    margin: 3.125vw 0 0;
    padding: 0vw 8.3333333333vw;
  }
}
.series-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 1.6vw;
  padding: 0 4vw;
  row-gap: 2.6666666667vw;
}
@media only screen and (min-width: 767px) {
  .series-list {
    column-gap: 0.6944444444vw;
    row-gap: 0;
    padding: 0;
  }
}
.series-dropdown {
  position: relative;
  background-color: white;
  width: 100%;
  transition: all 0.2s ease;
  padding: 3.2vw 2.6666666667vw 3.2vw 3.0666666667vw;
}
@media only screen and (min-width: 767px) {
  .series-dropdown {
    width: 15.9722222222vw;
    padding: 0.9722222222vw 0.8333333333vw 0.9722222222vw 1.3888888889vw;
  }
}
.series-dropdown:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 2.6666666667vw;
  transform: translateY(-50%);
  width: 3.6vw;
  height: 3.2vw;
  background-image: url("../img/series/arrow_down.png");
  background-size: 100% 100%;
  transition: 0.3s;
}
@media only screen and (min-width: 767px) {
  .series-dropdown:before {
    width: 1.1805555556vw;
    height: 1.0416666667vw;
    right: 0.8333333333vw;
  }
}
.series-dropdown_label {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-size: 3.7333333333vw;
  color: #ff008d;
}
@media only screen and (min-width: 767px) {
  .series-dropdown_label {
    font-size: 1.1111111111vw;
  }
}
.series-dropdown_menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 9;
  opacity: 0;
  width: 100%;
  overflow: hidden;
  text-align: start;
  transform: scaleY(0);
  transform-origin: top;
  border-radius: 0.25rem;
  background-color: inherit;
  box-shadow: inherit;
  transition: all 0.2s ease;
}
.series-dropdown_item {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-size: 3.7333333333vw;
  color: white;
  background-color: #ff008d;
  padding: 3.2vw 2.6666666667vw 3.2vw 3.0666666667vw;
  border-bottom: 0.2666666667vw solid white;
}
@media only screen and (min-width: 767px) {
  .series-dropdown_item {
    font-size: 1.1111111111vw;
    padding: 0.9722222222vw 0.8333333333vw 0.9722222222vw 1.3888888889vw;
    border-bottom: 0.1388888889vw solid white;
  }
}
.series-dropdown.js-active:before {
  display: block;
  content: "";
  transform: scale(1, -1) translateY(50%);
}
.series-dropdown.js-active .series-dropdown_menu {
  opacity: 1;
  transform: scaleY(1);
}
.series-item {
  width: 21.3333333333vw;
  height: 9.3333333333vw;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-size: 3.7333333333vw;
  text-align: center;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4.6666666667vw;
  overflow: hidden;
}
@media only screen and (min-width: 767px) {
  .series-item {
    width: 7.6388888889vw;
    height: 2.7777777778vw;
    font-size: 1.1805555556vw;
    border-radius: 2.4305555556vw;
  }
}
.series-item.js--active:after, .series-item:hover:after {
  display: block;
  content: "";
  background-image: url("../img/information/cat_on.png");
  background-size: 100% 100%;
  width: 17.6vw;
  height: 11.3333333333vw;
  position: absolute;
  top: 50%;
  left: -1.3333333333vw;
  transform: translateY(-50%);
  pointer-events: none;
}
@media only screen and (min-width: 767px) {
  .series-item.js--active:after, .series-item:hover:after {
    width: 5.6944444444vw;
    height: 3.8888888889vw;
    top: 50%;
    left: -0.4861111111vw;
  }
}
.series-item_link {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  color: #fff;
  padding: 0 0 0.8vw;
}
@media only screen and (min-width: 767px) {
  .series-item_link {
    padding: 0 0 0 0.2777777778vw;
  }
}
.series-item.all {
  background-color: #ff008d;
}
.series-item.goods {
  background-color: #0097bd;
}
.series-item.news {
  background-color: #8800a0;
}
.series-news {
  margin: 6.6666666667vw auto 0;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 5.7333333333vw 4vw 0vw;
  position: relative;
}
@media only screen and (min-width: 767px) {
  .series-news {
    margin: 2.0833333333vw auto 0;
    display: flex;
    flex-direction: column;
    column-gap: 2.6388888889vw;
    padding: 0 2.7083333333vw;
  }
}
.series-news_box {
  width: 100%;
  border-bottom: 0.2666666667vw solid white;
  padding: 0 0 10.5333333333vw;
}
@media only screen and (min-width: 767px) {
  .series-news_box {
    display: flex;
    flex-direction: row;
    padding: 2.7777777778vw 0;
    border-bottom: 0.1388888889vw solid white;
    column-gap: 2.0833333333vw;
  }
}
.series-news_box:not(:first-child) {
  margin-top: 8vw;
}
@media only screen and (min-width: 767px) {
  .series-news_box:not(:first-child) {
    margin-top: 0;
  }
}
.series-news_box:last-child {
  border-bottom: none;
}
.series-news_thumb {
  position: relative;
}
@media only screen and (min-width: 767px) {
  .series-news_thumb {
    width: 38.9583333333vw;
    flex-shrink: 0;
  }
}
.series-news_title {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-size: 5.3333333333vw;
  color: white;
  padding: 1.3333333333vw 0 1.8666666667vw;
  line-height: 1.4;
}
@media only screen and (min-width: 767px) {
  .series-news_title {
    line-height: 1.25;
    font-size: 2.2222222222vw;
    padding: 0;
  }
}
.series-news_platform {
  margin-top: 2vw;
}
@media only screen and (min-width: 767px) {
  .series-news_platform {
    margin-top: 0;
  }
}
.series-news_platform--subtitle {
  display: block;
  width: max-content;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-size: 3.7333333333vw;
  text-align: center;
  padding: 1.0666666667vw 2.8vw;
  background-color: #ff008d;
  color: white;
}
@media only screen and (min-width: 767px) {
  .series-news_platform--subtitle {
    margin-top: 1.8055555556vw;
    font-size: 1.1111111111vw;
    padding: 0.2777777778vw 0.3472222222vw 0.4166666667vw;
  }
}
.series-news_platform--list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1.7333333333vw;
  row-gap: 0.8vw;
  margin-top: 2.6666666667vw;
}
@media only screen and (min-width: 767px) {
  .series-news_platform--list {
    column-gap: 0.4166666667vw;
    row-gap: 0.3472222222vw;
    margin-top: 0.1388888889vw;
  }
}
.series-news_platform--item {
  width: max-content;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-size: 3.2vw;
}
@media only screen and (min-width: 767px) {
  .series-news_platform--item {
    font-size: 0.9722222222vw;
  }
}
.series-news_platform--item__date {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-size: 1.8666666667vw;
  letter-spacing: 0.02em;
  text-align: left;
}
@media only screen and (min-width: 767px) {
  .series-news_platform--item__date {
    font-size: 0.6944444444vw;
  }
}
.series-news_platform--item span {
  background-color: white;
  display: block;
  margin-top: 1.3333333333vw;
  padding: 0.8666666667vw 2.1333333333vw 1.1vw;
  width: fit-content;
  color: black;
  border-radius: 2.5333333333vw;
}
@media only screen and (min-width: 767px) {
  .series-news_platform--item span {
    margin-top: 0.1388888889vw;
    border-radius: 0.8333333333vw;
    padding: 0.25vw 0.5555555556vw 0.3472222222vw;
  }
}
.series-news_platform--btn {
  margin: 5.7333333333vw auto 0;
  width: 92vw;
  height: 16vw;
  background-image: url("../img/series/platform_btn.png");
  background-size: 100% 100%;
}
@media only screen and (min-width: 767px) {
  .series-news_platform--btn {
    width: 27.7777777778vw;
    height: 4.1666666667vw;
    margin: 1.7361111111vw auto 0 0;
    background-image: url("../img/series/platform_btn_pc.png");
    background-size: 100% 100%;
  }
}

.series-detail_block {
  margin: 3.4666666667vw 0 0;
  padding: 5.6vw 4vw 16vw;
  background-color: rgba(0, 0, 0, 0.5);
  position: relative;
}
@media only screen and (min-width: 767px) {
  .series-detail_block {
    width: 48.6111111111vw;
    margin: 3.125vw auto 0;
    padding: 1.7361111111vw 3.1944444444vw 2.7777777778vw;
  }
}
.series-detail_sitebtn {
  overflow: hidden;
  margin: 4vw auto 0;
  width: 92.1333333333vw;
  height: 16.1333333333vw;
  background-image: url("../img/series/btn_long.png");
  background-size: 100% 100%;
}
@media only screen and (min-width: 767px) {
  .series-detail_sitebtn {
    margin: 1.6666666667vw auto 0;
    width: 27.7777777778vw;
    height: 4.1666666667vw;
  }
}
.series-detail_data {
  margin: 7.6vw 0 0;
  width: 42vw;
  display: flex;
  align-items: center;
  column-gap: 2.9333333333vw;
}
@media only screen and (min-width: 767px) {
  .series-detail_data {
    margin: 2.7777777778vw 0 0;
    width: 10.5555555556vw;
    column-gap: 0.8333333333vw;
  }
}
.series-detail_data.new {
  position: relative;
}
.series-detail_data.new:after {
  display: block;
  content: "";
  background-image: url("../img/information/new_icon.png");
  background-size: 100% 100%;
  width: 8.5333333333vw;
  height: 3.6vw;
  position: absolute;
  top: 50%;
  right: -10.1333333333vw;
  transform: translateY(-50%);
}
@media only screen and (min-width: 767px) {
  .series-detail_data.new:after {
    width: 2.5694444444vw;
    height: 1.1111111111vw;
    right: -2.9166666667vw;
  }
}
.series-detail_data--cat {
  width: 14.6666666667vw;
  height: 4.8vw;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3.2vw;
  text-align: center;
  padding-bottom: 0.2666666667vw;
}
@media only screen and (min-width: 767px) {
  .series-detail_data--cat {
    width: 4.3055555556vw;
    height: 1.5277777778vw;
    font-size: 0.8333333333vw;
    padding-bottom: 0vw;
  }
}
.series-detail_data--cat.title {
  background-color: #ff008d;
}
.series-detail_data--date {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-size: 4.5333333333vw;
}
@media only screen and (min-width: 767px) {
  .series-detail_data--date {
    font-size: 0.9722222222vw;
  }
}
.series-detail_thumb {
  position: relative;
}
@media only screen and (min-width: 767px) {
  .series-detail_thumb {
    width: 100%;
    flex-shrink: 0;
  }
}
.series-detail_title {
  margin: 3.0666666667vw auto 0 0;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-size: 5.3333333333vw;
  color: white;
  line-height: 1.4;
}
@media only screen and (min-width: 767px) {
  .series-detail_title {
    margin: 2.0833333333vw auto 0 0;
    line-height: 1.3333333333;
    font-size: 1.6666666667vw;
    padding: 0;
  }
}
.series-detail_swiper {
  margin: 9.6vw auto 0;
}
@media only screen and (min-width: 767px) {
  .series-detail_swiper {
    margin: 2.2222222222vw auto 0;
  }
}
.series-detail_swiper--thumb {
  margin-top: 1.3333333333vw;
  width: 92vw;
}
@media only screen and (min-width: 767px) {
  .series-detail_swiper--thumb {
    margin-top: 0.6944444444vw;
  }
}
.series-detail_swiper--thumb__slide {
  margin-right: 0.6666666667vw;
  width: 14.8vw;
  opacity: 0.5;
}
@media only screen and (min-width: 767px) {
  .series-detail_swiper--thumb__slide {
    margin-right: 0.2777777778vw;
    width: 6.7361111111vw;
  }
}
.series-detail_swiper--thumb__slide.swiper-slide-thumb-active {
  opacity: 1;
}
.series-detail_swiper--thumb__slide:last-child {
  margin-right: 0;
}
.series-detail_desc {
  margin: 4.8vw auto 0 0;
}
@media only screen and (min-width: 767px) {
  .series-detail_desc {
    margin: 0.9722222222vw auto 0 0;
  }
}
.series-detail_desc--txt {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-size: 4.2666666667vw;
  letter-spacing: 0.02em;
  line-height: 1.75;
}
@media only screen and (min-width: 767px) {
  .series-detail_desc--txt {
    font-size: 1.1111111111vw;
    line-height: 1.875;
  }
}
.series-detail_desc--txt .mt {
  display: block;
  margin-top: 3.3333333333vw;
}
@media only screen and (min-width: 767px) {
  .series-detail_desc--txt .mt {
    margin-top: 0.6944444444vw;
  }
}
.series-detail_desc--h4 {
  margin: 10.6666666667vw 0 2.9333333333vw;
  padding: 0vw 0 0vw 4.8vw;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-size: 5.3333333333vw;
  color: #ff008d;
  letter-spacing: 0.02em;
  line-height: 1.5;
  position: relative;
}
@media only screen and (min-width: 767px) {
  .series-detail_desc--h4 {
    margin: 2.0833333333vw 0 1.25vw;
    padding-left: 1.3888888889vw;
    font-size: 1.3888888889vw;
    line-height: 1.5;
  }
}
.series-detail_desc--h4:before {
  display: block;
  content: "";
  background-color: #ff008d;
  width: 2.1333333333vw;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media only screen and (min-width: 767px) {
  .series-detail_desc--h4:before {
    width: 0.625vw;
    height: 2.7777777778vw;
  }
}
.series-detail_platform {
  margin: 10vw auto 0 0;
}
@media only screen and (min-width: 767px) {
  .series-detail_platform {
    margin: 2.6388888889vw auto 0 0;
  }
}
.series-detail_platform--subtitle {
  display: block;
  width: max-content;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-size: 3.7333333333vw;
  text-align: center;
  padding: 2.1333333333vw 2.8vw 2.4vw;
  background-color: #ff008d;
  color: white;
}
@media only screen and (min-width: 767px) {
  .series-detail_platform--subtitle {
    font-size: 1.1111111111vw;
    padding: 0.4166666667vw 0.3472222222vw;
  }
}
.series-detail_platform--list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1.7333333333vw;
  row-gap: 1.6vw;
  margin-top: 1.3333333333vw;
}
@media only screen and (min-width: 767px) {
  .series-detail_platform--list {
    column-gap: 0.4166666667vw;
    row-gap: 0.3472222222vw;
    margin-top: 0.1388888889vw;
  }
}
.series-detail_platform--item {
  width: max-content;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-size: 3.2vw;
}
@media only screen and (min-width: 767px) {
  .series-detail_platform--item {
    font-size: 1.1111111111vw;
  }
}
.series-detail_platform--item__date {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-size: 1.8666666667vw;
  letter-spacing: 0.02em;
  text-align: left;
}
@media only screen and (min-width: 767px) {
  .series-detail_platform--item__date {
    font-size: 0.6944444444vw;
  }
}
.series-detail_platform--item span {
  margin-top: 1.0666666667vw;
  background-color: white;
  display: block;
  padding: 0.6666666667vw 2.1333333333vw 1vw;
  width: fit-content;
  color: black;
  border-radius: 2.5333333333vw;
}
@media only screen and (min-width: 767px) {
  .series-detail_platform--item span {
    margin-top: 0.2777777778vw;
    border-radius: 0.8333333333vw;
    padding: 0.1388888889vw 0.6944444444vw 0.2430555556vw;
  }
}
.series-detail_store {
  margin-top: 10.6666666667vw;
}
@media only screen and (min-width: 767px) {
  .series-detail_store {
    margin-top: 2.7777777778vw;
  }
}
.series-detail_btngroup {
  margin: 2.6666666667vw auto 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  column-gap: 1.3333333333vw;
  row-gap: 2.6666666667vw;
}
@media only screen and (min-width: 767px) {
  .series-detail_btngroup {
    margin: 1.3888888889vw auto 0;
    column-gap: 0.6944444444vw;
    row-gap: 0.6944444444vw;
  }
}
.series-detail_button {
  width: 45.3333333333vw;
  height: 12vw;
  margin: 0vw auto 0;
  padding-bottom: 0.8vw;
  background-color: #f5d000;
  border-radius: 6vw;
}
@media only screen and (min-width: 767px) {
  .series-detail_button {
    width: 20.6944444444vw;
    height: 3.4722222222vw;
    margin: 0vw auto 0;
    padding-bottom: 0.1388888889vw;
    border-radius: 1.7361111111vw;
  }
}
.series-detail_button--link {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-size: 3.7333333333vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 767px) {
  .series-detail_button--link {
    font-size: 1.1111111111vw;
  }
}
.series-detail_backbtn {
  margin: 16vw auto 0;
  width: 57.0666666667vw;
  height: 16.2666666667vw;
  background-image: url("../img/series/backbtn.png");
  background-size: 100% 100%;
  overflow: hidden;
}
@media only screen and (min-width: 767px) {
  .series-detail_backbtn {
    margin: 2.7777777778vw auto 0;
    width: 21.1111111111vw;
    height: 4.9305555556vw;
    background-image: url("../img/series/backbtn_pc.png");
  }
}
.series-detail_backbtn--link {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-size: 3.7333333333vw;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 0.2666666667vw;
}
@media only screen and (min-width: 767px) {
  .series-detail_backbtn--link {
    font-size: 1.1111111111vw;
    padding-bottom: 0.1388888889vw;
  }
}
/*# sourceMappingURL=sourcemaps/share.css.map */