@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: "fot-chiaro-std", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.563vw;
  line-height: 1.25;
  color: #a7600f;
  background: #ff97ce;
  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: 767px) {
  body {
    font-size: 4.206vw;
  }
  body img {
    pointer-events: none;
  }
}

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

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

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

.grid {
  display: grid;
}

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

.active .inner-about {
  opacity: 1;
  transition-delay: 0.5s;
}

.inner {
  width: 90%;
  margin: 0 auto;
}
.inner-about {
  max-width: 80.938vw;
  height: 40.729vw;
  padding: 3.333vw 10.729vw 10.417vw 12.5vw;
  background: url(./images/about.webp) no-repeat center top/contain;
  opacity: 0;
  transition: all 0.4s;
}
@media screen and (max-width: 767px) {
  .inner-about {
    width: 100%;
    max-width: none;
    height: 141.121vw;
    padding: 14.252vw 4.673vw 32.009vw;
    background: url(./images/sp_about.webp) no-repeat left -48.364vw top/cover;
  }
}
.inner-illust {
  width: 100%;
}
.inner-lineup {
  max-width: 68.333vw;
}
@media screen and (max-width: 767px) {
  .inner-lineup {
    width: 100%;
    max-width: 96.262vw;
  }
}
.inner-event {
  max-width: 68.281vw;
  height: 76.458vw;
  padding: 3.2vw 9.531vw 8.698vw;
  background: url(./images/bg-event.webp) no-repeat center top/contain;
}
@media screen and (max-width: 767px) {
  .inner-event {
    width: 100%;
    max-width: none;
    height: 244.159vw;
    padding: 10.514vw 2.103vw 23.832vw;
    background: url(./images/sp_bg-event.webp) no-repeat center top/contain;
  }
}
.inner-shop {
  max-width: 68.333vw;
  height: 110.25vw;
  padding: 6.375vw 6.177vw 0.542vw;
  background: url(./images/bg-shop.webp) no-repeat center top/contain;
}
@media screen and (max-width: 767px) {
  .inner-shop {
    width: 100%;
    max-width: none;
    height: 338.664vw;
    padding: 10.514vw 8.411vw 22.897vw;
    background: url(./images/sp_bg-shop.webp) no-repeat center top/contain;
  }
}

.lineup_meta {
  justify-content: space-between;
}
.lineup_meta-type {
  font-size: 0.938vw;
  line-height: 1.927vw;
  color: #fffdfe;
  text-align: center;
  width: 5.26vw;
  height: 1.927vw;
  background: url(./images/bg_ribbon-type.webp) no-repeat center center/contain;
}
.lineup_meta-type span {
  font-size: 1.458vw;
}
.lineup_meta-price {
  width: 59%;
  font-size: 0.938vw;
}
.lineup_meta-price .price {
  text-align: right;
}
.lineup_meta-price .price span {
  font-size: 1.458vw;
}
.lineup_meta-price .price-single {
  margin-bottom: 1.823vw;
}
.lineup_meta-price .box_txt {
  justify-content: space-between;
  align-items: baseline;
}
.lineup_meta-price .box_txt .price {
  padding-left: 0.469vw;
}
.lineup_meta-box .lineup_meta-type {
  margin-top: 0.26vw;
}
.lineup_meta-modal {
  justify-content: flex-start;
  margin-top: 1.094vw;
}
.lineup_meta-modal .lineup_meta-type {
  font-size: 1.198vw;
  line-height: 2.813vw;
  width: 7.5vw;
  height: 2.813vw;
  background: url(./images/bg_ribbon-type.webp) no-repeat center center/contain;
}
.lineup_meta-modal .lineup_meta-type span {
  font-size: 1.875vw;
}
.lineup_meta-modal .lineup_meta-price {
  width: auto;
  margin-left: 10.833vw;
  font-size: 1.146vw;
}
.lineup_meta-modal .lineup_meta-price .price {
  text-align: left;
}
.lineup_meta-modal .lineup_meta-price .price span {
  font-size: 1.771vw;
}
.lineup_meta-modal .lineup_meta-price .price-single {
  margin-bottom: 0;
}
.lineup_meta-modal .lineup_meta-price .box_txt {
  justify-content: flex-start;
}
.lineup_meta-modal .lineup_meta-price .box_txt-box {
  margin-top: 0.469vw;
}
@media screen and (max-width: 767px) {
  .lineup_meta-type {
    font-size: 2.336vw;
    line-height: 4.907vw;
    width: 13.084vw;
    height: 4.907vw;
  }
  .lineup_meta-type span {
    font-size: 3.505vw;
  }
  .lineup_meta-price {
    width: 63%;
    font-size: 2.336vw;
  }
  .lineup_meta-price .price span {
    font-size: 3.271vw;
  }
  .lineup_meta-price .price-single {
    margin-bottom: 4.673vw;
  }
  .lineup_meta-price .box_txt .price {
    padding-left: 0;
  }
  .lineup_meta-box .lineup_meta-type {
    margin-top: 1.168vw;
  }
  .lineup_meta-modal {
    margin-top: 4.439vw;
  }
  .lineup_meta-modal .lineup_meta-type {
    font-size: 3.738vw;
    line-height: 8.879vw;
    width: 23.598vw;
    height: 8.879vw;
  }
  .lineup_meta-modal .lineup_meta-type span {
    font-size: 5.607vw;
  }
  .lineup_meta-modal .lineup_meta-price {
    margin-left: 13.084vw;
    font-size: 3.738vw;
  }
  .lineup_meta-modal .lineup_meta-price .price span {
    font-size: 5.607vw;
  }
  .lineup_meta-modal .lineup_meta-price .box_txt-box {
    margin-top: 0px;
  }
}

.active h1 {
  opacity: 1;
  transition-delay: 1.8s;
}
@media screen and (max-width: 767px) {
  .active h1 {
    transition-delay: 1.7s;
  }
}
.active h2 span.h2-deco_star::before, .active h2 span.h2-deco_star::after {
  opacity: 1;
  transition-delay: 0.6s;
  animation: Rotate_Reverse_Move 1.5s 0.3s 1;
}
.active h2 span.h2-deco_star::before {
  transition-delay: 0.7s;
  animation-delay: 0.7s;
}
.active h2.h2-deco_top::before {
  clip-path: inset(-1% 0%);
  transition-delay: 0.3s;
}
.active h2.h2-deco_bottom::before {
  clip-path: inset(-1% 0%);
  transition-delay: 0.3s;
}
.active h2.h2-about img {
  opacity: 1;
  transform: translateY(0%);
  transition-delay: 0.9s;
}
.active h2.h2-about span.h2-deco_star::before, .active h2.h2-about span.h2-deco_star::after {
  transition-delay: 0.9s;
}
.active h2.h2-about span.h2-deco_star::before {
  transition-delay: 1s;
  animation-delay: 1s;
}
.active h2.h2-about.h2-deco_top::before {
  transition-delay: 0.6s;
}
.active h2.h2-illust img {
  opacity: 1;
  transform: translateY(0%);
  transition-delay: 0.6s;
}
.active h2.h2-lineup img {
  opacity: 1;
  transform: translateY(0%);
  transition-delay: 0.6s;
}
.active h2.h2-event img {
  opacity: 1;
  transform: translateY(0%);
  transition-delay: 0.6s;
}
.active h2.h2-shop img {
  opacity: 1;
  transform: translateY(0%);
  transition-delay: 0.6s;
}
.active.event_box h3.h3-event, .active.shop_box h3.h3-event {
  transform: scale(1, 1);
  transition-delay: 0.6s;
}
.active.event_box h3.h3-shop, .active.shop_box h3.h3-shop {
  transform: scale(1, 1);
  transition-delay: 0.6s;
}

h1 {
  width: 26.042vw;
  margin: 0 auto;
  padding-top: 12.812vw;
  text-align: center;
  opacity: 0;
  transition: all ease-out 0.4s;
  position: relative;
  z-index: 13;
}
h1 img:last-of-type {
  width: 96%;
  margin-top: -2.8vw;
}
@media screen and (max-width: 767px) {
  h1 {
    width: 65.421vw;
    padding-top: 81.776vw;
  }
  h1 img:last-of-type {
    width: 82%;
    margin-top: -6.5vw;
  }
}

