@charset "UTF-8";
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  list-style: none;
}
*:before, *:after {
  box-sizing: border-box;
}
*:focus {
  outline: none;
}

html {
  font-size: 62.5%;
  min-height: 100%;
  -webkit-overflow-scrolling: touch;
  position: relative;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
html::-webkit-scrollbar {
  display: none;
}

body {
  font-family: "kaisei-opti", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.146vw;
  line-height: 1.25;
  color: #0e1737;
  background: #ffffff;
  position: relative;
  z-index: 0;
  overflow-x: hidden;
}
body img {
  max-width: 100%;
  width: 100%;
}
body.is-fixed {
  position: fixed;
  width: 100%;
}
body.modal-open {
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  body {
    font-size: 3.271vw;
  }
  body img {
    pointer-events: none;
  }
}

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

.sp_inline {
  display: none;
}
@media screen and (max-width: 1024px) {
  .sp_inline {
    display: inline-block;
  }
}

@media screen and (max-width: 1024px) {
  .pc {
    display: none;
  }
}
.flex {
  display: flex;
}

.grid {
  display: grid;
}

section {
  position: relative;
  z-index: 0;
}

.inner {
  width: 90%;
  margin: 0 auto;
}
.inner-about {
  max-width: 33.854vw;
}
@media screen and (max-width: 1024px) {
  .inner-about {
    max-width: 89.72vw;
  }
}
.inner-track {
  max-width: 33.854vw;
}
@media screen and (max-width: 1024px) {
  .inner-track {
    max-width: 90.187vw;
  }
}
.inner-track {
  max-width: 32.344vw;
}
@media screen and (max-width: 1024px) {
  .inner-track {
    max-width: 90.187vw;
  }
}
.inner-footer {
  max-width: 22.813vw;
}
@media screen and (max-width: 1024px) {
  .inner-footer {
    max-width: 80vw;
  }
}

.deco_ul .deco_li {
  position: absolute;
}
.deco_ul .deco_li-kira::before {
  content: "";
  width: inherit;
  height: inherit;
  background-image: url(./images/deco-kira-title.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}
.deco_ul-title_nav .deco_li-title_nav {
  z-index: 1;
  animation: blink 2s infinite ease-in-out;
}
@media screen and (max-width: 1024px) {
  .deco_ul-title_nav .deco_li-title_nav {
    animation: none;
  }
}
.deco_ul-title_nav .deco_li-title_nav-01 {
  width: 3.438vw;
  height: 3.438vw;
  top: 2.8vw;
  left: 6.9vw;
}
.deco_ul-title_nav .deco_li-title_nav-02 {
  width: 1.823vw;
  height: 1.823vw;
  top: 7.031vw;
  left: 7vw;
  animation-delay: -1s;
}
.deco_ul-title_nav .deco_li-title_nav-03 {
  width: 1.979vw;
  height: 1.979vw;
  bottom: 5.99vw;
  left: 6.167vw;
  animation-delay: -0.5s;
}
.deco_ul-title_nav .deco_li-title_nav-04 {
  width: 1.771vw;
  height: 1.771vw;
  top: 6.146vw;
  right: 7.5vw;
  animation-delay: -0.5s;
}
.deco_ul-title_nav .deco_li-title_nav-05 {
  width: 2.292vw;
  height: 2.292vw;
  bottom: 4.271vw;
  right: 4.7vw;
  animation-delay: -0.5s;
}
.deco_ul-title_nav .deco_li-title_nav-06 {
  width: 3.438vw;
  height: 3.438vw;
  top: 6.771vw;
  right: 8.688vw;
  animation-delay: -1s;
}
.deco_ul-title_nav .deco_li-title_nav-07 {
  width: 1.979vw;
  height: 1.979vw;
  top: 8.49vw;
  right: 9.4vw;
}
.deco_ul-title_mv {
  opacity: 0;
  transition: all ease-in-out 0.4s;
}
.deco_ul-title_mv .deco_li-title_mv {
  z-index: 1;
  animation: blink 2s infinite ease-in-out;
}
.deco_ul-title_mv .deco_li-title_mv-01 {
  width: 4.792vw;
  height: 4.792vw;
  top: 3.9vw;
  left: 9.5vw;
}
.deco_ul-title_mv .deco_li-title_mv-02 {
  width: 2.552vw;
  height: 2.552vw;
  top: 10vw;
  left: 9.76vw;
  animation-delay: -1s;
}
.deco_ul-title_mv .deco_li-title_mv-03 {
  width: 2.76vw;
  height: 2.76vw;
  bottom: 8.5vw;
  left: 8.5vw;
  animation-delay: -0.5s;
}
.deco_ul-title_mv .deco_li-title_mv-04 {
  width: 2.5vw;
  height: 2.5vw;
  top: 8.6vw;
  right: 6.8vw;
  animation-delay: -0.5s;
}
.deco_ul-title_mv .deco_li-title_mv-05 {
  width: 3.333vw;
  height: 3.333vw;
  bottom: 6vw;
  right: 3.2vw;
  animation-delay: -0.5s;
}
.deco_ul-title_mv .deco_li-title_mv-06 {
  width: 4.792vw;
  height: 4.792vw;
  top: 9.2vw;
  right: 8.7vw;
  animation-delay: -1s;
}
.deco_ul-title_mv .deco_li-title_mv-07 {
  width: 2.76vw;
  height: 2.76vw;
  top: 12vw;
  right: 9.9vw;
}
@media screen and (max-width: 1024px) {
  .deco_ul-title_mv .deco_li-title_mv-01 {
    width: 14.486vw;
    height: 14.486vw;
    top: 11.7vw;
    left: 21.7vw;
  }
  .deco_ul-title_mv .deco_li-title_mv-02 {
    width: 7.944vw;
    height: 7.944vw;
    top: 30vw;
    left: 22.8vw;
  }
  .deco_ul-title_mv .deco_li-title_mv-03 {
    width: 8.411vw;
    height: 8.411vw;
    bottom: 25.7vw;
    left: 18.5vw;
  }
  .deco_ul-title_mv .deco_li-title_mv-04 {
    width: 7.71vw;
    height: 7.71vw;
    top: 25.6vw;
    right: 13.8vw;
  }
  .deco_ul-title_mv .deco_li-title_mv-05 {
    width: 10.047vw;
    height: 10.047vw;
    bottom: 18.2vw;
    right: 3.2vw;
  }
  .deco_ul-title_mv .deco_li-title_mv-06 {
    width: 14.486vw;
    height: 14.486vw;
    top: 29.2vw;
    right: 19.7vw;
  }
  .deco_ul-title_mv .deco_li-title_mv-07 {
    width: 8.411vw;
    height: 8.411vw;
    top: 36vw;
    right: 22.5vw;
  }
}
.deco_ul-about .deco_li-about {
  z-index: -1;
  animation: floating 2.5s ease-in-out infinite;
}
.deco_ul-about .deco_li-about-01 {
  width: 12.135vw;
  top: 2.865vw;
  left: 0;
}
.deco_ul-about .deco_li-about-02 {
  width: 9.427vw;
  top: 4.167vw;
  right: 1.042vw;
  animation-delay: -0.55s;
}
.deco_ul-about .deco_li-about-03 {
  width: 18.75vw;
  top: 15.625vw;
  left: 0;
  animation-delay: -0.55s;
}
.deco_ul-about .deco_li-about-04 {
  width: 59.115vw;
  top: 4.688vw;
  left: -10.677vw;
}
.deco_ul-about .deco_li-about-05 {
  width: 9.74vw;
  bottom: 2.604vw;
  right: 0;
  animation-delay: -1.25s;
}
@media screen and (max-width: 1024px) {
  .deco_ul-about .deco_li-about-01 {
    width: 32.243vw;
    top: 7.009vw;
    left: 0;
  }
  .deco_ul-about .deco_li-about-02 {
    width: 25vw;
    top: 11.682vw;
    right: 2.336vw;
  }
  .deco_ul-about .deco_li-about-03 {
    width: 49.766vw;
    top: 47.897vw;
    left: 0;
  }
  .deco_ul-about .deco_li-about-04 {
    width: 157.009vw;
    top: 21.028vw;
    left: -27.57vw;
  }
  .deco_ul-about .deco_li-about-05 {
    width: 25.701vw;
    bottom: 0;
    right: 0;
  }
}
.deco_ul-footer_before {
  display: none;
}
@media screen and (max-width: 1024px) {
  .deco_ul-footer_before {
    display: block;
  }
  .deco_ul-footer_before .deco_li-footer-01 {
    width: 29.206vw;
    top: 3.505vw;
    right: 18.692vw;
    animation: floating 2.5s ease-in-out infinite;
  }
  .deco_ul-footer_before .deco_li-footer-02 {
    width: 18.692vw;
    top: 16.355vw;
    right: 0;
    animation: floating 2.5s ease-in-out infinite;
    animation-delay: -0.55s;
  }
  .deco_ul-footer_before .deco_li-footer-03 {
    width: 44.626vw;
    top: 10.748vw;
    left: 4.673vw;
    transform: scale(0) rotate(5deg);
    transform-origin: center bottom;
    transition: all cubic-bezier(0.18, 0.89, 0.32, 1.28) 0.3s;
  }
  .deco_ul-footer_before .deco_li-footer-03.active {
    transform: scale(1) rotate(5deg);
    transition-delay: 0.4s;
    animation: swing 2s ease-in-out 0.7s infinite;
  }
}

h1 {
  width: 32.813vw;
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  h1 {
    width: 100%;
  }
}

h2 {
  position: relative;
}
h2.h2-about {
  font-size: 1.823vw;
  line-height: 1.7;
  font-weight: bold;
  text-align: center;
  -webkit-text-stroke: 0.5px #0e1737;
  paint-order: stroke;
  text-shadow: 0px 0px 4px rgb(255, 255, 255), 0px 0px 4px rgb(255, 255, 255), 0px 0px 4px rgb(255, 255, 255);
  opacity: 0;
  transform: translateY(30%);
  transition: all ease-in-out 0.6s;
}
h2.h2-about.active {
  opacity: 1;
  transform: translateY(0);
}
h2.h2-about span {
  font-size: 2.135vw;
}
h2.h2-about span small {
  font-size: 1.979vw;
}
@media screen and (max-width: 1024px) {
  h2.h2-about {
    font-size: 5.14vw;
    line-height: 1.9;
  }
  h2.h2-about span {
    font-size: 6.075vw;
  }
  h2.h2-about span small {
    font-size: 5.14vw;
  }
}
h2.h2-track {
  font-size: 1.042vw;
  letter-spacing: 0.1em;
  color: #ffffff;
  position: relative;
}
h2.h2-track::after {
  content: "";
  width: 3.594vw;
  height: 0.938vw;
  background-image: url(./images/deco-triangle-white.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 70%;
  right: 0;
  transform: translateY(-50%);
}
h2.h2-track span {
  font-size: 2.083vw;
  letter-spacing: 0.04em;
  margin-right: 0.833vw;
}
@media screen and (max-width: 1024px) {
  h2.h2-track {
    font-size: 3.271vw;
  }
  h2.h2-track::after {
    width: 12.15vw;
    height: 3.505vw;
    right: 2.103vw;
  }
  h2.h2-track span {
    font-size: 7.009vw;
    margin-left: 1.168vw;
    margin-right: 3.738vw;
  }
}
h2.h2-products {
  width: 31.094vw;
  margin: 0 auto;
  font-size: 1.458vw;
  letter-spacing: 0.1em;
  -webkit-text-stroke: 0.5px #0e1737;
  paint-order: stroke;
  position: relative;
}
h2.h2-products::after {
  content: "";
  width: 5.313vw;
  height: 1.667vw;
  background-image: url(./images/deco-triangle-blue.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 70%;
  right: 0;
  transform: translateY(-50%);
}
h2.h2-products span {
  font-size: 3.073vw;
  letter-spacing: 0.04em;
  margin-right: 1.354vw;
}
@media screen and (max-width: 1024px) {
  h2.h2-products {
    width: 83.645vw;
    font-size: 4.206vw;
  }
  h2.h2-products::after {
    width: 14.953vw;
    height: 5.14vw;
    right: 0;
  }
  h2.h2-products span {
    font-size: 8.411vw;
    margin-left: 0;
    margin-right: 2.804vw;
  }
}

h3.h3-track {
  width: 8.385vw;
  height: 3.385vw;
  background-color: #0e1737;
  border-radius: 1.719vw;
  font-size: 1.354vw;
  color: #ffffff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  h3.h3-track {
    width: 27.57vw;
    height: 10.981vw;
    border-radius: 5.607vw;
    font-size: 4.673vw;
  }
}
h3.h3-products {
  font-size: 1.771vw;
  letter-spacing: 0.06em;
  -webkit-text-stroke: 0.5px #0e1737;
  paint-order: stroke;
}
@media screen and (max-width: 1024px) {
  h3.h3-products {
    font-size: 5.14vw;
  }
}

.logo_nikke {
  width: 8.594vw;
  position: absolute;
  top: 2.083vw;
  left: 1.302vw;
}
@media screen and (max-width: 1024px) {
  .logo_nikke {
    width: 22.664vw;
    padding-top: 0;
    margin-left: 4.206vw;
    position: relative;
    top: auto;
    left: auto;
    z-index: 20;
  }
}

.title_box {
  position: relative;
  z-index: 0;
  opacity: 0;
  transform: translateY(30px);
  transition: all ease-in-out 0.6s;
}
.title_box-nav {
  opacity: 1;
  transform: translateY(0);
}
.title_box-mv {
  z-index: 20;
}
@media screen and (max-width: 1024px) {
  .title_box-mv {
    margin-top: 75vw;
  }
}

#load {
  background: #ffffff;
  position: fixed;
  height: 100svh;
  width: 100%;
  z-index: 999;
  transition: 0.2s;
  transition-delay: 2s;
}
#load.load_active {
  animation: view 0.5s ease-in-out forwards;
}
@keyframes view {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    pointer-events: none;
  }
}

