@charset "utf-8";
/* CSS Document */

/* base
-----------------------------------------------*/
/* ========== base style ========== */

/* common parts
-----------------------------------------------*/
/* ========== text ========== */
/* ========== border ========== */
/* ========== float ========== */
/* ========== display ========== */
/* ========== position ========== */
/* ========== overflow ========== */
/* ========== width ========== */
/* ========== margin ========== */
/* ========== background ========== */
/* ========== device displaying ========== */
/* ========== animation for ScrollTrigger.min.js  ========== */

/* other style
-----------------------------------------------*/
body.static .wrapper {margin-top: 0!important;}

/* ========== device displaying ========== */
.sp_none{ display: none; }
img.sp_none{ display: none; }
.sp_only{ display: block; }
img.sp_only{ display: block; }
@media (min-width:960px){
	.sp_none{display: block;}
	img.sp_none{display: block;}
	.tab_none { display: none; }
	img.tab_none { display: none; }
	.sp_only{display: none;}
	img.sp_only{display: none;}
	.sp_only{display: none;}
	img.sp_only{display: none;}
}
.spc_none{ display: block; }
@media (min-width:959px){.pc_none{display: block;}}
.pc_only{ display: none; }
@media (min-width:960px){.pc_none{display: none;}
.pc_only{display: block;}
.tab_none{ display: block; }
}

/* ========== animation for ScrollTrigger.min.js  ========== */
.invisible {
transition: opacity 1s ease;
opacity: 0.0;
}
.visible {
transition: opacity 1s ease;
opacity: 1.0;
}