h2 {
  position: relative;
}
h2 span.h2-deco_star {
  display: block;
  width: 5.729vw;
  height: 4.219vw;
  position: absolute;
}
h2 span.h2-deco_star::before, h2 span.h2-deco_star::after {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  opacity: 0;
  transition: all 0.4s;
}
h2 span.h2-deco_star::before {
  width: 2.969vw;
  height: 2.917vw;
  bottom: 0;
}
h2 span.h2-deco_star::after {
  width: 2.188vw;
  height: 2.135vw;
  top: 0;
}
h2 span.h2-deco_star-left::before {
  background-image: url(./images/heading_dec_star-pink.webp);
  left: 0;
}
h2 span.h2-deco_star-left::after {
  background-image: url(./images/heading_dec_star-green.webp);
  right: 0;
}
h2 span.h2-deco_star-right::before {
  background-image: url(./images/heading_dec_star-blue.webp);
  right: 0;
}
h2 span.h2-deco_star-right::after {
  background-image: url(./images/heading_dec_star-yellow.webp);
  left: 0;
}
@media screen and (max-width: 767px) {
  h2 span.h2-deco_star {
    width: 14.252vw;
    height: 10.514vw;
  }
  h2 span.h2-deco_star::before {
    width: 7.243vw;
    height: 7.009vw;
  }
  h2 span.h2-deco_star::after {
    width: 5.14vw;
    height: 5.14vw;
  }
}
h2.h2-deco_top::before {
  content: "";
  width: 13.698vw;
  height: 4.063vw;
  background-image: url(./images/heading_top_star.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  clip-path: inset(-1% 40%);
  transition: clip-path ease-in-out 0.4s;
  backface-visibility: hidden;
  will-change: clip-path;
}
@media screen and (max-width: 767px) {
  h2.h2-deco_top::before {
    width: 34.112vw;
    height: 10.047vw;
  }
}
h2.h2-deco_bottom {
  padding-bottom: 2.5vw;
}
h2.h2-deco_bottom::before {
  content: "";
  width: 10.521vw;
  height: 1.979vw;
  background-image: url(./images/heading_bottom_star.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  clip-path: inset(-1% 40%);
  transition: clip-path ease-in-out 0.4s;
  backface-visibility: hidden;
  will-change: clip-path;
}
@media screen and (max-width: 767px) {
  h2.h2-deco_bottom {
    padding-bottom: 6.776vw;
  }
  h2.h2-deco_bottom::before {
    width: 26.168vw;
    height: 4.907vw;
  }
}
h2.h2-about {
  width: 27.031vw;
  margin: 0 auto;
  padding-top: 5.521vw;
}
h2.h2-about img {
  opacity: 0;
  transform: translateY(10%);
  transition: all 0.4s;
}
h2.h2-about span.h2-deco_star {
  top: 5.521vw;
}
h2.h2-about span.h2-deco_star-left {
  left: -8.437vw;
}
h2.h2-about span.h2-deco_star-right {
  right: -7.708vw;
}
@media screen and (max-width: 767px) {
  h2.h2-about {
    width: 66.822vw;
    padding-top: 14.72vw;
  }
  h2.h2-about span.h2-deco_star {
    top: auto;
    bottom: -12.617vw;
  }
  h2.h2-about span.h2-deco_star-left {
    left: -8.5vw;
  }
  h2.h2-about span.h2-deco_star-right {
    right: -8.5vw;
  }
}
h2.h2-illust {
  width: 20.208vw;
  margin: 0 auto;
}
h2.h2-illust img {
  opacity: 0;
  transform: translateY(10%);
  transition: all 0.4s;
}
@media screen and (max-width: 767px) {
  h2.h2-illust {
    width: 50.467vw;
  }
}
h2.h2-lineup {
  width: 19.635vw;
  margin: 0 auto;
}
h2.h2-lineup img {
  opacity: 0;
  transform: translateY(10%);
  transition: all 0.4s;
}
h2.h2-lineup span.h2-deco_star {
  top: 0;
}
h2.h2-lineup span.h2-deco_star-left {
  left: -9.896vw;
}
h2.h2-lineup span.h2-deco_star-right {
  right: -9.375vw;
}
@media screen and (max-width: 767px) {
  h2.h2-lineup {
    width: 50.467vw;
  }
  h2.h2-lineup span.h2-deco_star {
    top: 1.168vw;
  }
  h2.h2-lineup span.h2-deco_star-left {
    left: -20.327vw;
  }
  h2.h2-lineup span.h2-deco_star-right {
    right: -20.327vw;
  }
}
h2.h2-event {
  width: 22.813vw;
  margin: 0 auto;
  padding-top: 5.885vw;
}
h2.h2-event img {
  opacity: 0;
  transform: translateY(10%);
  transition: all 0.4s;
}
@media screen and (max-width: 767px) {
  h2.h2-event {
    width: 61.682vw;
    padding-top: 15.654vw;
  }
}
h2.h2-shop {
  width: 12.396vw;
  margin: 0 auto;
  padding-top: 5.104vw;
}
h2.h2-shop img {
  opacity: 0;
  transform: translateY(10%);
  transition: all 0.4s;
}
@media screen and (max-width: 767px) {
  h2.h2-shop {
    width: 38.084vw;
    padding-top: 15.654vw;
  }
}
h2.h2-modal {
  font-size: 2.083vw;
  letter-spacing: -0.05em;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  h2.h2-modal {
    font-size: 4.673vw;
  }
}

h3.h3-lineup {
  font-size: 1.563vw;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  h3.h3-lineup {
    font-size: 4.673vw;
  }
}
h3.h3-event {
  font-size: 1.875vw;
  line-height: 3.125vw;
  color: #fffdfe;
  text-align: center;
  margin-bottom: 1.5vw;
  position: relative;
  z-index: 0;
  transform: scale(0, 1);
  transition: all 0.4s;
}
h3.h3-event::before {
  content: "";
  width: 14.583vw;
  height: 3.125vw;
  background-image: url(./images/bg_ribbon-event_heading.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
@media screen and (max-width: 767px) {
  h3.h3-event {
    font-size: 4.673vw;
    line-height: 7.944vw;
    margin-bottom: 7.009vw;
  }
  h3.h3-event::before {
    width: 37.85vw;
    height: 7.944vw;
  }
}
h3.h3-shop {
  font-size: 1.875vw;
  line-height: 3.125vw;
  color: #fffdfe;
  text-align: center;
  margin-bottom: 1.667vw;
  position: relative;
  z-index: 0;
  transform: scale(0, 1);
  transition: all 0.4s;
}
h3.h3-shop::before {
  content: "";
  width: 21.875vw;
  height: 3.125vw;
  background-image: url(./images/bg_ribbon-shop_heading.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
h3.h3-shop-online::before {
  width: 36.979vw;
  background-image: url(./images/bg_ribbon-shop_heading-online.webp);
}
@media screen and (max-width: 767px) {
  h3.h3-shop {
    font-size: 4.673vw;
    line-height: 9.346vw;
    margin-bottom: 7.009vw;
  }
  h3.h3-shop::before {
    width: 67.523vw;
    height: 9.813vw;
  }
  h3.h3-shop-online::before {
    width: 82.71vw;
    background-image: url(./images/sp_bg_ribbon-shop_heading-online.webp);
  }
}

h4.h4-event {
  font-size: 2.083vw;
  transition: all 0.4s;
  display: inline-block;
  position: relative;
}
h4.h4-event::before, h4.h4-event::after {
  content: "";
  width: 1.042vw;
  height: 1.146vw;
  background-image: url(./images/shop_star.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
h4.h4-event::before {
  left: -1.823vw;
}
h4.h4-event::after {
  right: -1.823vw;
}
@media screen and (min-width: 767px) {
  h4.h4-event:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 767px) {
  h4.h4-event {
    font-size: 5.607vw;
  }
  h4.h4-event::before, h4.h4-event::after {
    width: 2.804vw;
    height: 3.271vw;
  }
  h4.h4-event::before {
    left: -5.14vw;
  }
  h4.h4-event::after {
    right: -5.14vw;
  }
}

.deco_ul {
  transition: all ease-out 0.4s;
}
.deco_ul .deco_li {
  position: absolute;
}
.deco_ul .deco_li::before {
  content: "";
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}
.deco_ul .deco_li-kira {
  animation: Kira_Move 2.5s infinite;
}
.deco_ul .deco_li-kira::before {
  background-image: url(./images/dec-kirakira.webp);
}
.deco_ul .deco_li-star::before {
  background-image: url(./images/dec-star.webp);
}
.deco_ul .deco_li-note {
  animation: Note_Move-y 2s linear infinite;
}
.deco_ul .deco_li-note::before {
  animation: Note_Move 5s linear infinite;
}
.deco_ul .deco_li-note-01 {
  width: 3.385vw;
  height: 4.01vw;
  top: 27.917vw;
  left: 2.031vw;
}
.deco_ul .deco_li-note-01::before {
  background-image: url(./images/dec-note-01.webp);
}
@media screen and (max-width: 767px) {
  .deco_ul .deco_li-note-01 {
    width: 9.346vw;
    height: 8.178vw;
    top: 141.355vw;
    left: 1.168vw;
  }
}
.deco_ul .deco_li-note-02 {
  width: 3.281vw;
  height: 4.479vw;
  top: 12.917vw;
  right: 4.583vw;
}
.deco_ul .deco_li-note-02::before {
  animation-delay: -2.5s;
  background-image: url(./images/dec-note-02.webp);
}
@media screen and (max-width: 767px) {
  .deco_ul .deco_li-note-02 {
    width: 6.776vw;
    height: 8.879vw;
    top: 143.692vw;
    right: 1.402vw;
  }
}
.deco_ul .deco_li-note-03 {
  width: 3.75vw;
  height: 4.271vw;
  top: 1.875vw;
  right: 26.406vw;
}
.deco_ul .deco_li-note-03::before {
  background-image: url(./images/dec-note-03.webp);
}
@media screen and (max-width: 767px) {
  .deco_ul .deco_li-note-03 {
    width: 8.645vw;
    height: 9.579vw;
    top: 15.888vw;
    right: 4.206vw;
  }
}
.deco_ul .deco_li-note-04 {
  width: 3.802vw;
  height: 3.75vw;
  top: 2.76vw;
  left: 28.229vw;
}
.deco_ul .deco_li-note-04::before {
  animation-delay: -2.5s;
  background-image: url(./images/dec-note-04.webp);
}
@media screen and (max-width: 767px) {
  .deco_ul .deco_li-note-04 {
    width: 10.28vw;
    height: 10.28vw;
    top: 19.393vw;
    left: 4.439vw;
  }
}
.deco_ul .deco_li-illust_heart {
  width: 36.51vw;
  height: 27.083vw;
}
.deco_ul .deco_li-illust_heart::before {
  background-image: url(./images/illust_img-heart.webp);
}
@media screen and (max-width: 767px) {
  .deco_ul .deco_li-illust_heart {
    width: 58.645vw;
    height: 66.589vw;
  }
  .deco_ul .deco_li-illust_heart::before {
    background-image: url(./images/sp_illust_img-heart.webp);
  }
  .deco_ul .deco_li-illust_heart.illust_heart-right {
    width: 61.916vw;
    height: 63.318vw;
  }
  .deco_ul .deco_li-illust_heart.illust_heart-right::before {
    background-image: url(./images/sp_illust_img-heart-right.webp);
  }
}
.deco_ul .deco_li-illust_chain {
  width: 41.719vw;
  height: 27.969vw;
  opacity: 0;
  transition: all cubic-bezier(0.17, 0.84, 0.44, 1) 0.6s;
}
.deco_ul .deco_li-illust_chain::before {
  background-image: url(./images/illust_deco-chain.webp);
}
@media screen and (max-width: 767px) {
  .deco_ul .deco_li-illust_chain {
    width: 92.991vw;
    height: 87.15vw;
  }
}
.deco_ul .deco_li-illust_chain_deco-heart {
  width: 2.5vw;
  height: 2.135vw;
}
.deco_ul .deco_li-illust_chain_deco-heart::before {
  background-image: url(./images/illust_deco-chain-heart.webp);
  animation: Chain_Deco_Move 3s ease infinite;
}
@media screen and (max-width: 767px) {
  .deco_ul .deco_li-illust_chain_deco-heart {
    width: 6.542vw;
    height: 5.607vw;
  }
}
.deco_ul .deco_li-illust_chain_deco-star {
  width: 2.604vw;
  height: 2.5vw;
}
.deco_ul .deco_li-illust_chain_deco-star::before {
  background-image: url(./images/illust_deco-chain-star.webp);
  animation: Chain_Deco_Move 3s ease -1.5s infinite;
}
@media screen and (max-width: 767px) {
  .deco_ul .deco_li-illust_chain_deco-star {
    width: 7.009vw;
    height: 6.776vw;
  }
}
.deco_ul .deco_li-illust_chain_deco-kira {
  width: 2.917vw;
  height: 2.865vw;
}
.deco_ul .deco_li-illust_chain_deco-kira::before {
  background-image: url(./images/illust_deco-chain-diamond.webp);
  animation: Chain_Deco_Move 3s ease infinite;
}
@media screen and (max-width: 767px) {
  .deco_ul .deco_li-illust_chain_deco-kira {
    width: 6.075vw;
    height: 5.841vw;
  }
}
.deco_ul-mv {
  opacity: 0;
}
.deco_ul-mv .mv-kira-01 {
  width: 2.865vw;
  height: 2.865vw;
  top: 4.583vw;
  right: 23.333vw;
}
.deco_ul-mv .mv-kira-02 {
  width: 4.115vw;
  height: 4.115vw;
  top: 1.563vw;
  right: 30.625vw;
  animation-delay: -1.25s;
}
.deco_ul-mv .mv-kira-03 {
  width: 2.552vw;
  height: 2.552vw;
  top: 14.167vw;
  right: 1.198vw;
  animation-delay: -1.25s;
}
.deco_ul-mv .mv-kira-04 {
  width: 2.76vw;
  height: 2.76vw;
  top: 32.813vw;
  right: 0.625vw;
}
.deco_ul-mv .mv-kira-05 {
  width: 4.115vw;
  height: 4.115vw;
  top: 7.708vw;
  right: 4.74vw;
}
.deco_ul-mv .mv-kira-06 {
  width: 2.552vw;
  height: 2.552vw;
  top: 1.354vw;
  left: 35.365vw;
}
.deco_ul-mv .mv-kira-07 {
  width: 3.698vw;
  height: 3.698vw;
  top: 3.906vw;
  left: 32.031vw;
  animation-delay: -1.25s;
}
.deco_ul-mv .mv-kira-08 {
  width: 4.115vw;
  height: 4.115vw;
  top: 1.354vw;
  left: 22.188vw;
}
.deco_ul-mv .mv-kira-09 {
  width: 2.552vw;
  height: 2.552vw;
  top: 15.052vw;
  left: 3.75vw;
  animation-delay: 1.25s;
}
.deco_ul-mv .mv-kira-010 {
  width: 4.844vw;
  height: 4.844vw;
  top: 11.51vw;
  left: 0.417vw;
}
@media screen and (max-width: 767px) {
  .deco_ul-mv .mv-kira-01 {
    width: 4.907vw;
    height: 4.907vw;
    top: 25.701vw;
    right: 3.738vw;
  }
  .deco_ul-mv .mv-kira-02 {
    width: 7.477vw;
    height: 7.477vw;
    top: 9.813vw;
    right: 10.28vw;
    animation-delay: 0s;
  }
  .deco_ul-mv .mv-kira-03 {
    width: 4.907vw;
    height: 4.907vw;
    top: 6.075vw;
    right: 31.075vw;
    animation-delay: -1.25s;
  }
  .deco_ul-mv .mv-kira-04 {
    width: 7.009vw;
    height: 7.009vw;
    top: 1.402vw;
    right: 35.748vw;
  }
  .deco_ul-mv .mv-kira-05 {
    width: 9.112vw;
    height: 9.112vw;
    top: 3.037vw;
    right: 59.346vw;
    animation-delay: -1.25s;
  }
  .deco_ul-mv .mv-kira-06, .deco_ul-mv .mv-kira-07, .deco_ul-mv .mv-kira-08, .deco_ul-mv .mv-kira-09, .deco_ul-mv .mv-kira-010 {
    display: none;
  }
}
.deco_ul-mv .mv-star-01 {
  width: 1.823vw;
  height: 1.719vw;
  top: 20.833vw;
  right: 0.625vw;
  animation: Rotate_Move 2.5s infinite -1.25s, Opacity_Move 2.5s infinite;
}
.deco_ul-mv .mv-star-01::before {
  transform: rotate(18deg);
}
.deco_ul-mv .mv-star-02 {
  width: 1.198vw;
  height: 1.146vw;
  top: 23.646vw;
  right: 2.5vw;
  animation: Rotate_Reverse_Move 2.5s infinite, Opacity_Move 2.5s infinite -1.25s;
}
.deco_ul-mv .mv-star-02::before {
  transform: rotate(-18deg);
}
.deco_ul-mv .mv-star-03 {
  width: 1.823vw;
  height: 1.719vw;
  top: 20.417vw;
  left: 1.042vw;
  animation: Rotate_Move 2.5s infinite -1.25s, Opacity_Move 2.5s infinite;
}
.deco_ul-mv .mv-star-04 {
  width: 1.198vw;
  height: 1.146vw;
  top: 23.229vw;
  left: 2.917vw;
  animation: Rotate_Reverse_Move 2.5s infinite, Opacity_Move 2.5s infinite -1.25s;
}
.deco_ul-mv .mv-star-04::before {
  transform: rotate(18deg);
}
@media screen and (max-width: 767px) {
  .deco_ul-mv .mv-star-01 {
    width: 3.738vw;
    height: 3.505vw;
    top: 117.29vw;
    right: 23.364vw;
  }
  .deco_ul-mv .mv-star-02 {
    width: 2.336vw;
    height: 2.336vw;
    top: 122.897vw;
    right: 26.869vw;
  }
  .deco_ul-mv .mv-star-03 {
    width: 3.972vw;
    height: 3.972vw;
    top: 84.579vw;
    left: 19.86vw;
  }
  .deco_ul-mv .mv-star-04 {
    width: 2.57vw;
    height: 2.57vw;
    top: 90.654vw;
    left: 24.065vw;
  }
}
.deco_ul-illust .illust-kira-01 {
  width: 2.135vw;
  height: 2.188vw;
  top: 39.583vw;
  right: 29.219vw;
}
.deco_ul-illust .illust-kira-02 {
  width: 3.229vw;
  height: 3.281vw;
  top: 27.604vw;
  right: 30.104vw;
}
.deco_ul-illust .illust-kira-03 {
  width: 3.281vw;
  height: 3.333vw;
  top: 33.333vw;
  right: 24.74vw;
  animation-delay: -1.25s;
}
.deco_ul-illust .illust-kira-04 {
  width: 2.135vw;
  height: 2.188vw;
  top: 42.188vw;
  left: 6.979vw;
}
.deco_ul-illust .illust-kira-05 {
  width: 3.229vw;
  height: 3.281vw;
  top: 35.417vw;
  left: 6.094vw;
  animation-delay: -1.25s;
}
.deco_ul-illust .illust-kira-06 {
  width: 3.281vw;
  height: 3.333vw;
  top: 38.542vw;
  left: 4.427vw;
}
.deco_ul-illust .illust-kira-07 {
  width: 2.188vw;
  height: 2.24vw;
  top: 54.688vw;
  right: 22.552vw;
}
.deco_ul-illust .illust-kira-08 {
  width: 3.229vw;
  height: 3.281vw;
  top: 52.083vw;
  right: 15.833vw;
  animation-delay: -1.25s;
}
.deco_ul-illust .illust-kira-09 {
  width: 5.885vw;
  height: 5.938vw;
  top: 47.656vw;
  right: 17.5vw;
}
.deco_ul-illust .illust-kira-010 {
  width: 2.188vw;
  height: 2.24vw;
  top: 57.552vw;
  left: 4.01vw;
}
.deco_ul-illust .illust-kira-011 {
  width: 3.229vw;
  height: 3.281vw;
  top: 53.906vw;
  left: 9.688vw;
}
.deco_ul-illust .illust-kira-012 {
  width: 5.885vw;
  height: 5.938vw;
  top: 49.74vw;
  left: 5.365vw;
  animation-delay: -1.25s;
}
.deco_ul-illust .illust-kira-013 {
  width: 1.979vw;
  height: 2.031vw;
  top: 31.25vw;
  right: 21.979vw;
  animation-delay: -1.25s;
}
.deco_ul-illust .illust-kira-014 {
  width: 3.906vw;
  height: 3.958vw;
  top: 32.292vw;
  right: 17.656vw;
}
.deco_ul-illust .illust-kira-015 {
  width: 1.979vw;
  height: 2.031vw;
  top: 16.667vw;
  right: 6.771vw;
}
.deco_ul-illust .illust-kira-016 {
  width: 3.906vw;
  height: 3.958vw;
  top: 17.708vw;
  right: 2.448vw;
  animation-delay: -1.25s;
}
.deco_ul-illust .illust-kira-017 {
  width: 3.229vw;
  height: 3.281vw;
  top: 30.469vw;
  left: 29.948vw;
  animation-delay: -1.25s;
}
.deco_ul-illust .illust-kira-018 {
  width: 5.573vw;
  height: 5.573vw;
  top: 26.823vw;
  left: 23.594vw;
}
@media screen and (max-width: 767px) {
  .deco_ul-illust .illust-kira-01 {
    width: 6.075vw;
    height: 6.308vw;
    top: 81.776vw;
    right: 17.056vw;
  }
  .deco_ul-illust .illust-kira-02 {
    width: 11.916vw;
    height: 12.15vw;
    top: 87.617vw;
    right: 3.738vw;
    animation-delay: -1.25s;
  }
  .deco_ul-illust .illust-kira-03 {
    width: 5.14vw;
    height: 5.14vw;
    top: 134.346vw;
    right: auto;
    left: 10.748vw;
    z-index: 1;
  }
  .deco_ul-illust .illust-kira-04 {
    width: 7.71vw;
    height: 7.71vw;
    top: 109.813vw;
    left: 8.645vw;
    z-index: 1;
    animation-delay: -1.25s;
  }
  .deco_ul-illust .illust-kira-05 {
    width: 7.71vw;
    height: 7.71vw;
    top: 120.327vw;
    left: 4.673vw;
    animation-delay: 0s;
  }
  .deco_ul-illust .illust-kira-06 {
    width: 7.71vw;
    height: 7.71vw;
    top: 72.43vw;
    left: 20.794vw;
    animation-delay: -1.25s;
  }
  .deco_ul-illust .illust-kira-07 {
    width: 13.084vw;
    height: 13.084vw;
    top: 65.421vw;
    right: auto;
    left: 6.075vw;
  }
  .deco_ul-illust .illust-kira-08, .deco_ul-illust .illust-kira-09, .deco_ul-illust .illust-kira-010, .deco_ul-illust .illust-kira-011, .deco_ul-illust .illust-kira-012, .deco_ul-illust .illust-kira-013, .deco_ul-illust .illust-kira-014, .deco_ul-illust .illust-kira-015, .deco_ul-illust .illust-kira-016, .deco_ul-illust .illust-kira-017, .deco_ul-illust .illust-kira-018 {
    display: none;
  }
}
.deco_ul-illust_heart {
  position: absolute;
  width: 85.104vw;
  height: 27.083vw;
  bottom: 10vw;
  left: 50%;
  transform: translateX(-50%);
  mix-blend-mode: screen;
}
.deco_ul-illust_heart .illust_heart-left {
  top: 0;
  left: 0;
  animation: Illust_Heart_Move 1.5s linear infinite;
}
.deco_ul-illust_heart .illust_heart-right {
  top: 0;
  right: 0;
  animation: Illust_Heart_Move 1.5s linear -0.75s infinite;
}
.deco_ul-illust_heart .illust_heart-right::before {
  transform: scale(-1, 1);
}
@media screen and (max-width: 767px) {
  .deco_ul-illust_heart {
    width: 101.168vw;
    height: 67.056vw;
    bottom: auto;
    top: 70.093vw;
    left: 50%;
    transform: translateX(-50%) translateZ(0);
    will-change: transform;
  }
  .deco_ul-illust_heart .illust_heart-right {
    top: auto;
    bottom: 0;
  }
  .deco_ul-illust_heart .illust_heart-right::before {
    transform: scale(1, 1);
  }
}
.deco_ul-illust_chain .illust_chain-left {
  top: 0;
  left: -2.865vw;
  transform: translate(-5%, -20%);
}
.deco_ul-illust_chain .illust_chain-left-heart {
  top: 13.802vw;
  right: -1.042vw;
}
.deco_ul-illust_chain .illust_chain-left-star {
  top: 17.188vw;
  right: 3.646vw;
}
.deco_ul-illust_chain .illust_chain-left-kira {
  top: 22.656vw;
  right: 15.104vw;
}
@media screen and (max-width: 767px) {
  .deco_ul-illust_chain .illust_chain-left {
    left: -51.402vw;
  }
  .deco_ul-illust_chain .illust_chain-left-heart {
    top: 31vw;
    right: -3vw;
  }
  .deco_ul-illust_chain .illust_chain-left-star {
    top: 38vw;
    right: 7.5vw;
  }
  .deco_ul-illust_chain .illust_chain-left-kira {
    top: 50vw;
    right: 33.6vw;
  }
}
.deco_ul-illust_chain .illust_chain-right {
  top: 0;
  right: -2.865vw;
  transform: translate(5%, -20%);
}
.deco_ul-illust_chain .illust_chain-right::before {
  transform: scale(-1, 1);
}
.deco_ul-illust_chain .illust_chain-right-heart {
  top: 13.802vw;
  left: -1.042vw;
}
.deco_ul-illust_chain .illust_chain-right-star {
  top: 17.188vw;
  left: 3.646vw;
}
.deco_ul-illust_chain .illust_chain-right-kira {
  top: 22.656vw;
  left: 15.104vw;
}
@media screen and (max-width: 767px) {
  .deco_ul-illust_chain .illust_chain-right {
    right: -51.402vw;
  }
  .deco_ul-illust_chain .illust_chain-right-heart {
    top: 31vw;
    left: -3vw;
  }
  .deco_ul-illust_chain .illust_chain-right-star {
    top: 38vw;
    left: 7.5vw;
  }
  .deco_ul-illust_chain .illust_chain-right-kira {
    top: 50vw;
    left: 33.6vw;
  }
}
.deco_ul-lineup_bg {
  height: 47.5vw;
  position: sticky;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .deco_ul-lineup_bg {
    display: none;
  }
}
.deco_ul-lineup_bg .lineup_bg-kira-01 {
  width: 1.979vw;
  height: 2.031vw;
  top: 1.042vw;
  right: 6.667vw;
}
.deco_ul-lineup_bg .lineup_bg-kira-02 {
  width: 3.906vw;
  height: 3.958vw;
  top: 2.344vw;
  right: 2.292vw;
  animation-delay: -1.25s;
}
.deco_ul-lineup_bg .lineup_bg-kira-03 {
  width: 3.229vw;
  height: 3.281vw;
  top: 16.615vw;
  right: 6.563vw;
  animation-delay: -0.62s;
}
.deco_ul-lineup_bg .lineup_bg-kira-04 {
  width: 3.281vw;
  height: 3.333vw;
  top: 23.542vw;
  right: 1.042vw;
  animation-delay: -1.25s;
}
.deco_ul-lineup_bg .lineup_bg-kira-05 {
  width: 2.135vw;
  height: 2.188vw;
  top: 30.417vw;
  right: 5.677vw;
}
.deco_ul-lineup_bg .lineup_bg-kira-06 {
  width: 5.885vw;
  height: 5.938vw;
  bottom: 3.125vw;
  right: 2.865vw;
  animation-delay: -0.62s;
}
.deco_ul-lineup_bg .lineup_bg-kira-07 {
  width: 3.229vw;
  height: 3.281vw;
  bottom: 1.458vw;
  right: 1.198vw;
  animation-delay: -1.25s;
}
.deco_ul-lineup_bg .lineup_bg-kira-08 {
  width: 2.188vw;
  height: 2.24vw;
  bottom: 0;
  right: 7.917vw;
}
.deco_ul-lineup_bg .lineup_bg-kira-09 {
  width: 5.573vw;
  height: 5.573vw;
  top: 0;
  left: 1.354vw;
  animation-delay: -1.25s;
}
.deco_ul-lineup_bg .lineup_bg-kira-010 {
  width: 3.229vw;
  height: 3.281vw;
  top: 2.813vw;
  left: 7.708vw;
}
.deco_ul-lineup_bg .lineup_bg-kira-011 {
  width: 3.229vw;
  height: 3.281vw;
  top: 19.74vw;
  left: 3.021vw;
}
.deco_ul-lineup_bg .lineup_bg-kira-012 {
  width: 3.281vw;
  height: 3.333vw;
  top: 24.167vw;
  left: 1.354vw;
  animation-delay: -1.25s;
}
.deco_ul-lineup_bg .lineup_bg-kira-013 {
  width: 2.135vw;
  height: 2.188vw;
  top: 29.792vw;
  left: 3.906vw;
  animation-delay: -0.62s;
}
.deco_ul-lineup_bg .lineup_bg-kira-014 {
  width: 5.885vw;
  height: 5.938vw;
  bottom: 3.125vw;
  left: 3.906vw;
  animation-delay: -1.25s;
}
.deco_ul-lineup_bg .lineup_bg-kira-015 {
  width: 3.229vw;
  height: 3.281vw;
  bottom: 1.771vw;
  left: 8.229vw;
  animation-delay: -0.62s;
}
.deco_ul-lineup_bg .lineup_bg-kira-016 {
  width: 2.188vw;
  height: 2.24vw;
  bottom: 0;
  left: 2.552vw;
}

.shop_ul {
  width: 80%;
  margin: 0 auto;
  margin-top: 1.25vw;
  display: grid;
  grid-template-columns: repeat(4, minmax(50px, 1fr));
  gap: 1.042vw 4.167vw;
  font-size: 1.563vw;
  transition: all 0.4s;
  text-align: left;
}
.shop_ul .shop_li-online {
  position: relative;
  overflow: hidden;
}
.shop_ul .shop_li-online::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: #ffffff;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 90%);
  transform: skewX(-30deg);
  z-index: 0;
}
@media screen and (min-width: 767px) {
  .shop_ul .shop_li-online:hover::before {
    transform: translateX(200%) skewX(-30deg);
    transition: transform 0.8s ease-in-out;
  }
  .shop_ul .shop_li-online:hover a {
    opacity: 1;
  }
}
.shop_ul a {
  display: block;
  transition: all 0.4s;
  position: relative;
}
.shop_ul a::before {
  content: "";
  background: url(./images/shop_star.webp) no-repeat center center/contain;
  width: 1vw;
  height: 1vw;
  position: absolute;
  left: -2vw;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .shop_ul a::before {
    width: 3vw;
    height: 3vw;
    left: -4vw;
  }
}
.shop_ul a img {
  transition: all 0.4s;
}
@media screen and (min-width: 767px) {
  .shop_ul a:hover {
    opacity: 0.8;
  }
}
@media screen and (max-width: 767px) {
  .shop_ul {
    width: 80%;
    margin: 3.505vw 0 0 14vw;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3.505vw 7.944vw;
    font-size: 4.073vw;
    line-height: 1.4;
    text-align: left;
  }
}
.shop_ul-four {
  width: 70%;
  display: grid;
  grid-template-columns: repeat(4, minmax(50px, 1fr));
}
@media screen and (max-width: 767px) {
  .shop_ul-four {
    width: 90%;
    margin: 3.505vw 0 0 8vw;
    grid-template-columns: repeat(3, minmax(50px, 1fr));
  }
}
.shop_ul-three {
  width: 90%;
  display: grid;
  grid-template-columns: repeat(3, minmax(50px, 1fr));
}
@media screen and (max-width: 767px) {
  .shop_ul-three {
    width: 90%;
    margin: 3.505vw 0 0 8vw;
    grid-template-columns: repeat(2, minmax(50px, 1fr));
  }
}
.shop_ul-two {
  width: 100%;
  margin-left: 5%;
  display: grid;
  grid-template-columns: repeat(2, minmax(50px, 1fr));
  gap: 0vw;
}
@media screen and (max-width: 767px) {
  .shop_ul-two {
    width: 90%;
    margin: 3.505vw 0 0 8vw;
    grid-template-columns: repeat(1, minmax(50px, 1fr));
    gap: 3.505vw 7.944vw;
  }
}
.shop_ul-online {
  width: 60%;
  display: block;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .shop_ul-online {
    width: 100%;
    margin: 3.505vw auto 0;
    grid-template-columns: repeat(1, 1fr);
    justify-content: center;
    text-align: center;
  }
}

#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 .main_bg {
  width: 100%;
  height: 100%;
  background: url(./images/bg-main.webp) no-repeat center center/cover;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  main .main_bg {
    height: 100vh;
    background: url(./images/bg-main.webp) no-repeat left center/cover;
  }
}
main #mv {
  width: 100%;
  height: 56.25vw;
  background: url(./images/bg-mv.webp) center top/contain;
}
main #mv::before, main #mv::after {
  content: "";
  width: 12.396vw;
  height: 12.396vw;
  background-image: url(./images/mv_deco.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  z-index: 10;
}
main #mv::before {
  left: 0;
}
main #mv::after {
  right: 0;
  transform: scale(-1, 1);
}
@media screen and (max-width: 767px) {
  main #mv {
    height: 186.916vw;
    background: url(./images/sp_bg-mv.webp) center top/contain;
    overflow: hidden;
  }
  main #mv::before, main #mv::after {
    width: 21.963vw;
    height: 21.963vw;
  }
}
main #mv.active .deco_ul-mv {
  opacity: 1;
  transition-delay: 1.8s;
}
@media screen and (max-width: 767px) {
  main #mv.active .deco_ul-mv {
    transition-delay: 1.7s;
  }
}
main #mv.active .mv_character .mv_character_li {
  animation: poyonUp 0.8s cubic-bezier(0.18, 0.89, 0.32, 1.28) 1 forwards;
}
main #mv.active .mv_character .mv_character_li .chara_rainbow {
  mask-position: 130% 130%;
  -webkit-mask-position: 130% 130%;
  transition-delay: 0.3s;
}
main #mv.active .mv_character .mv_character_li-01, main #mv.active .mv_character .mv_character_li-08 {
  animation-delay: 1.1s;
}
main #mv.active .mv_character .mv_character_li-01 .chara_rainbow, main #mv.active .mv_character .mv_character_li-08 .chara_rainbow {
  transition-delay: 1.4s;
}
main #mv.active .mv_character .mv_character_li-03, main #mv.active .mv_character .mv_character_li-010 {
  animation-delay: 0.1s;
}
main #mv.active .mv_character .mv_character_li-03 .chara_rainbow, main #mv.active .mv_character .mv_character_li-010 .chara_rainbow {
  transition-delay: 0.4s;
}
main #mv.active .mv_character .mv_character_li-04, main #mv.active .mv_character .mv_character_li-011 {
  animation-delay: 0.2s;
}
main #mv.active .mv_character .mv_character_li-04 .chara_rainbow, main #mv.active .mv_character .mv_character_li-011 .chara_rainbow {
  transition-delay: 0.5s;
}
main #mv.active .mv_character .mv_character_li-05, main #mv.active .mv_character .mv_character_li-012 {
  animation-delay: 0.5s;
}
main #mv.active .mv_character .mv_character_li-05 .chara_rainbow, main #mv.active .mv_character .mv_character_li-012 .chara_rainbow {
  transition-delay: 0.8s;
}
@media screen and (max-width: 767px) {
  main #mv.active .mv_character .mv_character_li-05, main #mv.active .mv_character .mv_character_li-012 {
    animation-delay: 0.3s;
  }
  main #mv.active .mv_character .mv_character_li-05 .chara_rainbow, main #mv.active .mv_character .mv_character_li-012 .chara_rainbow {
    transition-delay: 0.6s;
  }
}
main #mv.active .mv_character .mv_character_li-06 {
  animation-delay: 0.4s;
}
main #mv.active .mv_character .mv_character_li-06 .chara_rainbow {
  transition-delay: 0.7s;
}
@media screen and (max-width: 767px) {
  main #mv.active .mv_character .mv_character_li-06 {
    animation-delay: 0.5s;
  }
  main #mv.active .mv_character .mv_character_li-06 .chara_rainbow {
    transition-delay: 0.8s;
  }
}
main #mv.active .mv_character .mv_character_li-07, main #mv.active .mv_character .mv_character_li-013 {
  animation-delay: 0.3s;
}
main #mv.active .mv_character .mv_character_li-07 .chara_rainbow, main #mv.active .mv_character .mv_character_li-013 .chara_rainbow {
  transition-delay: 0.6s;
}
@media screen and (max-width: 767px) {
  main #mv.active .mv_character .mv_character_li-07, main #mv.active .mv_character .mv_character_li-013 {
    animation-delay: 0.4s;
  }
  main #mv.active .mv_character .mv_character_li-07 .chara_rainbow, main #mv.active .mv_character .mv_character_li-013 .chara_rainbow {
    transition-delay: 0.7s;
  }
}
main #mv .mv_character .mv_character_li {
  width: 19.479vw;
  position: absolute;
  transform: translateY(28px) scale(0.9);
  opacity: 0;
}
main #mv .mv_character .mv_character_li .chara_rainbow {
  width: 104%;
  max-width: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  mask-image: linear-gradient(135deg, rgb(0, 0, 0) 30%, rgba(0, 0, 0, 0.4) 45%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
  -webkit-mask-image: linear-gradient(135deg, rgb(0, 0, 0) 30%, rgba(0, 0, 0, 0.4) 45%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
  mask-size: 250% 250%;
  -webkit-mask-size: 250% 250%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: 0% 0%;
  -webkit-mask-position: 0% 0%;
  transition: all 0.6s linear;
  z-index: 1;
}
main #mv .mv_character .mv_character_li-01 {
  top: -0.573vw;
  left: 34.115vw;
  z-index: 11;
}
main #mv .mv_character .mv_character_li-02 {
  top: 23.281vw;
  left: 23.021vw;
  z-index: 9;
}
main #mv .mv_character .mv_character_li-03 {
  top: 20.417vw;
  left: 11.979vw;
  z-index: 7;
}
main #mv .mv_character .mv_character_li-04 {
  top: 17.708vw;
  left: 0.26vw;
  z-index: 5;
}
main #mv .mv_character .mv_character_li-05 {
  top: 6.25vw;
  left: 22.24vw;
  z-index: 3;
}
main #mv .mv_character .mv_character_li-06 {
  top: 2.656vw;
  left: 11.563vw;
  z-index: 2;
}
main #mv .mv_character .mv_character_li-07 {
  top: 1.146vw;
  left: 1.354vw;
  z-index: 0;
}
main #mv .mv_character .mv_character_li-08 {
  top: -0.573vw;
  right: 32.448vw;
  z-index: 12;
}
main #mv .mv_character .mv_character_li-09 {
  top: 23.281vw;
  right: 23.958vw;
  z-index: 10;
}
main #mv .mv_character .mv_character_li-010 {
  top: 20.417vw;
  right: 11.823vw;
  z-index: 8;
}
main #mv .mv_character .mv_character_li-011 {
  top: 17.708vw;
  right: 0.208vw;
  z-index: 6;
}
main #mv .mv_character .mv_character_li-012 {
  top: 6.25vw;
  right: 18.229vw;
  z-index: 4;
}
main #mv .mv_character .mv_character_li-013 {
  top: 1.146vw;
  right: 4.271vw;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  main #mv .mv_character .mv_character_li {
    width: 38.318vw;
  }
  main #mv .mv_character .mv_character_li-01 {
    top: 45.093vw;
    left: 17.29vw;
    z-index: 12;
  }
  main #mv .mv_character .mv_character_li-02 {
    top: 119.86vw;
    left: -4.673vw;
  }
  main #mv .mv_character .mv_character_li-03 {
    top: 89.486vw;
    left: -4.907vw;
  }
  main #mv .mv_character .mv_character_li-04 {
    top: 55.374vw;
    left: -8.645vw;
  }
  main #mv .mv_character .mv_character_li-05 {
    top: 25vw;
    left: -5.374vw;
  }
  main #mv .mv_character .mv_character_li-06 {
    top: 0;
    left: 31.542vw;
  }
  main #mv .mv_character .mv_character_li-07 {
    top: 6.075vw;
    left: 8.411vw;
  }
  main #mv .mv_character .mv_character_li-08 {
    top: 45.093vw;
    right: 18.224vw;
    z-index: 11;
  }
  main #mv .mv_character .mv_character_li-09 {
    top: 119.86vw;
    right: -2.804vw;
  }
  main #mv .mv_character .mv_character_li-010 {
    top: 89.486vw;
    right: -6.542vw;
  }
  main #mv .mv_character .mv_character_li-011 {
    top: 55.374vw;
    right: -9.813vw;
  }
  main #mv .mv_character .mv_character_li-012 {
    top: 23.832vw;
    right: -8.411vw;
  }
  main #mv .mv_character .mv_character_li-013 {
    top: 6.075vw;
    right: 6.075vw;
  }
}
main #about {
  padding-top: 5.208vw;
  z-index: 1;
}
main #about.active p {
  opacity: 1;
  transition-delay: 1.3s;
}
main #about p {
  font-size: 1.667vw;
  line-height: 2;
  letter-spacing: -0.05em;
  text-align: center;
  margin-top: 2.083vw;
  opacity: 0;
  transition: all 0.4s;
}
@media screen and (max-width: 767px) {
  main #about {
    padding-top: 6.542vw;
  }
  main #about p {
    font-size: 4.206vw;
    margin-top: 7.477vw;
  }
}
main #illust {
  margin-top: -10.573vw;
  padding-top: 16.667vw;
  overflow: hidden;
  z-index: auto;
}
@media screen and (max-width: 767px) {
  main #illust {
    margin-top: -29.206vw;
    padding-top: 49.065vw;
  }
}
main #illust.active .deco_li-illust_chain {
  opacity: 1;
  transform: translate(0%, 0%);
}
main #illust.active .illust_slider {
  opacity: 1;
  transition-delay: 0.4s;
}
main #illust .illust_slider {
  width: 90%;
  max-width: 84.479vw;
  margin: 0 auto;
  margin-top: -0.781vw;
  opacity: 0;
  transition: all ease-in-out 0.4s;
}
@media screen and (max-width: 767px) {
  main #illust .illust_slider {
    width: 100%;
    max-width: none;
    margin: 0 auto;
    margin-top: 2.336vw;
  }
}
main #illust .illust_slider .illust_box {
  width: 46.615vw;
  height: 39.5vw;
  background: url(./images/illust_img-stage.webp) no-repeat center bottom/contain;
  margin-left: 17.292vw;
  position: relative;
  z-index: 0;
}
main #illust .illust_slider .illust_box .magiccircle_deco .magiccircle_deco_li {
  position: absolute;
  z-index: -1;
  will-change: animation;
}
main #illust .illust_slider .illust_box .magiccircle_deco .magiccircle_deco_li::before {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(./images/illust_img-magiccircle.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}
main #illust .illust_slider .illust_box .magiccircle_deco .magiccircle_deco_li-left {
  width: 13.854vw;
  height: 13.854vw;
  top: 8.073vw;
  left: 6.771vw;
}
main #illust .illust_slider .illust_box .magiccircle_deco .magiccircle_deco_li-left::before {
  animation: Rotate_Move 5s linear infinite;
}
main #illust .illust_slider .illust_box .magiccircle_deco .magiccircle_deco_li-left.is-animating {
  animation: Magiccircle-Scale 0.3s forwards, Magiccircle-Color 0.9s forwards, Magiccircle-Rotate 0.6s 0.3s forwards;
}
main #illust .illust_slider .illust_box .magiccircle_deco .magiccircle_deco_li-right {
  width: 10.052vw;
  height: 10.052vw;
  top: 15.104vw;
  right: 4.948vw;
}
main #illust .illust_slider .illust_box .magiccircle_deco .magiccircle_deco_li-right::before {
  animation: Rotate_Reverse_Move 5s linear infinite;
}
main #illust .illust_slider .illust_box .magiccircle_deco .magiccircle_deco_li-right.is-animating {
  animation: Magiccircle-Scale 0.3s forwards, Magiccircle-Color 0.9s forwards, Magiccircle-Reverse_Rotate 0.6s 0.3s forwards;
}
main #illust .illust_slider .illust_box .list-illust_img {
  width: 26.146vw;
  height: 28.802vw;
  margin-left: 11.927vw;
  position: relative;
  z-index: 0;
}
main #illust .illust_slider .illust_box .list-illust_img .illust_img_li {
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.4s;
  opacity: 0;
  pointer-events: none;
}
main #illust .illust_slider .illust_box .list-illust_img .illust_img_li-active {
  animation: Sliedr_illust_Move 0.4s ease-in-out 0.4s forwards;
  pointer-events: all;
}
main #illust .illust_slider .illust_box .list-illust_name {
  width: 12.604vw;
  height: 5.104vw;
  margin-top: 0.521vw;
  margin-left: 18.646vw;
  position: relative;
  z-index: 0;
}
main #illust .illust_slider .illust_box .list-illust_name .illust_name_li {
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.4s;
  opacity: 0;
  pointer-events: none;
}
main #illust .illust_slider .illust_box .list-illust_name .illust_name_li-active {
  opacity: 1;
  pointer-events: all;
}
main #illust .illust_slider .illust_box .illust_arrow .illust_arrow_li {
  width: 6.25vw;
  height: 8.125vw;
  position: absolute;
  z-index: -1;
  bottom: 9.896vw;
  transition: all 0.4s;
  cursor: pointer;
}
main #illust .illust_slider .illust_box .illust_arrow .illust_arrow_li::before {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(./images/icon-arrow-illust.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}
main #illust .illust_slider .illust_box .illust_arrow .illust_arrow_li-prev {
  left: 0;
}
@media screen and (min-width: 767px) {
  main #illust .illust_slider .illust_box .illust_arrow .illust_arrow_li-prev:hover {
    transform: translateX(-10%);
  }
}
main #illust .illust_slider .illust_box .illust_arrow .illust_arrow_li-next {
  right: -2.604vw;
}
main #illust .illust_slider .illust_box .illust_arrow .illust_arrow_li-next::before {
  content: "";
  transform: scale(-1, 1);
}
@media screen and (min-width: 767px) {
  main #illust .illust_slider .illust_box .illust_arrow .illust_arrow_li-next:hover {
    transform: translateX(10%);
  }
}
@media screen and (max-width: 767px) {
  main #illust .illust_slider .illust_box {
    width: 127.57vw;
    height: 105.841vw;
    margin-left: -17.523vw;
  }
  main #illust .illust_slider .illust_box .magiccircle_deco .magiccircle_deco_li-left {
    width: 38.084vw;
    height: 38.084vw;
    top: 11.682vw;
    left: 21.028vw;
  }
  main #illust .illust_slider .illust_box .magiccircle_deco .magiccircle_deco_li-right {
    width: 27.57vw;
    height: 27.57vw;
    top: 33.879vw;
    right: 18.692vw;
  }
  main #illust .illust_slider .illust_box .list-illust_img {
    width: 70.093vw;
    height: 82.477vw;
    margin-left: 32.477vw;
  }
  main #illust .illust_slider .illust_box .list-illust_name {
    width: 32.71vw;
    height: 13.785vw;
    margin-top: -4.673vw;
    margin-left: 51.168vw;
  }
  main #illust .illust_slider .illust_box .illust_arrow.is-clicked .illust_arrow_li-prev,
  main #illust .illust_slider .illust_box .illust_arrow.is-clicked .illust_arrow_li-next {
    animation: none;
  }
  main #illust .illust_slider .illust_box .illust_arrow .illust_arrow_li {
    width: 16.355vw;
    height: 21.028vw;
    bottom: 28.037vw;
    cursor: pointer;
  }
  main #illust .illust_slider .illust_box .illust_arrow .illust_arrow_li-prev {
    left: 22.196vw;
    animation: arrow-move-prev 1.5s infinite;
  }
  main #illust .illust_slider .illust_box .illust_arrow .illust_arrow_li-prev:active {
    transform: translateX(-10%);
  }
  main #illust .illust_slider .illust_box .illust_arrow .illust_arrow_li-next {
    right: 14.019vw;
    animation: arrow-move-next 1.5s infinite;
  }
  main #illust .illust_slider .illust_box .illust_arrow .illust_arrow_li-next:active {
    transform: translateX(10%);
  }
}
main #illust .illust_slider .list-illust_thumb {
  display: flex;
  justify-content: center;
  gap: 0.365vw;
  margin-top: -3.958vw;
  position: relative;
  z-index: 0;
}
main #illust .illust_slider .list-illust_thumb .illust_thumb_li {
  -webkit-mask-image: url(./images/card-01.webp);
  mask-image: url(./images/card-01.webp);
  -webkit-mask-size: contain;
          mask-size: contain;
  transition: all 0.4s;
  cursor: pointer;
}
main #illust .illust_slider .list-illust_thumb .illust_thumb_li::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: #ffffff;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 90%);
  transform: skewX(-30deg);
  z-index: 0;
  pointer-events: none;
}
main #illust .illust_slider .list-illust_thumb .illust_thumb_li-active {
  transform: translateY(-10px);
}
main #illust .illust_slider .list-illust_thumb .illust_thumb_li-active::before {
  animation: illust_thmub_Move_Custom 2s ease-in-out infinite;
}
@media screen and (min-width: 767px) {
  main #illust .illust_slider .list-illust_thumb .illust_thumb_li:hover {
    transform: translateY(-10px);
  }
  main #illust .illust_slider .list-illust_thumb .illust_thumb_li:hover::before {
    transform: translateX(200%) skewX(-30deg);
    transition: transform 0.4s ease-in-out;
  }
}
@media screen and (max-width: 767px) {
  main #illust .illust_slider .list-illust_thumb {
    width: 84%;
    gap: 1.869vw;
    margin: 0 auto;
    flex-wrap: wrap;
    margin-top: -8.178vw;
  }
  main #illust .illust_slider .list-illust_thumb .illust_thumb_li {
    width: 15.187vw;
  }
  main #illust .illust_slider .list-illust_thumb .illust_thumb_li::before {
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 75%);
  }
  main #illust .illust_slider .list-illust_thumb .illust_thumb_li-active {
    transform: translateY(-10px);
  }
  main #illust .illust_slider .list-illust_thumb .illust_thumb_li-active::before {
    animation: illust_thmub_Move 2s ease-in-out infinite;
  }
}
main .lineup_bg {
  margin-top: 9.896vw;
  background: url(./images/bg-lineup.webp) no-repeat center top/cover;
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  main .lineup_bg {
    margin-top: 25.701vw;
    background: url(./images/sp_bg-lineup.webp) no-repeat center top/cover;
  }
}
main .lineup_bg::before, main .lineup_bg::after {
  content: "";
  width: 100vw;
  height: 18.75vw;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
main .lineup_bg::before {
  background-image: url(./images/frame-lineupbg-top.webp);
  top: -4.167vw;
}
main .lineup_bg::after {
  background-image: url(./images/frame-lineupbg-bottom.webp);
  bottom: -4.167vw;
}
@media screen and (max-width: 767px) {
  main .lineup_bg::before, main .lineup_bg::after {
    height: 21.028vw;
  }
  main .lineup_bg::before {
    background-image: url(./images/sp_frame-lineupbg-top.webp);
    top: -9.346vw;
  }
  main .lineup_bg::after {
    background-image: url(./images/sp_frame-lineupbg-bottom.webp);
    bottom: -9.346vw;
  }
}
main .lineup_bg-inner {
  padding-top: 12vw;
  padding-bottom: 18vw;
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  main .lineup_bg-inner {
    padding-top: 14.252vw;
    padding-bottom: 18vw;
  }
}
main #lineup {
  margin-top: -51.667vw;
}
@media screen and (max-width: 767px) {
  main #lineup {
    margin-top: 0;
  }
}
main #lineup .lineup_list {
  width: 100%;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.917vw 1.667vw;
  margin-top: 2.083vw;
}
main #lineup .lineup_list .lineup_list_li {
  height: 32.188vw;
  padding: 0.521vw;
  border: 0.156vw solid #ffedbf;
  border-radius: 1.25vw;
  opacity: 0;
  transform: scale(0);
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}
main #lineup .lineup_list .lineup_list_li.active {
  opacity: 1;
  transform: scale(1);
}
@media screen and (min-width: 768px) {
  main #lineup .lineup_list .lineup_list_li:nth-child(3n+1) {
    transition-delay: 0s;
  }
  main #lineup .lineup_list .lineup_list_li:nth-child(3n+2) {
    transition-delay: 0.15s;
  }
  main #lineup .lineup_list .lineup_list_li:nth-child(3n+3) {
    transition-delay: 0.3s;
  }
}
@media screen and (min-width: 767px) {
  main #lineup .lineup_list .lineup_list_li:hover .lineup_box-img .lineup_img_inner img {
    transform: scale(1.05);
  }
}
main #lineup .lineup_list .lineup_list_li .lineup_box {
  height: 100%;
  padding: 0.885vw;
  border-radius: 0.833vw;
  background-color: rgba(255, 253, 254, 0.8);
  box-shadow: 0px 0px 40px 0px rgb(255, 108, 178);
}
main #lineup .lineup_list .lineup_list_li .lineup_box-img {
  width: 18.906vw;
  height: 18.906vw;
  margin: 0 auto;
  padding: 0.625vw;
  background: url(./images/frame-lineup.webp) no-repeat center center/contain;
  position: relative;
  z-index: 0;
}
main #lineup .lineup_list .lineup_list_li .lineup_box-img::before {
  content: "";
  width: 2.083vw;
  height: 2.083vw;
  background-image: url(./images/icon-magnifying_glass.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 1.823vw;
  right: 1.823vw;
  z-index: 1;
  transition: all 0.4s;
}
main #lineup .lineup_list .lineup_list_li .lineup_box-img .lineup_img_inner {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
main #lineup .lineup_list .lineup_list_li .lineup_box-img .lineup_img_inner img {
  transform: scale(1);
  transition: all 0.4s;
}
main #lineup .lineup_list .lineup_list_li .lineup_box-info {
  width: 95%;
  height: 9.479vw;
  margin-top: 0.781vw;
  margin-left: 0.781vw;
  flex-direction: column;
  justify-content: space-between;
}
main #lineup .lineup_list .lineup_list_li .lineup_box-info .lineup-name {
  font-size: 1.146vw;
  line-height: 1.54;
  letter-spacing: -0.05em;
}
main #lineup .lineup_list .lineup_list_li-012 .lineup_box-info .lineup_meta {
  margin-bottom: -0.26vw;
}
@media screen and (max-width: 767px) {
  main #lineup .lineup_list {
    grid-template-columns: repeat(2, 1fr);
    gap: 3.738vw 1.869vw;
    margin-top: 5.607vw;
  }
  main #lineup .lineup_list .lineup_list_li {
    height: 76.869vw;
    padding: 0.701vw;
    border: 0.467vw solid #ffedbf;
    border-radius: 3.505vw;
  }
  main #lineup .lineup_list .lineup_list_li:nth-child(2n+1) {
    transition-delay: 0s;
  }
  main #lineup .lineup_list .lineup_list_li:nth-child(2n+2) {
    transition-delay: 0.15s;
  }
  main #lineup .lineup_list .lineup_list_li .lineup_box {
    height: 100%;
    padding: 2.57vw;
    border-radius: 2.804vw;
    box-shadow: 0px 0px 10px 0px rgb(255, 108, 178);
  }
  main #lineup .lineup_list .lineup_list_li .lineup_box-img {
    width: 39.72vw;
    height: 39.72vw;
    padding: 1.168vw;
  }
  main #lineup .lineup_list .lineup_list_li .lineup_box-img::before {
    content: "";
    width: 4.907vw;
    height: 4.907vw;
    bottom: 3.738vw;
    right: 3.738vw;
  }
  main #lineup .lineup_list .lineup_list_li .lineup_box-info {
    width: 99%;
    height: 26.636vw;
    margin-top: 2.336vw;
    margin-left: 0.467vw;
  }
  main #lineup .lineup_list .lineup_list_li .lineup_box-info .lineup-name {
    font-size: 3.271vw;
    line-height: 1.21;
  }
  main #lineup .lineup_list .lineup_list_li-012 .lineup_box-info .lineup_meta {
    margin-bottom: -1.168vw;
  }
}
main #lineup .release_date {
  width: 37.396vw;
  margin: 0 auto;
  margin-top: 4.844vw;
  opacity: 0;
  transform: translateY(30%);
  transition: all ease-in-out 0.6s;
}
@media screen and (max-width: 767px) {
  main #lineup .release_date {
    width: 87.383vw;
    margin-top: 13.084vw;
    filter: drop-shadow(0px 0px 10px #ff0079);
  }
}
main #lineup .release_date.active {
  opacity: 1;
  transform: translateY(0);
}
main #event {
  padding-top: 4.844vw;
  margin-bottom: -5.208vw;
}
@media screen and (max-width: 767px) {
  main #event {
    padding-top: 13.084vw;
    margin-bottom: 0;
  }
}
main #event .event_box {
  margin-top: 2.604vw;
  font-size: 1.563vw;
  text-align: center;
  opacity: 0;
  transform: translateY(20%);
  transition: all ease-in-out 0.6s;
}
@media screen and (max-width: 767px) {
  main #event .event_box {
    margin-top: 7.477vw;
    font-size: 4.673vw;
  }
}
main #event .event_box.active {
  opacity: 1;
  transform: translateY(0%);
}
main #event .event_box.active .event_box-info {
  transition-delay: 0.9s;
}
main #event .event_box-info {
  transform: translateY(10%);
}
main #event .event_box-info.active p span.bg_ribbon::after {
  transform: translate(-50%, -50%) scale(1, 1);
  opacity: 1;
  transition-delay: 1s;
}
main #event .event_box-info p {
  line-height: 1.8;
}
main #event .event_box-info p span.big_txt {
  font-size: 2.083vw;
}
main #event .event_box-info p span.bg_ribbon {
  position: relative;
  z-index: 0;
}
main #event .event_box-info p span.bg_ribbon::after {
  content: "";
  width: 31.927vw;
  height: 2.396vw;
  background-image: url(./images/bg_ribbon-event_text.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0, 1);
  z-index: -1;
  opacity: 0;
  transition: all 0.4s;
}
main #event .event_box-info p span.bg_ribbon small {
  font-size: 1.563vw;
}
main #event .event_box-info figure {
  width: 45.104vw;
  margin: 0 auto;
  margin-top: 1.667vw;
}
main #event .event_box-info .event_note {
  font-size: 0.938vw;
  text-align: left;
  width: 38vw;
  margin-top: 1.667vw;
  margin-left: 4.167vw;
}
main #event .event_box-info .event_note .event_note_li {
  line-height: 1.61;
  position: relative;
}
main #event .event_box-info .event_note .event_note_li::before {
  content: "※";
}
@media screen and (max-width: 767px) {
  main #event .event_box-info p {
    line-height: 1.3;
  }
  main #event .event_box-info p span.big_txt {
    font-size: 6.542vw;
  }
  main #event .event_box-info p span.bg_ribbon {
    margin-top: 1.168vw;
    margin-bottom: -3.505vw;
    display: block;
  }
  main #event .event_box-info p span.bg_ribbon::after {
    width: 90.654vw;
    height: 6.776vw;
  }
  main #event .event_box-info p span.bg_ribbon small {
    font-size: 3.738vw;
  }
  main #event .event_box-info figure {
    width: 83.178vw;
    margin-top: 6.308vw;
  }
  main #event .event_box-info .event_note {
    font-size: 3.271vw;
    width: 75.701vw;
    margin: 0 auto;
    margin-top: 7.477vw;
  }
}
@media screen and (max-width: 767px) {
  main #event .event_box-date p {
    font-size: 5.607vw;
  }
}
main #shop {
  margin-top: 8.854vw;
}
@media screen and (max-width: 767px) {
  main #shop {
    margin-top: 20.327vw;
    margin-bottom: 7.477vw;
  }
}
main #shop .shop_box {
  margin-top: 2.917vw;
  opacity: 0;
  transform: translateY(20%);
  transition: all ease-in-out 0.6s;
}
main #shop .shop_box-prism {
  margin-top: 2.083vw;
}
main #shop .shop_box.active {
  opacity: 1;
  transform: translateY(0%);
}
main #shop .shop_box.active .shop_box-prism {
  transition-delay: 0.9s;
}
main #shop .shop_box p.kome_txt {
  font-size: 0.833vw;
  font-weight: 500;
  text-align: center;
  margin-top: 1.563vw;
  transition: all 0.4s;
}
@media screen and (max-width: 767px) {
  main #shop .shop_box p.kome_txt {
    font-size: 3.271vw;
    line-height: 1.5;
    margin-top: 4.673vw;
  }
}
@media screen and (max-width: 767px) {
  main #shop .shop_box {
    margin-top: 7.009vw;
  }
  main #shop .shop_box-prism {
    margin-top: 5.841vw;
  }
}