main {
  position: relative;
}
main .fixed_bg {
  background: url(./images/pc_bg.webp) no-repeat center center/cover;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: sticky;
  top: 0;
  left: 0;
}
@media screen and (max-width: 1024px) {
  main .fixed_bg {
    display: none;
  }
}
main .fixed_bg.active::before {
  opacity: 1;
}
main .fixed_bg.active .fixed_bg_inner {
  opacity: 1;
}
main .fixed_bg::before {
  content: "";
  width: 49.271vw;
  height: 49.271vw;
  background-image: url(./images/pc_bg-record.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: -0.521vw;
  transform: translateY(-50%);
  animation: spin 10s linear infinite;
  opacity: 0;
  transition: all ease-in-out 0.6s;
}
@media screen and (max-width: 1024px) {
  main .fixed_bg::before {
    animation: none;
  }
}
main .fixed_bg .fixed_bg_inner {
  opacity: 0;
  transition: all ease-in-out 0.6s;
}
main .fixed_bg nav {
  width: 100%;
  max-width: 29.271vw;
  position: absolute;
  top: 3.125vw;
  right: 2vw;
  z-index: 0;
}
main .fixed_bg .menu_ul {
  margin-top: -1.562vw;
  margin-left: 1.9vw;
}
main .fixed_bg .menu_ul .menu_li {
  position: relative;
  padding-left: 3.333vw;
}
main .fixed_bg .menu_ul .menu_li::before {
  content: "";
  width: 2.76vw;
  height: 2.76vw;
  background-image: url(./images/icon-kira-white.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 55%;
  left: 0;
  transform: translateY(-50%);
}
main .fixed_bg .menu_ul .menu_li a {
  display: block;
}
@media screen and (min-width: 767px) {
  main .fixed_bg .menu_ul .menu_li a:hover span::after {
    width: 100%;
  }
}
main .fixed_bg .menu_ul .menu_li a span {
  display: inline-block;
  position: relative;
  z-index: 0;
}
main .fixed_bg .menu_ul .menu_li a span::after {
  content: "";
  width: 0%;
  height: 0.729vw;
  background-color: #80b6da;
  position: absolute;
  bottom: 1.042vw;
  left: 0;
  z-index: -1;
  transform: skewX(-20deg);
  transition: all 0.4s;
}
main .fixed_bg .menu_ul .menu_li a img {
  width: auto;
  height: 4.323vw;
}
main .fixed_bg .menu_ul .menu_li-products a img {
  height: 4.479vw;
}
main .fixed_bg .deco_text_ul {
  width: 8.854vw;
  margin-left: auto;
  margin-right: -1.562vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  animation: loop-down 60s linear infinite;
}
@media screen and (max-width: 1024px) {
  main .fixed_bg .deco_text_ul {
    animation: none;
  }
}
main .fixed_bg .deco_text_ul .deco_text_li {
  width: inherit;
}
main .fixed_bg .deco_text_ul .deco_text_li img {
  display: block;
}
main .overflow_wrap {
  width: 100%;
  max-width: 37.708vw;
  margin: 0 auto;
  margin-top: -100vh;
  margin-bottom: -6.25vw;
  overflow: clip;
  background: #ffffff;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  main .overflow_wrap {
    max-width: none;
    margin-top: 0;
    margin-bottom: 0;
  }
}
main .overflow_wrap .main_bg {
  width: 100%;
  max-width: inherit;
  height: 100vh;
  background: url(./images/bg_main.webp) no-repeat center center/cover;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
main .overflow_wrap .pattern_bg {
  background: #ffffff;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 2%, rgb(255, 255, 255) 4%, rgb(255, 255, 255) 100%);
  position: relative;
  z-index: 0;
}
main .overflow_wrap .pattern_bg::before {
  content: "";
  display: block;
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: url(./images/bg_pattern-plus.webp) repeat top left/8%;
  z-index: -1;
  margin-bottom: -100vh;
  pointer-events: none;
}
@media screen and (max-width: 1024px) {
  main .overflow_wrap .pattern_bg {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 2%, rgb(255, 255, 255) 6%, rgb(255, 255, 255) 100%);
  }
}
main .overflow_wrap #mv {
  height: 48.802vw;
  padding-top: 22vw;
  background: url(./images/mv_bg.webp) no-repeat top center/contain;
}
main .overflow_wrap #mv.active::after {
  opacity: 1;
}
main .overflow_wrap #mv.active .title_box,
main .overflow_wrap #mv.active .sub_title {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.8s;
}
main .overflow_wrap #mv.active .deco_ul-title_mv {
  opacity: 1;
  transition-delay: 1.4s;
}
main .overflow_wrap #mv::before, main .overflow_wrap #mv::after {
  content: "";
  width: 100%;
  height: 48.802vw;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: all ease-in-out 0.7s;
}
main .overflow_wrap #mv::before {
  background-image: url(./images/mv_bg-before.png);
  z-index: 1;
}
main .overflow_wrap #mv::after {
  background-image: url(./images/mv_img.webp);
  z-index: 0;
  opacity: 0;
}
@media screen and (max-width: 1024px) {
  main .overflow_wrap #mv {
    height: 175vw;
    padding-top: 4.206vw;
    background: url(./images/mv_bg_sp.webp) no-repeat top center/cover;
  }
  main .overflow_wrap #mv::before, main .overflow_wrap #mv::after {
    height: 175vw;
    background-size: cover;
    background-position: top center;
  }
  main .overflow_wrap #mv::before {
    background-image: url(./images/mv_bg-before_sp.png);
  }
  main .overflow_wrap #mv::after {
    background-image: url(./images/mv_img_sp.png);
  }
}
main .overflow_wrap #mv .sub_title {
  margin-top: -4.948vw;
  font-size: 1.719vw;
  letter-spacing: 0.06em;
  color: #ffffff;
  text-align: center;
  position: relative;
  z-index: 20;
  opacity: 0;
  transform: translateY(30px);
  transition: all ease-in-out 0.6s;
}
main .overflow_wrap #mv .sub_title span {
  padding-left: 2.865vw;
  padding-right: 1.771vw;
  position: relative;
}
main .overflow_wrap #mv .sub_title span::before, main .overflow_wrap #mv .sub_title span::after {
  content: "";
  width: 2.24vw;
  height: 2.24vw;
  background-image: url(./images/icon-kira-blue.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 55%;
  transform: translateY(-50%);
}
main .overflow_wrap #mv .sub_title span::before {
  left: 0;
}
main .overflow_wrap #mv .sub_title span::after {
  right: 0;
}
@media screen and (max-width: 1024px) {
  main .overflow_wrap #mv .sub_title {
    margin-top: -16vw;
    font-size: 4.907vw;
  }
  main .overflow_wrap #mv .sub_title span {
    padding-left: 10.748vw;
    padding-right: 8.645vw;
  }
  main .overflow_wrap #mv .sub_title span::before, main .overflow_wrap #mv .sub_title span::after {
    width: 8.645vw;
    height: 8.645vw;
  }
}
main .overflow_wrap #about {
  padding-top: 8.542vw;
  padding-bottom: 11vw;
}
main .overflow_wrap #about figure {
  margin-top: 0.521vw;
  opacity: 0;
  transform: translateY(20px);
  transition: all ease-in-out 0.6s;
}
main .overflow_wrap #about figure.active {
  opacity: 1;
  transform: translateY(0px);
}
main .overflow_wrap #about .deco_text_about_ul {
  display: none;
}
@media screen and (max-width: 1024px) {
  main .overflow_wrap #about {
    padding-top: 25.935vw;
    padding-bottom: 22.196vw;
  }
  main .overflow_wrap #about figure {
    margin-top: 3.271vw;
  }
  main .overflow_wrap #about .deco_text_about_ul {
    width: 639.72vw;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    animation: loop-left 35s linear infinite;
  }
  main .overflow_wrap #about .deco_text_about_ul .deco_text_li {
    width: inherit;
  }
  main .overflow_wrap #about .deco_text_about_ul .deco_text_li img {
    display: block;
  }
}
main .overflow_wrap #track {
  padding-top: 7vw;
  padding-bottom: 2.708vw;
}
@media screen and (max-width: 1024px) {
  main .overflow_wrap #track {
    padding-top: 13.318vw;
    padding-bottom: 7.009vw;
  }
}
main .overflow_wrap #track .track_intro {
  font-size: 2.188vw;
  text-align: center;
  -webkit-text-stroke: 0.5px #0e1737;
  paint-order: stroke;
  text-shadow: 0px 0px 4px rgb(255, 255, 255), 0px 0px 4px rgb(255, 255, 255), 0px 0px 4px rgb(255, 255, 255);
  opacity: 0;
  transform: translateY(20px);
  transition: all ease-in-out 0.6s;
}
main .overflow_wrap #track .track_intro.active {
  opacity: 1;
  transform: translateY(0px);
}
main .overflow_wrap #track .track_intro.active span::after {
  width: 103%;
  transition-delay: 0.6s;
}
@media screen and (max-width: 1024px) {
  main .overflow_wrap #track .track_intro.active span::after {
    width: 105%;
  }
}
main .overflow_wrap #track .track_intro span {
  font-size: 3.906vw;
  position: relative;
  z-index: 0;
}
main .overflow_wrap #track .track_intro span::after {
  content: "";
  width: 0%;
  height: 1.042vw;
  background-color: #80b6da;
  position: absolute;
  bottom: 0.365vw;
  left: -0.781vw;
  z-index: -1;
  transform: skewX(-20deg);
  transition: all 0.4s;
}
main .overflow_wrap #track .track_intro span small {
  font-size: 2.969vw;
}
@media screen and (max-width: 1024px) {
  main .overflow_wrap #track .track_intro {
    font-size: 5.607vw;
  }
  main .overflow_wrap #track .track_intro span {
    font-size: 9.346vw;
  }
  main .overflow_wrap #track .track_intro span::after {
    width: 105%;
    height: 2.804vw;
    bottom: 1.168vw;
    left: -2.103vw;
  }
  main .overflow_wrap #track .track_intro span small {
    font-size: 7.009vw;
  }
}
main .overflow_wrap #track .track_sticky_wrap {
  height: 250vh;
  margin-top: 3.385vw;
  position: relative;
}
@media screen and (max-width: 1024px) {
  main .overflow_wrap #track .track_sticky_wrap {
    height: 200vh;
    margin-top: 4.673vw;
  }
}
main .overflow_wrap #track .track_sticky_wrap .track_box {
  margin-top: 0;
  position: sticky;
  top: calc(50vh - 21.588vw);
}
@media screen and (max-width: 1024px) {
  main .overflow_wrap #track .track_sticky_wrap .track_box {
    margin-top: 0;
    top: calc(50vh - 83.411vw);
  }
}
main .overflow_wrap #track .track_box {
  width: 31.198vw;
  height: 43.177vw;
  margin: 0 auto;
  padding: 1.823vw 1.823vw 2.083vw;
  background: url(./images/track-frame.webp) no-repeat center center/contain;
  position: relative;
  z-index: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: all ease-in-out 0.6s;
}
main .overflow_wrap #track .track_box.active {
  opacity: 1;
  transform: translateY(0px);
}
main .overflow_wrap #track .track_box .track_record_wrap {
  position: absolute;
  top: 5.4vw;
  left: 50%;
  width: 29.8vw;
  height: 37.1vw;
  transform: translateX(-50%);
  z-index: -1;
  overflow: hidden;
}
main .overflow_wrap #track .track_box .track_record {
  position: absolute;
  top: -2vw;
  left: -1.5vw;
  width: 110%;
  height: 110%;
  backface-visibility: hidden;
  transition: transform 0.6s ease;
}
main .overflow_wrap #track .track_box .track_record img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  animation: spin-tracklist 6s linear infinite;
}
main .overflow_wrap #track .track_box .side-a {
  transform: rotateY(0deg);
}
main .overflow_wrap #track .track_box .side-b {
  transform: rotateY(-180deg);
}
main .overflow_wrap #track .track_box.is-side-b .side-a {
  transform: rotateY(180deg);
}
main .overflow_wrap #track .track_box.is-side-b .side-b {
  transform: rotateY(0deg);
}
main .overflow_wrap #track .track_box.is-side-b .scroll_box {
  flex-direction: column-reverse;
}
main .overflow_wrap #track .track_box.is-side-b .scroll_box .scroll_arrow_ul {
  transform: scaleY(-1);
}
@media screen and (max-width: 1024px) {
  main .overflow_wrap #track .track_box {
    width: 86.215vw;
    height: 166.822vw;
    padding: 7.009vw 3.972vw 9.346vw;
    background: url(./images/track-frame_sp.webp) no-repeat center center/contain;
  }
  main .overflow_wrap #track .track_box .track_record_wrap {
    top: 19vw;
    width: 78.7vw;
    height: 143.8vw;
  }
  main .overflow_wrap #track .track_box .track_record_wrap .track_record {
    top: -39vw;
    left: -21.5vw;
    width: 153%;
    height: 153%;
  }
}
main .overflow_wrap #track .track_scroll_box {
  height: 36.979vw;
  margin-top: 0.938vw;
  padding: 2.344vw 0.573vw;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 1024px) {
  main .overflow_wrap #track .track_scroll_box {
    height: 145.093vw;
    margin-top: 3.271vw;
    padding: 7.009vw 3.738vw;
  }
}
main .overflow_wrap #track .track_scroll_box .track_list_wrap {
  transition: transform 1.5s cubic-bezier(0.25, 1, 0.5, 1); /* なめらかな移動 */
  transform: translateY(0); /* 初期位置（SIDE A） */
  /* B面表示時（枠の高さ分上にずらす） */
}
main .overflow_wrap #track .track_scroll_box .track_list_wrap.is-swiped {
  /* 実際の移動量はJSで計算して設定することも可能ですが、ここではCSSで決め打ちにします */
  /* SIDE Aの高さ + margin分を上にスライドさせる */
  transform: translateY(-36.302vw); /* ★実際のSIDE Aの高さに合わせて数値を調整してください */
}
@media screen and (max-width: 1024px) {
  main .overflow_wrap #track .track_scroll_box .track_list_wrap.is-swiped {
    transform: translateY(-140.187vw);
  }
}
main .overflow_wrap #track .track_scroll_box .track_list {
  margin-bottom: 9.948vw;
}
@media screen and (max-width: 1024px) {
  main .overflow_wrap #track .track_scroll_box .track_list {
    margin-bottom: 38.785vw;
  }
}
main .overflow_wrap #track .track_scroll_box .track_list_ul {
  margin-top: 1.354vw;
  padding: 0 0.521vw;
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 700;
  font-size: 1.25vw;
  line-height: 2.16;
  letter-spacing: 0.016em;
}
main .overflow_wrap #track .track_scroll_box .track_list_ul .track_list_li {
  text-shadow: 0.156vw 0.156vw 0 #fff, -0.156vw -0.156vw 0 #fff, -0.156vw 0.156vw 0 #fff, 0.156vw -0.156vw 0 #fff, 0px 0.156vw 0 #fff, 0 -0.156vw 0 #fff, -0.156vw 0 0 #fff, 0.156vw 0 0 #fff;
}
@media screen and (max-width: 1024px) {
  main .overflow_wrap #track .track_scroll_box .track_list_ul {
    margin-top: 5.374vw;
    padding: 0 2.336vw;
    font-size: 4.206vw;
    line-height: 2.55;
  }
  main .overflow_wrap #track .track_scroll_box .track_list_ul .track_list_li {
    text-shadow: 0.467vw 0.467vw 0 #fff, -0.467vw -0.467vw 0 #fff, -0.467vw 0.467vw 0 #fff, 0.467vw -0.467vw 0 #fff, 0px 0.467vw 0 #fff, 0 -0.467vw 0 #fff, -0.467vw 0 0 #fff, 0.467vw 0 0 #fff;
  }
}
main .overflow_wrap #track .scroll_box {
  width: 5vw;
  height: 6.458vw;
  font-size: 1.719vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  bottom: 2.083vw;
  left: 50%;
  transform: translateX(-50%);
}
main .overflow_wrap #track .scroll_box .scroll_arrow_ul {
  width: 1.875vw;
  height: 3.802vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
