/* =========================================================
body
========================================================= */
html {
  letter-spacing: 0.03em;
  line-height: 1.5;
}

body {
  color: #000;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-size: 1rem;
  background: #fff;
}

/*------------------------------------------
font
------------------------------------------*/
.ja-2 {
  font-family: "Sawarabi Mincho", serif;
  font-weight: 400;
  font-style: normal;
}

.en {
  font-family: "Jost", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.en-2 {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

.en-3 {
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

img {
  max-width: 100%;
  height: auto;
}
img.w100 {
  width: 100%;
}

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

@media (max-width: 768px) {
  .pc-disp {
    display: none !important;
  }
}

@media (min-width: 769px) {
  .sp-disp {
    display: none !important;
  }
}

@media (hover: hover) {
  .opacity-link {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  .opacity-link:hover {
    opacity: 0.6;
    cursor: pointer;
  }
}
button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit;
}

/*------------------------------------------
fade up
------------------------------------------*/
.fadeup {
  opacity: 0;
  -webkit-transform: translateY(40px);
          transform: translateY(40px);
  -webkit-transition: opacity 0.7s ease-in-out, -webkit-transform 0.7s ease-in-out;
  transition: opacity 0.7s ease-in-out, -webkit-transform 0.7s ease-in-out;
  transition: opacity 0.7s ease-in-out, transform 0.7s ease-in-out;
  transition: opacity 0.7s ease-in-out, transform 0.7s ease-in-out, -webkit-transform 0.7s ease-in-out;
}
.fadeup.is-active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.7s ease-in-out;
  transition: opacity 0.7s ease-in-out;
}
.fade.is-active {
  opacity: 1;
}

a[target=_blank]:after {
  display: none;
}

main {
  display: block;
  overflow: hidden;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
* a {
  text-decoration: none;
}

/*------------------------------------------
body
------------------------------------------*/
.summerfashion2025 .splide {
  overflow: hidden;
}
.summerfashion2025 .splide.no-slide {
  visibility: visible;
}
.summerfashion2025 .splide.no-slide .splide__wrapper {
  padding: 0;
}
.summerfashion2025 .splide.no-slide .splide__pagination {
  display: none !important;
}
.summerfashion2025 .splide.no-slide .splide__slide {
  width: 100%;
}
.summerfashion2025 .splide__wrapper {
  position: relative;
  margin: 0 auto;
  width: 100%;
  padding: 0 0 20px;
}
.summerfashion2025 .splide__track {
  border-radius: 0;
  border: 0;
}
.summerfashion2025 .splide__slide .slide--img {
  overflow: hidden;
  position: relative;
}
.summerfashion2025 .splide__slide .slide--img img {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media (min-width: 769px) {
  .summerfashion2025 .splide__slide a:hover {
    opacity: 1;
  }
  .summerfashion2025 .splide__slide a:hover .slide--img,
  .summerfashion2025 .splide__slide a:hover img {
    opacity: 0.6;
  }
}
.summerfashion2025 .splide__slide > a {
  display: block;
}
.summerfashion2025 .splide__pagination {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  bottom: 0;
  gap: 8px;
}
.summerfashion2025 .splide__pagination > li .splide__pagination__page {
  margin: 0;
  border: 1px solid #ee8c8d;
  background: transparent;
}
.summerfashion2025 .splide__pagination > li .splide__pagination__page.is-active {
  -webkit-transform: scale(1);
          transform: scale(1);
  background: #ee8c8d;
}

/*------------------------------------------
contents__wrap
------------------------------------------*/
.contents__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

/*------------------------------------------
left__container
right__container
------------------------------------------*/
.left__container,
.right__container {
  display: none;
  width: calc(50% - 187.5px);
  height: 100vh;
  position: sticky;
  top: 0;
  left: 0;
}
@media (min-width: 769px) {
  .left__container,
  .right__container {
    display: block;
  }
}

/*------------------------------------------
left__container
------------------------------------------*/
.left__container .left__mv {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.left__container .left__mv .img {
  width: 100%;
  height: 100%;
}
.left__container .left__mv .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.left__container .left__mv .label {
  width: 42.1669106881vw;
  position: absolute;
  top: 0;
  left: 0;
}
.left__container .left__mv .ttl {
  width: 13.3967789165vw;
  height: 16.5446559297vw;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

/*------------------------------------------
right__container
------------------------------------------*/
.right__container .right__cnt {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: #5112ea;
}

/*------------------------------------------
gnav
------------------------------------------*/
.gav__btn {
  width: 48px;
  height: 48px;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 11;
  cursor: pointer;
}
@media (min-width: 769px) {
  .gav__btn {
    display: none;
    top: 12px;
    left: 300px;
    right: 0;
    margin: auto;
  }
}
.gav__btn::before, .gav__btn::after {
  content: "";
  background: #ee8c8d;
  width: 17px;
  height: 1px;
  border-radius: 10px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
.gav__btn::before {
  top: 18px;
}
.gav__btn::after {
  bottom: 20px;
}
.gav__btn.is-open {
  background: none;
  z-index: 101;
  width: 18px;
  height: 18px;
  top: 20px;
  right: 23px;
  overflow: hidden;
}
.gav__btn.is-open::before, .gav__btn.is-open::after {
  top: 0;
  bottom: 0;
}
.gav__btn.is-open::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.gav__btn.is-open::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.nav__container {
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background: #5112ea;
}
@media (min-width: 769px) {
  .nav__container {
    left: auto;
    width: calc(50% - 187.5px);
    display: block;
    background: none;
  }
}
@media (max-width: 768px) {
  .nav__container {
    overflow: auto;
    overscroll-behavior-y: contain;
  }
}
.nav__container .nav__cnt {
  width: 100%;
  height: 100%;
  padding: 80px 0 45px;
}
@media (min-width: 769px) {
  .nav__container .nav__cnt {
    height: 100vw;
    background: #5112ea;
    margin-left: auto;
    padding: 250px 0 240px;
  }
}
.nav__container .nav__inner {
  position: relative;
  padding: 0 20px 0 46px;
}
@media (min-width: 769px) {
  .nav__container .nav__inner {
    padding: 0 90px 0 96px;
  }
}
.nav__container .nav__box {
  width: 100%;
  height: 480px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 84px;
  position: relative;
}
@media (min-width: 769px) {
  .nav__container .nav__box {
    max-width: 310px;
    margin: 0 auto;
  }
}
.nav__container .nav__ttl {
  width: 126px;
}
.nav__container .nav__list {
  width: 100px;
  color: #ee8c8d;
  font-size: 15px;
}
.nav__container .nav__list > li {
  margin-bottom: 22px;
}
@media (min-width: 769px) {
  .nav__container .nav__list > li > a {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  .nav__container .nav__list > li > a:hover {
    opacity: 0.6;
    cursor: pointer;
  }
}
.nav__container .nav__btm {
  position: absolute;
  left: 0;
  bottom: 0;
}
.nav__container .nav__btm .insta {
  width: 28px;
  margin-bottom: 25px;
}
.nav__container .nav__btm .logo {
  width: 205px;
  margin-left: auto;
}

/*------------------------------------------
main__container
------------------------------------------*/
.main__container {
  width: 100%;
  position: relative;
  z-index: 2;
  background: #fff;
}
@media (min-width: 769px) {
  .main__container {
    width: 375px;
    min-width: 375px;
  }
}
.main__container.dist--page .mv__container {
  height: 1442px;
}

/*------------------------------------------
footer__container
------------------------------------------*/
.footer__container {
  background: #fff;
  padding: 10px 0 85px;
}
.footer__container .f__logo {
  width: 237px;
  margin: 0 auto 18px;
}
.footer__container .copyright {
  color: #576770;
  font-weight: 300;
  text-align: center;
  font-size: 10px;
}

/* =========================================================
modal
========================================================= */
.modal-block {
  width: 100vw;
  height: 100vh;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  overflow: scroll;
  z-index: 9999;
  display: none;
}
@media (min-width: 769px) {
  .modal-block {
    overflow: auto;
    left: calc(50% - 187.5px);
  }
}

.modal-bg {
  width: 100vw;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}

.modal-wrap {
  width: 375px;
  height: 100vh;
  background: rgba(61, 42, 106, 0.9);
  mix-blend-mode: multiply;
  position: relative;
}
@media (max-width: 768px) {
  .modal-wrap {
    width: 100%;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    height: 120lvh;
    margin: 0 auto;
  }
}
.modal-wrap .modal-wrap-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.modal-cont .contents__block {
  padding: 30px 15px;
}
@media (min-width: 769px) {
  .modal-cont .contents__block {
    padding: 10.980966325vw 15px;
  }
}
.modal-cont .contents__info {
  position: relative;
  z-index: 10;
  background: #5112ea;
  color: #ee8c8d;
}
.modal-cont .contents__info .ttl {
  line-height: 1.8;
  letter-spacing: 0.2em;
  text-align: center;
  font-size: 18px;
  margin-bottom: 50px;
}
.modal-cont .contents__info .detail__block .detail--item {
  border-bottom: 1px solid #ee8c8d;
  padding: 8px 0 10px;
  margin-bottom: 8px;
}
.modal-cont .contents__info .detail__block .detail--item:first-child {
  border-top: 1px solid #ee8c8d;
}
.modal-cont .contents__info .detail__block .detail--item:last-child {
  margin-bottom: 0;
}
.modal-cont .contents__info .detail__block .item--box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.modal-cont .contents__info .detail__block .item--box .item--ttl {
  padding: 2px 0 0 0;
  letter-spacing: 0.05em;
  line-height: 1.2;
  width: 68px;
  font-size: 13px;
  font-weight: 300;
}
.modal-cont .contents__info .detail__block .item--box .item--info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.modal-cont .contents__info .detail__block .item--box .item--info .item--txt {
  font-weight: 400;
  font-size: 12px;
}
.modal-cont .contents__info .detail__block .item--box .item--info .item--btn {
  margin-top: 8px;
  width: 146px;
  height: 24px;
}
.modal-cont .contents__info .detail__block .item--box .item--info .item--btn > a {
  letter-spacing: 0.1em;
  line-height: 1;
  border: 1px solid #ee8c8d;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  font-size: 13px;
}
.modal-cont .contents__info .detail__block .item--box .item--info.has--link {
  position: relative;
}
@media (min-width: 769px) {
  .modal-cont .contents__info .detail__block .item--box .item--info.has--link {
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  .modal-cont .contents__info .detail__block .item--box .item--info.has--link:hover {
    opacity: 0.6;
  }
}
.modal-cont .contents__info .detail__block .item--box .item--info.has--link::after {
  content: "";
  width: 6px;
  height: 6px;
  border-right: 1px solid #ee8c8d;
  border-bottom: 1px solid #ee8c8d;
  position: absolute;
  top: 0;
  right: 5px;
  bottom: 0;
  margin: auto;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.modal-cont .contents__info .detail__slide {
  margin-bottom: 14px;
}
.modal-cont .contents__info .info__link {
  width: 146px;
  height: 24px;
  margin: 30px auto 0;
}
.modal-cont .contents__info .info__link > a {
  border-radius: 4px;
  width: 100%;
  height: 100%;
  background: #ee8c8d;
  color: #5112ea;
  letter-spacing: 0.1em;
  font-weight: 500;
  font-size: 13px;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal-cont .contents__info .detail__op {
  margin-top: 6px;
  font-weight: 400;
  font-size: 12px;
}
.modal-cont .contents__info.shop--info {
  padding: 80px 45px 75px;
}
.modal-cont .contents__info.shop--item {
  padding: 46px 42px 32px;
}
.modal-cont .contents__info.shop--item .detail__block .detail--item {
  padding: 0 0 5px;
  margin-bottom: 5px;
}
.modal-cont .contents__info.shop--item .detail__block .detail--item:first-child {
  border-top: none;
}
.modal-cont .contents__info.shop--item .detail__block .detail--item:last-child {
  margin-bottom: 0;
}
.modal-cont .contents__info.shop--item .detail__block .item--box .item--ttl {
  width: 50px;
}

.modal-bottom-close {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 48px;
  right: 36px;
  z-index: 11;
}
@media (min-width: 769px) {
  .modal-bottom-close {
    top: calc(10.980966325vw + 20px);
    right: 30px;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    cursor: pointer;
  }
  .modal-bottom-close:hover {
    opacity: 0.6;
  }
}
@media (min-width: 769px) {
  .modal-bottom-close.other {
    top: calc(10.980966325vw + 10px);
  }
}

/*------------------------------------------
.pagetop
------------------------------------------*/
.pagetop {
  display: none;
  cursor: pointer;
  position: absolute;
  z-index: 10;
  width: 41px;
  height: 41px;
  right: 16px;
  bottom: 178px;
}
@media (min-width: 769px) {
  .pagetop {
    -webkit-transition: 0.2s;
    transition: 0.2s;
    left: 320px;
    right: 0;
    margin: auto;
  }
  .pagetop:hover {
    opacity: 0.6;
  }
}
.pagetop::after {
  content: "";
  background: url(../images/pagetotop.svg) no-repeat center/100%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

/*------------------------------------------
mv__container
------------------------------------------*/
.mv__container {
  padding: 26px 0 0;
  position: relative;
}
.mv__container .mv__slide {
  width: 87.4666666667vw;
  margin: 0 0 47px 0;
  overflow: hidden;
  position: relative;
}
@media (min-width: 769px) {
  .mv__container .mv__slide {
    width: 328px;
  }
}
.mv__container .mv__subttl {
  width: 100px;
  position: absolute;
  top: 25px;
  left: 32px;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.mv__container .mv__label {
  width: 265px;
  position: absolute;
  top: 4px;
  right: 0;
}
.mv__container .mv__ttl {
  width: 175px;
  position: absolute;
  top: -12px;
  right: 17px;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.mv__container .mv__lead {
  width: 318px;
}
.mv__container .mv__label_2 {
  width: 375px;
  position: absolute;
  top: 200px;
  left: 0;
}
.mv__container .mv__label_3 {
  width: 141px;
  position: absolute;
  top: 519px;
  left: -3px;
}
.mv__container .mv__label_4 {
  width: 165px;
  position: absolute;
  top: 706px;
  right: 0;
}
.mv__container .mv__label_5 {
  width: 317px;
  position: absolute;
  top: 828px;
  right: 0;
  z-index: -1;
}
.mv__container .mv__lead--txt {
  padding: 45px 40px 90px;
  font-size: 15px;
  line-height: 2;
  position: relative;
}
.mv__container .mv__lead--txt::after {
  content: "";
  background: url(../images/mv_lead_img_2.png) no-repeat center/100%;
  width: 162px;
  height: 224px;
  position: absolute;
  top: 0;
  right: 0;
}

/*------------------------------------------
lead__container
------------------------------------------*/
.lead__container {
  position: relative;
  width: 100%;
  height: 692px;
}
.lead__container .lead__img {
  width: 316px;
}
.lead__container .lead__label--1 {
  width: 103px;
  position: absolute;
  top: -244px;
  left: 0;
}
.lead__container .lead__label--2 {
  width: 170px;
  position: absolute;
  top: -89px;
  right: 0;
}
.lead__container .lead__label--3 {
  width: 375px;
  position: absolute;
  top: -307px;
  left: 0;
  z-index: -1;
}
.lead__container .lead__label--4 {
  width: 375px;
  position: absolute;
  top: 348px;
  right: 0;
}
.lead__container .lead__label--5 {
  width: 134px;
  position: absolute;
  top: 520px;
  left: 0;
  z-index: 3;
}
.lead__container .lead__ttl {
  width: 113px;
  position: absolute;
  top: 282px;
  left: 120px;
}
.lead__container .lead__subttl {
  width: 14px;
  position: absolute;
  top: 159px;
  right: 25px;
}
.lead__container .lead__subttl--2 {
  width: 163px;
  position: absolute;
  top: -108px;
  right: 28px;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

/*------------------------------------------
pickup__container
------------------------------------------*/
.more__btn {
  position: absolute;
  width: 120px;
  height: 64px;
}
.more__btn::after {
  content: "";
  background: url(../images/more_btn.png) no-repeat center/100%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.slide--animation {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.slide--animation .slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.pickup__container {
  position: relative;
  padding: 0 0 70px;
}
.pickup__container .label--1,
.pickup__container .label--2,
.pickup__container .label--3,
.pickup__container .label--4 {
  position: absolute;
}
.pickup__container .sora__1 {
  width: 326px;
  height: 458px;
  position: relative;
}
.pickup__container .sora__1::after {
  content: "";
  background: url(../images/sora_ttl_label.png) no-repeat center/100%;
  width: 44px;
  height: 177px;
  position: absolute;
  top: -34px;
  right: -30px;
}
.pickup__container .sora__2 {
  width: 200px;
  margin: 10px 0 54px 16px;
}
.pickup__container .sora__3 {
  width: 132px;
  position: absolute;
  top: 432px;
  right: 0;
}
.pickup__container .comme__1 {
  width: 333px;
  height: 444px;
  margin-left: auto;
  position: relative;
}
.pickup__container .comme__1::after {
  content: "";
  background: url(../images/comme_ttl_label.png) no-repeat center/100%;
  width: 44px;
  height: 294px;
  position: absolute;
  top: -14px;
  left: -17px;
}
.pickup__container .comme__2 {
  width: 251px;
  margin: 22px 10px 62px auto;
}
.pickup__container .comme__3 {
  width: 120px;
  position: absolute;
  top: 403px;
  left: 14px;
}
.pickup__container .vint__1 {
  width: 333px;
  height: 444px;
  position: relative;
}
.pickup__container .vint__1::after {
  content: "";
  background: url(../images/vint_ttl_label.png) no-repeat center/100%;
  width: 44px;
  height: 352px;
  position: absolute;
  top: -30px;
  right: -22px;
}
.pickup__container .vint__2 {
  width: 191px;
  margin: 10px 16px 60px auto;
}
.pickup__container .vint__3 {
  width: 126px;
  position: absolute;
  top: 521px;
  left: 26px;
}
.pickup__container .murasaki__1 {
  width: 333px;
  height: 444px;
  margin-left: auto;
  position: relative;
}
.pickup__container .murasaki__1::after {
  content: "";
  background: url(../images/murasaki_ttl_label.png) no-repeat center/100%;
  width: 44px;
  height: 333px;
  position: absolute;
  top: -17px;
  left: -17px;
}
.pickup__container .murasaki__2 {
  width: 251px;
  margin: 20px 16px 55px auto;
  position: relative;
  z-index: 3;
}
.pickup__container .murasaki__3 {
  width: 120px;
  position: absolute;
  top: 395px;
  left: 8px;
  z-index: 4;
}
.pickup__container .abcmart__1 {
  width: 333px;
  height: 444px;
  position: relative;
}
.pickup__container .abcmart__1::after {
  content: "";
  background: url(../images/abcmart_ttl_label.png) no-repeat center/100%;
  width: 44px;
  height: 401px;
  position: absolute;
  top: -30px;
  right: -22px;
  z-index: 3;
}
.pickup__container .abcmart__2 {
  width: 198px;
  margin: -12px 12px 50px auto;
  position: relative;
  z-index: 3;
}
.pickup__container .abcmart__3 {
  width: 126px;
  position: absolute;
  top: 514px;
  left: 22px;
  z-index: 3;
}
.pickup__container.sora .label--1 {
  width: 127px;
  top: 242px;
  right: 0;
  z-index: -1;
}
.pickup__container.sora .label--2 {
  width: 362px;
  top: 434px;
  right: 0;
  z-index: -1;
}
.pickup__container.sora .more__btn {
  top: 589px;
  left: 231px;
}
.pickup__container.sora .item__group {
  position: relative;
  z-index: 3;
}
.pickup__container.comme .label--1 {
  width: 257px;
  top: -325px;
  left: 0;
  z-index: -1;
}
.pickup__container.comme .label--2 {
  width: 298px;
  top: -282px;
  right: 0;
  z-index: 2;
  pointer-events: none;
}
.pickup__container.comme .label--3 {
  width: 140px;
  top: 126px;
  left: 0;
  z-index: -1;
}
.pickup__container.comme .label--4 {
  width: 375px;
  top: 294px;
  right: 0;
  z-index: -1;
}
.pickup__container.comme .more__btn {
  top: 458px;
  right: 0;
}
.pickup__container.comme .item__group {
  position: relative;
  z-index: 3;
}
.pickup__container.vint .label--1 {
  width: 165px;
  top: -124px;
  left: 0;
  z-index: 1;
}
.pickup__container.vint .more__btn {
  top: 436px;
  left: 13px;
}
.pickup__container.vint .item__group {
  position: relative;
  z-index: 3;
}
.pickup__container.murasaki .label--1 {
  width: 375px;
  top: -623px;
  left: 0;
  z-index: -1;
}
.pickup__container.murasaki .label--2 {
  width: 181px;
  top: 173px;
  right: 0;
  z-index: 2;
}
.pickup__container.murasaki .label--3 {
  width: 375px;
  top: 305px;
  left: 0;
  z-index: -1;
}
.pickup__container.murasaki .more__btn {
  top: 412px;
  right: 30px;
  z-index: 3;
}
.pickup__container.murasaki .murasaki__block > a {
  position: relative;
  z-index: 3;
}
.pickup__container.abcmart .label--1 {
  width: 375px;
  top: 186px;
  left: 0;
  z-index: 2;
}
.pickup__container.abcmart .more__btn {
  top: 436px;
  left: 13px;
  z-index: 3;
}
.pickup__container.abcmart .item__group {
  position: relative;
  z-index: 3;
}
.pickup__container.abcmart .abcmart__block > a {
  display: block;
  position: relative;
  z-index: 3;
}

.item__group {
  width: 360px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.item__group > li {
  width: calc(33.3333333333% - 5.4px);
}
.item__group > li > a {
  display: block;
}

/*------------------------------------------
collaboration__container
------------------------------------------*/
.collaboration__container {
  padding: 10px 0 88px;
}
.collaboration__container .ttl {
  width: 100%;
  text-align: center;
  margin: 0 auto 36px;
  position: relative;
}
.collaboration__container .ttl img {
  width: 291px;
  position: relative;
  z-index: 2;
}
.collaboration__container .ttl::after {
  content: "";
  background: url(../images/collaboration_label.png) no-repeat center/100%;
  width: 259px;
  height: 201px;
  position: absolute;
  top: -32px;
  left: 0;
}
.collaboration__container .movie {
  width: 200px;
  margin: 0 auto 26px;
  border-top-left-radius: 100px;
  overflow: hidden;
}
.collaboration__container .movie > video {
  max-width: 100%;
}
.collaboration__container .bnr {
  width: 242px;
  margin: 0 auto 50px;
}
.collaboration__container .txt {
  font-weight: 300;
  font-size: 14px;
  width: 330px;
  margin: 0 auto;
  line-height: 2;
}

/*------------------------------------------
model__container
------------------------------------------*/
.model__container {
  position: relative;
}
.model__container .ttl {
  background: #000;
  color: #fff;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
  width: 134px;
  height: 34px;
  margin-bottom: 24px;
}
.model__container .model__list {
  width: 100%;
  margin: 0 auto 66px;
}
.model__container .model__list .model--1 {
  width: 342px;
  margin: 0 auto 50px;
}
.model__container .model__list .model--2 {
  width: 322px;
  margin: 0 auto 34px;
}
.model__container .model__list .model--3 {
  width: 310px;
  margin: 0 auto 26px;
}
.model__container .model__list .model--4 {
  width: 336px;
  margin: 0 auto 26px;
}
.model__container .model__list .model--5 {
  width: 334px;
  margin: 0 auto;
}
.model__container .model__link {
  width: 244px;
  height: 32px;
  margin: 0 auto 90px;
}
.model__container .model__link > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  color: #fff;
  background: #000;
  line-height: 1;
  font-size: 17px;
}
.model__container .label--1,
.model__container .label--2,
.model__container .label--3,
.model__container .label--4 {
  width: 375px;
  position: absolute;
  z-index: -1;
}
.model__container .label--1 {
  top: -52px;
  left: 0;
}
.model__container .label--2 {
  top: 100px;
  right: 0;
}
.model__container .label--3 {
  top: 791px;
  left: 0;
}
.model__container .label--4 {
  top: 1004px;
  right: 0;
}
.model__container .model__op {
  letter-spacing: -0.2px;
  line-height: 2;
  font-size: 12px;
  font-weight: 300;
  width: 355px;
  margin: 0 auto;
}

.bottom__bnr {
  width: 100%;
  max-width: 375px;
  margin: 96px auto 0;
}

/*------------------------------------------
dist__container
------------------------------------------*/
.dist__container {
  position: relative;
  padding: 55px 0 90px;
}
.dist__container .item__group {
  position: relative;
  z-index: 3;
}

/*------------------------------------------
Animation
------------------------------------------*/
@-webkit-keyframes floating {
  0% {
    -webkit-transform: translateX(-2%);
            transform: translateX(-2%);
    -webkit-transform: translateY(-2%);
            transform: translateY(-2%);
  }
  100% {
    -webkit-transform: translateX(2%);
            transform: translateX(2%);
    -webkit-transform: translateY(2%);
            transform: translateY(2%);
  }
}
@keyframes floating {
  0% {
    -webkit-transform: translateX(-2%);
            transform: translateX(-2%);
    -webkit-transform: translateY(-2%);
            transform: translateY(-2%);
  }
  100% {
    -webkit-transform: translateX(2%);
            transform: translateX(2%);
    -webkit-transform: translateY(2%);
            transform: translateY(2%);
  }
}
@-webkit-keyframes floating_2 {
  0% {
    -webkit-transform: translateX(2%);
            transform: translateX(2%);
    -webkit-transform: translateY(1%);
            transform: translateY(1%);
  }
  100% {
    -webkit-transform: translateX(-2%);
            transform: translateX(-2%);
    -webkit-transform: translateY(-1%);
            transform: translateY(-1%);
  }
}
@keyframes floating_2 {
  0% {
    -webkit-transform: translateX(2%);
            transform: translateX(2%);
    -webkit-transform: translateY(1%);
            transform: translateY(1%);
  }
  100% {
    -webkit-transform: translateX(-2%);
            transform: translateX(-2%);
    -webkit-transform: translateY(-1%);
            transform: translateY(-1%);
  }
}
.mv__label,
.mv__label_4,
.mv__label_5,
.lead__label--2,
.lead__label--4,
.pickup__container.sora .label--1,
.pickup__container.sora .label--2,
.pickup__container.comme .label--2,
.pickup__container.comme .label--4,
.pickup__container.murasaki .label--2,
.pickup__container.abcmart .label--1,
.model__container .label--2,
.model__container .label--4 {
  -webkit-clip-path: inset(0 0 0 100%);
          clip-path: inset(0 0 0 100%);
  -webkit-transition: 0.6s 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  transition: 0.6s 0.3s cubic-bezier(0.77, 0, 0.175, 1);
}
.mv__label.is-active,
.mv__label_4.is-active,
.mv__label_5.is-active,
.lead__label--2.is-active,
.lead__label--4.is-active,
.pickup__container.sora .label--1.is-active,
.pickup__container.sora .label--2.is-active,
.pickup__container.comme .label--2.is-active,
.pickup__container.comme .label--4.is-active,
.pickup__container.murasaki .label--2.is-active,
.pickup__container.abcmart .label--1.is-active,
.model__container .label--2.is-active,
.model__container .label--4.is-active {
  -webkit-clip-path: inset(0 0% 0 0);
          clip-path: inset(0 0% 0 0);
  animation: floating 2.2s ease-in-out infinite alternate-reverse;
}

.left__container .left__mv .label,
.mv__label_2,
.mv__label_3,
.lead__label--1,
.lead__label--5,
.lead__label--3,
.pickup__container.comme .label--1,
.pickup__container.comme .label--3,
.pickup__container.vint .label--1,
.pickup__container.murasaki .label--1,
.pickup__container.murasaki .label--3,
.model__container .label--1,
.model__container .label--3 {
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.6s 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  transition: 0.6s 0.3s cubic-bezier(0.77, 0, 0.175, 1);
}
.left__container .left__mv .label.is-active,
.mv__label_2.is-active,
.mv__label_3.is-active,
.lead__label--1.is-active,
.lead__label--5.is-active,
.lead__label--3.is-active,
.pickup__container.comme .label--1.is-active,
.pickup__container.comme .label--3.is-active,
.pickup__container.vint .label--1.is-active,
.pickup__container.murasaki .label--1.is-active,
.pickup__container.murasaki .label--3.is-active,
.model__container .label--1.is-active,
.model__container .label--3.is-active {
  -webkit-clip-path: inset(0 0% 0 0);
          clip-path: inset(0 0% 0 0);
  animation: floating_2 2.2s ease-in-out infinite alternate-reverse;
}

.sora__1::after,
.comme__1::after,
.vint__1::after,
.murasaki__1::after,
.abcmart__1::after {
  -webkit-clip-path: inset(0 0 100% 0);
          clip-path: inset(0 0 100% 0);
  -webkit-transition: 0.6s 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  transition: 0.6s 0.3s cubic-bezier(0.77, 0, 0.175, 1);
}
.sora__1.is-active::after,
.comme__1.is-active::after,
.vint__1.is-active::after,
.murasaki__1.is-active::after,
.abcmart__1.is-active::after {
  -webkit-clip-path: inset(0 0% 0 0);
          clip-path: inset(0 0% 0 0);
}