footer {
  background: url(./images/bg-footer.webp) no-repeat center top/cover;
  font-size: 0.833vw;
  padding-top: 17.5vw;
  padding-bottom: 1.6vw;
  margin-top: -5.729vw;
  text-align: center;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  footer {
    background: url(./images/sp_bg-footer.webp) no-repeat center top/contain;
    font-size: 2.804vw;
    padding-top: 29.907vw;
    padding-bottom: 5.841vw;
    margin-top: 0;
  }
}
footer p:first-of-type {
  line-height: 2.1;
  margin-bottom: 0.521vw;
}
@media screen and (max-width: 767px) {
  footer p:first-of-type {
    line-height: 1.16;
    margin-bottom: 3.738vw;
  }
}
footer .logo_ap {
  width: 7.135vw;
  margin: 0 auto;
  margin-top: 1.302vw;
}
@media screen and (max-width: 767px) {
  footer .logo_ap {
    width: 21.729vw;
    margin-top: 4.673vw;
  }
}
footer .logo_ap a {
  display: block;
  transition: all 0.4s;
}
@media screen and (min-width: 767px) {
  footer .logo_ap a:hover {
    opacity: 0.6;
  }
}
footer .btn_top {
  width: 9.271vw;
  height: 6.667vw;
  position: absolute;
  bottom: 8.49vw;
  right: 15.833vw;
}
@media screen and (max-width: 767px) {
  footer .btn_top {
    width: 15.654vw;
    height: 11.215vw;
    bottom: 23.364vw;
    right: 2.336vw;
  }
}
footer .btn_top a {
  display: block;
  position: relative;
}
footer .btn_top a::before {
  content: "";
  width: 8.229vw;
  height: 5vw;
  background-image: url(./images/back-top.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: -3vw;
  left: 0vw;
  transition: all 0.4s;
}
@media screen and (max-width: 767px) {
  footer .btn_top a::before {
    width: 13.785vw;
    height: 8.645vw;
    top: -5vw;
    left: 1vw;
    animation: btn-top 1s ease infinite alternate-reverse;
  }
}
@media screen and (min-width: 767px) {
  footer .btn_top a:hover::before {
    transform: translateY(-35%);
  }
}

.x_btn {
  width: 20vw;
  height: 3.06vw;
  margin: 0 auto;
  position: relative;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 2vw;
  transition: 0.2s;
}
@media screen and (min-width: 767px) {
  .x_btn:hover {
    transform: scale(1.02);
  }
}
@media screen and (max-width: 767px) {
  .x_btn {
    width: 51vw;
    height: 7.71vw;
    margin-bottom: 5.374vw;
  }
}
.x_btn::before {
  content: "";
  width: 1.66vw;
  height: 1.66vw;
  background: url(./images/x_star.webp) no-repeat center center/contain;
  position: absolute;
  top: 60%;
  left: -10%;
  animation: star 3s ease-in-out infinite;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .x_btn::before {
    width: 5.06vw;
    height: 5.06vw;
    left: -13%;
  }
}
.x_btn::after {
  content: "";
  width: 20.31vw;
  height: 4.1vw;
  background: url(./images/x_frame.webp) no-repeat center center/contain;
  position: absolute;
  top: 43%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .x_btn::after {
    width: 52.804vw;
    height: 10.748vw;
    top: 42%;
  }
}
.x_btn-inner {
  width: 98%;
  height: 100%;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .x_btn-inner {
    width: 100%;
    height: 100%;
  }
}
.x_btn-inner::after {
  content: "";
  width: 1.66vw;
  height: 1.66vw;
  background: url(./images/x_star.webp) no-repeat center center/contain;
  position: absolute;
  top: 60%;
  right: -12%;
  animation: star 3s ease-in-out 1s infinite reverse;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .x_btn-inner::after {
    width: 5.06vw;
    height: 5.06vw;
    right: -14%;
  }
}
.x_btn-star {
  width: 100%;
  height: inherit;
  position: relative;
  z-index: 1;
}
.x_btn-star::before {
  content: "";
  width: 1.3vw;
  height: 1.3vw;
  background: url(./images/x_star.webp) no-repeat center center/contain;
  position: absolute;
  top: 0%;
  right: -16%;
  animation: star 3s ease-in-out 1.5s infinite;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .x_btn-star::before {
    width: 4.06vw;
    height: 4.06vw;
    top: -10%;
  }
}
.x_btn-star::after {
  content: "";
  width: 1.3vw;
  height: 1.3vw;
  background: url(./images/x_star.webp) no-repeat center center/contain;
  position: absolute;
  top: 0%;
  left: -16%;
  animation: star 3s ease-in-out 0.5s infinite reverse;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .x_btn-star::after {
    width: 4.06vw;
    height: 4.06vw;
    top: -10%;
  }
}
.x_btn a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  background: #ff97ce;
  background: linear-gradient(125deg, rgb(255, 151, 206) 0%, rgb(193, 243, 255) 100%);
}
.x_btn a::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: #ffffff;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 90%);
  transform: skewX(-30deg);
  z-index: 0;
}
@media screen and (min-width: 767px) {
  .x_btn a:hover::before {
    transform: translateX(200%) skewX(-30deg);
    transition: transform 0.8s ease-in-out;
  }
}
@media screen and (max-width: 767px) {
  .x_btn a::before {
    animation: x_btn_Move 2.6s linear infinite;
  }
}
.x_btn a span {
  display: block;
  width: 83%;
  padding-top: 0.26vw;
}
@media screen and (max-width: 767px) {
  .x_btn a span {
    padding-top: 0.935vw;
  }
}
.x_btn a span img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}