main .overflow_wrap #track .scroll_box .scroll_arrow_ul .scroll_arrow_li {
  width: inherit;
  height: 1.458vw;
  position: relative;
  animation: load 1.04s ease infinite;
}
main .overflow_wrap #track .scroll_box .scroll_arrow_ul .scroll_arrow_li::before {
  content: "";
  width: inherit;
  height: inherit;
  background-image: url(./images/icon-scroll_arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}
main .overflow_wrap #track .scroll_box .scroll_arrow_ul .scroll_arrow_li:nth-of-type(2) {
  animation-delay: 0.26s;
}
main .overflow_wrap #track .scroll_box .scroll_arrow_ul .scroll_arrow_li:nth-of-type(3) {
  animation-delay: 0.52s;
}
@media screen and (max-width: 1024px) {
  main .overflow_wrap #track .scroll_box {
    width: 12.15vw;
    height: 19.626vw;
    font-size: 4.206vw;
    bottom: 9.346vw;
  }
  main .overflow_wrap #track .scroll_box .scroll_arrow_ul {
    width: 6.075vw;
    height: 12.617vw;
  }
  main .overflow_wrap #track .scroll_box .scroll_arrow_ul .scroll_arrow_li {
    height: 6.075vw;
  }
}
main .overflow_wrap #track .insert_box {
  margin-top: 2.188vw;
  position: relative;
  z-index: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: all ease-in-out 0.6s;
}
main .overflow_wrap #track .insert_box.active {
  opacity: 1;
  transform: translateY(0px);
}
main .overflow_wrap #track .insert_box.active .insert_text_box p span::after {
  width: 100%;
  transition-delay: 0.6s;
}
@media screen and (max-width: 1024px) {
  main .overflow_wrap #track .insert_box.active .insert_text_box p span::after {
    width: 91%;
  }
}
main .overflow_wrap #track .insert_box .insert_text_box {
  width: 8.333vw;
  height: 8.333vw;
  background: #ffffff;
  border: 2px solid #0e1737;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
