@charset "UTF-8";
html {
  scroll-behavior: smooth;
}

body {
  width: 100%;
  line-height: 1.5;
  letter-spacing: 0.2px;
  font-size: 11px;
  background-color: #eb7b00;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-style: normal;
}

img {
  display: block;
  width: 100%;
  height: auto;
}

picture {
  display: block;
}

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

a:hover {
  opacity: 0.6;
  transition: 0.6s;
}

[v-cloak] {
  display: none !important;
}

@media screen and (min-width: 769px) {
  .spNone {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .spNone {
    display: none !important;
  }
}

@media screen and (min-width: 769px) {
  .pcNone {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  .pcNone {
    display: block;
  }
}

/* .load
===================================================== */
.load {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  width: 100%;
  height: 100vh;
  z-index: 9999;
}

.loop {
  position: absolute;
  bottom: -10.41667vw;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 20.83333vw;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .loop {
    bottom: -26.31579vw;
    height: 52.63158vw;
  }
}

.loop_track {
  display: flex;
  width: max-content;
  animation: loopLeft var(--loop-duration, 20s) linear infinite;
}

.loop_list {
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
}

@keyframes loopLeft {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

.crossfade {
  position: relative;
}

.crossfade .crossfade_slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.8s ease;
}

.crossfade .crossfade_slide.is-active {
  opacity: 1;
}

/* PC左（固定）
===================================================== */
.pc_left {
  position: fixed;
  top: 12.63889vw;
  left: 1.52778vw;
  z-index: 10;
  flex-direction: column;
  align-items: center;
  gap: 2.08333vw;
  width: 25.79861vw;
}

@media screen and (min-width: 769px) {
  .pc_left {
    display: flex;
  }
}

.pc_left_logo {
  width: 13.88889vw;
}

.pc_left_winter {
  flex-shrink: 0;
  width: 26.52778vw;
}

.pc_left_winter picture,
.pc_left_winter img {
  display: block;
}

.pc_left_year {
  width: max-content;
  margin-top: -3.4375vw;
  margin-bottom: 0.65972vw;
  margin-left: 20.17361vw;
  color: #5c2020;
  font-size: 2.77778vw;
  line-height: 1;
  letter-spacing: 0.16667vw;
  white-space: nowrap;
  transform: translateX(-50%) rotate(3.06deg);
  font-family: "Barriecito", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.pc_left_insta {
  width: 12.5vw;
}

.pc_left_btn {
  padding: 0.48611vw 2.43056vw;
  border: 1px solid #fffadd;
  border-radius: 0.27778vw;
  background-color: #fffadd;
  color: #3a538d;
  font-size: 0.97222vw;
  line-height: normal;
  letter-spacing: 0;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-style: normal;
}

/* PC右（固定）
===================================================== */
.pc_menu {
  position: fixed;
  top: 50%;
  left: 71.18056vw;
  z-index: 10;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.18056vw 1.25vw;
  width: 25vw;
  transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
  .pc_menu {
    top: 0;
    left: 0;
    z-index: 100;
    grid-template-columns: repeat(2, 41.33333vw);
    align-content: start;
    justify-content: center;
    gap: 5.33333vw;
    width: 100%;
    height: 100%;
    height: 100dvh;
    padding: 18.93333vw 0 14.13333vw;
    overflow-y: auto;
    background-color: #eb7b00;
    transform: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
  }
  .pc_menu.is-open {
    opacity: 1;
    visibility: visible;
  }
}

.pc_menu_item {
  display: flex;
  flex-direction: column;
  gap: 0.41667vw;
}

.pc_menu_item img {
  width: 7.63889vw;
}

@media screen and (max-width: 768px) {
  .pc_menu_item {
    gap: 1.6vw;
  }
  .pc_menu_item img {
    width: 41.33333vw;
    height: 53.06667vw;
    object-fit: cover;
  }
}

.pc_menu_name {
  color: #fffadd;
  font-size: 1.25vw;
  line-height: normal;
  letter-spacing: 0;
  white-space: nowrap;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.pc_menu_name--narrow {
  letter-spacing: -0.05vw;
}

@media screen and (max-width: 768px) {
  .pc_menu_name {
    font-size: 4.8vw;
  }
  .pc_menu_name--narrow {
    letter-spacing: -0.192vw;
  }
}

.sp_menu_foot {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  grid-column: 1 / -1;
  height: 36.93333vw;
  margin-top: -0.4vw;
}

.sp_menu_foot > * {
  flex-shrink: 0;
}

.sp_menu_hello {
  z-index: 1;
  width: 50.4vw;
  margin-left: 30.53333vw;
  pointer-events: none;
}

.sp_menu_hello img {
  display: block;
}

.sp_menu_insta {
  width: 48vw;
  margin-top: -7.6vw;
  margin-left: 20vw;
}

.sp_menu_insta img {
  display: block;
}

.sp_menu_all {
  margin-top: 5.33333vw;
  margin-left: 24.26667vw;
  width: 39.73333vw;
  padding: 2.93333vw 0;
  border-radius: 4px;
  background-color: #fffadd;
  color: #3a538d;
  font-size: 3.73333vw;
  line-height: 1;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.sp_menu_btn {
  position: fixed;
  top: 2.66667vw;
  right: 2.66667vw;
  z-index: 110;
  width: 12.53333vw;
  height: 12.53333vw;
  padding: 0;
  border: none;
  border-radius: 50%;
  background-color: #eb7b00;
  cursor: pointer;
}

.sp_menu_btn span {
  position: absolute;
  left: 50%;
  width: 5.6vw;
  height: 2px;
  margin-top: -1px;
  border-radius: 1px;
  background-color: #fffadd;
  transform: translateX(-50%);
  transition: top 0.3s, width 0.3s, transform 0.3s, opacity 0.3s;
}

.sp_menu_btn span:nth-child(1) {
  top: 36.7%;
}

.sp_menu_btn span:nth-child(2) {
  top: 50%;
}

.sp_menu_btn span:nth-child(3) {
  top: 63.3%;
}

.sp_menu_btn.is-open span {
  width: 8.8vw;
}

.sp_menu_btn.is-open span:nth-child(1) {
  top: 50%;
  transform: translateX(-50%) rotate(45deg);
}

.sp_menu_btn.is-open span:nth-child(2) {
  opacity: 0;
}

.sp_menu_btn.is-open span:nth-child(3) {
  top: 50%;
  transform: translateX(-50%) rotate(-45deg);
}

/* 真ん中
===================================================== */
.main {
  position: relative;
  width: 39.58333vw;
  margin-left: 27.84722vw;
  overflow-x: clip;
}

@media screen and (max-width: 768px) {
  .main {
    width: 100%;
    margin-left: 0;
  }
}

/* 1. FV
===================================================== */
.fv {
  position: relative;
  z-index: 8;
  height: 105.48611vw;
  background-color: #fbfcf1;
}

@media screen and (max-width: 768px) {
  .fv {
    height: 266.49123vw;
  }
}

.fv_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.fv_paper {
  position: absolute;
  top: 56.18056vw;
  left: 0;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .fv_paper {
    top: 141.92982vw;
  }
}

.fv_deco {
  position: absolute;
  top: 66.31944vw;
  left: 3.57639vw;
  width: 33.71528vw;
}

@media screen and (max-width: 768px) {
  .fv_deco {
    top: 167.54386vw;
    left: 9.03509vw;
    width: 85.17544vw;
  }
}

.fv_deco img {
  animation: fvFloat 3.2s ease-in-out infinite;
}

@keyframes fvFloat {
  0%,
100% {
    translate: 0 0;
  }
  50% {
    translate: 0 -1.38889vw;
  }
}

.outer_5.is-float img {
  animation: fvFloat 3.2s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  .fv_deco img,
.outer_5.is-float img {
    animation: none;
  }
}

.fv_txt {
  position: absolute;
  top: 68.61111vw;
  left: 8.26389vw;
  width: 23.61111vw;
  color: #63564e;
  font-size: 1.25vw;
  line-height: calc(40 / 18);
  letter-spacing: 0.0625vw;
  text-align: center;
  white-space: nowrap;
}

@media screen and (max-width: 768px) {
  .fv_txt {
    top: 173.33333vw;
    left: 50.70175vw;
    width: auto;
    font-size: 3.46667vw;
    line-height: 7.01754vw;
    letter-spacing: 0.05em;
    translate: -50% 0;
  }
}

/* 2. KNIT
===================================================== */
.knit {
  position: relative;
  z-index: 7;
  height: 249.375vw;
  background-color: #c6cfeb;
}

@media screen and (max-width: 768px) {
  .knit {
    height: 630vw;
  }
}

.knit_code_bg {
  position: absolute;
  top: 151.73611vw;
  left: 0;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .knit_code_bg {
    top: 383.33333vw;
  }
}

.knit_1 {
  position: absolute;
  top: 5.41667vw;
  left: 11.18056vw;
  width: 24.30556vw;
  height: 34.72222vw;
}

@media screen and (max-width: 768px) {
  .knit_1 {
    top: 13.68421vw;
    left: 28.24561vw;
    width: 61.40351vw;
    height: 87.7193vw;
  }
}

.knit_ttl {
  position: absolute;
  top: 3.19444vw;
  left: 1.875vw;
  z-index: 1;
  width: 23.05556vw;
}

@media screen and (max-width: 768px) {
  .knit_ttl {
    top: 8.07018vw;
    left: 4.73684vw;
    width: 58.24561vw;
  }
}

.knit_2 {
  position: absolute;
  top: 31.04167vw;
  left: 0.06944vw;
  z-index: 2;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .knit_2 {
    top: 78.42105vw;
    left: 0.17544vw;
  }
}

.knit_3 {
  position: absolute;
  top: 87.77778vw;
  left: 5.90278vw;
  z-index: 1;
  width: 27.77778vw;
  height: 30.55556vw;
}

@media screen and (max-width: 768px) {
  .knit_3 {
    top: 221.75439vw;
    left: 14.91228vw;
    width: 70.17544vw;
    height: 77.19298vw;
  }
}

.knit_deco1 {
  position: absolute;
  top: 79.79167vw;
  left: 28.95833vw;
  z-index: 1;
  width: 9.375vw;
}

@media screen and (max-width: 768px) {
  .knit_deco1 {
    top: 201.57895vw;
    left: 73.15789vw;
    width: 23.68421vw;
  }
}

.knit_deco2 {
  position: absolute;
  top: 110.90278vw;
  left: 0;
  z-index: 1;
  width: 12.36111vw;
}

@media screen and (max-width: 768px) {
  .knit_deco2 {
    top: 280.17544vw;
    width: 31.22807vw;
  }
}

.leeep_movie {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 22.29167vw;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .leeep_movie {
    height: 56.31579vw;
  }
}

.leeep_movie video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}

.leeep_movie video::-webkit-media-controls,
.leeep_movie video::-webkit-media-controls-panel,
.leeep_movie video::-webkit-media-controls-start-playback-button,
.leeep_movie video::-webkit-media-controls-overlay-play-button {
  display: none !important;
  -webkit-appearance: none;
}

.knit_copy {
  top: 124.16667vw;
}

@media screen and (max-width: 768px) {
  .knit_copy {
    top: 313.68421vw;
  }
}

.knit_deco3 {
  position: absolute;
  top: 142.5vw;
  left: 29.65278vw;
  z-index: 2;
  width: 9.65278vw;
}

@media screen and (max-width: 768px) {
  .knit_deco3 {
    top: 360vw;
    left: 74.91228vw;
    width: 24.38596vw;
  }
}

.knit_code {
  position: absolute;
  z-index: 1;
  width: 20.41667vw;
  height: 26.66667vw;
}

@media screen and (max-width: 768px) {
  .knit_code {
    width: 51.57895vw;
    height: 67.36842vw;
  }
}

.knit_code--1 {
  top: 153.64583vw;
  left: 16.04167vw;
  rotate: -4.17deg;
}

@media screen and (max-width: 768px) {
  .knit_code--1 {
    top: 388.15789vw;
    left: 40.52632vw;
  }
}

.knit_code--2 {
  top: 174.23611vw;
  left: 1.80556vw;
}

@media screen and (max-width: 768px) {
  .knit_code--2 {
    top: 440.17544vw;
    left: 4.5614vw;
  }
}

.knit_code--3 {
  top: 198.26389vw;
  left: 17.70833vw;
  rotate: 4.74deg;
}

@media screen and (max-width: 768px) {
  .knit_code--3 {
    top: 500.87719vw;
    left: 44.73684vw;
  }
}

.knit_star {
  position: absolute;
  z-index: 2;
}

.knit_star--2 {
  top: 206.875vw;
  left: 10.65972vw;
  width: 5.72917vw;
}

@media screen and (max-width: 768px) {
  .knit_star--2 {
    top: 522.63158vw;
    left: 26.92982vw;
    width: 14.47368vw;
  }
}

.knit_star--4 {
  top: 167.29167vw;
  left: 12.53472vw;
  width: 6.59722vw;
}

@media screen and (max-width: 768px) {
  .knit_star--4 {
    top: 422.63158vw;
    left: 31.66667vw;
    width: 16.66667vw;
  }
}

.knit_star--5 {
  top: 156.21528vw;
  left: 5.24306vw;
  width: 7.67361vw;
}

@media screen and (max-width: 768px) {
  .knit_star--5 {
    top: 394.64912vw;
    left: 13.24561vw;
    width: 19.38596vw;
  }
}

.knit_star--6 {
  top: 183.02083vw;
  left: 4.75694vw;
  width: 5.20833vw;
}

@media screen and (max-width: 768px) {
  .knit_star--6 {
    top: 462.36842vw;
    left: 12.01754vw;
    width: 13.15789vw;
  }
}

.knit_credit {
  position: absolute;
  z-index: 3;
  width: 16.52778vw;
  height: 16.73611vw;
}

@media screen and (max-width: 768px) {
  .knit_credit {
    width: 41.75439vw;
    height: 42.2807vw;
  }
}

.knit_credit--1 {
  top: 174.65278vw;
  left: 25.90278vw;
}

@media screen and (max-width: 768px) {
  .knit_credit--1 {
    top: 441.22807vw;
    left: 65.4386vw;
  }
}

.knit_credit--2 {
  top: 194.13194vw;
  left: -3.125vw;
}

@media screen and (max-width: 768px) {
  .knit_credit--2 {
    top: 490.4386vw;
    left: -7.89474vw;
  }
}

.knit_credit--3 {
  top: 214.79167vw;
  left: 9.75694vw;
}

@media screen and (max-width: 768px) {
  .knit_credit--3 {
    top: 542.63158vw;
    left: 24.64912vw;
  }
}

.knit_credit_star {
  position: absolute;
  inset: 0;
}

.knit_credit--2 .knit_credit_star {
  transform: rotate(4deg);
}

.item_credit {
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: 1.04167vw;
}

@media screen and (max-width: 768px) {
  .item_credit {
    gap: 2.63158vw;
  }
}

.knit_credit--1 .item_credit {
  top: 5.83333vw;
  left: 3.75vw;
}

@media screen and (max-width: 768px) {
  .knit_credit--1 .item_credit {
    top: 14.73684vw;
    left: 9.47368vw;
  }
}

.knit_credit--2 .item_credit {
  top: 4.82639vw;
  left: 4.375vw;
}

@media screen and (max-width: 768px) {
  .knit_credit--2 .item_credit {
    top: 12.19298vw;
    left: 11.05263vw;
  }
}

.knit_credit--3 .item_credit {
  top: 4.72222vw;
  left: 3.78472vw;
}

@media screen and (max-width: 768px) {
  .knit_credit--3 .item_credit {
    top: 11.92982vw;
    left: 9.5614vw;
  }
}

.item_credit_link {
  position: relative;
  display: block;
  color: #000;
  font-size: 0.97222vw;
  line-height: calc(17 / 14);
  letter-spacing: 0;
  text-align: center;
  white-space: nowrap;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-style: normal;
}

@media screen and (max-width: 768px) {
  .item_credit_link {
    font-size: 2.45614vw;
  }
}

.item_credit_link .item_credit_price {
  text-decoration: underline;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 1px;
}

.item_credit_link::before {
  content: "";
  position: absolute;
  top: -0.52083vw;
  right: -1.38889vw;
  bottom: -0.52083vw;
  left: -1.38889vw;
}

@media screen and (max-width: 768px) {
  .item_credit_link::before {
    top: -1.31579vw;
    right: -3.50877vw;
    bottom: -1.31579vw;
    left: -3.50877vw;
  }
}

.knit_loop {
  z-index: 4;
}

.slide_item {
  flex-shrink: 0;
  width: 13.88889vw;
  margin-left: -2.08333vw;
}

@media screen and (max-width: 768px) {
  .slide_item {
    width: 35.08772vw;
    margin-left: -5.26316vw;
  }
}

.slide_item--s {
  width: 10.41667vw;
  margin-top: 2.63889vw;
}

@media screen and (max-width: 768px) {
  .slide_item--s {
    width: 26.31579vw;
    margin-top: 6.66667vw;
  }
}

/* 3. OUTER
===================================================== */
.outer {
  position: relative;
  z-index: 6;
  height: 494.58333vw;
  background-color: #f0cd9f;
}

@media screen and (max-width: 768px) {
  .outer {
    height: 1249.47368vw;
  }
}

.outer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 274.93056vw;
  background: url(../images/3outer/bg_star.svg) repeat left top/4.47917vw 8.54167vw;
}

@media screen and (max-width: 768px) {
  .outer::before {
    height: 694.5614vw;
    background-size: 11.31579vw 21.57895vw;
  }
}

.outer img {
  pointer-events: none;
}

.outer_flash1 {
  position: absolute;
  top: 9.61806vw;
  left: 11.66667vw;
  width: 4.89583vw;
}

@media screen and (max-width: 768px) {
  .outer_flash1 {
    top: 24.29825vw;
    left: 29.47368vw;
    width: 12.36842vw;
  }
}

.outer_1 {
  position: absolute;
  top: 16.52778vw;
  left: 7.84722vw;
  z-index: 1;
  width: 22.91667vw;
  rotate: 3.66deg;
}

@media screen and (max-width: 768px) {
  .outer_1 {
    top: 41.75439vw;
    left: 19.82456vw;
    width: 57.89474vw;
  }
}

.outer_ttl {
  position: absolute;
  top: 11.11111vw;
  left: 2.63889vw;
  z-index: 2;
  width: 34.65278vw;
}

@media screen and (max-width: 768px) {
  .outer_ttl {
    top: 28.07018vw;
    left: 6.66667vw;
    width: 87.54386vw;
  }
}

.outer_flash2 {
  position: absolute;
  top: 17.56944vw;
  left: 29.51389vw;
  z-index: 2;
  width: 4.58333vw;
}

@media screen and (max-width: 768px) {
  .outer_flash2 {
    top: 44.38596vw;
    left: 74.5614vw;
    width: 11.57895vw;
  }
}

.outer_2_photo {
  position: absolute;
  top: 52.43056vw;
  left: 10.86806vw;
  z-index: 2;
  width: 17.84722vw;
  height: 22.77778vw;
}

@media screen and (max-width: 768px) {
  .outer_2_photo {
    top: 132.45614vw;
    left: 27.45614vw;
    width: 45.08772vw;
    height: 57.54386vw;
  }
}

.outer_2 {
  position: absolute;
  top: 46.875vw;
  left: 1.04167vw;
  z-index: 2;
  width: 37.5vw;
}

@media screen and (max-width: 768px) {
  .outer_2 {
    top: 118.42105vw;
    left: 2.63158vw;
    width: 94.73684vw;
  }
}

.outer_3 {
  position: absolute;
  top: 91.31944vw;
  left: 3.40278vw;
  z-index: 1;
  width: 22.91667vw;
  rotate: -4deg;
}

@media screen and (max-width: 768px) {
  .outer_3 {
    top: 230.70175vw;
    left: 8.59649vw;
    width: 57.89474vw;
  }
}

.outer_4 {
  position: absolute;
  top: 116.80556vw;
  left: 12.88194vw;
  z-index: 1;
  width: 22.91667vw;
  rotate: 3.66deg;
}

@media screen and (max-width: 768px) {
  .outer_4 {
    top: 295.08772vw;
    left: 32.54386vw;
    width: 57.89474vw;
  }
}

.outer_movie {
  top: 151.38889vw;
}

@media screen and (max-width: 768px) {
  .outer_movie {
    top: 382.45614vw;
  }
}

.goods_movie {
  top: 83.33333vw;
}

@media screen and (max-width: 768px) {
  .goods_movie {
    top: 210.52632vw;
  }
}

.sweat_movie {
  top: 283.88889vw;
}

@media screen and (max-width: 768px) {
  .sweat_movie {
    top: 717.19298vw;
  }
}

.cardigan_movie {
  top: 149.51389vw;
}

@media screen and (max-width: 768px) {
  .cardigan_movie {
    top: 377.7193vw;
  }
}

.purple_movie {
  top: 93.61111vw;
}

@media screen and (max-width: 768px) {
  .purple_movie {
    top: 236.49123vw;
  }
}

.outer_movie2 {
  top: 460.625vw;
}

@media screen and (max-width: 768px) {
  .outer_movie2 {
    top: 1163.68421vw;
  }
}

.outer_chair {
  position: absolute;
  top: 169.44444vw;
  left: 28.26389vw;
  z-index: 3;
  width: 12.98611vw;
  height: 19.16667vw;
}

@media screen and (max-width: 768px) {
  .outer_chair {
    top: 428.07018vw;
    left: 71.40351vw;
    width: 32.80702vw;
    height: 48.42105vw;
  }
}

.outer_chair img {
  height: 100%;
  object-fit: cover;
}

.outer_decocamera {
  position: absolute;
  top: 173.68056vw;
  left: -7.36111vw;
  z-index: 2;
  width: 38.29861vw;
}

@media screen and (max-width: 768px) {
  .outer_decocamera {
    top: 438.77193vw;
    left: -18.59649vw;
    width: 96.75439vw;
  }
}

.outer_film {
  position: absolute;
  top: 195.10417vw;
  left: 4.23611vw;
  z-index: 2;
  width: 16.31944vw;
  height: 17.98611vw;
}

@media screen and (max-width: 768px) {
  .outer_film {
    top: 492.89474vw;
    left: 10.70175vw;
    width: 41.22807vw;
    height: 45.4386vw;
  }
}

.outer_credit {
  position: absolute;
  z-index: 1;
}

.outer_credit--1 {
  top: 195.34722vw;
  left: 19.58333vw;
  width: 20vw;
}

@media screen and (max-width: 768px) {
  .outer_credit--1 {
    top: 493.50877vw;
    left: 49.47368vw;
    width: 50.52632vw;
  }
}

.outer_credit--2 {
  top: 252.5vw;
  left: 19.02778vw;
  width: 17.36111vw;
}

@media screen and (max-width: 768px) {
  .outer_credit--2 {
    top: 637.89474vw;
    left: 48.07018vw;
    width: 43.85965vw;
  }
}

.outer_credit--1 .item_credit {
  top: 10vw;
  left: 7.36111vw;
}

@media screen and (max-width: 768px) {
  .outer_credit--1 .item_credit {
    top: 25.26316vw;
    left: 18.59649vw;
  }
}

.outer_credit--2 .item_credit {
  top: 8.33333vw;
  left: 4.51389vw;
}

@media screen and (max-width: 768px) {
  .outer_credit--2 .item_credit {
    top: 21.05263vw;
    left: 11.40351vw;
  }
}

.outer_ribbon {
  position: absolute;
  top: 116.11111vw;
  left: 1.11111vw;
  z-index: 1;
  width: 18.26389vw;
}

@media screen and (max-width: 768px) {
  .outer_ribbon {
    top: 293.33333vw;
    left: 2.80702vw;
    width: 46.14035vw;
  }
}

.outer_3_2,
.outer_4_2 {
  position: absolute;
  z-index: 3;
  width: 22.91667vw;
  opacity: 0;
}

@media screen and (max-width: 768px) {
  .outer_3_2,
.outer_4_2 {
    width: 57.89474vw;
  }
}

.outer_3_2 {
  top: 88.61111vw;
  left: 6.18056vw;
}

@media screen and (max-width: 768px) {
  .outer_3_2 {
    top: 223.85965vw;
    left: 15.61404vw;
  }
}

.outer_4_2 {
  top: 113.50694vw;
  left: 11.45833vw;
  rotate: -4.61deg;
}

@media screen and (max-width: 768px) {
  .outer_4_2 {
    top: 286.75439vw;
    left: 28.94737vw;
  }
}

.js-digital .digital_slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
}

.js-digital .digital_slide.is-active {
  opacity: 1;
}

.js-digital.is-switching {
  animation: digitalSwitch 0.4s steps(1, end);
}

@keyframes digitalSwitch {
  0% {
    filter: brightness(1.8) contrast(1.3);
    translate: -0.20833vw 0;
  }
  25% {
    filter: brightness(0.6);
    translate: 0.20833vw 0;
  }
  50% {
    filter: brightness(2.2) saturate(0);
    translate: 0 0;
  }
  75% {
    filter: brightness(1.3);
    translate: -0.06944vw 0;
  }
  100% {
    filter: none;
    translate: 0 0;
  }
}

.outer_6a {
  position: absolute;
  top: 228.54167vw;
  left: 15.90278vw;
  z-index: 1;
  width: 21.52778vw;
}

@media screen and (max-width: 768px) {
  .outer_6a {
    top: 577.36842vw;
    left: 40.17544vw;
    width: 54.38596vw;
  }
}

.outer_6b {
  position: absolute;
  top: 239.20139vw;
  left: 4.23611vw;
  z-index: 1;
  width: 21.52778vw;
  rotate: -12.32deg;
}

@media screen and (max-width: 768px) {
  .outer_6b {
    top: 604.29825vw;
    left: 10.70175vw;
    width: 54.38596vw;
  }
}

/* 3. OUTER 後半
===================================================== */
.outer_deco5,
.outer_6,
.outer_star,
.outer_7,
.outer_credit3,
.outer_credit--4,
.outer_credit--5,
.outer_5,
.outer_5_deco,
.outer_deco2,
.outer_deco4,
.outer_code5,
.outer_deco1,
.outer_txt,
.outer_code3,
.outer_code4,
.outer_deco3 {
  z-index: 4;
}

.outer_deco5 {
  position: absolute;
  top: 441.45833vw;
  left: -21.80556vw;
  width: 50.27778vw;
  clip-path: inset(0 0 4.15% 0);
}

@media screen and (max-width: 768px) {
  .outer_deco5 {
    top: 1115.26316vw;
    left: -55.08772vw;
    width: 127.01754vw;
  }
}

.outer_6 {
  position: absolute;
  top: 321.66667vw;
  left: 14.09722vw;
  width: 21.66667vw;
  height: 28.75vw;
}

@media screen and (max-width: 768px) {
  .outer_6 {
    top: 812.63158vw;
    left: 35.61404vw;
    width: 54.73684vw;
  }
}

@media screen and (max-width: 768px) {
  .outer_6 {
    height: 72.63158vw;
  }
}

.outer_star--10 {
  position: absolute;
  top: 350.65972vw;
  left: 33.15972vw;
  width: 5.3125vw;
}

@media screen and (max-width: 768px) {
  .outer_star--10 {
    top: 885.87719vw;
    left: 83.77193vw;
    width: 13.42105vw;
  }
}

.outer_star--14 {
  position: absolute;
  top: 365.65972vw;
  left: 27.53472vw;
  width: 5.3125vw;
}

@media screen and (max-width: 768px) {
  .outer_star--14 {
    top: 923.77193vw;
    left: 69.5614vw;
    width: 13.42105vw;
  }
}

.outer_star--19 {
  position: absolute;
  top: 440.45139vw;
  left: 31.84028vw;
  width: 5.3125vw;
}

@media screen and (max-width: 768px) {
  .outer_star--19 {
    top: 1112.7193vw;
    left: 80.4386vw;
    width: 13.42105vw;
  }
}

.outer_star--22 {
  position: absolute;
  top: 410.34722vw;
  left: 16.70139vw;
  width: 6.49306vw;
}

@media screen and (max-width: 768px) {
  .outer_star--22 {
    top: 1036.66667vw;
    left: 42.19298vw;
    width: 16.40351vw;
  }
}

.outer_7 {
  position: absolute;
  top: 340.27778vw;
  left: -2.22222vw;
  width: 29.86111vw;
}

@media screen and (max-width: 768px) {
  .outer_7 {
    top: 859.64912vw;
    left: -5.61404vw;
    width: 75.4386vw;
  }
}

.outer_credit3 {
  position: absolute;
  top: 374.09722vw;
  left: 10.13889vw;
  width: 15.45139vw;
}

@media screen and (max-width: 768px) {
  .outer_credit3 {
    top: 945.08772vw;
    left: 25.61404vw;
    width: 39.03509vw;
  }
}

.outer_credit3 .item_credit {
  top: 3.26389vw;
  left: 4.51389vw;
}

@media screen and (max-width: 768px) {
  .outer_credit3 .item_credit {
    top: 8.24561vw;
    left: 11.40351vw;
  }
}

.outer_5 {
  position: absolute;
  top: 272.98611vw;
  left: -2.77778vw;
  width: 42.36111vw;
}

@media screen and (max-width: 768px) {
  .outer_5 {
    top: 689.64912vw;
    left: -7.01754vw;
    width: 107.01754vw;
  }
}

.outer_5_deco {
  position: absolute;
  top: 270.27778vw;
  left: -2.08333vw;
  width: 41.66667vw;
}

@media screen and (max-width: 768px) {
  .outer_5_deco {
    top: 682.80702vw;
    left: -5.26316vw;
    width: 105.26316vw;
  }
}

.outer_deco2 {
  position: absolute;
  top: 363.95833vw;
  left: -1.11111vw;
  width: 15.97222vw;
}

@media screen and (max-width: 768px) {
  .outer_deco2 {
    top: 919.47368vw;
    left: -2.80702vw;
    width: 40.35088vw;
  }
}

.outer_deco4 {
  position: absolute;
  top: 410.69444vw;
  left: 24.93056vw;
  width: 28.29861vw;
}

@media screen and (max-width: 768px) {
  .outer_deco4 {
    top: 1037.54386vw;
    left: 62.98246vw;
    width: 71.49123vw;
  }
}

.outer_deco1 {
  position: absolute;
  top: 312.91667vw;
  left: 0vw;
  width: 22.98611vw;
}

@media screen and (max-width: 768px) {
  .outer_deco1 {
    top: 790.52632vw;
    left: 0vw;
    width: 58.07018vw;
  }
}

.outer_txt {
  position: absolute;
  top: 451.04167vw;
  left: 0.20833vw;
  width: 27.01389vw;
  color: #fff;
  font-family: "nitti-typewriter-normal", monospace;
  font-size: 1.66667vw;
  font-weight: 400;
  line-height: calc(29 / 24);
  letter-spacing: 0;
  white-space: nowrap;
}

@media screen and (max-width: 768px) {
  .outer_txt {
    top: 1139.47368vw;
    left: 0.52632vw;
    width: 68.24561vw;
  }
}

@media screen and (max-width: 768px) {
  .outer_txt {
    font-size: 4.21053vw;
  }
}

.outer_txt .typing_char {
  visibility: hidden;
}

.outer_txt .typing_char.is-typed {
  visibility: visible;
}

.outer_txt .typing_caret {
  display: inline-block;
  width: 0.08em;
  height: 1em;
  margin-left: 0.05em;
  background-color: #fff;
  vertical-align: -0.12em;
  animation: typingCaret 1s steps(1, end) infinite;
}

@keyframes typingCaret {
  50% {
    opacity: 0;
  }
}

.outer_deco3 {
  position: absolute;
  top: 386.25vw;
  left: -1.04167vw;
  width: 38.02083vw;
}

@media screen and (max-width: 768px) {
  .outer_deco3 {
    top: 975.78947vw;
    left: -2.63158vw;
    width: 96.05263vw;
  }
}

.outer_credit--4 {
  position: absolute;
  top: 405.27778vw;
  left: 18.88889vw;
  width: 11.11111vw;
}

@media screen and (max-width: 768px) {
  .outer_credit--4 {
    top: 1023.85965vw;
    left: 47.7193vw;
    width: 28.07018vw;
  }
}

.outer_credit--5 {
  position: absolute;
  top: 432.63889vw;
  left: 4.30556vw;
  width: 15.45139vw;
}

@media screen and (max-width: 768px) {
  .outer_credit--5 {
    top: 1092.98246vw;
    left: 10.87719vw;
    width: 39.03509vw;
  }
}

.outer_credit--4 .item_credit {
  top: 4.93056vw;
  left: 2.15278vw;
}

@media screen and (max-width: 768px) {
  .outer_credit--4 .item_credit {
    top: 12.45614vw;
    left: 5.4386vw;
  }
}

.outer_credit--5 .item_credit {
  top: 5.34722vw;
  left: 4.09722vw;
}

@media screen and (max-width: 768px) {
  .outer_credit--5 .item_credit {
    top: 13.50877vw;
    left: 10.35088vw;
  }
}

/* 4. SWEAT
===================================================== */
.sweat {
  position: relative;
  z-index: 5;
  height: 452.15278vw;
  border-top: 2.77778vw solid #bfe0f3;
  background-color: #bfe0f3;
}

@media screen and (max-width: 768px) {
  .sweat {
    height: 1142.2807vw;
    border-top-width: 7.01754vw;
  }
}

.sweat img {
  pointer-events: none;
}

.sweat_newspaper3 {
  position: absolute;
  top: 145vw;
  left: 0vw;
  width: 30.27778vw;
}

@media screen and (max-width: 768px) {
  .sweat_newspaper3 {
    top: 366.31579vw;
    left: 0vw;
    width: 76.49123vw;
  }
}

.sweat_lines {
  position: absolute;
  top: 210.3125vw;
  left: 3.81944vw;
  width: 31.875vw;
  height: 71.11111vw;
  background: linear-gradient(#5fb4e5 0 1px, transparent 1px) left top/100% 2.29167vw repeat-y;
}

@media screen and (max-width: 768px) {
  .sweat_lines {
    top: 531.31579vw;
    left: 9.64912vw;
    width: 80.52632vw;
  }
}

@media screen and (max-width: 768px) {
  .sweat_lines {
    height: 179.64912vw;
    background-size: 100% 5.78947vw;
  }
}

.sweat_lines--2 {
  top: 371.35417vw;
  left: 4.09722vw;
  height: 66.52778vw;
}

@media screen and (max-width: 768px) {
  .sweat_lines--2 {
    top: 938.15789vw;
    left: 10.35088vw;
    height: 168.07018vw;
  }
}

.sweat_3 {
  position: absolute;
  top: 107.63889vw;
  left: 5.27778vw;
  width: 29.02778vw;
}

@media screen and (max-width: 768px) {
  .sweat_3 {
    top: 271.92982vw;
    left: 13.33333vw;
    width: 73.33333vw;
  }
}

.sweat_title_bg {
  position: absolute;
  top: 10.625vw;
  left: 4.86111vw;
  width: 34.72222vw;
}

@media screen and (max-width: 768px) {
  .sweat_title_bg {
    top: 26.84211vw;
    left: 12.2807vw;
    width: 87.7193vw;
  }
}

.sweat_1 {
  position: absolute;
  top: 15.06944vw;
  left: 1.66667vw;
  width: 36.63194vw;
}

@media screen and (max-width: 768px) {
  .sweat_1 {
    top: 38.07018vw;
    left: 4.21053vw;
    width: 92.54386vw;
  }
}

.sweat_2_2 {
  position: absolute;
  top: 59.30556vw;
  left: 7.22222vw;
  width: 27.77778vw;
}

@media screen and (max-width: 768px) {
  .sweat_2_2 {
    top: 149.82456vw;
    left: 18.24561vw;
    width: 70.17544vw;
  }
}

.sweat_2_1 {
  position: absolute;
  top: 62.70833vw;
  left: 3.99306vw;
  width: 27.77778vw;
  rotate: 6deg;
}

@media screen and (max-width: 768px) {
  .sweat_2_1 {
    top: 158.42105vw;
    left: 10.08772vw;
    width: 70.17544vw;
  }
}

.sweat_5 {
  position: absolute;
  top: 162.63889vw;
  left: 0vw;
  width: 39.58333vw;
}

@media screen and (max-width: 768px) {
  .sweat_5 {
    top: 410.87719vw;
    left: 0vw;
    width: 100vw;
  }
}

.sweat_clip {
  position: absolute;
  top: 101.31944vw;
  left: 27.08333vw;
  width: 11.875vw;
}

@media screen and (max-width: 768px) {
  .sweat_clip {
    top: 255.96491vw;
    left: 68.42105vw;
    width: 30vw;
  }
}

.sweat_4_2 {
  position: absolute;
  top: 132.29167vw;
  left: 10.27778vw;
  width: 20.83333vw;
}

@media screen and (max-width: 768px) {
  .sweat_4_2 {
    top: 334.21053vw;
    left: 25.96491vw;
    width: 52.63158vw;
  }
}

.sweat_4_1 {
  position: absolute;
  top: 132.11806vw;
  left: 8.47222vw;
  width: 20.83333vw;
  rotate: 3.5deg;
}

@media screen and (max-width: 768px) {
  .sweat_4_1 {
    top: 333.77193vw;
    left: 21.40351vw;
    width: 52.63158vw;
  }
}

.sweat_tape {
  position: absolute;
  top: 128.26389vw;
  left: 10.41667vw;
  width: 17.46528vw;
}

@media screen and (max-width: 768px) {
  .sweat_tape {
    top: 324.03509vw;
    left: 26.31579vw;
    width: 44.12281vw;
  }
}

.sweat_code .crossfade_slide {
  inset: auto;
  height: auto;
  object-fit: initial;
}

.sweat_code1 {
  position: absolute;
  top: 214.65278vw;
  left: 3.19444vw;
  width: 14.0625vw;
  height: 25.06944vw;
}

@media screen and (max-width: 768px) {
  .sweat_code1 {
    top: 542.2807vw;
    left: 8.07018vw;
    width: 35.52632vw;
  }
}

@media screen and (max-width: 768px) {
  .sweat_code1 {
    height: 63.33333vw;
  }
}

.sweat_code1 .crossfade_slide:nth-child(1) {
  top: 0vw;
  left: 0vw;
  width: 14.0625vw;
}

@media screen and (max-width: 768px) {
  .sweat_code1 .crossfade_slide:nth-child(1) {
    top: 0vw;
    left: 0vw;
    width: 35.52632vw;
  }
}

.sweat_code1 .crossfade_slide:nth-child(2) {
  top: 0.41667vw;
  left: 2.5vw;
  width: 10.9375vw;
}

@media screen and (max-width: 768px) {
  .sweat_code1 .crossfade_slide:nth-child(2) {
    top: 1.05263vw;
    left: 6.31579vw;
    width: 27.63158vw;
  }
}

.sweat_code2 {
  position: absolute;
  top: 239.30556vw;
  left: 25.13889vw;
  width: 12.74306vw;
  height: 25.625vw;
}

@media screen and (max-width: 768px) {
  .sweat_code2 {
    top: 604.5614vw;
    left: 63.50877vw;
    width: 32.19298vw;
  }
}

@media screen and (max-width: 768px) {
  .sweat_code2 {
    height: 64.73684vw;
  }
}

.sweat_code2 .crossfade_slide:nth-child(1) {
  top: 0vw;
  left: 0vw;
  width: 12.74306vw;
}

@media screen and (max-width: 768px) {
  .sweat_code2 .crossfade_slide:nth-child(1) {
    top: 0vw;
    left: 0vw;
    width: 32.19298vw;
  }
}

.sweat_code2 .crossfade_slide:nth-child(2) {
  top: 0vw;
  left: -0.69444vw;
  width: 14.20139vw;
}

@media screen and (max-width: 768px) {
  .sweat_code2 .crossfade_slide:nth-child(2) {
    top: 0vw;
    left: -1.75439vw;
    width: 35.87719vw;
  }
}

.sweat_code2 .crossfade_slide:nth-child(3) {
  top: 9.93056vw;
  left: -0.41667vw;
  width: 14.86111vw;
}

@media screen and (max-width: 768px) {
  .sweat_code2 .crossfade_slide:nth-child(3) {
    top: 25.08772vw;
    left: -1.05263vw;
    width: 37.54386vw;
  }
}

.sweat_code3 {
  position: absolute;
  top: 253.36806vw;
  left: 5.24306vw;
  width: 12.63889vw;
  height: 24.09722vw;
}

@media screen and (max-width: 768px) {
  .sweat_code3 {
    top: 640.08772vw;
    left: 13.24561vw;
    width: 31.92982vw;
  }
}

@media screen and (max-width: 768px) {
  .sweat_code3 {
    height: 60.87719vw;
  }
}

.sweat_code3 .crossfade_slide:nth-child(1) {
  top: 0vw;
  left: 0vw;
  width: 12.63889vw;
}

@media screen and (max-width: 768px) {
  .sweat_code3 .crossfade_slide:nth-child(1) {
    top: 0vw;
    left: 0vw;
    width: 31.92982vw;
  }
}

.sweat_code3 .crossfade_slide:nth-child(2) {
  top: 0.45139vw;
  left: 1.28472vw;
  width: 11.11111vw;
}

@media screen and (max-width: 768px) {
  .sweat_code3 .crossfade_slide:nth-child(2) {
    top: 1.14035vw;
    left: 3.24561vw;
    width: 28.07018vw;
  }
}

.sweat_code3 .crossfade_slide:nth-child(3) {
  top: 0.86806vw;
  left: 1.28472vw;
  width: 9.72222vw;
}

@media screen and (max-width: 768px) {
  .sweat_code3 .crossfade_slide:nth-child(3) {
    top: 2.19298vw;
    left: 3.24561vw;
    width: 24.5614vw;
  }
}

.sweat_code4 {
  position: absolute;
  top: 394.30556vw;
  left: 21.07639vw;
  width: 10.52083vw;
  height: 24.54861vw;
}

@media screen and (max-width: 768px) {
  .sweat_code4 {
    top: 996.14035vw;
    left: 53.24561vw;
    width: 26.57895vw;
  }
}

@media screen and (max-width: 768px) {
  .sweat_code4 {
    height: 62.01754vw;
  }
}

.sweat_code4 .crossfade_slide:nth-child(1) {
  top: 0vw;
  left: 0vw;
  width: 10.52083vw;
}

@media screen and (max-width: 768px) {
  .sweat_code4 .crossfade_slide:nth-child(1) {
    top: 0vw;
    left: 0vw;
    width: 26.57895vw;
  }
}

.sweat_code4 .crossfade_slide:nth-child(2) {
  top: 0.97222vw;
  left: 0.17361vw;
  width: 10.03472vw;
}

@media screen and (max-width: 768px) {
  .sweat_code4 .crossfade_slide:nth-child(2) {
    top: 2.45614vw;
    left: 0.4386vw;
    width: 25.35088vw;
  }
}

.sweat_code5 {
  position: absolute;
  top: 416.49306vw;
  left: 6.97917vw;
  width: 10.41667vw;
  height: 23.40278vw;
}

@media screen and (max-width: 768px) {
  .sweat_code5 {
    top: 1052.19298vw;
    left: 17.63158vw;
    width: 26.31579vw;
  }
}

@media screen and (max-width: 768px) {
  .sweat_code5 {
    height: 59.12281vw;
  }
}

.sweat_code5 .crossfade_slide:nth-child(1) {
  top: 0vw;
  left: 0vw;
  width: 10.41667vw;
}

@media screen and (max-width: 768px) {
  .sweat_code5 .crossfade_slide:nth-child(1) {
    top: 0vw;
    left: 0vw;
    width: 26.31579vw;
  }
}

.sweat_code5 .crossfade_slide:nth-child(2) {
  top: -0.03472vw;
  left: 0.3125vw;
  width: 10.86806vw;
}

@media screen and (max-width: 768px) {
  .sweat_code5 .crossfade_slide:nth-child(2) {
    top: -0.08772vw;
    left: 0.78947vw;
    width: 27.45614vw;
  }
}

.sweat_credit--1 {
  position: absolute;
  top: 215.625vw;
  left: 14.02778vw;
  width: 14.02778vw;
}

@media screen and (max-width: 768px) {
  .sweat_credit--1 {
    top: 544.73684vw;
    left: 35.4386vw;
    width: 35.4386vw;
  }
}

.sweat_credit--2 {
  position: absolute;
  top: 240vw;
  left: 15.83333vw;
  width: 13.81944vw;
}

@media screen and (max-width: 768px) {
  .sweat_credit--2 {
    top: 606.31579vw;
    left: 40vw;
    width: 34.91228vw;
  }
}

.sweat_credit--3 {
  position: absolute;
  top: 261.80556vw;
  left: 14.72222vw;
  width: 15.06944vw;
}

@media screen and (max-width: 768px) {
  .sweat_credit--3 {
    top: 661.40351vw;
    left: 37.19298vw;
    width: 38.07018vw;
  }
}

.sweat_credit--1 .item_credit {
  top: 1.45833vw;
  left: 3.54167vw;
}

@media screen and (max-width: 768px) {
  .sweat_credit--1 .item_credit {
    top: 3.68421vw;
    left: 8.94737vw;
  }
}

.sweat_credit--2 .item_credit {
  top: 2.70833vw;
  left: 3.47222vw;
}

@media screen and (max-width: 768px) {
  .sweat_credit--2 .item_credit {
    top: 6.84211vw;
    left: 8.77193vw;
  }
}

.sweat_credit--3 .item_credit {
  top: 5vw;
  left: 2.36111vw;
}

@media screen and (max-width: 768px) {
  .sweat_credit--3 .item_credit {
    top: 12.63158vw;
    left: 5.96491vw;
  }
}

.sweat_draw1 {
  position: absolute;
  top: 207.84722vw;
  left: 30.55556vw;
  width: 5.97222vw;
}

@media screen and (max-width: 768px) {
  .sweat_draw1 {
    top: 525.08772vw;
    left: 77.19298vw;
    width: 15.08772vw;
  }
}

.sweat_draw2 {
  position: absolute;
  top: 231.59722vw;
  left: 27.56944vw;
  width: 6.35417vw;
}

@media screen and (max-width: 768px) {
  .sweat_draw2 {
    top: 585.08772vw;
    left: 69.64912vw;
    width: 16.05263vw;
  }
}

.sweat_draw3 {
  position: absolute;
  top: 248.02083vw;
  left: 4.61806vw;
  width: 5.10417vw;
}

@media screen and (max-width: 768px) {
  .sweat_draw3 {
    top: 626.57895vw;
    left: 11.66667vw;
    width: 12.89474vw;
  }
}

.sweat_ttl {
  position: absolute;
  top: 8.29861vw;
  left: 3.33333vw;
  width: 24.44444vw;
}

@media screen and (max-width: 768px) {
  .sweat_ttl {
    top: 20.96491vw;
    left: 8.42105vw;
    width: 61.75439vw;
  }
}

.sweat_kirakira {
  position: absolute;
  top: 135.97222vw;
  left: 31.18056vw;
  width: 6.35417vw;
}

@media screen and (max-width: 768px) {
  .sweat_kirakira {
    top: 343.50877vw;
    left: 78.77193vw;
    width: 16.05263vw;
  }
}

.sweat_flower1 {
  position: absolute;
  top: 131.31944vw;
  left: 26.04167vw;
  width: 10.27778vw;
}

@media screen and (max-width: 768px) {
  .sweat_flower1 {
    top: 331.75439vw;
    left: 65.78947vw;
    width: 25.96491vw;
  }
}

.sweat_newspaper2 {
  position: absolute;
  top: 87.77778vw;
  left: 16.875vw;
  width: 22.70833vw;
}

@media screen and (max-width: 768px) {
  .sweat_newspaper2 {
    top: 221.75439vw;
    left: 42.63158vw;
    width: 57.36842vw;
  }
}

.sweat_tape2 {
  position: absolute;
  top: 153.68056vw;
  left: -3.75vw;
  width: 12.67361vw;
}

@media screen and (max-width: 768px) {
  .sweat_tape2 {
    top: 388.24561vw;
    left: -9.47368vw;
    width: 32.01754vw;
  }
}

.sweat_flower2 {
  position: absolute;
  top: 137.70833vw;
  left: 0vw;
  width: 12.56944vw;
}

@media screen and (max-width: 768px) {
  .sweat_flower2 {
    top: 347.89474vw;
    left: 0vw;
    width: 31.75439vw;
  }
}

.sweat_newspaper1 {
  position: absolute;
  top: 54.375vw;
  left: 0vw;
  width: 30.55556vw;
}

@media screen and (max-width: 768px) {
  .sweat_newspaper1 {
    top: 137.36842vw;
    left: 0vw;
    width: 77.19298vw;
  }
}

.sweat_shuffle {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

/* 4. SWEAT 後半
===================================================== */
.sweat_6 {
  position: absolute;
  top: 309.93056vw;
  left: 2.63889vw;
  width: 34.72222vw;
}

@media screen and (max-width: 768px) {
  .sweat_6 {
    top: 782.98246vw;
    left: 6.66667vw;
    width: 87.7193vw;
  }
}

.sweat_7_2 {
  position: absolute;
  top: 351.59722vw;
  left: 8.33333vw;
  width: 27.77778vw;
}

@media screen and (max-width: 768px) {
  .sweat_7_2 {
    top: 888.24561vw;
    left: 21.05263vw;
    width: 70.17544vw;
  }
}

.sweat_7_1 {
  position: absolute;
  top: 347.63889vw;
  left: 5.34722vw;
  width: 27.77778vw;
  rotate: -5.68deg;
}

@media screen and (max-width: 768px) {
  .sweat_7_1 {
    top: 878.24561vw;
    left: 13.50877vw;
    width: 70.17544vw;
  }
}

.sweat_newspaper4 {
  position: absolute;
  top: 340.20833vw;
  left: 12.36111vw;
  width: 32.5vw;
}

@media screen and (max-width: 768px) {
  .sweat_newspaper4 {
    top: 859.47368vw;
    left: 31.22807vw;
    width: 82.10526vw;
  }
}

.sweat_newspaper5 {
  position: absolute;
  top: 377.56944vw;
  left: -7.01389vw;
  width: 33.125vw;
}

@media screen and (max-width: 768px) {
  .sweat_newspaper5 {
    top: 953.85965vw;
    left: -17.7193vw;
    width: 83.68421vw;
  }
}

.sweat_draw4 {
  position: absolute;
  top: 394.44444vw;
  left: 30.34722vw;
  width: 3.15972vw;
}

@media screen and (max-width: 768px) {
  .sweat_draw4 {
    top: 996.49123vw;
    left: 76.66667vw;
    width: 7.98246vw;
  }
}

.sweat_draw5 {
  position: absolute;
  top: 415.20833vw;
  left: 5.20833vw;
  width: 3.95833vw;
}

@media screen and (max-width: 768px) {
  .sweat_draw5 {
    top: 1048.94737vw;
    left: 13.15789vw;
    width: 10vw;
  }
}

.sweat_credit--4 {
  position: absolute;
  top: 399.79167vw;
  left: 7.29167vw;
  width: 13.125vw;
}

@media screen and (max-width: 768px) {
  .sweat_credit--4 {
    top: 1010vw;
    left: 18.42105vw;
    width: 33.15789vw;
  }
}

.sweat_credit--5 {
  position: absolute;
  top: 422.5vw;
  left: 17.5vw;
  width: 14.79167vw;
}

@media screen and (max-width: 768px) {
  .sweat_credit--5 {
    top: 1067.36842vw;
    left: 44.21053vw;
    width: 37.36842vw;
  }
}

.sweat_credit--4 .item_credit {
  top: 3.88889vw;
  left: 3.125vw;
}

@media screen and (max-width: 768px) {
  .sweat_credit--4 .item_credit {
    top: 9.82456vw;
    left: 7.89474vw;
  }
}

.sweat_credit--5 .item_credit {
  top: 2.98611vw;
  left: 2.43056vw;
}

@media screen and (max-width: 768px) {
  .sweat_credit--5 .item_credit {
    top: 7.54386vw;
    left: 6.14035vw;
  }
}

.sweat_uneune {
  position: absolute;
  top: 308.22917vw;
  left: -3.47222vw;
  width: 47.88194vw;
  height: 24.34028vw;
  overflow: visible;
  pointer-events: none;
}

@media screen and (max-width: 768px) {
  .sweat_uneune {
    top: 778.68421vw;
    left: -8.77193vw;
    width: 120.96491vw;
    height: 61.49123vw;
  }
}

.sweat_uneune text {
  fill: #fff;
  font-family: "Reenie Beanie", cursive;
  font-size: 38.53px;
}

/* 5. KNIT CARDIGAN
===================================================== */
.cardigan {
  position: relative;
  z-index: 4;
  height: 241.59722vw;
  background-color: #f6dfeb;
}

@media screen and (max-width: 768px) {
  .cardigan {
    height: 610.35088vw;
  }
}

.cardigan img {
  pointer-events: none;
}

.cardigan_4 {
  position: absolute;
  top: 108.47222vw;
  left: 12.77778vw;
  width: 19.44444vw;
  height: 25.69444vw;
  rotate: 4.8deg;
}

@media screen and (max-width: 768px) {
  .cardigan_4 {
    top: 274.03509vw;
    left: 32.2807vw;
    width: 49.12281vw;
  }
}

@media screen and (max-width: 768px) {
  .cardigan_4 {
    height: 64.91228vw;
  }
}

.cardigan_2 {
  position: absolute;
  top: 62.08333vw;
  left: 14.58333vw;
  width: 19.44444vw;
  height: 25.69444vw;
}

@media screen and (max-width: 768px) {
  .cardigan_2 {
    top: 156.84211vw;
    left: 36.84211vw;
    width: 49.12281vw;
  }
}

@media screen and (max-width: 768px) {
  .cardigan_2 {
    height: 64.91228vw;
  }
}

.cardigan_3 {
  position: absolute;
  top: 85.06944vw;
  left: 2.77778vw;
  width: 19.44444vw;
}

@media screen and (max-width: 768px) {
  .cardigan_3 {
    top: 214.91228vw;
    left: 7.01754vw;
    width: 49.12281vw;
  }
}

.cardigan_code1 {
  position: absolute;
  top: 176.31944vw;
  left: 3.95833vw;
  width: 19.44444vw;
  height: 25.69444vw;
}

@media screen and (max-width: 768px) {
  .cardigan_code1 {
    top: 445.4386vw;
    left: 10vw;
    width: 49.12281vw;
  }
}

@media screen and (max-width: 768px) {
  .cardigan_code1 {
    height: 64.91228vw;
  }
}

.cardigan_code2 {
  position: absolute;
  top: 204.375vw;
  left: 17.56944vw;
  width: 19.44444vw;
  height: 25.69444vw;
}

@media screen and (max-width: 768px) {
  .cardigan_code2 {
    top: 516.31579vw;
    left: 44.38596vw;
    width: 49.12281vw;
  }
}

@media screen and (max-width: 768px) {
  .cardigan_code2 {
    height: 64.91228vw;
  }
}

.cardigan_title_bg {
  position: absolute;
  top: 16.11111vw;
  left: 2.08333vw;
  width: 27.08333vw;
}

@media screen and (max-width: 768px) {
  .cardigan_title_bg {
    top: 40.70175vw;
    left: 5.26316vw;
    width: 68.42105vw;
  }
}

.cardigan_ttl {
  position: absolute;
  top: 9.375vw;
  left: 1.80556vw;
  width: 35.76389vw;
}

@media screen and (max-width: 768px) {
  .cardigan_ttl {
    top: 23.68421vw;
    left: 4.5614vw;
    width: 90.35088vw;
  }
}

.cardigan_deco1 {
  position: absolute;
  top: 56.28472vw;
  left: 29.93056vw;
  width: 11.59722vw;
}

@media screen and (max-width: 768px) {
  .cardigan_deco1 {
    top: 142.19298vw;
    left: 75.61404vw;
    width: 29.29825vw;
  }
}

.cardigan_deco2 {
  position: absolute;
  top: 75.90278vw;
  left: 0.13889vw;
  width: 13.81944vw;
}

@media screen and (max-width: 768px) {
  .cardigan_deco2 {
    top: 191.75439vw;
    left: 0.35088vw;
    width: 34.91228vw;
  }
}

.cardigan_deco3 {
  position: absolute;
  top: 91.59722vw;
  left: 0.48611vw;
  width: 6.31944vw;
}

@media screen and (max-width: 768px) {
  .cardigan_deco3 {
    top: 231.40351vw;
    left: 1.22807vw;
    width: 15.96491vw;
  }
}

.cardigan_deco4 {
  position: absolute;
  top: 130.27778vw;
  left: 28.81944vw;
  width: 6.94444vw;
}

@media screen and (max-width: 768px) {
  .cardigan_deco4 {
    top: 329.12281vw;
    left: 72.80702vw;
    width: 17.54386vw;
  }
}

.cardigan_kirakira1 {
  position: absolute;
  top: 88.88889vw;
  left: 29.72222vw;
  width: 2.70833vw;
}

@media screen and (max-width: 768px) {
  .cardigan_kirakira1 {
    top: 224.5614vw;
    left: 75.08772vw;
    width: 6.84211vw;
  }
}

.cardigan_kirakira2 {
  position: absolute;
  top: 96.31944vw;
  left: 32.08333vw;
  width: 2.36111vw;
}

@media screen and (max-width: 768px) {
  .cardigan_kirakira2 {
    top: 243.33333vw;
    left: 81.05263vw;
    width: 5.96491vw;
  }
}

.cardigan_ribbon {
  position: absolute;
  top: 118.54167vw;
  left: 6.80556vw;
  width: 6.94444vw;
}

@media screen and (max-width: 768px) {
  .cardigan_ribbon {
    top: 299.47368vw;
    left: 17.19298vw;
    width: 17.54386vw;
  }
}

.cardigan_line1 {
  position: absolute;
  top: 194.96528vw;
  left: 2.04861vw;
  width: 7.25694vw;
}

@media screen and (max-width: 768px) {
  .cardigan_line1 {
    top: 492.54386vw;
    left: 5.17544vw;
    width: 18.33333vw;
  }
}

.cardigan_line2 {
  position: absolute;
  top: 174.47917vw;
  left: 18.47222vw;
  width: 6.63194vw;
}

@media screen and (max-width: 768px) {
  .cardigan_line2 {
    top: 440.78947vw;
    left: 46.66667vw;
    width: 16.75439vw;
  }
}

.cardigan_line3 {
  position: absolute;
  top: 202.5vw;
  left: 29.13194vw;
  width: 9.61806vw;
}

@media screen and (max-width: 768px) {
  .cardigan_line3 {
    top: 511.57895vw;
    left: 73.59649vw;
    width: 24.29825vw;
  }
}

.cardigan_line4 {
  position: absolute;
  top: 228.57639vw;
  left: 16.63194vw;
  width: 7.84722vw;
}

@media screen and (max-width: 768px) {
  .cardigan_line4 {
    top: 577.45614vw;
    left: 42.01754vw;
    width: 19.82456vw;
  }
}

.cardigan_cake1 {
  position: absolute;
  top: 37.01389vw;
  left: 0vw;
  width: 12.63889vw;
}

@media screen and (max-width: 768px) {
  .cardigan_cake1 {
    top: 93.50877vw;
    left: 0vw;
    width: 31.92982vw;
  }
}

.cardigan_cake2 {
  position: absolute;
  top: 82.77778vw;
  left: 24.86111vw;
  width: 20.83333vw;
}

@media screen and (max-width: 768px) {
  .cardigan_cake2 {
    top: 209.12281vw;
    left: 62.80702vw;
    width: 52.63158vw;
  }
}

.cardigan_cake3 {
  position: absolute;
  top: 129.30556vw;
  left: -2.15278vw;
  width: 13.88889vw;
}

@media screen and (max-width: 768px) {
  .cardigan_cake3 {
    top: 326.66667vw;
    left: -5.4386vw;
    width: 35.08772vw;
  }
}

.cardigan_credit--1 {
  position: absolute;
  top: 175.48611vw;
  left: 16.66667vw;
  width: 21.07639vw;
}

@media screen and (max-width: 768px) {
  .cardigan_credit--1 {
    top: 443.33333vw;
    left: 42.10526vw;
    width: 53.24561vw;
  }
}

.cardigan_credit--2 {
  position: absolute;
  top: 209.58333vw;
  left: 1.80556vw;
  width: 19.13194vw;
}

@media screen and (max-width: 768px) {
  .cardigan_credit--2 {
    top: 529.47368vw;
    left: 4.5614vw;
    width: 48.33333vw;
  }
}

.cardigan_credit--1 .item_credit {
  top: 7.70833vw;
  left: 7.15278vw;
}

@media screen and (max-width: 768px) {
  .cardigan_credit--1 .item_credit {
    top: 19.47368vw;
    left: 18.07018vw;
  }
}

.cardigan_credit--2 .item_credit {
  top: 8.88889vw;
  left: 7.22222vw;
}

@media screen and (max-width: 768px) {
  .cardigan_credit--2 .item_credit {
    top: 22.45614vw;
    left: 18.24561vw;
  }
}

.cardigan_loop .slide_item:first-child {
  width: 13.33333vw;
}

@media screen and (max-width: 768px) {
  .cardigan_loop .slide_item:first-child {
    width: 33.68421vw;
  }
}

/* 3. OUTER コーデ写真
===================================================== */
.outer_code .crossfade_slide {
  inset: auto;
  height: auto;
  object-fit: initial;
}

.outer_code3 {
  position: absolute;
  top: 367.84722vw;
  left: 20.48611vw;
  width: 19.09722vw;
  height: 34.47917vw;
}

@media screen and (max-width: 768px) {
  .outer_code3 {
    top: 929.29825vw;
    left: 51.75439vw;
    width: 48.24561vw;
  }
}

@media screen and (max-width: 768px) {
  .outer_code3 {
    height: 87.10526vw;
  }
}

.outer_code3 .crossfade_slide:nth-child(1) {
  top: 0vw;
  left: 0vw;
  width: 19.09722vw;
}

@media screen and (max-width: 768px) {
  .outer_code3 .crossfade_slide:nth-child(1) {
    top: 0vw;
    left: 0vw;
    width: 48.24561vw;
  }
}

.outer_code3 .crossfade_slide:nth-child(2) {
  top: 2.01389vw;
  left: 2.5vw;
  width: 16.80556vw;
}

@media screen and (max-width: 768px) {
  .outer_code3 .crossfade_slide:nth-child(2) {
    top: 5.08772vw;
    left: 6.31579vw;
    width: 42.45614vw;
  }
}

.outer_code4 {
  position: absolute;
  top: 392.74306vw;
  left: 1.59722vw;
  width: 21.97917vw;
  height: 33.29861vw;
}

@media screen and (max-width: 768px) {
  .outer_code4 {
    top: 992.19298vw;
    left: 4.03509vw;
    width: 55.52632vw;
  }
}

@media screen and (max-width: 768px) {
  .outer_code4 {
    height: 84.12281vw;
  }
}

.outer_code4 .crossfade_slide:nth-child(1) {
  top: 0vw;
  left: 0vw;
  width: 21.97917vw;
}

@media screen and (max-width: 768px) {
  .outer_code4 .crossfade_slide:nth-child(1) {
    top: 0vw;
    left: 0vw;
    width: 55.52632vw;
  }
}

.outer_code4 .crossfade_slide:nth-child(2) {
  top: 0.24306vw;
  left: 1.59722vw;
  width: 12.25694vw;
}

@media screen and (max-width: 768px) {
  .outer_code4 .crossfade_slide:nth-child(2) {
    top: 0.61404vw;
    left: 4.03509vw;
    width: 30.96491vw;
  }
}

.outer_code5 {
  position: absolute;
  top: 425vw;
  left: 16.31944vw;
  width: 20.3125vw;
  height: 33.40278vw;
}

@media screen and (max-width: 768px) {
  .outer_code5 {
    top: 1073.68421vw;
    left: 41.22807vw;
    width: 51.31579vw;
  }
}

@media screen and (max-width: 768px) {
  .outer_code5 {
    height: 84.38596vw;
  }
}

.outer_code5 .crossfade_slide:nth-child(1) {
  top: 0vw;
  left: 0vw;
  width: 20.3125vw;
}

@media screen and (max-width: 768px) {
  .outer_code5 .crossfade_slide:nth-child(1) {
    top: 0vw;
    left: 0vw;
    width: 51.31579vw;
  }
}

.outer_code5 .crossfade_slide:nth-child(2) {
  top: 1.80556vw;
  left: 4.65278vw;
  width: 12.91667vw;
}

@media screen and (max-width: 768px) {
  .outer_code5 .crossfade_slide:nth-child(2) {
    top: 4.5614vw;
    left: 11.75439vw;
    width: 32.63158vw;
  }
}

.outer_code5 .crossfade_slide:nth-child(3) {
  top: 2.11806vw;
  left: 2.25694vw;
  width: 18.92361vw;
  rotate: -1.95deg;
}

@media screen and (max-width: 768px) {
  .outer_code5 .crossfade_slide:nth-child(3) {
    top: 5.35088vw;
    left: 5.70175vw;
    width: 47.80702vw;
  }
}

.cardigan_1 {
  position: absolute;
  top: 19.65278vw;
  left: 6.38889vw;
  width: 26.38889vw;
}

@media screen and (max-width: 768px) {
  .cardigan_1 {
    top: 49.64912vw;
    left: 16.14035vw;
    width: 66.66667vw;
  }
}

.cardigan_5 {
  position: absolute;
  top: 136.04167vw;
  left: 2.22222vw;
  width: 35.27778vw;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .cardigan_5 {
    top: 343.68421vw;
    left: 5.61404vw;
    width: 89.12281vw;
  }
}

.cardigan_deco4,
.cardigan_cake3 {
  z-index: 1;
}

/* 6. PURPLE
===================================================== */
.purple {
  position: relative;
  z-index: 3;
  height: 191.38889vw;
  background-color: #fffbd9;
}

@media screen and (max-width: 768px) {
  .purple {
    height: 483.50877vw;
  }
}

.purple img {
  pointer-events: none;
}

.svg_defs {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

.purple_1 {
  position: absolute;
  top: 18.68056vw;
  left: 2.43056vw;
  width: 34.72222vw;
  rotate: -6deg;
}

@media screen and (max-width: 768px) {
  .purple_1 {
    top: 47.19298vw;
    left: 6.14035vw;
    width: 87.7193vw;
  }
}

.purple_2 {
  position: absolute;
  top: 46.25vw;
  left: 4.16667vw;
  width: 15.27778vw;
}

@media screen and (max-width: 768px) {
  .purple_2 {
    top: 116.84211vw;
    left: 10.52632vw;
    width: 38.59649vw;
  }
}

.purple_3 {
  position: absolute;
  top: 46.25vw;
  left: 20.13889vw;
  width: 15.27778vw;
}

@media screen and (max-width: 768px) {
  .purple_3 {
    top: 116.84211vw;
    left: 50.87719vw;
    width: 38.59649vw;
  }
}

.purple_4 {
  position: absolute;
  top: 66.875vw;
  left: 4.16667vw;
  width: 15.27778vw;
}

@media screen and (max-width: 768px) {
  .purple_4 {
    top: 168.94737vw;
    left: 10.52632vw;
    width: 38.59649vw;
  }
}

.purple_5 {
  position: absolute;
  top: 66.875vw;
  left: 20.13889vw;
  width: 15.27778vw;
}

@media screen and (max-width: 768px) {
  .purple_5 {
    top: 168.94737vw;
    left: 50.87719vw;
    width: 38.59649vw;
  }
}

.purple_sparkle {
  position: absolute;
  top: 80.45139vw;
  left: 12.36111vw;
  width: 27.01389vw;
}

@media screen and (max-width: 768px) {
  .purple_sparkle {
    top: 203.24561vw;
    left: 31.22807vw;
    width: 68.24561vw;
  }
}

.purple_draw1 {
  position: absolute;
  top: 45vw;
  left: 9.375vw;
  width: 6.07639vw;
  height: 4.86111vw;
}

@media screen and (max-width: 768px) {
  .purple_draw1 {
    top: 113.68421vw;
    left: 23.68421vw;
    width: 15.35088vw;
  }
}

@media screen and (max-width: 768px) {
  .purple_draw1 {
    height: 12.2807vw;
  }
}

.purple_draw2 {
  position: absolute;
  top: 81.04167vw;
  left: 8.19444vw;
  width: 4.86111vw;
  height: 3.81944vw;
}

@media screen and (max-width: 768px) {
  .purple_draw2 {
    top: 204.73684vw;
    left: 20.70175vw;
    width: 12.2807vw;
  }
}

@media screen and (max-width: 768px) {
  .purple_draw2 {
    height: 9.64912vw;
  }
}

.purple_draw3 {
  position: absolute;
  top: 68.88889vw;
  left: 3.33333vw;
  width: 3.61111vw;
}

@media screen and (max-width: 768px) {
  .purple_draw3 {
    top: 174.03509vw;
    left: 8.42105vw;
    width: 9.12281vw;
  }
}

.purple_draw4 {
  position: absolute;
  top: 47.01389vw;
  left: 30.41667vw;
  width: 5.48611vw;
  height: 4.79167vw;
}

@media screen and (max-width: 768px) {
  .purple_draw4 {
    top: 118.77193vw;
    left: 76.84211vw;
    width: 13.85965vw;
  }
}

@media screen and (max-width: 768px) {
  .purple_draw4 {
    height: 12.10526vw;
  }
}

.purple_draw5 {
  position: absolute;
  top: 61.45833vw;
  left: 20.48611vw;
  width: 3.85417vw;
}

@media screen and (max-width: 768px) {
  .purple_draw5 {
    top: 155.26316vw;
    left: 51.75439vw;
    width: 9.73684vw;
  }
}

.purple_draw1,
.purple_draw2,
.purple_draw4 {
  overflow: visible;
}

.purple_ttl {
  position: absolute;
  top: 12.60417vw;
  left: 2.25694vw;
  width: 25.86806vw;
}

@media screen and (max-width: 768px) {
  .purple_ttl {
    top: 31.84211vw;
    left: 5.70175vw;
    width: 65.35088vw;
  }
}

.purple_deco1 {
  position: absolute;
  top: 112.22222vw;
  left: 30.34722vw;
  width: 13.75vw;
}

@media screen and (max-width: 768px) {
  .purple_deco1 {
    top: 283.50877vw;
    left: 76.66667vw;
    width: 34.73684vw;
  }
}

.purple_deco2 {
  position: absolute;
  top: 141.52778vw;
  left: -1.59722vw;
  width: 12.5vw;
}

@media screen and (max-width: 768px) {
  .purple_deco2 {
    top: 357.54386vw;
    left: -4.03509vw;
    width: 31.57895vw;
  }
}

.purple_deco3 {
  position: absolute;
  top: 164.44444vw;
  left: 26.18056vw;
  width: 17.5vw;
}

@media screen and (max-width: 768px) {
  .purple_deco3 {
    top: 415.4386vw;
    left: 66.14035vw;
    width: 44.21053vw;
  }
}

.purple_member {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.purple_member .item_credit_link {
  pointer-events: auto;
}

.purple_credit {
  position: absolute;
  width: 15.97222vw;
  height: 15.97222vw;
  border-radius: 50%;
  background-color: #d2b1b1;
}

@media screen and (max-width: 768px) {
  .purple_credit {
    width: 40.35088vw;
    height: 40.35088vw;
  }
}

.purple_member--emikyo .purple_credit {
  top: 121.52778vw;
  left: 15.625vw;
}

@media screen and (max-width: 768px) {
  .purple_member--emikyo .purple_credit {
    top: 307.01754vw;
    left: 39.47368vw;
  }
}

.purple_member--riko .purple_credit {
  top: 159.58333vw;
  left: 1.38889vw;
}

@media screen and (max-width: 768px) {
  .purple_member--riko .purple_credit {
    top: 403.15789vw;
    left: 3.50877vw;
  }
}

.purple_member--saki .purple_credit {
  top: 143.4375vw;
  left: 23.61111vw;
}

@media screen and (max-width: 768px) {
  .purple_member--saki .purple_credit {
    top: 362.36842vw;
    left: 59.64912vw;
  }
}

.purple_member--emikyo .purple_credit .item_credit {
  top: 5.17361vw;
  left: 4.54861vw;
}

@media screen and (max-width: 768px) {
  .purple_member--emikyo .purple_credit .item_credit {
    top: 13.07018vw;
    left: 11.49123vw;
  }
}

.purple_member--riko .purple_credit .item_credit {
  top: 5.20833vw;
  left: 2.98611vw;
}

@media screen and (max-width: 768px) {
  .purple_member--riko .purple_credit .item_credit {
    top: 13.15789vw;
    left: 7.54386vw;
  }
}

.purple_member--saki .purple_credit .item_credit {
  top: 4.44444vw;
  left: 6.66667vw;
}

@media screen and (max-width: 768px) {
  .purple_member--saki .purple_credit .item_credit {
    top: 11.22807vw;
    left: 16.84211vw;
  }
}

.purple_code .crossfade_slide {
  inset: auto;
  bottom: 0;
  left: 50%;
  height: auto;
  object-fit: initial;
  translate: -50% 0;
}

.purple_code1 {
  position: absolute;
  top: 118.75vw;
  left: 1.59722vw;
  width: 20.97222vw;
  height: 26.80556vw;
}

@media screen and (max-width: 768px) {
  .purple_code1 {
    top: 300vw;
    left: 4.03509vw;
    width: 52.98246vw;
  }
}

@media screen and (max-width: 768px) {
  .purple_code1 {
    height: 67.7193vw;
  }
}

.purple_code1 .crossfade_slide:nth-child(2) {
  width: 9.79167vw;
}

@media screen and (max-width: 768px) {
  .purple_code1 .crossfade_slide:nth-child(2) {
    width: 24.73684vw;
  }
}

.purple_code2 {
  position: absolute;
  top: 137.5vw;
  left: 20.20833vw;
  width: 13.33333vw;
}

@media screen and (max-width: 768px) {
  .purple_code2 {
    top: 347.36842vw;
    left: 51.05263vw;
    width: 33.68421vw;
  }
}

.purple_code3 {
  position: absolute;
  top: 151.94444vw;
  left: 10.34722vw;
  width: 11.80556vw;
  height: 25.625vw;
}

@media screen and (max-width: 768px) {
  .purple_code3 {
    top: 383.85965vw;
    left: 26.14035vw;
    width: 29.82456vw;
  }
}

@media screen and (max-width: 768px) {
  .purple_code3 {
    height: 64.73684vw;
  }
}

.purple_code3 .crossfade_slide:nth-child(2) {
  width: 12.84722vw;
}

@media screen and (max-width: 768px) {
  .purple_code3 .crossfade_slide:nth-child(2) {
    width: 32.45614vw;
  }
}

.purple_name {
  position: absolute;
}

.purple_member--emikyo .purple_name {
  position: absolute;
  top: 133.61111vw;
  left: 15vw;
  width: 11.18056vw;
}

@media screen and (max-width: 768px) {
  .purple_member--emikyo .purple_name {
    top: 337.54386vw;
    left: 37.89474vw;
    width: 28.24561vw;
  }
}

.purple_member--riko .purple_name {
  position: absolute;
  top: 158.61111vw;
  left: 4.65278vw;
  width: 7.5vw;
}

@media screen and (max-width: 768px) {
  .purple_member--riko .purple_name {
    top: 400.70175vw;
    left: 11.75439vw;
    width: 18.94737vw;
  }
}

.purple_member--saki .purple_name {
  position: absolute;
  top: 143.99306vw;
  left: 19.44444vw;
  width: 7.29167vw;
}

@media screen and (max-width: 768px) {
  .purple_member--saki .purple_name {
    top: 363.77193vw;
    left: 49.12281vw;
    width: 18.42105vw;
  }
}

/* 7. GOODS
===================================================== */
.goods {
  position: relative;
  z-index: 2;
  height: 246.11111vw;
  background-color: #ffd07f;
}

@media screen and (max-width: 768px) {
  .goods {
    height: 621.75439vw;
  }
}

.goods img {
  pointer-events: none;
}

.goods_board {
  position: absolute;
  top: 16.875vw;
  left: 2.43056vw;
  width: 34.72222vw;
}

@media screen and (max-width: 768px) {
  .goods_board {
    top: 42.63158vw;
    left: 6.14035vw;
    width: 87.7193vw;
  }
}

.goods_paper {
  position: absolute;
  top: 66.45833vw;
  left: -3.88889vw;
  width: 30.55556vw;
}

@media screen and (max-width: 768px) {
  .goods_paper {
    top: 167.89474vw;
    left: -9.82456vw;
    width: 77.19298vw;
  }
}

.goods_collage {
  position: absolute;
  top: 15.90278vw;
  left: 5.41667vw;
  width: 28.68056vw;
}

@media screen and (max-width: 768px) {
  .goods_collage {
    top: 40.17544vw;
    left: 13.68421vw;
    width: 72.45614vw;
  }
}

.goods_flash1 {
  position: absolute;
  top: 16.31944vw;
  left: 26.66667vw;
  width: 11.73611vw;
}

@media screen and (max-width: 768px) {
  .goods_flash1 {
    top: 41.22807vw;
    left: 67.36842vw;
    width: 29.64912vw;
  }
}

.goods_flash2 {
  position: absolute;
  top: 64.93056vw;
  left: 2.29167vw;
  width: 7.84722vw;
}

@media screen and (max-width: 768px) {
  .goods_flash2 {
    top: 164.03509vw;
    left: 5.78947vw;
    width: 19.82456vw;
  }
}

.goods_tape {
  position: absolute;
  top: 64.09722vw;
  left: 22.91667vw;
  width: 16.49306vw;
}

@media screen and (max-width: 768px) {
  .goods_tape {
    top: 161.92982vw;
    left: 57.89474vw;
    width: 41.66667vw;
  }
}

.goods_acc {
  position: absolute;
  top: 106.80556vw;
  left: 0vw;
  width: 39.58333vw;
  height: 129.58333vw;
  overflow: hidden;
  background-color: #fff5da;
}

@media screen and (max-width: 768px) {
  .goods_acc {
    top: 269.82456vw;
    left: 0vw;
    width: 100vw;
  }
}

@media screen and (max-width: 768px) {
  .goods_acc {
    height: 327.36842vw;
  }
}

.goods_acc::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url(../images/7goods/bg_check.svg) repeat left top/5.59028vw 5.59028vw;
  opacity: 0.7;
}

@media screen and (max-width: 768px) {
  .goods_acc::before {
    background-size: 14.12281vw 14.12281vw;
  }
}

.goods_acc_ttl {
  position: absolute;
  top: 12.22222vw;
  left: 11.94444vw;
  width: 19.23611vw;
  font-size: 2.77778vw;
  line-height: calc(95 / 40);
  text-align: right;
  white-space: nowrap;
  font-family: "Rock Salt", cursive;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0;
  color: #000;
  color: #f02828;
}

@media screen and (max-width: 768px) {
  .goods_acc_ttl {
    top: 30.87719vw;
    left: 30.17544vw;
    width: 48.59649vw;
  }
}

@media screen and (max-width: 768px) {
  .goods_acc_ttl {
    font-size: 7.01754vw;
  }
}

.goods_arrow1 {
  position: absolute;
  top: 55.24306vw;
  left: 19.65278vw;
  width: 4.79167vw;
}

@media screen and (max-width: 768px) {
  .goods_arrow1 {
    top: 139.5614vw;
    left: 49.64912vw;
    width: 12.10526vw;
  }
}

.goods_arrow2 {
  position: absolute;
  top: 78.85417vw;
  left: 15.17361vw;
  width: 3.78472vw;
}

@media screen and (max-width: 768px) {
  .goods_arrow2 {
    top: 199.21053vw;
    left: 38.33333vw;
    width: 9.5614vw;
  }
}

.goods_arrow3 {
  position: absolute;
  top: 104.51389vw;
  left: 12.60417vw;
  width: 3.47222vw;
}

@media screen and (max-width: 768px) {
  .goods_arrow3 {
    top: 264.03509vw;
    left: 31.84211vw;
    width: 8.77193vw;
  }
}

.goods_brace1 {
  position: absolute;
  top: 36.73611vw;
  left: 9.65278vw;
  width: 1.42361vw;
}

@media screen and (max-width: 768px) {
  .goods_brace1 {
    top: 92.80702vw;
    left: 24.38596vw;
    width: 3.59649vw;
  }
}

.goods_brace2 {
  position: absolute;
  top: 24.20139vw;
  left: 35.90278vw;
  width: 1.875vw;
}

@media screen and (max-width: 768px) {
  .goods_brace2 {
    top: 61.14035vw;
    left: 90.70175vw;
    width: 4.73684vw;
  }
}

.goods_underline {
  position: absolute;
  top: 16.66667vw;
  left: 12.77778vw;
  width: 18.95833vw;
}

@media screen and (max-width: 768px) {
  .goods_underline {
    top: 42.10526vw;
    left: 32.2807vw;
    width: 47.89474vw;
  }
}

.goods_heart--1 {
  position: absolute;
  top: 21.94444vw;
  left: 25.45139vw;
  width: 1.63194vw;
}

@media screen and (max-width: 768px) {
  .goods_heart--1 {
    top: 55.4386vw;
    left: 64.29825vw;
    width: 4.12281vw;
  }
}

.goods_heart--2 {
  position: absolute;
  top: 43.99306vw;
  left: 11.00694vw;
  width: 2.04861vw;
}

@media screen and (max-width: 768px) {
  .goods_heart--2 {
    top: 111.14035vw;
    left: 27.80702vw;
    width: 5.17544vw;
  }
}

.goods_heart--3 {
  position: absolute;
  top: 64.75694vw;
  left: 18.29861vw;
  width: 1.66667vw;
}

@media screen and (max-width: 768px) {
  .goods_heart--3 {
    top: 163.59649vw;
    left: 46.22807vw;
    width: 4.21053vw;
  }
}

.goods_heart--4 {
  position: absolute;
  top: 67.08333vw;
  left: 18.92361vw;
  width: 1.31944vw;
}

@media screen and (max-width: 768px) {
  .goods_heart--4 {
    top: 169.47368vw;
    left: 47.80702vw;
    width: 3.33333vw;
  }
}

.goods_heart--5 {
  position: absolute;
  top: 95.17361vw;
  left: 13.92361vw;
  width: 1.80556vw;
}

@media screen and (max-width: 768px) {
  .goods_heart--5 {
    top: 240.4386vw;
    left: 35.17544vw;
    width: 4.5614vw;
  }
}

.goods_heart--6 {
  position: absolute;
  top: 110.38194vw;
  left: 30.10417vw;
  width: 1.52778vw;
}

@media screen and (max-width: 768px) {
  .goods_heart--6 {
    top: 278.85965vw;
    left: 76.05263vw;
    width: 3.85965vw;
  }
}

.goods_heart--7 {
  position: absolute;
  top: 88.26389vw;
  left: 34.6875vw;
  width: 1.42361vw;
}

@media screen and (max-width: 768px) {
  .goods_heart--7 {
    top: 222.98246vw;
    left: 87.63158vw;
    width: 3.59649vw;
  }
}

.goods_item--1 {
  position: absolute;
  top: 24.23611vw;
  left: 9.86111vw;
  width: 26.38889vw;
}

@media screen and (max-width: 768px) {
  .goods_item--1 {
    top: 61.22807vw;
    left: 24.91228vw;
    width: 66.66667vw;
  }
}

.goods_item--2 {
  position: absolute;
  top: 49.09722vw;
  left: 0vw;
  width: 21.11111vw;
}

@media screen and (max-width: 768px) {
  .goods_item--2 {
    top: 124.03509vw;
    left: 0vw;
    width: 53.33333vw;
  }
}

.goods_item--3 {
  position: absolute;
  top: 62.91667vw;
  left: 19.79167vw;
  width: 19.51389vw;
}

@media screen and (max-width: 768px) {
  .goods_item--3 {
    top: 158.94737vw;
    left: 50vw;
    width: 49.29825vw;
  }
}

.goods_item--4 {
  position: absolute;
  top: 93.40278vw;
  left: 10.76389vw;
  width: 19.51389vw;
}

@media screen and (max-width: 768px) {
  .goods_item--4 {
    top: 235.96491vw;
    left: 27.19298vw;
    width: 49.29825vw;
  }
}

.goods_name,
.goods_price {
  text-align: right;
  white-space: pre;
  transform-origin: 0 0;
  font-family: "Rock Salt", cursive;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0;
  color: #000;
}

.goods_name--1 {
  position: absolute;
  top: 22.22222vw;
  left: 9.375vw;
  width: 15.27778vw;
  font-size: 1.59722vw;
  line-height: calc(47 / 23);
}

@media screen and (max-width: 768px) {
  .goods_name--1 {
    top: 56.14035vw;
    left: 23.68421vw;
    width: 38.59649vw;
  }
}

@media screen and (max-width: 768px) {
  .goods_name--1 {
    font-size: 4.03509vw;
  }
}

.goods_name--2 {
  position: absolute;
  top: 84.375vw;
  left: 1.66667vw;
  width: 21.66667vw;
  font-size: 1.59722vw;
  line-height: calc(55 / 23);
  rotate: -4.18deg;
}

@media screen and (max-width: 768px) {
  .goods_name--2 {
    top: 213.15789vw;
    left: 4.21053vw;
    width: 54.73684vw;
  }
}

@media screen and (max-width: 768px) {
  .goods_name--2 {
    font-size: 4.03509vw;
  }
}

.goods_name--3 {
  position: absolute;
  top: 110.625vw;
  left: 3.36806vw;
  width: 16.73611vw;
  font-size: 1.59722vw;
  line-height: calc(55 / 23);
  rotate: 3.86deg;
}

@media screen and (max-width: 768px) {
  .goods_name--3 {
    top: 279.47368vw;
    left: 8.50877vw;
    width: 42.2807vw;
  }
}

@media screen and (max-width: 768px) {
  .goods_name--3 {
    font-size: 4.03509vw;
  }
}

.goods_name--4 {
  position: absolute;
  top: 49.44444vw;
  left: 20.10417vw;
  width: 16.94444vw;
  font-size: 1.59722vw;
  line-height: calc(55 / 23);
  rotate: 4.99deg;
}

@media screen and (max-width: 768px) {
  .goods_name--4 {
    top: 124.91228vw;
    left: 50.78947vw;
    width: 42.80702vw;
  }
}

@media screen and (max-width: 768px) {
  .goods_name--4 {
    font-size: 4.03509vw;
  }
}

.goods_price--1 {
  position: absolute;
  top: 41.25vw;
  left: 25.48611vw;
  width: 5.41667vw;
  font-size: 1.25vw;
  line-height: calc(43 / 18);
}

@media screen and (max-width: 768px) {
  .goods_price--1 {
    top: 104.21053vw;
    left: 64.38596vw;
    width: 13.68421vw;
  }
}

@media screen and (max-width: 768px) {
  .goods_price--1 {
    font-size: 3.15789vw;
  }
}

.goods_price--2 {
  position: absolute;
  top: 58.19444vw;
  left: 25vw;
  width: 5.20833vw;
  font-size: 1.25vw;
  line-height: calc(43 / 18);
}

@media screen and (max-width: 768px) {
  .goods_price--2 {
    top: 147.01754vw;
    left: 63.15789vw;
    width: 13.15789vw;
  }
}

@media screen and (max-width: 768px) {
  .goods_price--2 {
    font-size: 3.15789vw;
  }
}

.goods_price--3 {
  position: absolute;
  top: 89.44444vw;
  left: 23.81944vw;
  width: 5.20833vw;
  font-size: 1.25vw;
  line-height: calc(43 / 18);
}

@media screen and (max-width: 768px) {
  .goods_price--3 {
    top: 225.96491vw;
    left: 60.17544vw;
    width: 13.15789vw;
  }
}

@media screen and (max-width: 768px) {
  .goods_price--3 {
    font-size: 3.15789vw;
  }
}

.goods_price--4 {
  position: absolute;
  top: 102.43056vw;
  left: 28.26389vw;
  width: 5.76389vw;
  font-size: 1.25vw;
  line-height: calc(43 / 18);
  rotate: 24.89deg;
}

@media screen and (max-width: 768px) {
  .goods_price--4 {
    top: 258.77193vw;
    left: 71.40351vw;
    width: 14.5614vw;
  }
}

@media screen and (max-width: 768px) {
  .goods_price--4 {
    font-size: 3.15789vw;
  }
}

.goods_top {
  position: absolute;
  top: 105.625vw;
  left: 0vw;
  width: 39.58333vw;
}

@media screen and (max-width: 768px) {
  .goods_top {
    top: 266.84211vw;
    left: 0vw;
    width: 100vw;
  }
}

.goods_bottom {
  position: absolute;
  top: 220.13889vw;
  left: 0vw;
  width: 39.58333vw;
}

@media screen and (max-width: 768px) {
  .goods_bottom {
    top: 556.14035vw;
    left: 0vw;
    width: 100vw;
  }
}

.goods_ttl {
  position: absolute;
  top: 9.47917vw;
  left: 7.53472vw;
  width: 24.58333vw;
}

@media screen and (max-width: 768px) {
  .goods_ttl {
    top: 23.94737vw;
    left: 19.03509vw;
    width: 62.10526vw;
  }
}

.goods_link {
  display: contents;
  color: inherit;
}

.goods_link img {
  pointer-events: auto;
}

.goods_link img,
.goods_link p {
  transition: opacity 0.6s;
}

.goods_link:hover img, .goods_link:hover p {
  opacity: 0.6;
}

.goods_name_space {
  display: inline-block;
  width: 5.13889vw;
}

@media screen and (max-width: 768px) {
  .goods_name_space {
    width: 12.98246vw;
  }
}

.goods_top,
.goods_bottom,
.goods_heart,
.goods_brace1,
.goods_brace2,
.goods_underline {
  pointer-events: none;
}

/* 8. MEMBER
===================================================== */
.member {
  position: relative;
  z-index: 1;
  height: 320.20833vw;
  background-color: #ddf6e6;
}

@media screen and (max-width: 768px) {
  .member {
    height: 808.94737vw;
  }
}

.member_lines {
  position: absolute;
  top: 19.61806vw;
  left: 3.81944vw;
  width: 31.875vw;
  height: 139.86111vw;
  background: linear-gradient(#a5dc9e 0 1px, transparent 1px) left top/100% 2.29167vw repeat-y;
}

@media screen and (max-width: 768px) {
  .member_lines {
    top: 49.5614vw;
    left: 9.64912vw;
    width: 80.52632vw;
  }
}

@media screen and (max-width: 768px) {
  .member_lines {
    height: 353.33333vw;
    background-size: 100% 5.78947vw;
  }
}

.member_lines--fan {
  top: 222.74306vw;
  left: 3.88889vw;
  height: 36.73611vw;
}

@media screen and (max-width: 768px) {
  .member_lines--fan {
    top: 562.7193vw;
    left: 9.82456vw;
    height: 92.80702vw;
  }
}

.member_film {
  position: absolute;
  transform-origin: 0 0;
  background-color: #635650;
}

.member_film--1 {
  position: absolute;
  top: 17.43056vw;
  left: 20.13889vw;
  width: 20.83333vw;
  height: 59.72222vw;
  rotate: 1.52deg;
}

@media screen and (max-width: 768px) {
  .member_film--1 {
    top: 44.03509vw;
    left: 50.87719vw;
    width: 52.63158vw;
  }
}

@media screen and (max-width: 768px) {
  .member_film--1 {
    height: 150.87719vw;
  }
}

.member_film--2 {
  position: absolute;
  top: 46.875vw;
  left: -1.45833vw;
  width: 20.13889vw;
  height: 79.16667vw;
  rotate: -2.76deg;
  background-color: #3c3333;
}

@media screen and (max-width: 768px) {
  .member_film--2 {
    top: 118.42105vw;
    left: -3.68421vw;
    width: 50.87719vw;
  }
}

@media screen and (max-width: 768px) {
  .member_film--2 {
    height: 200vw;
  }
}

.member_film--3 {
  position: absolute;
  top: 95.625vw;
  left: 19.82639vw;
  width: 20.13889vw;
  height: 60.41667vw;
  rotate: 3.66deg;
}

@media screen and (max-width: 768px) {
  .member_film--3 {
    top: 241.57895vw;
    left: 50.08772vw;
    width: 50.87719vw;
  }
}

@media screen and (max-width: 768px) {
  .member_film--3 {
    height: 152.63158vw;
  }
}

.member_film_logo {
  position: absolute;
  top: 1.52778vw;
  left: 1.70139vw;
  color: #fff;
  font-family: "futura-pt", sans-serif;
  font-size: 0.97222vw;
  line-height: calc(18 / 14);
  white-space: nowrap;
}

@media screen and (max-width: 768px) {
  .member_film_logo {
    top: 3.85965vw;
    left: 4.29825vw;
    font-size: 2.45614vw;
  }
}

.member_photo--1 {
  position: absolute;
  top: 20.45139vw;
  left: 21.49306vw;
  width: 17.63889vw;
  rotate: 1.52deg;
}

@media screen and (max-width: 768px) {
  .member_photo--1 {
    top: 51.66667vw;
    left: 54.29825vw;
    width: 44.5614vw;
  }
}

.member_photo--2 {
  position: absolute;
  top: 39.20139vw;
  left: 20.59028vw;
  width: 17.8125vw;
  rotate: 1.52deg;
}

@media screen and (max-width: 768px) {
  .member_photo--2 {
    top: 99.03509vw;
    left: 52.01754vw;
    width: 45vw;
  }
}

.member_photo--3 {
  position: absolute;
  top: 57.98611vw;
  left: 20.13889vw;
  width: 17.77778vw;
  rotate: 1.52deg;
}

@media screen and (max-width: 768px) {
  .member_photo--3 {
    top: 146.49123vw;
    left: 50.87719vw;
    width: 44.91228vw;
  }
}

.member_photo--4 {
  position: absolute;
  top: 49.16667vw;
  left: 0.48611vw;
  width: 17.39583vw;
  rotate: -2.76deg;
}

@media screen and (max-width: 768px) {
  .member_photo--4 {
    top: 124.21053vw;
    left: 1.22807vw;
    width: 43.94737vw;
  }
}

.member_photo--5 {
  position: absolute;
  top: 67.91667vw;
  left: 1.38889vw;
  width: 17.36111vw;
  rotate: -2.76deg;
}

@media screen and (max-width: 768px) {
  .member_photo--5 {
    top: 171.57895vw;
    left: 3.50877vw;
    width: 43.85965vw;
  }
}

.member_photo--6 {
  position: absolute;
  top: 86.59722vw;
  left: 2.29167vw;
  width: 17.39583vw;
  rotate: -2.76deg;
}

@media screen and (max-width: 768px) {
  .member_photo--6 {
    top: 218.77193vw;
    left: 5.78947vw;
    width: 43.94737vw;
  }
}

.member_photo--7 {
  position: absolute;
  top: 105.83333vw;
  left: 3.19444vw;
  width: 17.36111vw;
  rotate: -2.76deg;
}

@media screen and (max-width: 768px) {
  .member_photo--7 {
    top: 267.36842vw;
    left: 8.07018vw;
    width: 43.85965vw;
  }
}

.member_photo--8 {
  position: absolute;
  top: 98.88889vw;
  left: 20.48611vw;
  width: 18.29861vw;
  rotate: 3.66deg;
}

@media screen and (max-width: 768px) {
  .member_photo--8 {
    top: 249.82456vw;
    left: 51.75439vw;
    width: 46.22807vw;
  }
}

.member_photo--9 {
  position: absolute;
  top: 117.60417vw;
  left: 19.30556vw;
  width: 17.36111vw;
  rotate: 3.66deg;
}

@media screen and (max-width: 768px) {
  .member_photo--9 {
    top: 297.10526vw;
    left: 48.77193vw;
    width: 43.85965vw;
  }
}

.member_photo--10 {
  position: absolute;
  top: 136.42361vw;
  left: 18.02083vw;
  width: 17.36111vw;
  rotate: 3.66deg;
}

@media screen and (max-width: 768px) {
  .member_photo--10 {
    top: 344.64912vw;
    left: 45.52632vw;
    width: 43.85965vw;
  }
}

.member_ttl {
  position: absolute;
  top: 11.04167vw;
  left: 3.33333vw;
  width: 22.70833vw;
  transform-origin: 0 0;
  rotate: -8.59deg;
  color: #635650;
  font-family: "Rock Salt", cursive;
  font-size: 4.72222vw;
  font-weight: 400;
  line-height: calc(77 / 68);
  white-space: nowrap;
}

@media screen and (max-width: 768px) {
  .member_ttl {
    top: 27.89474vw;
    left: 8.42105vw;
    width: 57.36842vw;
  }
}

@media screen and (max-width: 768px) {
  .member_ttl {
    font-size: 11.92982vw;
  }
}

.member_tape1 {
  position: absolute;
  top: 12.91667vw;
  left: 24.44444vw;
  width: 22.8125vw;
}

@media screen and (max-width: 768px) {
  .member_tape1 {
    top: 32.63158vw;
    left: 61.75439vw;
    width: 57.63158vw;
  }
}

.member_tape2 {
  position: absolute;
  top: 41.73611vw;
  left: -0.13889vw;
  width: 16.97917vw;
}

@media screen and (max-width: 768px) {
  .member_tape2 {
    top: 105.4386vw;
    left: -0.35088vw;
    width: 42.89474vw;
  }
}

.member_tape3 {
  position: absolute;
  top: 94.72222vw;
  left: 25.55556vw;
  width: 12.8125vw;
}

@media screen and (max-width: 768px) {
  .member_tape3 {
    top: 239.29825vw;
    left: 64.5614vw;
    width: 32.36842vw;
  }
}

.member_kira1 {
  position: absolute;
  top: 7.63889vw;
  left: 2.29167vw;
  width: 4.40972vw;
}

@media screen and (max-width: 768px) {
  .member_kira1 {
    top: 19.29825vw;
    left: 5.78947vw;
    width: 11.14035vw;
  }
}

.member_kira2 {
  position: absolute;
  top: 9.375vw;
  left: 27.91667vw;
  width: 4.34028vw;
}

@media screen and (max-width: 768px) {
  .member_kira2 {
    top: 23.68421vw;
    left: 70.52632vw;
    width: 10.96491vw;
  }
}

.member_kira3 {
  position: absolute;
  top: 15.41667vw;
  left: 15.97222vw;
  width: 6.14583vw;
}

@media screen and (max-width: 768px) {
  .member_kira3 {
    top: 38.94737vw;
    left: 40.35088vw;
    width: 15.52632vw;
  }
}

.member_deco1 {
  position: absolute;
  top: 28.19444vw;
  left: 8.95833vw;
  width: 12.36111vw;
}

@media screen and (max-width: 768px) {
  .member_deco1 {
    top: 71.22807vw;
    left: 22.63158vw;
    width: 31.22807vw;
  }
}

.member_deco2 {
  position: absolute;
  top: 74.86111vw;
  left: 31.04167vw;
  width: 8.54167vw;
}

@media screen and (max-width: 768px) {
  .member_deco2 {
    top: 189.12281vw;
    left: 78.42105vw;
    width: 21.57895vw;
  }
}

.member_deco3 {
  position: absolute;
  top: 88.05556vw;
  left: 20.76389vw;
  width: 6.45833vw;
}

@media screen and (max-width: 768px) {
  .member_deco3 {
    top: 222.45614vw;
    left: 52.45614vw;
    width: 16.31579vw;
  }
}

.member_deco4 {
  position: absolute;
  top: 125.34722vw;
  left: 10.48611vw;
  width: 8.99306vw;
}

@media screen and (max-width: 768px) {
  .member_deco4 {
    top: 316.66667vw;
    left: 26.49123vw;
    width: 22.7193vw;
  }
}

.member_poster {
  position: absolute;
  top: 262.01389vw;
  left: 0vw;
  width: 39.58333vw;
}

@media screen and (max-width: 768px) {
  .member_poster {
    top: 661.92982vw;
    left: 0vw;
    width: 100vw;
  }
}

/* カレンダー・ファンミーティング
===================================================== */
.member_calendar {
  position: absolute;
  top: 164.23611vw;
  left: 0vw;
  width: 39.58333vw;
}

@media screen and (max-width: 768px) {
  .member_calendar {
    top: 414.91228vw;
    left: 0vw;
    width: 100vw;
  }
}

.member_megaphone {
  position: absolute;
  top: 210.34722vw;
  left: 3.88889vw;
  width: 11.73611vw;
}

@media screen and (max-width: 768px) {
  .member_megaphone {
    top: 531.40351vw;
    left: 9.82456vw;
    width: 29.64912vw;
  }
}

.member_fan_en {
  position: absolute;
  top: 216.04167vw;
  left: 13.33333vw;
  width: 17.91667vw;
  color: #367d36;
  font-family: "Gloria Hallelujah", cursive;
  font-size: 2.43056vw;
  line-height: calc(31 / 35);
  text-align: right;
  white-space: nowrap;
}

@media screen and (max-width: 768px) {
  .member_fan_en {
    top: 545.78947vw;
    left: 33.68421vw;
    width: 45.26316vw;
  }
}

@media screen and (max-width: 768px) {
  .member_fan_en {
    font-size: 6.14035vw;
  }
}

.member_fan_ja {
  position: absolute;
  top: 219.23611vw;
  left: 18.33333vw;
  width: 7.98611vw;
  color: #367d36;
  font-size: 1.52778vw;
  line-height: calc(16 / 22);
  letter-spacing: 0.05em;
  text-align: center;
  white-space: nowrap;
}

@media screen and (max-width: 768px) {
  .member_fan_ja {
    top: 553.85965vw;
    left: 46.31579vw;
    width: 20.17544vw;
  }
}

@media screen and (max-width: 768px) {
  .member_fan_ja {
    font-size: 3.85965vw;
  }
}

.member_fan_ttl {
  position: absolute;
  top: 224.86111vw;
  left: 1.66667vw;
  width: 36.25vw;
}

@media screen and (max-width: 768px) {
  .member_fan_ttl {
    top: 568.07018vw;
    left: 4.21053vw;
    width: 91.57895vw;
  }
}

.member_fan_ttl_txt {
  position: absolute;
  top: 1.90972vw;
  left: 1.63194vw;
  width: 32.01389vw;
  color: #9c3323;
  font-family: "Barriecito", sans-serif;
  font-size: 3.33333vw;
  line-height: calc(46 / 48);
  text-align: center;
  white-space: nowrap;
}

@media screen and (max-width: 768px) {
  .member_fan_ttl_txt {
    top: 4.82456vw;
    left: 4.12281vw;
    width: 80.87719vw;
    font-size: 8.42105vw;
  }
}

.member_fan_txt {
  color: #635650;
  font-size: 1.11111vw;
  line-height: calc(28 / 16);
  letter-spacing: 0.05em;
  text-align: center;
  white-space: nowrap;
}

@media screen and (max-width: 768px) {
  .member_fan_txt {
    left: 0 !important;
    width: 100% !important;
    font-size: 3.46667vw;
    line-height: 4.91228vw;
  }
}

.member_fan_txt--1 {
  position: absolute;
  top: 237.56944vw;
  left: 9.93056vw;
  width: 19.79167vw;
}

@media screen and (max-width: 768px) {
  .member_fan_txt--1 {
    top: 600.17544vw;
    left: 25.08772vw;
    width: 50vw;
  }
}

.member_fan_txt--2 {
  position: absolute;
  top: 255.06944vw;
  left: 7.56944vw;
  width: 24.44444vw;
}

@media screen and (max-width: 768px) {
  .member_fan_txt--2 {
    top: 644.38596vw;
    left: 19.12281vw;
    width: 61.75439vw;
  }
}

.member_date {
  position: absolute;
  top: 245.06944vw;
  left: 3.95833vw;
  width: 31.59722vw;
}

@media screen and (max-width: 768px) {
  .member_date {
    top: 619.12281vw;
    left: 10vw;
    width: 79.82456vw;
  }
}

.member_date_label {
  position: absolute;
  top: 244.30556vw;
  left: 14.79167vw;
  width: 8.47222vw;
}

@media screen and (max-width: 768px) {
  .member_date_label {
    top: 617.19298vw;
    left: 37.36842vw;
    width: 21.40351vw;
  }
}

.member_date_label_txt {
  position: absolute;
  top: 0.41667vw;
  left: 1.66667vw;
  width: 5vw;
  color: #367d36;
  font-size: 1.59722vw;
  font-weight: 500;
  line-height: calc(28 / 23);
  letter-spacing: 0.05em;
  text-align: center;
  white-space: nowrap;
}

@media screen and (max-width: 768px) {
  .member_date_label_txt {
    top: 1.05263vw;
    left: 4.21053vw;
    width: 12.63158vw;
    font-size: 4.03509vw;
  }
}

.member_date_tape {
  position: absolute;
  top: 244.93056vw;
  left: 26.31944vw;
  width: 7.98611vw;
}

@media screen and (max-width: 768px) {
  .member_date_tape {
    top: 618.77193vw;
    left: 66.49123vw;
    width: 20.17544vw;
  }
}

.member_date_txt {
  color: #635650;
  font-family: "Barriecito", sans-serif;
  font-size: 2.63889vw;
  line-height: calc(28 / 38);
  letter-spacing: 0.05em;
  white-space: nowrap;
}

@media screen and (max-width: 768px) {
  .member_date_txt {
    font-size: 6.66667vw;
  }
}

.member_date_txt--1 {
  position: absolute;
  top: 249.16667vw;
  left: 6.875vw;
  width: 13.19444vw;
}

@media screen and (max-width: 768px) {
  .member_date_txt--1 {
    top: 629.47368vw;
    left: 17.36842vw;
    width: 33.33333vw;
  }
}

.member_date_txt--2 {
  position: absolute;
  top: 249.16667vw;
  left: 21.11111vw;
  width: 10.41667vw;
}

@media screen and (max-width: 768px) {
  .member_date_txt--2 {
    top: 629.47368vw;
    left: 53.33333vw;
    width: 26.31579vw;
  }
}

.member_date_s {
  font-size: 1.25vw;
}

@media screen and (max-width: 768px) {
  .member_date_s {
    font-size: 3.15789vw;
  }
}

.member_date_w {
  margin-left: 0.41667vw;
  font-size: 1.25vw;
}

@media screen and (max-width: 768px) {
  .member_date_w {
    margin-left: 1.05263vw;
    font-size: 3.15789vw;
  }
}

.member_date_w--sat {
  color: #51699a;
}

.member_date_w--sun {
  color: #a94b4d;
}

.member_chigiri {
  position: absolute;
  top: 261.04167vw;
  left: -12.22222vw;
  width: 63.05556vw;
}

@media screen and (max-width: 768px) {
  .member_chigiri {
    top: 659.47368vw;
    left: -30.87719vw;
    width: 159.29825vw;
  }
}

.member_photo {
  display: block;
}

.member_photo img {
  transition: opacity 0.4s;
}

.member_photo:hover img {
  opacity: 0.7;
}

@media screen and (max-width: 768px) {
  .knit_credit,
.outer_credit,
.outer_credit3,
.sweat_credit,
.cardigan_credit,
.purple_credit {
    scale: 1.30286;
  }
}

@media screen and (max-width: 768px) {
  .item_credit_link .item_credit_price {
    text-decoration-thickness: 0.6px;
  }
}

@media screen and (max-width: 768px) {
  .knit_credit--2 {
    left: -3.50877vw;
  }
}

.outer_decocamera,
.outer_deco3 {
  pointer-events: none;
}