/* ステータスバー透過防止 */
.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;
}

.modal-box {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100;
}
@media screen and (max-width: 767px) {
  .modal-box {
    height: 100vh;
  }
}
.modal-box .modal-content {
  width: 90%;
  max-width: 74.167vw;
  background: url(./images/bg-modal.webp) no-repeat center top/contain;
  padding: 2.969vw 3.75vw 2.969vw 5.417vw;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .modal-box .modal-content {
    width: 100%;
    max-width: 96.262vw;
    background: url(./images/sp_bg-modal.webp) no-repeat center top/contain;
    padding: 2.336vw 3.738vw;
  }
}
.modal-box .modal-body {
  display: flex;
  justify-content: space-between;
  width: 100%;
  min-height: 34.271vw;
  margin: 0 auto;
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .modal-box .modal-body {
    flex-direction: column;
    justify-content: flex-start;
    height: auto;
    max-height: 151.869vw;
    min-height: auto;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    -webkit-mask-image: linear-gradient(to top, transparent 0%, black 10%, black 100%);
    mask-image: linear-gradient(to top, transparent 0%, black 10%, black 100%);
  }
}
.modal-box .modal-body-img {
  width: 100%;
  max-width: 26.667vw;
  position: relative;
}
@media screen and (max-width: 767px) {
  .modal-box .modal-body-img {
    max-width: 75vw;
    margin: 0 auto;
    padding-top: 5.607vw;
  }
}
.modal-box .modal-body-info {
  width: 100%;
  max-width: 34.167vw;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .modal-box .modal-body-info {
    max-width: 76.869vw;
    margin: 0 auto;
    margin-top: 7.477vw;
    justify-content: flex-start;
  }
}
.modal-box .modal-body .lineup-point_text {
  font-size: 1.042vw;
  line-height: 1.6;
  margin-top: 1.458vw;
}
@media screen and (max-width: 767px) {
  .modal-box .modal-body .lineup-point_text {
    font-size: 3.271vw;
    margin-top: 7.477vw;
  }
}
.modal-box .modal-body .lineup-detail {
  font-size: 0.833vw;
  line-height: 1.62;
  margin-top: 0.99vw;
}
@media screen and (max-width: 767px) {
  .modal-box .modal-body .lineup-detail {
    font-size: 2.804vw;
    margin-top: 9.346vw;
  }
}
.modal-box .modal-body .goods_detail_img_container {
  position: relative;
}
.modal-box .modal-body .goods_detail_img {
  background: url(./images/frame-modal_lineup.webp) no-repeat center center/contain;
}
.modal-box .modal-body .goods_detail_img .slider_goodsimg_inner {
  padding: 0.781vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-box .modal-body .goods_detail_img .slider_goodsimg_inner img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 767px) {
  .modal-box .modal-body .goods_detail_img .slider_goodsimg_inner {
    padding: 1.869vw;
  }
}
.modal-box .modal-body .slider-thumbnail {
  width: 100%;
  margin-top: 1.25vw;
}
@media screen and (max-width: 767px) {
  .modal-box .modal-body .slider-thumbnail {
    margin-top: 3.738vw;
  }
}
.modal-box .modal-body .slider-thumbnail .swiper-wrapper {
  gap: 0.417vw;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .modal-box .modal-body .slider-thumbnail .swiper-wrapper {
    gap: 1.402vw;
  }
}
.modal-box .modal-body .slider-thumbnail .swiper-slide {
  width: 2.969vw !important;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .modal-box .modal-body .slider-thumbnail .swiper-slide {
    width: 9.346vw !important;
  }
}
.modal-box .modal-body .slider-thumbnail .swiper-slide .thum_illust_box {
  height: 2.969vw;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fffdfe;
  border: 1px solid #e5bb49;
  position: relative;
  z-index: 0;
  transition: all 0s;
  box-sizing: border-box;
}
.modal-box .modal-body .slider-thumbnail .swiper-slide .thum_illust_box::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #ff97ce;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  opacity: 0;
}
.modal-box .modal-body .slider-thumbnail .swiper-slide .thum_illust_box img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 767px) {
  .modal-box .modal-body .slider-thumbnail .swiper-slide .thum_illust_box {
    height: 9.346vw;
  }
}
@media screen and (min-width: 767px) {
  .modal-box .modal-body .slider-thumbnail .swiper-slide .thum_illust_box:hover {
    border: 3px solid #e5bb49;
  }
}
.modal-box .modal-body .slider-thumbnail .swiper-slide.swiper-slide-thumb-active .thum_illust_box {
  border: 3px solid #e5bb49;
}
@media screen and (max-width: 767px) {
  .modal-box .modal-body .slider-thumbnail .swiper-slide.swiper-slide-thumb-active .thum_illust_box {
    border: 3px solid #e5bb49;
  }
}
.modal-box .modal-body .slider-thumbnail .swiper-slide.swiper-slide-thumb-active .thum_illust_box::before {
  opacity: 0.25;
}
.modal-box .modal-body .swiper-button-prev,
.modal-box .modal-body .swiper-button-next {
  width: 3.958vw;
  height: 3.958vw;
  background: url(./images/btn-slider.webp) no-repeat center center/contain;
  transition: all 0.4s;
}
.modal-box .modal-body .swiper-button-prev::before,
.modal-box .modal-body .swiper-button-next::before {
  content: "";
  width: 0.938vw;
  height: 1.719vw;
  background-image: url(./images/icon-arrow.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 45%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.modal-box .modal-body .swiper-button-prev::after,
.modal-box .modal-body .swiper-button-next::after {
  content: "";
  width: 2.917vw;
  height: 2.917vw;
  background-image: none;
  background-color: #fffdfe;
  border: 1px solid #e5bb49;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.4s;
}
.modal-box .modal-body .swiper-button-prev:hover::after,
.modal-box .modal-body .swiper-button-next:hover::after {
  background-color: #fcf6e8;
}
@media screen and (max-width: 767px) {
  .modal-box .modal-body .swiper-button-prev,
  .modal-box .modal-body .swiper-button-next {
    width: 12.617vw;
    height: 12.617vw;
  }
  .modal-box .modal-body .swiper-button-prev::before,
  .modal-box .modal-body .swiper-button-next::before {
    width: 3.037vw;
    height: 5.607vw;
  }
  .modal-box .modal-body .swiper-button-prev::after,
  .modal-box .modal-body .swiper-button-next::after {
    width: 9.579vw;
    height: 9.579vw;
    background-color: #fcf6e8;
  }
}
.modal-box .modal-body .swiper-button-prev {
  left: -1.562vw;
}
@media screen and (min-width: 767px) {
  .modal-box .modal-body .swiper-button-prev:hover {
    transform: translateX(-10px);
  }
}
@media screen and (max-width: 767px) {
  .modal-box .modal-body .swiper-button-prev {
    left: -4vw;
  }
}
.modal-box .modal-body .swiper-button-next {
  right: -1.562vw;
}
.modal-box .modal-body .swiper-button-next::before {
  left: 55%;
  transform: translate(-50%, -50%) scale(-1, 1);
}
@media screen and (min-width: 767px) {
  .modal-box .modal-body .swiper-button-next:hover {
    transform: translateX(10px);
  }
}
@media screen and (max-width: 767px) {
  .modal-box .modal-body .swiper-button-next {
    right: -4vw;
  }
}
.modal-box .close {
  width: 4.115vw;
  height: 2.865vw;
  position: absolute;
  top: 2.188vw;
  right: 2.188vw;
  z-index: 1;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .modal-box .close {
    width: 10.981vw;
    height: 7.944vw;
    top: 4.673vw;
    right: 4.673vw;
  }
}
.modal-box .close::before, .modal-box .close::after {
  content: "";
  width: 100%;
  height: 0.156vw;
  background-color: #fffcf4;
  position: absolute;
  top: 50%;
  left: 50%;
}
@media screen and (max-width: 767px) {
  .modal-box .close::before, .modal-box .close::after {
    height: 0.701vw;
  }
}
.modal-box .close::before {
  transform: translate(-50%, -50%) rotate(35deg);
}
.modal-box .close::after {
  transform: translate(-50%, -50%) rotate(-35deg);
}
.modal-box .modal-arrow {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .modal-box .modal-arrow {
    margin-top: 9.346vw;
    margin-bottom: 10vw;
  }
}
.modal-box .prev,
.modal-box .next {
  font-size: 1.042vw;
  width: 11.667vw;
  height: 2.865vw;
  background-color: #fffdfe;
  border: 2px solid #e5bb49;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s;
  cursor: pointer;
}
.modal-box .prev span,
.modal-box .next span {
  position: relative;
  padding-left: 1.771vw;
}
.modal-box .prev span::before,
.modal-box .next span::before {
  content: "";
  width: 0.938vw;
  height: 1.719vw;
  background-image: url(./images/icon-arrow.webp);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media screen and (min-width: 767px) {
  .modal-box .prev:hover,
  .modal-box .next:hover {
    background-color: #fcf6e8;
  }
}
@media screen and (max-width: 767px) {
  .modal-box .prev,
  .modal-box .next {
    font-size: 3.271vw;
    width: 34.579vw;
    height: 8.645vw;
  }
  .modal-box .prev span,
  .modal-box .next span {
    padding-left: 4.673vw;
  }
  .modal-box .prev span::before,
  .modal-box .next span::before {
    width: 2.804vw;
    height: 5.374vw;
  }
}
.modal-box .next {
  margin-left: 1.875vw;
}
.modal-box .next span {
  padding-left: 0;
  padding-right: 1.771vw;
}
.modal-box .next span::before {
  left: auto;
  right: 0;
  transform: translateY(-50%) scale(-1, 1);
}
@media screen and (max-width: 767px) {
  .modal-box .next {
    margin-left: 6.776vw;
  }
  .modal-box .next span {
    padding-right: 4.673vw;
  }
  .modal-box .next span::before {
    width: 2.804vw;
    height: 5.374vw;
  }
}

@keyframes poyonUp {
  0% {
    transform: translateY(28px) scale(0.9);
    opacity: 0;
  }
  40% {
    transform: translateY(-8px) scale(1.06);
    opacity: 1;
  }
  65% {
    transform: translateY(4px) scale(0.98);
    opacity: 1;
  }
  100% {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
}
@keyframes Rotate_Move {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes Rotate_Reverse_Move {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes Opacity_Move {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
@keyframes Kira_Move {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(0);
    opacity: 0;
  }
}
@keyframes Note_Move {
  0%, 100% {
    transform: rotate(35deg);
  }
  50% {
    transform: rotate(-25deg);
  }
}
@keyframes Note_Move-y {
  0%, 100% {
    transform: translateY(-12%);
  }
  50% {
    transform: translateY(12%);
  }
}
@keyframes yurayura {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-3deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(3deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes Chain_Deco_Move {
  0% {
    transform: rotateY(0deg);
  }
  66.66% {
    transform: rotateY(720deg);
  }
  100% {
    transform: rotateY(720deg);
  }
}
@keyframes Illust_Heart_Move {
  0%, 100% {
    transform: translateX(-2.5%);
    opacity: 1;
  }
  50% {
    transform: translateX(2.5%);
    opacity: 0.2;
  }
}
@keyframes Sliedr_illust_Move {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  10% {
    transform: scale(1);
    opacity: 1;
  }
  40% {
    transform: scale(1.12);
  }
  75% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes arrow-move-prev {
  0%, 60%, 80%, 100% {
    transform: translateX(0%);
  }
  70%, 90% {
    transform: translateX(-10%);
  }
}
@keyframes arrow-move-next {
  0%, 60%, 80%, 100% {
    transform: translateX(0%);
  }
  70%, 90% {
    transform: translateX(10%);
  }
}
@keyframes Magiccircle-Color {
  0% {
    filter: brightness(1.5) drop-shadow(0px 0px 5px yellow);
  }
  100% {
    filter: brightness(1) drop-shadow(0px 0px 0px yellow);
  }
}
@keyframes Magiccircle-Scale {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes Magiccircle-Rotate {
  0% {
    transform: rotate3d(1, 1, 1, 0deg);
  }
  100% {
    transform: rotate3d(1, 1, 1, 360deg);
  }
}
@keyframes Magiccircle-Reverse_Rotate {
  0% {
    transform: rotate3d(1, 1, 1, 0deg);
  }
  100% {
    transform: rotate3d(1, 1, 1, -360deg);
  }
}
@keyframes mochimochi {
  0% {
    transform: scale(1, 0.8);
  }
  20% {
    transform: scale(0.8, 1.1);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes kirakira-move {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@keyframes floating-y {
  0% {
    transform: translateY(-2%);
  }
  100% {
    transform: translateY(2%);
  }
}
@keyframes bubbles-v-rich {
  0% {
    transform: translate(-15px, -10%) rotate(-5deg);
  }
  50% {
    transform: translate(0, 8%) rotate(0deg);
  }
  100% {
    transform: translate(15px, -10%) rotate(5deg);
  }
}
@keyframes pyokon-high {
  0% {
    transform: translateY(0);
  }
  15% {
    transform: translateY(2px);
  }
  45% {
    transform: translateY(-60px);
  }
  65% {
    transform: translateY(0);
  }
  70% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes btn-top {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-30%);
  }
}
@keyframes star {
  0%, 100% {
    filter: contrast(3);
  }
  25%, 75% {
    filter: contrast(1);
  }
}
@keyframes ribbon {
  0%, 100% {
    transform: rotate(-5deg);
  }
  50% {
    transform: rotate(5deg);
  }
}
@keyframes heartbeat {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(1.1);
  }
  20% {
    transform: scale(1);
  }
  30% {
    transform: scale(1.05);
  }
  40% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes illust_thmub_Move_Custom {
  0% {
    transform: skewX(-30deg);
  }
  20% {
    /* 0.4秒 ÷ 2秒 = 20% */
    transform: translateX(200%) skewX(-30deg);
  }
  100% {
    transform: translateX(200%) skewX(-30deg);
  }
}
@keyframes illust_thmub_Move {
  0% {
    transform: skewX(-30deg);
  }
  38.46% {
    transform: translateX(200%) skewX(-30deg);
  }
  100% {
    transform: translateX(200%) skewX(-30deg);
  }
}
@keyframes x_btn_Move {
  0% {
    transform: skewX(-30deg);
  }
  23.08% {
    transform: translateX(200%) skewX(-30deg);
  }
  100% {
    transform: translateX(200%) skewX(-30deg);
  }
}/*# sourceMappingURL=style.css.map */