main .overflow_wrap #track .insert_box .insert_text_box p {
  font-size: 1.458vw;
  text-align: center;
}
main .overflow_wrap #track .insert_box .insert_text_box p span {
  font-size: 1.719vw;
  position: relative;
  z-index: 0;
}
main .overflow_wrap #track .insert_box .insert_text_box p span::after {
  content: "";
  width: 0%;
  height: 0.677vw;
  background-color: #80b6da;
  position: absolute;
  bottom: 0.104vw;
  left: 0;
  z-index: -1;
  transform: skewX(-20deg);
  transition: all 0.4s;
}
@media screen and (max-width: 1024px) {
  main .overflow_wrap #track .insert_box {
    margin-top: 1.636vw;
  }
  main .overflow_wrap #track .insert_box .insert_text_box {
    width: 25.234vw;
    height: 25.234vw;
  }
  main .overflow_wrap #track .insert_box .insert_text_box p {
    font-size: 4.673vw;
    letter-spacing: -0.06em;
  }
  main .overflow_wrap #track .insert_box .insert_text_box p span {
    font-size: 5.841vw;
    letter-spacing: 0;
  }
  main .overflow_wrap #track .insert_box .insert_text_box p span::after {
    width: 0%;
    height: 2.103vw;
    bottom: 0.467vw;
    left: 1.168vw;
  }
  main .overflow_wrap #track .insert_box .insert_text_box p span small {
    font-size: 4.673vw;
  }
}
main .overflow_wrap #products {
  padding-bottom: 8.333vw;
}
@media screen and (max-width: 1024px) {
  main .overflow_wrap #products {
    padding-bottom: 50.935vw;
  }
}
main .overflow_wrap #products figure {
  width: 31.094vw;
  margin: 0 auto;
  margin-top: 1.302vw;
  opacity: 0;
  transform: translateY(30px);
  transition: all ease-in-out 0.6s;
}
main .overflow_wrap #products figure.active {
  opacity: 1;
  transform: translateY(0px);
}
@media screen and (max-width: 1024px) {
  main .overflow_wrap #products figure {
    width: 82.71vw;
    margin-top: 5.841vw;
  }
}
main .overflow_wrap #products .detaile_box {
  width: 30.938vw;
  margin: 0 auto;
  margin-top: 1.979vw;
  opacity: 0;
  transform: translateY(30px);
  transition: all ease-in-out 0.6s;
}
main .overflow_wrap #products .detaile_box.active {
  opacity: 1;
  transform: translateY(0px);
}
@media screen and (max-width: 1024px) {
  main .overflow_wrap #products .detaile_box {
    width: 87.383vw;
    margin-top: 4.673vw;
  }
}
main .overflow_wrap #products .details_ul {
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 700;
  font-size: 1.146vw;
  line-height: 2.13;
  letter-spacing: 0.02em;
  padding-left: 1.302vw;
  border-left: 17px solid #0e1737;
  margin-top: 1.302vw;
}
@media screen and (max-width: 1024px) {
  main .overflow_wrap #products .details_ul {
    font-size: 3.271vw;
    line-height: 2.21;
    padding-left: 3.037vw;
    border-left: 10px solid #0e1737;
    margin-top: 3.271vw;
  }
}
main .overflow_wrap #products .kome_txt {
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 700;
  font-size: 0.833vw;
  line-height: 1.66;
  font-weight: 500;
  margin-top: 1.302vw;
}
@media screen and (max-width: 1024px) {
  main .overflow_wrap #products .kome_txt {
    font-size: 2.804vw;
    margin-top: 3.972vw;
  }
}
main .overflow_wrap #products .price_box {
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 700;
  font-size: 1.25vw;
  text-align: right;
  position: relative;
  margin-top: 1.302vw;
}
main .overflow_wrap #products .price_box::before {
  content: "";
  width: 55%;
  height: 0.104vw;
  background-color: #0e1737;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