.anime-a {
  opacity: 0;
  transition: all 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.anime-a.visible {
  opacity: 1;
}

.item__overlay-slider.anime-a.visible,
.item__overlay-image.anime-a.visible {
  transition-delay: 1.2s; 
}

.anime-d {
  animation: 3s ease-in-out 0s infinite normal none running fuwafuwa;
}

.hero.invisible {
  opacity: 1;
}

.hero__image,
.hero__logo {
  opacity: 0;
  transition: opacity 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.hero.visible .hero__image {
  opacity: 1;
}

.hero.visible .hero__logo {
  opacity: 1;
  transition-delay: 1.2s; 
}

@keyframes yeah {
  0% {
    transform: translateY(0);
  }
  4% {
    transform: translateY(-15px);
    animation-timing-function: ease-in;
  }
  8% {
    transform: translateY(0);
  }
  12% {
    transform: translateY(-15px);
    animation-timing-function: ease-in;
  }
  16%, 100% {
    transform: translateY(0);
  }
}

/* font
-----------------------------------------------*/
.credit__name,
.credit__price,
.credit__buy,
.staff {
  font-family: aktiv-grotesk, sans-serif;
  font-style: normal;
  font-weight: 400;
}
.credit__label {
  font-family: aktiv-grotesk, sans-serif;
  font-style: normal;
  font-weight: 700;
}
.about__text,
.lp-footer__copyright {
  font-family: noto-sans-cjk-jp-thin, sans-serif;
  font-style: normal;
  font-weight: 400;
}

/* other style
-----------------------------------------------*/
body, .wrapper, .contents {
  overflow-x: hidden;
  width: 100%;
}
body {
  margin: 0;
  color: #333;
  min-width: 0 !important;
}
img {vertical-align: top;}
figure {margin: 0;}
.movie {pointer-events: none;}

/* スクリーンサイズが959px以下の場合に適用 */
@media screen and (max-width: 959px) {
  @keyframes fuwafuwa {
    0% , 100%{
        transform: translateY(0);
    }
    50%{
        /* SPの基準幅（例: 375や750）に合わせた計算にするか、直接vwを指定する */
        /* 例: 画面幅に対して約3%（約10px〜12px程度）動かす場合 */
        transform: translateY(3vw); 
    }
  }
  .credit-wrapper {margin: 5.46vw 0 0;}
  .credit {margin: 0 auto;width: fit-content;display: grid;grid-template-columns: 1fr max-content max-content max-content 1fr;color: #e9578f;}
  .credit .is-other {color: #420b11;}
  .credit__label{grid-column: 1 / -1;text-align: center;margin-bottom: 5.34vw;}
  .credit__label.is-other{display: none;}
  .credit__detail {margin: 0;grid-column: 2 / 5;display: grid;grid-template-columns: subgrid;align-items: center;font-size: 3.16vw;line-height: 1;letter-spacing: 0.05em;}
  .credit__detail + .credit__detail {margin-top: 3.64vw;}
  .credit__label.is-other + .credit__detail {position: relative;margin-top: 7.28vw;}
  .credit__label.is-other + .credit__detail::before {position: absolute;top: -3.64vw;left: 50%;content: "";grid-column: 1 / -1;width: 120%;transform: translateX(-50%);height: 0.25vw;background-color: #420b11;}
  .credit__name {padding: 0 2.19vw 0 0;text-align: right;}
  .credit__price {padding: 0 2.43vw 0 0;}
  .credit__buy {}
  a.credit__link-btn {display: flex;align-items: center;padding: 0.97vw 1.7vw  0.61vw;color: #fff;background-color: #e9578f;border-radius: 9999px;text-decoration: none;font-size: 2.67vw;line-height: 1;letter-spacing: 0.05em;}
  .credit__buy.is-other a.credit__link-btn {background-color: #420b11;}

  _::-webkit-full-page-media, _:future, :root a.credit__link-btn{
    padding-top: 0.77vw !important;
    padding-bottom: 0.81vw !important;
  }

  .contents {background-color: #fff4f9;}
  .main {}
  .lp-contents {width: 100vw;margin: 0 auto;background-color: #fff;}

  .hero,
  .item--charm,
  .item--charm02,
  .item--clawclip {
    background-color: #fff;
    position: relative;
    z-index: 2;
  }

  .item--pullover,
  .item--tshirt,
  .about {
    position: relative;
    z-index: 2;
  }

  .hero {position: relative;width: 100vw;}
  .hero__logo {position: absolute;top: 5.1vw;left: 4.49vw;margin: 0;width: 25.1vw;}
  .hero__logo-image {width: 25.1vw;height: 31.52vw;}
  .hero__image {width: 100vw;}
  .hero__image-item {width: 100vw;height: 149.1vw;}
  .banner {display: block;margin: 0 auto 0;}
  .banner--top {width: 77.22vw;margin-top: 9.46vw;}
  .banner--top .banner__image {width: 77.22vw;height: 14.19vw;}
  .banner--bottom {width: 67.52vw;margin-top: 9.7vw;margin-left: 16.13vw;}
  .banner--bottom .banner__image {width: 67.52vw;height: 17.82vw;} 

  .item {margin: 14.55vw 0 0;width: 100vw;}
  .item__title {margin: 0 auto;}
  .item__content {margin: 0;}
  .item__overlay-wrapper {position: relative;}
  .item__image {margin: 0;}
  .item__overlay-image {margin: 0;}
  .item__figure {position: relative;}
  .item__figure + .item__figure {margin-top: 5.46vw;}
  .ice {position: absolute;top: 0;left: 0;z-index: 1;}
  .item--charm .item__title {width: 30.19vw;}
  .item--charm .item__title-image {width: 30.19vw;height: 13.58vw;}
  .item--charm .item__content--01 {margin-top: 2.91vw;}
  .item--charm .item__content--01 .item__image {width: 100vw;height: 131.28vw;}
  .item--charm .item__content--01 .item__overlay-image {position: absolute;top: 7.04vw;left: 7.04vw;width: 85.94vw;height: 117.22vw;}
  .item--charm .item__content--02 {width: 100vw;overflow: hidden;margin-top: 7.04vw;}
  .item--charm .item__content--02 .item__image {position: relative;width: 69.34vw;height: 69.34vw;z-index: 2;}
  .item--charm .item__content--02 .item__figure:nth-child(1) {display: flex;justify-content: flex-start;margin-left: 2.67vw;}
  .item--charm .item__content--02 .item__figure:nth-child(2) {display: flex;justify-content: flex-end;margin-right: 2.67vw;}
  .item--charm .item__content--02 .ice--01 {top: 17.58vw;left: auto;right: 0.61vw;width: 32.37vw;height: 31.16vw;}
  .item--charm .item__content--02 .ice--02 {top: 14.79vw;left: -2.19vw;width: 41.46vw;height: 39.76vw;}
  .item--pullover{overflow: hidden;position: relative;background-color: #f1feff;padding: 13.34vw 0;}
  .item--pullover::before{position: absolute;top: 0;left: 0;content: "";display: block;width: 100vw;height: 4.61vw;background-image: url("../images/bg_nami_top.png");background-size: 100vw 4.61vw;}
  .item--pullover::after{position: absolute;bottom: 0;left: 0;content: "";display: block;width: 100vw;height: 4.61vw;background-image: url("../images/bg_nami_bottom.png");background-size: 100vw 4.61vw;}
  .item--pullover .item__title {width: 51.52vw;margin: 0 auto 0 6.79vw;}
  .item--pullover .item__title-image {width: 51.52vw;height: 8.49vw;}
  .item--pullover .item__content--01 {position: relative;margin: 2.43vw auto 0;padding: 0.73vw;width: 84vw;}
  .item--pullover .item__content--01::before {content: "";position: absolute;top: 0;left: 0;width: 85.46vw;height: 116.73vw;background-image: url("../images/pullover_waku.webp");background-size: 85.46vw 116.73vw;z-index: 2;}
  .item--pullover .item__content--01 .item__image {width: 84vw;height: 115.28vw;}
  .item--pullover .item__content--01 .ice--03 {top: 100.49vw;left: 71.4vw;width: 27.28vw;height: 27.04vw;z-index: 3;}  .item--pullover .item__content--02 {margin-top: 15.76vw;}
  .item--pullover .item__content--02 .item__figure {display: flex;gap: 2.67vw;}
  .item--pullover .item__content--02 .item__image {width: 84vw;heigth: 115.28vw;}
  .item--pullover .item__content--03 {margin: 15.76vw auto 0;width: 85.46vw;}
  .item--pullover .item__content--03 .item__image {width: 85.46vw;height: 116.73vw;}.item--charm .item__content--01 {margin-top: 2.91vw;}
  .item--pullover .item__content--04 {margin-top: 15.76vw;}
  .item--pullover .item__content--04 .item__image {width: 100vw;height: 131.28vw;}
  .item--pullover .item__content--04 .item__overlay-image {position: absolute;top: 7.04vw;left: 7.04vw;width: 85.94vw;height: 117.22vw;}
  .item--charm02 {overflow: hidden;padding: 0 0 13.34vw;}
  .item--charm02 .item__title {width: 30.19vw;}
  .item--charm02 .item__title-image {width: 30.19vw;height: 13.82vw;}
  .item--charm02 .item__content--01 {margin-top: 3.28vw;}
  .item--charm02 .item__content--01 .item__image {width: 100%;height: auto;}
  .item--charm02 .item__content--02 {position: relative;margin: 8.49vw auto 0;width: 85.46vw;}
  .item--charm02 .item__content--02 .item__image {width: 85.46vw;height: 116.73vw;}
  .item--charm02 .item__content--02 .ice--04 {top: 11.16vw;left: -9.46vw;width: 22.79vw;height: 23.64vw;}
  .item--charm02 .item__content--02 .ice--05 {top: 95.4vw;left: 79.16vw;width: 15.52vw;height: 27.88vw;}
  .item--tshirt {overflow:hidden;position: relative;margin: 0;background-color: #fff4f9;padding: 13.34vw 0;}
  .item--tshirt::after{position: absolute;bottom: 0;left: 0;content: "";display: block;width: 100vw;height: 4.61vw;background-image: url("../images/bg_nami_bottom_pink.png");background-size: 100vw 4.61vw;}
  .item--tshirt .item__title {width: 42.55vw;margin: 0 2.43vw 0 auto;}
  .item--tshirt .item__title-image {width: 42.55vw;height: 8.49vw;}
  .item--tshirt .item__content--01 {margin-top: 2.67vw;}
  .item--tshirt .item__content--01 .item__overlay-wrapper {position: relative;}
  .item--tshirt .item__content--01 .item__image {width: 100vw;height: 131.28vw;}
  .item--tshirt .item__content--01 .item__overlay-slider {position: absolute;top: 7.28vw;left: 7.28vw;width: 85.46vw;}
  .item--tshirt .item__content--01 .item__overlay-image {width: 85.46vw;height: 116.73vw;}
  .item--tshirt .item__content--02 {position: relative;margin: 13.34vw auto 0;width: 84vw;}
  .item--tshirt .item__content--02 .item__image {width: 84vw;height: 115.28vw;}
  .item--tshirt .item__content--02 .ice--06 {top: -7.28vw;left: -10.91vw;width: 25.94vw;height: 25.58vw;}
  .item--tshirt .item__content--03 {margin: 6.79vw 0 0 -4.24%;width: 104.24%;}
  .item--tshirt .item__content--03 .item__image {width: 100%;height: auto;}
  .item--tshirt .item__content--04 {margin: 13.34vw auto 0;width: 85.46vw;}
  .item--tshirt .item__content--04 .item__image {width: 85.46vw;height: 116.73vw;}
  .item--tshirt .item__content--05 {margin-top: 13.34vw;}
  .item--tshirt .item__content--05 .item__image {width: 100%;height: auto;}
  .item--clawclip {padding: 0 0 13.34vw;}
  .item--clawclip .item__title {width: 43.88vw;}
  .item--clawclip .item__title-image {width: 43.88vw;height: 13.46vw;}
  .item--clawclip .item__content--01 {margin-top: 3.16vw;}
  .item--clawclip .item__content--01 .item__image {width: 100vw;height: 131.28vw;}
  .item--clawclip .item__content--01 .item__overlay-image {position: absolute;top: 7.04vw;left: 7.04vw;width: 85.94vw;height: 117.22vw;}
  .item--clawclip .item__content--02 {width: 100vw;overflow: hidden;margin-top: 7.04vw;}
  .item--clawclip .item__content--02 .item__image {position: relative;width: 69.34vw;height: 69.34vw;z-index: 2;}
  .item--clawclip .item__content--02 .item__figure:nth-child(1) {display: flex;justify-content: flex-start;margin-left: 2.67vw;}
  .item--clawclip .item__content--02 .item__figure:nth-child(2) {display: flex;justify-content: flex-end;margin-right: 2.67vw;}
  .item--clawclip .item__content--02 .ice--07 {top: 8.97vw;left: auto;right: -4.49vw;width: 36.37vw;height: 35.4vw;}
  .item--clawclip .item__content--02 .ice--08 {top: 8.73vw;left: -6.07vw;width: 32.61vw;height: 31.28vw;}
  .movie {
    width: 100%;    
    height: 100vh;  
    position: relative;
    z-index: 1;
  }
  .movie__inner {
    position: fixed; 
    top: 0;
    left: 50%;
    transform: translateX(-50%); 
    width: 100vw;
    height: 100vh;
    z-index: -1;
    overflow: hidden; 
    display: flex;
    align-items: center; 
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  .movie__video {
    width: 100%;
    height: auto;
    display: block;
  }
  .about {
    margin-top: 0 !important; 
    padding: 20.61vw 0 28.49vw;
    background-color: transparent;
    background-image: url("../images/bg_about.png"),linear-gradient(to bottom, transparent 72.73vw, #f1feff 72.73vw);
    background-size: 100vw 72.73vw, 100% 100%;
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
    z-index: 3; 
  }
  .about__title {margin: 0 auto 0;width: 33.1vw;}
  .about__title-image {width: 33.1vw;height: 7.04vw;}
  .about__figure {margin: 8vw 0 0;display: flex;flex-direction: column;align-items: center;}
  .about__image {width: 32vw;height: 18.43vw;}
  .about__decoration {margin: 8.97vw 0 0;width: 47.52vw;height: 8.49vw;}
  .about__text-wrapper {margin: 8.49vw 0 0;}
  .about__text {text-align: center;font-size: 3.76vw;line-height: 1.96;letter-spacing: 0;}
  .about__content {margin: 15.76vw 0 0;}
  .about__slider {}
  .about__slide-image {width: 100%;height: auto;}
  .lp-footer {display: flex;flex-direction: column;justify-content: space-between;width: 100vw;height: 179.88vw;background-image: url("../images/bg_footer.jpg");background-size: 100vw 191.4vw;background-repeat: no-repeat;padding: 6.67vw 0 4.85vw;}
  .staff {margin: 0 0 0 5.34vw;color: #fff;}
  .staff__title {margin: 0;font-size: 3.4vw;line-height: 1;letter-spacing: 0.025em;text-decoration: underline;text-underline-offset: 1.1vw;}
  .staff__content {margin: 3.64vw 0 0;}
  .staff__text {margin: 0;font-size: 2.91vw;line-height: 1.88;letter-spacing: 0.025em;}
  .lp-footer__content {display: flex;flex-direction: column;align-items: center;gap: 2.43vw;}
  .lp-footer__brand {}
  .lp-footer__logo {width: 17.34vw;height: 6.43vw;}
  .lp-footer__copyright {margin: 0;font-size: 2.14vw;line-height: 1;letter-spacing: 0.025em;color: #fff;}
  .nav {display: none;}
}/* スクリーンサイズが959px以下の場合に適用 */

/* スクリーンサイズが1440px以上の場合に適用 */
@media screen and (min-width: 960px) {
  @keyframes fuwafuwa {
    0% , 100%{
        transform: translateY(0);
    }
    50%{
        transform: translateY(calc(20*calc(100vw / 1400)
  *calc(468 / 780)));
    }
  }
  
  .credit-wrapper {margin: calc(45px / 2) 0 0;}
  .credit {margin: 0 auto;width: fit-content;display: grid;grid-template-columns: 1fr max-content max-content max-content 1fr;color: #e9578f;}
  .credit .is-other {color: #420b11;}
  .credit__label{grid-column: 1 / -1;text-align: center;margin-bottom: calc(44px / 2);}
  .credit__label.is-other{display: none;}
  .credit__detail {margin: 0;grid-column: 2 / 5;display: grid;grid-template-columns: subgrid;align-items: center;font-size: calc(26px / 2);line-height: 1;letter-spacing: 0.05em;}
  .credit__detail + .credit__detail {margin-top: calc(30px / 2);}
  .credit__label.is-other + .credit__detail {position: relative;margin-top: calc(60px / 2);}
  .credit__label.is-other + .credit__detail::before {position: absolute;top: calc(-30px / 2);left: 50%;content: "";grid-column: 1 / -1;width: 120%;transform: translateX(-50%);height: 1px;background-color: #420b11;}
  .credit__name {padding: 0 calc(18px / 2) 0 0;text-align: right;}
  .credit__price {padding: 0 calc(20px / 2) 0 0;}
  .credit__buy {}
  a.credit__link-btn {display: flex;align-items: center;padding: calc(8px / 2) calc(14px / 2)  calc(5px / 2);color: #fff;background-color: #e9578f;border-radius: 9999px;text-decoration: none;font-size: calc(22px / 2);line-height: 1;letter-spacing: 0.05em;}
  .credit__buy.is-other a.credit__link-btn {background-color: #420b11;}

  .contents {background-color: #fff4f9;}
  .main {}
  .lp-contents {width: calc(825px / 2);margin: 0 auto;background-color: #fff;}

  .hero,
  .item--charm,
  .item--charm02,
  .item--clawclip {
    background-color: #fff;
    position: relative;
    z-index: 2;
  }

  .item--pullover,
  .item--tshirt,
  .about {
    position: relative;
    z-index: 2;
  }

  .hero {position: relative;width: calc(825px / 2);}
  .hero__logo {position: absolute;top: calc(42px /2);left: calc(37px / 2);margin: 0;width: calc(207px / 2);}
  .hero__logo-image {width: calc(207px / 2);height: calc(260px / 2);}
  .hero__image {width: calc(825px / 2);}
  .hero__image-item {width: calc(825px / 2);height: calc(1230px / 2);}
  .banner {display: block;margin: 0 auto 0;}
  .banner--top {width: calc(637px / 2);margin-top: calc(78px / 2);}
  .banner--top .banner__image {width: calc(637px / 2);height: calc(117px / 2);}
  .banner--bottom {width: calc(557px / 2);margin-top: calc(80px / 2);margin-left: calc(133px / 2);}
  .banner--bottom .banner__image {width: calc(557px / 2);height: calc(147px / 2);} 

  .item {margin: calc(120px / 2) 0 0;width: calc(825px / 2);}
  .item__title {margin: 0 auto;}
  .item__content {margin: 0;}
  .item__overlay-wrapper {position: relative;}
  .item__image {margin: 0;}
  .item__overlay-image {margin: 0;}
  .item__figure {position: relative;}
  .item__figure + .item__figure {margin-top: calc(45px / 2);}
  .ice {position: absolute;top: 0;left: 0;z-index: 1;}
  .item--charm .item__title {width: calc(249px / 2);}
  .item--charm .item__title-image {width: calc(249px / 2);height: calc(112px / 2);}
  .item--charm .item__content--01 {margin-top: calc(24px / 2);}
  .item--charm .item__content--01 .item__image {width: calc(825px / 2);height: calc(1083px / 2);}
  .item--charm .item__content--01 .item__overlay-image {position: absolute;top: calc((1083px - 967px) / 4);left: calc((825px - 709px) / 4);width: calc(709px / 2);height: calc(967px / 2);}
  .item--charm .item__content--02 {width: calc(825px / 2);overflow: hidden;margin-top: calc(58px / 2);}
  .item--charm .item__content--02 .item__image {position: relative;width: calc(572px / 2);height: calc(572px / 2);z-index: 2;}
  .item--charm .item__content--02 .item__figure:nth-child(1) {display: flex;justify-content: flex-start;margin-left:calc(22px / 2);}
  .item--charm .item__content--02 .item__figure:nth-child(2) {display: flex;justify-content: flex-end;margin-right:calc(22px / 2);}
  .item--charm .item__content--02 .ice--01 {top: calc(145px / 2);left: auto;right: calc(5px / 2);width: calc(267px / 2);height: calc(257px / 2);}
  .item--charm .item__content--02 .ice--02 {top: calc(122px / 2);left: calc(-18px / 2);width: calc(342px / 2);height: calc(328px / 2);}
  .item--pullover{overflow: hidden;position: relative;background-color: #f1feff;padding: calc(110px / 2) 0;}
  .item--pullover::before{position: absolute;top: 0;left: 0;content: "";display: block;width: calc(825px / 2);height: calc(38px / 2);background-image: url("../images/bg_nami_top.png");background-size: calc(825px / 2) calc(38px / 2);}
  .item--pullover::after{position: absolute;bottom: 0;left: 0;content: "";display: block;width: calc(825px / 2);height: calc(38px / 2);background-image: url("../images/bg_nami_bottom.png");background-size: calc(825px / 2) calc(38px / 2);}
  .item--pullover .item__title {width: calc(425px / 2);margin: 0 auto 0 calc(56px / 2);}
  .item--pullover .item__title-image {width: calc(425px / 2);height: calc(70px / 2);}
  .item--pullover .item__content--01 {position: relative;margin: calc(20px / 2) auto 0;padding: calc(6px / 2);width: calc(693px / 2);}
  .item--pullover .item__content--01::before {content: "";position: absolute;top: 0;left: 0;width: calc(705px / 2);height: calc(963px / 2);background-image: url("../images/pullover_waku.webp");background-size: calc(705px / 2) calc(963px / 2);z-index: 2;}
  .item--pullover .item__content--01 .item__image {width: calc(693px / 2);height: calc(951px / 2);}
  .item--pullover .item__content--01 .ice--03 {top: calc(829px / 2);left: calc(589px / 2);width: calc(225px / 2);height: calc(223px / 2);z-index: 3;}
  .item--pullover .item__content--02 {margin-top: calc(130px / 2);}
  .item--pullover .item__content--02 .item__figure {display: flex;gap: calc(22px / 2);}
  .item--pullover .item__content--02 .item__image {width: calc(693px / 2);heigth: calc(951px / 2);}
  .item--pullover .item__content--03 {margin: calc(130px / 2) auto 0;width: calc(705px / 2);}
  .item--pullover .item__content--03 .item__image {width: calc(705px / 2);height: calc(963px / 2);}.item--charm .item__content--01 {margin-top: calc(24px / 2);}
  .item--pullover .item__content--04 {margin-top: calc(130px / 2);}
  .item--pullover .item__content--04 .item__image {width: calc(825px / 2);height: calc(1083px / 2);}
  .item--pullover .item__content--04 .item__overlay-image {position: absolute;top: calc((1083px - 967px) / 4);left: calc((825px - 709px) / 4);width: calc(709px / 2);height: calc(967px / 2);}
  .item--charm02 {overflow: hidden;padding: 0 0 calc(110px / 2);}
  .item--charm02 .item__title {width: calc(249px / 2);}
  .item--charm02 .item__title-image {width: calc(249px / 2);height: calc(114px / 2);}
  .item--charm02 .item__content--01 {margin-top: calc(27px / 2);}
  .item--charm02 .item__content--01 .item__image {width: 100%;height: auto;}
  .item--charm02 .item__content--02 {position: relative;margin: calc(70px / 2) auto 0;width: calc(705px / 2);}
  .item--charm02 .item__content--02 .item__image {width: calc(705px / 2);height: calc(963px / 2);}
  .item--charm02 .item__content--02 .ice--04 {top: calc(92px / 2);left: calc(-78px / 2);width: calc(188px / 2);height: calc(195px / 2);}
  .item--charm02 .item__content--02 .ice--05 {top: calc(787px / 2);left: calc(653px / 2);width: calc(128px / 2);height: calc(230px / 2);}
  .item--tshirt {overflow:hidden;position: relative;margin: 0;background-color: #fff4f9;padding: calc(110px / 2) 0;}
  .item--tshirt::after{position: absolute;bottom: 0;left: 0;content: "";display: block;width: calc(825px / 2);height: calc(38px / 2);background-image: url("../images/bg_nami_bottom_pink.png");background-size: calc(825px / 2) calc(38px / 2);}
  .item--tshirt .item__title {width: calc(351px / 2);margin: 0 calc(20px / 2) 0 auto;}
  .item--tshirt .item__title-image {width: calc(351px / 2);height: calc(70px / 2);}
  .item--tshirt .item__content--01 {margin-top: calc(22px / 2);}
  .item--tshirt .item__content--01 .item__overlay-wrapper {position: relative;}
  .item--tshirt .item__content--01 .item__image {width: calc(825px / 2);height: calc(1083px / 2);}
  .item--tshirt .item__content--01 .item__overlay-slider {position: absolute;top: calc((1083px - 963px) / 4);left: calc((825px - 705px) / 4);width: calc(705px / 2);}
  .item--tshirt .item__content--01 .item__overlay-image {width: calc(705px / 2);height: calc(963px / 2);}
  .item--tshirt .item__content--02 {position: relative;margin: calc(110px / 2) auto 0;width: calc(693px / 2);}
  .item--tshirt .item__content--02 .item__image {width: calc(693px / 2);height: calc(951px / 2);}
  .item--tshirt .item__content--02 .ice--06 {top: calc(-60px / 2);left: calc(-90px / 2);width: calc(214px / 2);height: calc(211px / 2);}
  .item--tshirt .item__content--03 {margin: calc(56px / 2) 0 0 -4.24%;width: 104.24%;}
  .item--tshirt .item__content--03 .item__image {width: 100%;height: auto;}
  .item--tshirt .item__content--04 {margin: calc(110px / 2) auto 0;width: calc(705px / 2);}
  .item--tshirt .item__content--04 .item__image {width: calc(705px / 2);height: calc(963px / 2);}
  .item--tshirt .item__content--05 {margin-top: calc(110px / 2);}
  .item--tshirt .item__content--05 .item__image {width: 100%;height: auto;}
  .item--clawclip {padding: 0 0 calc(110px / 2);}
  .item--clawclip .item__title {width: calc(362px / 2);}
  .item--clawclip .item__title-image {width: calc(362px / 2);height: calc(111px / 2);}
  .item--clawclip .item__content--01 {margin-top: calc(26px / 2);}
  .item--clawclip .item__content--01 .item__image {width: calc(825px / 2);height: calc(1083px / 2);}
  .item--clawclip .item__content--01 .item__overlay-image {position: absolute;top: calc((1083px - 967px) / 4);left: calc((825px - 709px) / 4);width: calc(709px / 2);height: calc(967px / 2);}
  .item--clawclip .item__content--02 {width: calc(825px / 2);overflow: hidden;margin-top: calc(58px / 2);}
  .item--clawclip .item__content--02 .item__image {position: relative;width: calc(572px / 2);height: calc(572px / 2);z-index: 2;}
  .item--clawclip .item__content--02 .item__figure:nth-child(1) {display: flex;justify-content: flex-start;margin-left:calc(22px / 2);}
  .item--clawclip .item__content--02 .item__figure:nth-child(2) {display: flex;justify-content: flex-end;margin-right:calc(22px / 2);}
  .item--clawclip .item__content--02 .ice--07 {top: calc(74px / 2);left: auto;right: calc(-37px / 2);width: calc(300px / 2);height: calc(292px / 2);}
  .item--clawclip .item__content--02 .ice--08 {top: calc(72px / 2);left: calc(-50px / 2);width: calc(269px / 2);height: calc(258px / 2);}
  .movie {
    width: 100%;    
    height: 100vh;  
    position: relative;
    z-index: 1;
  }
  .movie__inner {
    position: fixed; 
    top: 0;
    left: 50%;
    transform: translateX(-50%); 
    width: calc(825px / 2 - 1px);
    height: 100vh;
    z-index: -1;
    overflow: hidden; 
    display: flex;
    align-items: center; 
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  .movie__video {
    width: 100%;
    height: auto;
    display: block;
  }
  .about {
    margin-top: 0 !important; 
    padding: calc(170px / 2) 0 calc(235px / 2);
    background-color: transparent;
    background-image: url("../images/bg_about.png"),linear-gradient(to bottom, transparent 300px, #f1feff 300px);
    background-size: calc(825px / 2) calc(600px / 2), 100% 100%;
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
    z-index: 3; 
  }
  .about__title {margin: 0 auto 0;width: calc(273px / 2);}
  .about__title-image {width: calc(273px / 2);height: calc(58px / 2);}
  .about__figure {margin: calc(66px / 2) 0 0;display: flex;flex-direction: column;align-items: center;}
  .about__image {width: calc(264px / 2);height: calc(152px / 2);}
  .about__decoration {margin: calc(74px / 2) 0 0;width: calc(392px / 2);height: calc(70px / 2);}
  .about__text-wrapper {margin: calc(70px / 2) 0 0;}
  .about__text {text-align: center;font-size: calc(31px / 2);line-height: calc(60.5px / 31px);letter-spacing: 0;}
  .about__content {margin: calc(130px / 2) 0 0;}
  .about__slider {}
  .about__slide-image {width: 100%;height: auto;}
  .lp-footer {display: flex;flex-direction: column;justify-content: space-between;width: calc(825px / 2);height: calc((1579px - 55px - 40px) / 2);background-image: url("../images/bg_footer.jpg");background-size: calc(825px / 2) calc(1579px / 2);background-repeat: no-repeat;padding: calc(55px / 2) 0 calc(40px / 2);}
  .staff {margin: 0 0 0 calc(44px / 2);color: #fff;}
  .staff__title {margin: 0;font-size: calc(28px / 2);line-height: 1;letter-spacing: 0.025em;text-decoration: underline;text-underline-offset: calc(9px / 2);}
  .staff__content {margin: calc(30px / 2) 0 0;}
  .staff__text {margin: 0;font-size: calc(24px /2);line-height: calc(45px / 24px);letter-spacing: 0.025em;}
  .lp-footer__content {display: flex;flex-direction: column;align-items: center;gap: calc(20px / 2);}
  .lp-footer__brand {}
  .lp-footer__logo {width: calc(143px / 2);height: calc(53px / 2);}
  .lp-footer__copyright {margin: 0;font-size: calc(17.6px / 2);line-height: 1;letter-spacing: 0.025em;color: #fff;}

  .nav {
    position: absolute;
    top: 0;
    width: calc((100vw - (825px / 2)) / 2);
    height: 100vh;
    z-index: 100;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
  }
  .nav--left {
    left: 0;
  }

  .nav--right {
    right: 0;
  }
  .nav-list {list-style: none;display: flex;align-items: center;gap: clamp(8px, calc(8px + 24.5 * ((100vw - 1024px) / 216)), calc(65px / 2));margin: 0;padding: 0;}
  .nav-list__item {}
  .nav-list__item-image {width: calc(130px / 2);height: calc(170px / 2);}
  .nav-list__item-image.is-active {animation: yeah 5s linear infinite;}
  .nav-list__ice {}
  .nav-list__ice-image {}
  .nav-list__ice--01 .nav-list__ice-image {width: calc(60px / 2);height: calc(110px / 2);}
  .nav-list__ice--02 .nav-list__ice-image {width: calc(85px / 2);height: calc(87px / 2);}
  .nav-list__ice--03 .nav-list__ice-image {width: calc(63px / 2);height: calc(110px / 2);}
  .nav-list__ice--04 .nav-list__ice-image {width: calc(85px / 2);height: calc(87px / 2);}
  .nav__logo {margin: calc(80px / 2) 0 0;width: calc(469px / 2);height: calc(56px / 2);}
}/* スクリーンサイズが1440px以上の場合に適用 */