main .overflow_wrap #products .price_box span {
  font-size: 1.667vw;
  margin-left: 0.365vw;
  margin-right: -0.573vw;
}
main .overflow_wrap #products .price_box span small {
  font-size: 1.25vw;
}
@media screen and (max-width: 1024px) {
  main .overflow_wrap #products .price_box {
    font-size: 3.738vw;
    margin-top: 4.673vw;
  }
  main .overflow_wrap #products .price_box::before {
    width: 53%;
    height: 0.234vw;
  }
  main .overflow_wrap #products .price_box span {
    font-size: 4.673vw;
    margin-left: 1.168vw;
    margin-right: -1.402vw;
  }
  main .overflow_wrap #products .price_box span small {
    font-size: 3.738vw;
  }
}
main .overflow_wrap #products .date {
  font-size: 1.979vw;
  text-align: center;
  -webkit-text-stroke: 0.5px #0e1737;
  paint-order: stroke;
  position: relative;
  margin-top: 2.083vw;
}
main .overflow_wrap #products .date::before, main .overflow_wrap #products .date::after {
  content: "";
  width: 25.2vw;
  height: 2.7vw;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  animation: blink 2s infinite ease-in-out;
}
main .overflow_wrap #products .date::before {
  background-image: url(./images/date_deco-01.webp);
  left: 2.3vw;
}
main .overflow_wrap #products .date::after {
  background-image: url(./images/date_deco-02.webp);
  right: 2.3vw;
  animation-delay: -1s;
}
main .overflow_wrap #products .date small {
  font-size: 1.458vw;
}
@media screen and (max-width: 1024px) {
  main .overflow_wrap #products .date {
    font-size: 5.14vw;
    margin-top: 5.841vw;
  }
  main .overflow_wrap #products .date::before, main .overflow_wrap #products .date::after {
    width: 66vw;
    height: 7.1vw;
  }
  main .overflow_wrap #products .date::before {
    left: 9.3vw;
  }
  main .overflow_wrap #products .date::after {
    right: 9.3vw;
  }
  main .overflow_wrap #products .date small {
    font-size: 3.738vw;
  }
}
main .overflow_wrap #products .shop_text {
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 700;
  font-size: 1.146vw;
  line-height: 1.72;
  margin-top: 2.083vw;
  opacity: 0;
  transform: translateY(30px);
  transition: all ease-in-out 0.6s;
}
main .overflow_wrap #products .shop_text.active {
  opacity: 1;
  transform: translateY(0px);
}
main .overflow_wrap #products .shop_text.active span::after {
  width: 100%;
  transition-delay: 0.6s;
}
main .overflow_wrap #products .shop_text small {
  font-size: 1.146vw;
}
main .overflow_wrap #products .shop_text span {
  position: relative;
  z-index: 0;
}
main .overflow_wrap #products .shop_text span::after {
  content: "";
  width: 0%;
  height: 0.677vw;
  background-color: #80b6da;
  position: absolute;
  bottom: 0.104vw;
  left: 0;
  z-index: -1;
  transform: skewX(-20deg);
  transition: all 0.4s;
}
@media screen and (max-width: 1024px) {
  main .overflow_wrap #products .shop_text {
    font-size: 4.206vw;
    margin-top: 5.841vw;
  }
  main .overflow_wrap #products .shop_text small {
    font-size: 3.738vw;
  }
  main .overflow_wrap #products .shop_text span::after {
    height: 2.336vw;
    bottom: 0.234vw;
  }
}
main .overflow_wrap #products .online_link_box {
  width: 31.25vw;
  margin: 0 auto;
  margin-top: 3.646vw;
  position: relative;
  opacity: 0;
  transform: translateY(30px);
  transition: all ease-in-out 0.6s;
}
main .overflow_wrap #products .online_link_box.active {
  opacity: 1;
  transform: translateY(0px);
}
main .overflow_wrap #products .online_link_box::before, main .overflow_wrap #products .online_link_box::after {
  content: "";
  width: 2.188vw;
  height: 2.188vw;
  background-image: url(./images/icon-kira-navyblue.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
main .overflow_wrap #products .online_link_box::before {
  left: 0;
}
main .overflow_wrap #products .online_link_box::after {
  right: 0;
}
@media screen and (max-width: 1024px) {
  main .overflow_wrap #products .online_link_box {
    width: 82.477vw;
    margin-top: 8.178vw;
  }
  main .overflow_wrap #products .online_link_box::before, main .overflow_wrap #products .online_link_box::after {
    width: 5.841vw;
    height: 5.841vw;
  }
}
main .overflow_wrap #products .online_link {
  display: block;
  width: 24.531vw;
  height: 6.406vw;
  margin: 0 auto;
  font-size: 1.458vw;
  line-height: 1.25;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 0;
}
main .overflow_wrap #products .online_link::before, main .overflow_wrap #products .online_link::after {
  content: "";
  width: inherit;
  height: inherit;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.4s;
  z-index: -1;
}
main .overflow_wrap #products .online_link::before {
  background-image: url(./images/btn_bg-hover.webp);
}
main .overflow_wrap #products .online_link::after {
  background-image: url(./images/btn_bg.webp);
}
@media screen and (min-width: 767px) {
  main .overflow_wrap #products .online_link:hover {
    color: #ffffff;
    text-shadow: 1px 1px 0 #0e1737, -1px -1px 0 #0e1737, -1px 1px 0 #0e1737, 1px -1px 0 #0e1737, 0px 1px 0 #0e1737, 0 -1px 0 #0e1737, -1px 0 0 #0e1737, 1px 0 0 #0e1737;
  }
  main .overflow_wrap #products .online_link:hover::after {
    opacity: 0;
  }
}
@media screen and (max-width: 1024px) {
  main .overflow_wrap #products .online_link {
    width: 64.486vw;
    height: 16.822vw;
    font-size: 3.738vw;
    color: #ffffff;
    text-shadow: 0px 0px 2px #16319f;
  }
  main .overflow_wrap #products .online_link::after {
    opacity: 0;
  }
}
main .footer_before {
  background: url(./images/footer-bg.webp) no-repeat top 4.167vw center/102%;
  width: 100%;
  height: 7.552vw;
  position: sticky;
  bottom: 0;
  left: 0;
  z-index: 2;
}
@media screen and (max-width: 1024px) {
  main .footer_before {
    background: url(./images/footer-bg_sp.webp) no-repeat top 42.056vw center/105%;
    height: 50.935vw;
    position: absolute;
  }
}
main .footer_before .sd_ul {
  width: 23.646vw;
  height: 10.469vw;
  position: absolute;
  top: 0;
  right: 5.208vw;
}
@media screen and (max-width: 1024px) {
  main .footer_before .sd_ul {
    width: 50.467vw;
    height: 21.495vw;
    top: auto;
    bottom: -2.57vw;
    right: 0;
    overflow: hidden;
  }
}
main .footer_before .sd_ul.active .sd_li {
  transform: scale(1);
}
main .footer_before .sd_ul.active .sd_li-02 {
  transition-delay: 0.1s;
}
main .footer_before .sd_ul.active .sd_li-03 {
  transition-delay: 0.2s;
}
main .footer_before .sd_ul .sd_li {
  transform: scale(0);
  transform-origin: center bottom;
  position: absolute;
  transition: all cubic-bezier(0.18, 0.89, 0.32, 1.28) 0.3s;
}
main .footer_before .sd_ul .sd_li::before {
  content: "";
  width: inherit;
  height: inherit;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}
main .footer_before .sd_ul .sd_li-01 {
  width: 7.5vw;
  height: 7.604vw;
  top: 0.9vw;
  left: 0;
}
main .footer_before .sd_ul .sd_li-01::before {
  background-image: url(./images/sd-anis.webp);
}
@media screen and (max-width: 1024px) {
  main .footer_before .sd_ul .sd_li-01 {
    width: 20.093vw;
    height: 20.327vw;
    top: 1.9vw;
    z-index: 3;
  }
}
main .footer_before .sd_ul .sd_li-02 {
  width: 7.5vw;
  height: 7.604vw;
  top: 0.521vw;
  left: 7.292vw;
}
main .footer_before .sd_ul .sd_li-02::before {
  background-image: url(./images/sd-prika.webp);
}
@media screen and (max-width: 1024px) {
  main .footer_before .sd_ul .sd_li-02 {
    width: 20.093vw;
    height: 20.327vw;
    left: 15.421vw;
    z-index: 2;
  }
}
main .footer_before .sd_ul .sd_li-03 {
  width: 10.417vw;
  height: 10.469vw;
  top: -1.302vw;
  right: 0;
}
main .footer_before .sd_ul .sd_li-03::before {
  background-image: url(./images/sd-mint.webp);
}
@media screen and (max-width: 1024px) {
  main .footer_before .sd_ul .sd_li-03 {
    width: 27.103vw;
    height: 27.336vw;
    top: -3vw;
    right: -3.271vw;
    z-index: 1;
  }
}

footer {
  background: #0e1737;
  color: #ffffff;
  font-size: 0.885vw;
  padding-top: 0.99vw;
  padding-bottom: 2.396vw;
  text-align: center;
  position: relative;
  z-index: 1;
}
footer a {
  display: block;
  width: 9.323vw;
  margin: 0 auto;
  transition: all 0.4s;
}
@media screen and (min-width: 767px) {
  footer a:hover {
    opacity: 0.6;
  }
}
footer p {
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 700;
  line-height: 1.8;
}
footer p.copy_text {
  font-family: "arial", sans-serif;
  font-weight: 400;
  margin-top: 1.563vw;
  margin-bottom: 1.979vw;
  line-height: 1;
}
@media screen and (max-width: 1024px) {
  footer {
    font-size: 3.037vw;
    padding-top: 7.009vw;
    padding-bottom: 10.514vw;
  }
  footer a {
    width: 31.776vw;
  }
  footer p.copy_text {
    margin-top: 5.607vw;
    margin-bottom: 6.542vw;
  }
}

/* ステータスバー透過防止 */
.for-status-bars {
  position: fixed;
  top: 0;
  z-index: 9999;
  isolation: isolate;
  pointer-events: none;
  height: 5px;
  width: 100%;
  background-color: #000;
  mix-blend-mode: lighten;
}

/* タブバー透過防止 */
.for-tab-bars {
  position: fixed;
  bottom: 0;
  z-index: 9999;
  isolation: isolate;
  pointer-events: none;
  height: 4px;
  width: 100%;
  background-color: #000;
  mix-blend-mode: lighten;
}

@keyframes spin {
  0% {
    transform: translateY(-50%) rotate(0deg);
  }
  100% {
    transform: translateY(-50%) rotate(360deg);
  }
}
@keyframes spin-tracklist {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes blink {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@keyframes loop-down {
  0% {
    transform: translateY(-50%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes loop-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes floating {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes load {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes swing {
  0% {
    transform: scale(1) rotate(5deg);
  }
  50% {
    transform: scale(1) rotate(-5deg);
  }
  100% {
    transform: scale(1) rotate(5deg);
  }
}/*# sourceMappingURL=style.css.map */