@charset "UTF-8";
@font-face {
  font-family: "HelveticaNeue";
  src: url("../font/HelveticaNeue.ttf") format("TrueType");
}
@font-face {
  font-family: "TimesRoman";
  src: url("../font/Times-Roman.ttf") format("TrueType");
}
body {
  font-family: "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, "メイリオ", sans-serif;
  font-weight: 400;
}

html {
  font-size: 16px;
  font-weight: 400;
  line-height: 2;
}

body.lanvin_style {
  background-color: #fff !important;
  color: #000 !important;
}

/* ホバー */
a,
button {
  -webkit-text-decoration: none;
  color: inherit;
  text-decoration: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

a:visited {
  color: #000;
}

.wbr {
  display: inline-block;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* Remove default padding */
ul,
ol {
  padding: 0;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
figure,
blockquote,
dl,
dd,
p + p {
  margin: 0;
}

/* Set core root defaults */
/* Set core body defaults */
body {
  line-height: 1;
  min-height: 100vh;
  text-rendering: optimizeSpeed;
}

/* Remove list styles on ul, ol elements with a class attribute */
ul,
ol {
  list-style: none;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
video {
  display: block;
  max-width: 100%;
  width: 100%;
}

/* Natural flow and rhythm in articles by default */
article > * + * {
  margin-top: 1em;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Blur images when they have no alt attribute */
img:not([alt]) {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="10" /></filter></svg>#filter');
  -webkit-filter: blur(10px);
          filter: blur(10px);
}

/* フォームリセット */
input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

textarea {
  resize: vertical;
}

input[type=checkbox],
input[type=radio] {
  display: none;
}

input[type=submit],
input[type=button],
label,
button,
select {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

hr {
  border: 0;
  height: 0;
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 768px) {
  html {
    font-size: 1.6293279022vw;
  }
  a:hover,
  button:hover {
    opacity: 1;
  }
}
/* =========================================== */
/*                 LVS reset                   */
/* =========================================== */
.lower_content {
  margin-top: 0;
}

.cont_ttl {
  display: none;
}

.ticker_off.lower #main_area,
.lower #main_area {
  padding-bottom: 0;
  padding-top: 0;
}

.main_width {
  padding-left: 0;
  padding-right: 0;
}

.lower_content {
  margin-top: 0;
  width: 100%;
}

#bread {
  display: none;
}

.main_width {
  max-width: none;
  max-width: initial;
}

.l-inner {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1074px;
  padding-right: 1.5625rem;
  padding-left: 1.5625rem;
}
@media screen and (min-width: 768px) {
  .l-inner {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}

.js-slide-in {
  -webkit-transition: -webkit-transform 6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 6s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 6s cubic-bezier(0.23, 1, 0.32, 1);
}

.js-slide-in.-to-right {
  -webkit-transform: translateX(-25%);
          transform: translateX(-25%);
}

.js-slide-in.-to-left {
  -webkit-transform: translateX(25%);
          transform: translateX(25%);
}

.float-nav {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  height: 100%;
  padding: 16px;
  text-align: center;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
          writing-mode: vertical-rl;
  font-size: 12px;
  font-size: max(12px, 3.0666666667vw);
  font-family: "HelveticaNeue", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  opacity: 0;
  visibility: hidden;
}
@media screen and (min-width: 768px) {
  .float-nav {
    font-size: 15px;
    font-size: max(15px, 1vw);
    padding: 40px;
  }
}

.float-nav.visible {
  opacity: 1;
  visibility: visible;
}

a.float-nav__link {
  color: gray;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-property: color, opacity;
  transition-property: color, opacity;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  padding: 0.5em;
}

a.float-nav__link.active {
  color: #000;
}

.img-box {
  aspect-ratio: 64/80;
  background: #fff;
}

@media screen and (min-width: 768px) {
  .img-box.img-box--full-h {
    width: 100%;
    max-height: calc(100vh - 72px);
  }
}

@media screen and (min-width: 768px) {
  .img-box.img-box--mid-h {
    width: 100%;
    max-height: calc(100vh - 72px - 4vw);
  }
}

.img-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center 15%;
     object-position: center 15%;
}

.img-box__link {
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.img-box__link.unreleased {
  pointer-events: none;
}

@media (hover: hover) {
  .img-box__link:hover {
    opacity: 0.8;
  }
}
.img-box--switch {
  position: relative;
}

.img-box--switch img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-animation: imgSwitch 3.2s infinite;
          animation: imgSwitch 3.2s infinite;
}

.img-box--switch img:nth-child(2) {
  opacity: 0;
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}

@-webkit-keyframes imgSwitch {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  50.01% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes imgSwitch {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  50.01% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
/* =========================================== */
/*                  item detail                  */
/* =========================================== */
.item__detail {
  display: grid;
  grid-template-columns: -webkit-max-content;
  grid-template-columns: max-content;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 4.8%;
  padding-left: 4.2666666667%;
  padding-right: 4.2666666667%;
}

.item__wrap {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}

.item__wrap + .item__wrap {
  margin-top: 0.9333333333%;
}

.item__info {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -moz-max-content;
  width: -webkit-max-content;
  width: max-content;
}

.item__name,
.item__price,
.item__buy,
.item__tax {
  color: #000;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-family: "HelveticaNeue", sans-serif;
  font-size: 8px;
  font-size: max(8px, 2.933333333vw);
  text-transform: uppercase;
}

.item__name {
  margin-right: 6px;
}

.item__price {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 4px;
}

.item__tax {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.item__tax small {
  font-size: 70%;
  text-transform: lowercase;
}

.item__buy {
  margin-left: auto;
}

.item__buy a {
  display: block;
  color: #000;
  font-family: "HelveticaNeue", sans-serif;
  font-size: 8px;
  font-size: max(8px, 2.933333333vw);
  line-height: 1.5;
  height: inherit;
  text-transform: uppercase;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
}

.item__buy a span {
  display: block;
  -webkit-transition: letter-spacing 0.3s ease, -webkit-transform 0.3s ease;
  transition: letter-spacing 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, letter-spacing 0.3s ease;
  transition: transform 0.3s ease, letter-spacing 0.3s ease, -webkit-transform 0.3s ease;
}

.item__buy a span::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #000;
  position: absolute;
  bottom: 0;
  left: 0;
}

.item__buy.unreleased a {
  visibility: hidden;
}

@media (hover: hover) {
  .item__buy a:hover {
    opacity: 1;
  }
  .item__buy a:hover span {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    letter-spacing: 0.02em;
  }
}
@media screen and (min-width: 768px) {
  .item__detail {
    margin-bottom: 0;
    margin-top: 1.875%;
    padding-left: 2.0833333333%;
    padding-right: 2.0833333333%;
  }
  .item__wrap {
    gap: 12px;
  }
  .item__wrap + .item__wrap {
    margin-top: 2.5%;
  }
  .item__coordinate {
    font-size: 10px;
    font-size: max(10px, 0.8333333333vw);
  }
  .item__coordinate {
    margin-bottom: 0;
  }
  .item__name,
  .item__price,
  .item__buy,
  .item__tax {
    font-size: 10px;
    font-size: max(10px, 0.8333333333vw);
  }
  .item__name {
    margin-right: 8px;
  }
  .item__buy a {
    font-size: 10px;
    font-size: max(10px, 0.8333333333vw);
  }
}
.collection {
  overflow: hidden;
  margin-bottom: 19.4666666667vw;
  padding-top: 16vw;
  padding-bottom: 10.6666666667vw;
}
@media screen and (min-width: 768px) {
  .collection {
    margin-top: 2.5vw;
    margin-bottom: 9.1666666667vw;
    padding-top: 5vw;
    padding-bottom: 5vw;
  }
}

.collection--autumn {
  margin-top: 42.6666666667vw;
}
@media screen and (min-width: 768px) {
  .collection--autumn {
    margin-top: 33.3333333333vw;
  }
}

.collection__title {
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  font-size: max(12px, 3.0666666667vw);
  font-family: "HelveticaNeue", sans-serif;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .collection__title {
    font-size: 15px;
    font-size: max(15px, 1vw);
  }
}

/* =========================================== */
/*                  Footer                     */
/* =========================================== */
.lanvin_style footer #footer {
  color: #000;
}

.lanvin_style #footer #footer_area {
  padding-bottom: 12px;
  padding-top: 0;
}

.lanvin_style #footer #footer_area .navi_block .navi_set:nth-of-type(1) {
  display: none;
}

.lanvin_style #footer #footer_area .navi_block .navi_set .ttl {
  display: none;
}

#footer #footer_area .navi_set .ttl {
  display: none;
}

.lanvin_style #footer {
  background-color: transparent !important;
  background-color: initial !important;
}

#footer #footer_area #copy_block .copy {
  font-size: 8px;
  text-align: center;
}

#footer #footer_area .navi_block,
ul.sns_icon {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#footer #page_top {
  bottom: 16px !important;
  position: fixed !important;
}

#footer #page_top a {
  background-color: #000;
  color: #fff;
  height: 35px;
  width: 35px;
}

#footer #page_top a::after {
  border-right: solid 2px #fff;
  border-top: solid 2px #fff;
  top: calc(50% + 2px);
}

#footer ul.sns_icon li.insta {
  margin-bottom: 0;
  width: 100%;
}

#footer ul.sns_icon li.insta a {
  background: url(https://store.descente.co.jp/lanvin/wp-content/uploads/sites/5/2024/01/icon-sns-instagram-1.png) no-repeat center center/cover !important;
}

#footer ul.sns_icon li.insta a {
  height: 28px;
  margin-left: auto;
  margin-right: auto;
  width: 28px;
}

#footer #footer_area .navi_block .navi_set {
  margin-bottom: 40px;
}

#footer #footer_area #copy_block .copy {
  font-size: 8px;
  font-size: max(8px, 2.6666666667vw);
}

@media screen and (min-width: 768px) {
  .lanvin_style #footer #footer_area {
    padding-bottom: 16px;
  }
  #footer #page_top a {
    height: 40px;
    width: 40px;
  }
  #footer ul.sns_icon li.insta a {
    height: 48px;
    width: 48px;
  }
  #footer #footer_area .navi_block .navi_set {
    margin-bottom: 60px;
  }
  #footer #footer_area #copy_block .copy {
    font-size: 14px;
    font-size: max(14px, 0.8333333333vw);
  }
}
/* =========================================== */
/*                   Header                    */
/* =========================================== */
.inner {
  margin-left: auto;
  margin-right: auto;
  padding-left: 6.4%;
  padding-right: 6.4%;
  width: 100%;
}

/* =========================================== */
/*                    item                     */
/* =========================================== */
.item--i10 {
  margin-top: 16vw;
}
@media screen and (min-width: 768px) {
  .item--i10 {
    margin-top: 5.8333333333vw;
  }
}

@media screen and (min-width: 768px) {
  .item__inner--i10 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding-right: 13.4166666667vw;
  }
}

.item__container--i10-1 {
  width: 90%;
}
@media screen and (min-width: 768px) {
  .item__container--i10-1 {
    width: 45.25vw;
    margin-bottom: 12.75vw;
  }
}

.item__container--i10-2 {
  width: 80%;
  margin-left: auto;
  margin-top: 16vw;
}
@media screen and (min-width: 768px) {
  .item__container--i10-2 {
    width: 34.1666666667vw;
    margin-left: auto;
    margin-right: 0;
  }
}

.item--i11 {
  margin-top: 26.6666666667vw;
}
@media screen and (min-width: 768px) {
  .item--i11 {
    margin-top: 14.5833333333vw;
  }
}

.item__container--i11 {
  width: 90%;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .item__container--i11 {
    width: 43.25vw;
    margin-left: 33.1666666667vw;
  }
}

.item--i12 {
  margin-top: 32vw;
}
@media screen and (min-width: 768px) {
  .item--i12 {
    margin-top: 14.3333333333vw;
  }
}

.item__inner--i12 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
@media screen and (min-width: 768px) {
  .item__inner--i12 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-left: 12.9166666667vw;
    margin-right: 13.5833333333vw;
  }
}

.item__container--i12-1 {
  width: 86%;
  margin-top: 10.6666666667vw;
}
@media screen and (min-width: 768px) {
  .item__container--i12-1 {
    margin-top: 0;
    width: 32.3333333333vw;
  }
}

.item__container--i12-2 {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .item__container--i12-2 {
    width: 45vw;
    margin-top: 7.5vw;
    margin-left: -3.8333333333vw;
  }
}

.item__container--i12-3 {
  margin-top: 9.3333333333vw;
  width: 75%;
  margin-left: 25%;
}
@media screen and (min-width: 768px) {
  .item__container--i12-3 {
    width: 32.3333333333vw;
    margin-top: 2.5vw;
    margin-left: 33.9166666667vw;
  }
}

.item--i13 {
  margin-top: 35.2vw;
}
@media screen and (min-width: 768px) {
  .item--i13 {
    margin-top: 16.6666666667vw;
  }
}

@media screen and (min-width: 768px) {
  .item__inner--i13 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding-right: 9.75vw;
  }
}

.item__container--i13-1 {
  width: 90%;
}
@media screen and (min-width: 768px) {
  .item__container--i13-1 {
    width: 50.75vw;
    margin-bottom: 2.5vw;
  }
}

.item__container--i13-2 {
  width: 80%;
  margin-left: auto;
  margin-top: 16vw;
}
@media screen and (min-width: 768px) {
  .item__container--i13-2 {
    width: 34.3333333333vw;
    margin-left: auto;
    margin-right: 0;
  }
}

.item--i14 {
  margin-top: 32vw;
}
@media screen and (min-width: 768px) {
  .item--i14 {
    margin-top: 16.0833333333vw;
  }
}

.item__inner--i14 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
@media screen and (min-width: 768px) {
  .item__inner--i14 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-left: 12.5vw;
    margin-right: 12.5vw;
  }
}

.item__container--i14-1 {
  width: 86%;
  margin-top: -10.6666666667vw;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .item__container--i14-1 {
    margin-top: 0;
    width: 32.8333333333vw;
  }
}

.item__container--i14-2 {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .item__container--i14-2 {
    z-index: 3;
    width: 45.3333333333vw;
    margin-left: -1.6666666667vw;
    margin-bottom: 16vw;
  }
}

.item--i15 {
  margin-top: 32vw;
}
@media screen and (min-width: 768px) {
  .item--i15 {
    margin-top: 18.3333333333vw;
  }
}

.item__inner--i15 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
@media screen and (min-width: 768px) {
  .item__inner--i15 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-left: 4.8333333333vw;
  }
}

.item__container--i15-1 {
  width: 86%;
  margin-top: 24vw;
}
@media screen and (min-width: 768px) {
  .item__container--i15-1 {
    margin-top: 0;
    width: 40.25vw;
  }
}

@media screen and (min-width: 768px) {
  .item__container--i15-2 {
    width: 50.5833333333vw;
    margin-top: 15vw;
    margin-left: auto;
    margin-right: 0;
  }
}

.item__container--i15-3 {
  margin-top: 10.6666666667vw;
  width: 75%;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .item__container--i15-3 {
    width: 32.4166666667vw;
    margin-top: 5.8333333333vw;
    margin-right: 0;
    margin-left: 33.75vw;
  }
}

.item--i16 {
  margin-top: 26.6666666667vw;
}
@media screen and (min-width: 768px) {
  .item--i16 {
    margin-top: 16.6666666667vw;
  }
}

.item__container--i16 {
  width: 90%;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .item__container--i16 {
    width: 43.3333333333vw;
    margin-left: 27.25vw;
  }
}

.item--i17 {
  margin-top: 32vw;
}
@media screen and (min-width: 768px) {
  .item--i17 {
    margin-top: 18.9166666667vw;
  }
}

.item__inner--i17 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 768px) {
  .item__inner--i17 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-left: 20.8333333333vw;
    margin-right: 22.75vw;
  }
}

.item__container--i17-1 {
  width: 72%;
}
@media screen and (min-width: 768px) {
  .item__container--i17-1 {
    width: 28.0833333333vw;
  }
}

.item__container--i17-2 {
  width: 86%;
  margin-top: -8.5333333333vw;
  margin-left: 14%;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .item__container--i17-2 {
    width: 34.6666666667vw;
    margin-top: 6.8333333333vw;
    margin-left: -6.3333333333vw;
  }
}

/* =========================================== */
/*                    item                     */
/* =========================================== */
.item--i1 {
  margin-top: 16vw;
}
@media screen and (min-width: 768px) {
  .item--i1 {
    margin-top: 5.8333333333vw;
  }
}

.item__inner--i1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
@media screen and (min-width: 768px) {
  .item__inner--i1 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    padding-left: 13.3333333333vw;
  }
}

.item__container--i1-1 {
  width: 86%;
  margin-top: 24vw;
}
@media screen and (min-width: 768px) {
  .item__container--i1-1 {
    margin-top: 0;
    width: 32.9166666667vw;
  }
}

@media screen and (min-width: 768px) {
  .item__container--i1-2 {
    width: 45.6666666667vw;
    margin-top: 0;
    margin-bottom: 14%;
    margin-left: auto;
    margin-right: 0;
  }
}

.item--i2 {
  margin-top: 26.6666666667vw;
}
@media screen and (min-width: 768px) {
  .item--i2 {
    margin-top: 10vw;
  }
}

.item__container--i2 {
  width: 90%;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .item__container--i2 {
    width: 43vw;
    margin-left: 33.1666666667vw;
  }
}

.item--i3 {
  margin-top: 32vw;
}
@media screen and (min-width: 768px) {
  .item--i3 {
    margin-top: 12.5vw;
  }
}

@media screen and (min-width: 768px) {
  .item__inner--i3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 12.8333333333vw;
    padding-right: 13.3333333333vw;
  }
}

@media screen and (min-width: 768px) {
  .item__container--i3-1 {
    width: 45.4166666667vw;
    margin-top: 7.5vw;
    margin-right: -3.8333333333vw;
    position: relative;
    z-index: 1;
  }
}

.item__container--i3-2 {
  width: 82%;
  margin-top: -10.6666666667vw;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .item__container--i3-2 {
    margin-top: 0;
    width: 32.25vw;
  }
}

.item--i4 {
  margin-top: 32vw;
}
@media screen and (min-width: 768px) {
  .item--i4 {
    margin-top: 16.0833333333vw;
  }
}

.item__inner--i4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
@media screen and (min-width: 768px) {
  .item__inner--i4 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-left: 12.5vw;
    margin-right: 12.5vw;
  }
}

.item__container--i4-1 {
  width: 86%;
  margin-top: -10.6666666667vw;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .item__container--i4-1 {
    margin-top: 0;
    width: 32.8333333333vw;
    z-index: inherit;
  }
}

@media screen and (min-width: 768px) {
  .item__container--i4-2 {
    width: 50.4166666667vw;
    margin-left: -3.3333333333vw;
    margin-bottom: 16vw;
  }
}

.item--i5 {
  margin-top: 32vw;
}
@media screen and (min-width: 768px) {
  .item--i5 {
    margin-top: 16.6666666667vw;
  }
}

@media screen and (min-width: 768px) {
  .item__inner--i5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 4.75vw;
  }
}

.item__container--i5-1 {
  width: 86%;
}
@media screen and (min-width: 768px) {
  .item__container--i5-1 {
    width: 40.1666666667vw;
  }
}

.item__container--i5-2 {
  margin-top: 21.3333333333vw;
}
@media screen and (min-width: 768px) {
  .item__container--i5-2 {
    width: 50.4166666667vw;
    margin-top: 11.8333333333vw;
    margin-left: auto;
    margin-right: 0;
  }
}

.item--i6 {
  margin-top: 32vw;
}
@media screen and (min-width: 768px) {
  .item--i6 {
    margin-top: 16.6666666667vw;
  }
}

.item__container--i6 {
  width: 90%;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .item__container--i6 {
    width: 43vw;
    margin-left: 27.25vw;
  }
}

.item--i7 {
  margin-top: 26.6666666667vw;
}
@media screen and (min-width: 768px) {
  .item--i7 {
    margin-top: 12.5vw;
  }
}

@media screen and (min-width: 768px) {
  .item__inner--i7 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 25.9166666667vw;
    padding-right: 17.5vw;
  }
}

.item__container--i7-1 {
  width: 80%;
}
@media screen and (min-width: 768px) {
  .item__container--i7-1 {
    width: 27.9166666667vw;
    margin-right: -5.8333333333vw;
  }
}

.item__container--i7-2 {
  width: 90%;
  margin-top: -46vw;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .item__container--i7-2 {
    width: 34.5833333333vw;
    margin-top: 6.8333333333vw;
  }
}

.item--i8 {
  margin-top: 35.2vw;
}
@media screen and (min-width: 768px) {
  .item--i8 {
    margin-top: 15vw;
  }
}

@media screen and (min-width: 768px) {
  .item__inner--i8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding-right: 9.8333333333vw;
  }
}

.item__container--i8-1 {
  width: 90%;
}
@media screen and (min-width: 768px) {
  .item__container--i8-1 {
    width: 50.4166666667vw;
    margin-bottom: 3.3333333333vw;
  }
}

.item__container--i8-2 {
  width: 80%;
  margin-left: auto;
  margin-top: 16vw;
}
@media screen and (min-width: 768px) {
  .item__container--i8-2 {
    width: 34.1666666667vw;
    margin-top: 11.8333333333vw;
    margin-left: auto;
    margin-right: 0;
  }
}

.item--i9 {
  margin-top: 34.6666666667vw;
}
@media screen and (min-width: 768px) {
  .item--i9 {
    margin-top: 16.6666666667vw;
  }
}

.item__container--i9 {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .item__container--i9 {
    width: 43vw;
  }
}
/* =================================== */
img {
    width: 100%;
    object-fit: cover;
    vertical-align: bottom;
    display: block;
    width: 100%;
    height: auto;
    background-color: transparent;
}


a {
    text-decoration: none;
    
}
#sports-mix a:hover,
#pastelcolor a:hover {
  opacity: .8;
}

ul {
    list-style-type: none;
}

li {
    list-style-position: inside;
}


/* 共通 */
.detail-text01,
.detail-text02,
.detail-text03,
.detail-text04,
.detail-text05 {
    line-height: 2;
}

.category-number {
  font-size: calc(90 / 1366 * 100vw);
  font-weight:600;
  font-family:"HelveticaNeue", "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W3", "メイリオ", sans-serif;

}

.category-title {
  font-size: calc(70 / 1366 * 100vw);
  font-weight: 550;
  font-family: "HelveticaNeue", "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W3", "メイリオ", sans-serif;
  letter-spacing: .07em;
}
.price {
  width: auto;
  z-index: 300;
}

.price {
    width: auto;
    z-index: 300;
}

/* essentials  */
#essentials {
    width: 1600px;
    max-width: 100%;
    margin: 10% auto 40%;
    position: relative;
}

.slide-pc {
    display: block;
    max-width: 65%;
    z-index: 5;
    margin: 0 auto;
}
.slide-sp {
   display: none;
}

.main-slide-pc {
    display: block;
    width: 100%;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
    visibility: visible;
    opacity: 1;
}

.slick-prev,
.slick-next,
.slick-dots li {
    display: none !important;
}
#main-title  {
  font-family: "HelveticaNeue";
  font-size: clamp(32px, calc(100 / 1366 * 100vw), 100px);
  font-weight: 550;
  position: absolute;
  top: 10.5%;
  right: 6.5%;
  z-index: 1000;
  letter-spacing: .03em;
}

#sub-title {
    font-size: clamp(21px, calc(36 / 1366 * 100vw), 36px);
    font-family: "HelveticaNeue"!important;
    position: absolute;
    font-weight: 600;
    top: 47%;
    right: 65%;
    z-index: 1000;
}

.displey-title {
    position: relative;
    width: 100%;
}

/* keep-title */
.keep-title {
    font-size: max(15px, 1vw);
    font-family: "HelveticaNeue", sans-serif;
    font-weight: 600;
    z-index: 1000;
    transition: opacity 0.3s ease, transform 0.3s ease;

}

#keep-title-x {
    position: fixed;
    top: 16%;
    left: 1.6%;
    font-weight: bold;
    z-index: 1000;
    opacity: 0;
    transition: opacity 0.3s ease;
}

#keep-title-y {
    writing-mode: vertical-rl;
    position: fixed;
    top: 18%;
    bottom: auto;
    left: 1.5%;
    z-index: 1000;
    font-weight: bold;
    opacity: 0;
    transition: opacity 0.3s ease;
 margin-top:1% ;
}


/* all-in-black */
#all-in-black {
    width: 100%;
    max-width: 100%;
    margin: 60% auto 0;
}

.all-in-black-top {
    display: flex;
    position: relative;
    width: 100%;
    object-fit: cover;
}

.slider-left {
    width: 55%;
    height: auto;
    object-fit: cover;
}


.slider-right {
    width: 55%;
    height: auto;
    object-fit: cover;
}

.slider-left img,
.slider-right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.slider-right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left center;
}

.black-top-number {
    position: absolute;
    top: -5%;
    left: 5%;
}

.black-title01 {
    position: absolute;
    bottom: 25%;
    left: 55%;
    z-index: 1000;
}

.black-title02 {
    position: absolute;
    bottom: 17%;
    left: 52%;
    z-index: 1000;
}

.black-title03 {
    position: absolute;
    bottom: 9%;
    left: 55%;
    z-index: 1000;
}

/* テキストアニメーション*/
/* .blurTrigger に opacity を 0 に設定 */
.blurTrigger {
    opacity: 0;
      transform: translateY(15px);
      transition: all 1s ease;
}
.blurTrigger.visible {
    opacity: 1;
    transform: translateY(0);
  }
/* スライドインアニメーションの設定 */
@keyframes slideIn {
    0% {
        transform: translateX(180px);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

/* span タグの設定 */
.blurText {
    opacity: 0;
    animation: fadeInText .3s 1s forwards; /* 1秒の遅延後にフェードイン */
}

/* 文字のフェードインアニメーション */
@keyframes fadeInText {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
/* アクティブ状態 */
.active-image {
    opacity: 1;
    transform: translateY(0);
  }
  
  .active-text {
    opacity: 1;
  }

/* 横からフェードイン */

.slideinLeft {
    animation: slideinLeft 2.5s forwards;
}

@keyframes slideinLeft {
    0% {
        transform: translateX(-70px);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.slideinRight {
    animation: slideinRight 2.5s forwards;
}

@keyframes slideinRight {
    0% {
        transform: translateX(70px);
        opacity: 0;
    }

   100% {
        transform: translateX(0);
        opacity: 1;
    }
}
.detail01 {
    margin: 20% auto;
    width: 100%;
    position: relative;
}

.detail-slide01 {
    width: 80%;
    margin: 30% 5% 50%;
    display: flex;
    margin: 0 auto;
    justify-content: space-around;
}

.detail-slide01-left-wrap {
    position: relative;
}

.detail-slide01-left {
    display: block;
    margin-top: 30%;
    margin-left: 0%;
    z-index: 10;
}
.detail-slide01-left-sp {
    display: none;
}
.detail-text01 {
    text-align: justify;
    position: absolute;
    top: 2%;
    left: 8%;
    z-index: 300;
    width: 55%;
}
.detail-slider-right-wrap {
  display: flex;
      flex-direction: column;
      width: 40%;
      margin-left: -10%;
      z-index: 10;
}
/* .detail-slider-right{
  display: block;
} */

.detail-slider-right {
  position: relative;
  display: flex;
  justify-content:flex-start;
    z-index: 100;

}
img.detail-slide01-right {
  display: block;
  max-width: 100%;
  height: auto;
}
.price.detail-price01 {
  width: 50%;
  text-align:left;
  margin-top: -1%;
  justify-content: flex-start;
  padding-left: 0;
}
/* 2/11ここからーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
/* sports-mix */
#sports-mix {
    margin: 40% auto 65%;
    /* position: relative; */
}

.sports-mix-top-pc {
    display: block;
    width: 100vw;
    max-width: 60vw;
    margin: 0 auto;
    position:relative;
}
.sports-mix-top {
  position: relative;
  width: 100%;
  height: 100%; 
  display: flex;
  align-items: center;
  justify-content: center;
}

.sports-mix-top-sp {
    display: none;
    }
    
.sports-mix-top-img-wrap {
  position: relative;
}
.sports-mix-number {
  position: absolute;
  top: 4%;
  right: 15%;
  z-index: 100;
}
.sports-title-y {
    display: inline-block;
    text-orientation: upright;
    transform: rotate(-90deg);
    position: absolute;
    top: 85.5%;
    left: 9%;
    z-index: 100;
}

.sports-title-x {
    position: absolute;
    top:97%;
    left: 23.5%;
    z-index: 100;
}
/* 2/11ここまで修正ーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
.detail02 {
    position: relative;
    margin: 20% auto 40%;
}

.detail-slide02 {
   width: 60%;
    margin: 0 10% 0 auto;
    display: block;
}
 .detail-slide02-sp {
    display: none;
}

.detail-text02 {
    width: 34%;
    height: auto;
    text-align: justify;
    background-image: url(https://store.descente.co.jp/lanvin/wp-content/uploads/sites/5/2025/02/sports-text-back.jpg);
    padding: 2% 2% 10% 5%;
    position: absolute;
    left: 6%;
}

.detail-price02 {
  width: 39%;
  left: 24%;
  margin-bottom: 2%;
  padding-left: 5%;
  z-index: 100;

}
.sports-mix-wrap {
  position: relative;
  margin-top: -16%;
}

/* dusty */
#dusty {
    width: 100%;
    margin: 13% auto;
    position: relative;
}

.dusty-top {
    width: 100%;
    position: relative;
}

.dusty-top-number {
    position: absolute;
    top: 50%;
    left: 7%;
    transform: translate(0%, -50%);
    z-index: 1000;
}

.dusty-title-left {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
}

.dusty-title-right {
    position: absolute;
    top: 50%;
    right: 5%;
    transform: translate(-50%, -50%);
    z-index: 1000;
}

#dusty .slick-list {
    width: 100% !important;
    /* 親要素の幅に合わせる */
    overflow: hidden;
    /* スライダーがはみ出ないようにする */
}

#dusty .slick-track {
    display: flex;
    /* 子要素を横並びにする */
    /* width: 100% !important; */
    transition: none;
}

.pc-img {
    flex-shrink: 0;
    width: 75vw !important;
    display: block;
    max-width: 100%;
    height: auto;
}

.variable-width {
    width: 100%;
    height: auto;
}



.detail03 {
    margin: 20% 5%;
    position: relative;
}
.detail03-img a {
  display: block;
}
.detail03-img {
    display: flex;
justify-content: center;
    position: relative;
}
.borero-slide03 {
display: block;
}

.borero-slide03 {
    width: 35%;
    margin-left: -18%;
    margin-bottom: -19% !important;
    height: auto;
    display: flex;
    align-items: end;
}
.borero-slide03 .slick-slide {
  width: auto;
}
.detail-slide03 {
    width: 80%;
}

.detail-text03 {
    width: 30%;
    text-align: justify;
    height: auto;
    position: absolute;
    top: 5%;
    left: 64%;
}

.detail-price03 {
    position: absolute;
    bottom: 24vw;
    left: 62%;
    z-index: 10;
}

.dusty-slide-sp  {
    display: none;
}

#pastelcolor {
    margin: 13% auto;
}

.pastel-top {
    width: 100%;
    height: 100%;
    margin: 10% auto;
    display: flex;
    justify-content: center;
    position: relative;
}

.pastel-back {
    width:55%;
    height: 97%;
    object-fit: cover;
    position: absolute;
    top: 8%;
    left: 16%;
    z-index: -1;
}

.pastel-slider {
    width: 65%;
    margin-left: -7%;
    z-index: 10;
}
.pastel-slider-sp {
    display: none;
}
.pastel-slider img {
    width: 100%;
    height: 100%;
    z-index: 10;
    margin-left: 10%;
    object-fit: cover;

}

.pastel-top-number {
    position: absolute;
    top: 4%;
    left: 13%;
    z-index: 10;
}

.pastel-title-x {
    position: absolute;
    top: 25%;
    left: 13%;
    z-index: 300;
}

.pastel-title-y {
    display: inline-block;
    text-orientation: upright;
    transform: rotate(-90deg);
    position: absolute;
    top: 66%;
    left: -7%;
    z-index: 300;
}
.detail04 {
    margin: 25% 5% 0;
    position: relative;
}
/* アニメーションの定義 */
@keyframes tikatika {
    0% { opacity: 0; } /* 初めは非表示 */
    50% { opacity: 1; } /* 中間で表示 */
    100% { opacity: 1; } /* 最後も表示 */
}
/* 2/11ここから修正ーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
.pastel-detail-img a {
  width:auto;
  height: auto;
  display: inline-block;
}

/* ----------------------------------------------------------- */
/* .pastel-detail-img1 と .pastel-detail-img4 にアニメーション適用 */
.pastel-detail-img1,
.pastel-detail-img4 {
  display: inline-block;
  width:100%;
  max-width: 54vw;
  height: auto;
  margin-top: 12%;
  margin-left: 40%;
  opacity: 0;
  animation: tikatika 4s 1s forwards;
  position: relative;
  z-index: 10;
}

/* .pastel-detail-img2 と .pastel-detail-img5 にアニメーション適用 */
.pastel-detail-img2,
.pastel-detail-img5 {
  display: inline-block;
  width: 100%;
  max-width: 49vw;
  margin-top: -33%;
  margin-left: 3%;
  opacity: 0;
  animation: tikatika 5s 1s forwards;
  position: relative;
  z-index: 5;
}

/* .pastel-detail-img3 と .pastel-detail_img6 にアニメーション適用 */
.pastel-detail-img3 ,
.pastel-detail-img6  {
  width: 100%;
  max-width: 36vw;
  display: inline-block;
  position: absolute;
 top: 37vw;
 left: 44vw;
  opacity: 0;
  animation: tikatika 6s 1s forwards;
  z-index: 1;
}

.pastel-top-front ,.pastel-front{
    display: block;
}
.pastel-top-front-sp,.pastel-front-sp {
display:none;
}
.detail-text04 {
    height: auto;
    top: 64%;
    text-align: justify;
    position: absolute;
    left: 67vw;
    z-index: 1000;
}
.detail-slide04 {
  position: relative;
}
.detail-price04 {
  position: absolute;
  width: 24%;
  margin-top: 6%;
  margin-left: 25%;
}
/* .bottom-wrap{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row-reverse; 
  gap: 20px;
}
.bottom-wrap a {
  visibility: hidden;
} */

/* 2/11ここまで修正ーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
#minimal {
    width: 100%;
    max-width: 100%;
    margin: 50% auto 30%;
    position: relative;
}

.minimal-top {
    position: relative;
}
.mini-top-pc {
    display: block;
}
.mini-top-sp {
    display: none;
}
.minimal-top-number {
    position: absolute;
    top: -4%;
    right: 5%;
}
.detail-slide-left05 {
    display: block;
}
.detail-slide-left05-sp {
    display: none;
}
.minimal-title-left {
    position: absolute;
    top: 56%;
    left: 5%;
}

.minimal-title-right {
    position: absolute;
    top: 64%;
    left: 18%;
}

.detail05 {
    display: flex;
justify-content:space-evenly;
align-items: center;
margin: 20% auto;
position: relative;
}

.detail-slide-left05 {
    width: 47%;
}
.detail-right05-wrap {
  width: 38%;
  height: auto;
  display: flex;
  flex-direction: column-reverse;
}
    .detail-slide-right05 {
        width:100%;
        margin-top: 0%;
        margin: 63% auto;
        margin-bottom: -20% !important;
    }
.text-box {
    width: 35vw;
    background-image: url(https://store.descente.co.jp/lanvin/wp-content/uploads/sites/5/2025/02/minimal-text-back.jpg);
    padding:4% 7% 8%;
    margin-left: -29%;
    margin-bottom: -50%;
    z-index: 200;
}

.detail-text05 {
    margin: 3% auto;
}

.detail-price05 {
position: absolute;
    display: block;
    top: auto;
  bottom: -3%;
right:  47%;
z-index: 100;

}
@media (min-width: 1600px) {
  .detail-price05 {

      bottom: -6%;

  }    
}

@media (max-width: 1080px) {
.detail-text04 {
    height: auto;
    top: 59%;
    text-align: justify;
    position: absolute;
    left: 71%;
    right: 0;
    z-index: 1000;
    padding-right: 2%;
}
    .text-box {
    width: 12vh;
}

.detail-price05 {
    bottom: 4%;
  }

  .sports-title-x {
    top: 44%;
  }
  .sports-title-y {
    top: 39%;
  }
}
@media (max-width: 800px) {
.detail-text04 {
    height: auto;
    top: 46%;
    text-align: justify;
    position: absolute;
    left: 71%;
    right: 0;
    z-index: 1000;
}
}

@media (max-width: 768px) {

p {
  font-size: 14px;
}
.category-title {
  font-weight: 600;
  letter-spacing: 0em;
  font-family: "HelveticaNeueMedium", sans-serif;
}
  
    .detail-text01,
    .detail-text02,
    .detail-text03,
    .detail-text04,
    .detail-text05 {
        width: 70%;   
        text-align: justify;
        font-size: clamp(11px, 2.36vw, 16px);
        font-family: "HelveticaNeue", sans-serif;
    }

    /* essentials  */
    #essentials {
        width: 100%;
        /* height: 100vh; */
        margin: 30% auto;
        position: relative;
        align-items: center; 
        display: flex; 
    }
    #essentials .slick-slide img {
      margin-top: 30px;
    }
    .slide-pc{
        display: none;
    }

    .slide-sp {
        display: block;
        width: 100%;
        height:auto;
        object-fit: cover;
        margin: 0 auto 35%;
    }
   
    .main-slide-pc {
        display: none;
    }
    .main-slide-sp {
        display: block;
        width: 100%;
        object-fit: cover;
        visibility: visible;
        opacity: 1;
        margin:0 3%;
    }


    #main-title {
        font-size: clamp(28px, calc(60 / 768* 100vw), 60px);
        position: absolute;
        top: 14%;
        right: 4%;
        letter-spacing: .01em;
        font-weight: 600;
        font-family: "HelveticaNeueMedium", sans-serif;
    }

    #sub-title {
        font-size: clamp(10px, calc(30 / 768 * 100vw), 32px);
        font-weight: bold;
        top: 52%;
        right: 53vw;
    }

    /* keep-title */
    .keep-title {
        font-size: max(12px, 3.0666666667vw);
        font-family: "HelveticaNeue", sans-serif;
        font-weight: 600;
        position: relative;
        z-index: 1000;
    }

    #keep-title-x {
        position: fixed;
        top: 16%;
        left: 1.8%;
        z-index: 1000;
    }

    #keep-title-y {
        writing-mode: vertical-rl;
        position: fixed;
        top: 19%;
       bottom: auto;
        left: 1.5%;
        z-index: 1000;
    }

    /* all-in-black */
    #all-in-black {
        margin: 0% auto ;
        position: relative;
    }

    .all-in-black-top {
        position: relative;
        height: 100%;
    }

    .slider-left {
        width: 100%;
        height: auto;
    }

    .slider-right {
        display: none;
    }

    .black-top-number {
        font-size: calc(80 / 768* 100vw);
        position: absolute;
        top: -4%;
        left: 8%;
    }

    .black-title01 {
        font-size: calc(60 / 768* 100vw);
        position: absolute;
        bottom: 30%;
        left: 66%;
    }

    .black-title02 {
        font-size: calc(60 / 768* 100vw);
        position: absolute;
        bottom: 22%;
        left: 62%;
    }

    .black-title03 {
        font-size: calc(60 / 768* 100vw);
        position: absolute;
        bottom: 14%;
        left: 64%;
    }

    .detail01 {
        max-width: 115%;
        margin: 13% auto;
        width: 100%;
        position: relative;
    }

    .detail-slide01 {
        width: 100%;
        margin: 70% 0%;
    }

    .detail-text01 {
      position: absolute;
      display: block;
      margin-top: -40%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 1000;
      width: 80%;
      /* height: 19vh; */
    }

    .detail-price01 {
        position: absolute;
        top: 92%;
        left: 27%;
    }
.detail-slide01 {
flex-direction: column-reverse;
}
    .detail-slider-right {
        width: 85%;
        margin-left: 69%;
        margin-right: auto;
        z-index: 10;
    }
    /* .detail-slide01-right {
        width: 50%;
    } */

    .detail-slide01-left-sp {
        display: block;
        margin-top: 0%;
        width: 80%;
    }
    .detail-slide01-left {
        display: none;
    }
    .detail-slider-right-wrap {
      width:65%;
      margin-left: 0 ;
    }
    .price.detail-price01 {
      margin-top: 5%;
      margin-left: 14%;
    }
    /* sports-mix */
    #sports-mix {
        margin: 20% auto;
        position: relative;
        display: block;
    }
    .sports-mix-top-pc {
display:none;
    }
/* 2/11ここから修正ーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
    .sports-mix-top-sp {
        display: block;
        width: 100%;
        max-width: 60vw;
        margin: 0 auto;
        position: relative;
    }

    .sports-mix-number {
        font-size: calc(80 / 768* 100vw);
        position: absolute;
        top: 1%;
        right: 14%;
        z-index: 10;
    }

    .sports-title-y {
      font-size: calc(60 / 768* 100vw);
        display: inline-block;
        text-orientation: upright;
        transform: rotate(-90deg);
        position: absolute;
        top:80.8%;
        left: 3%;
        z-index: 100;
    }
    .sports-title-x {
      font-size: calc(60 / 768* 100vw);
        position: absolute;
        /* bottom: 0%; */
        top:86.5vw;
        left: 26%;
    }
/* 2/11ここまで修正ーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
    .detail02 {
        position: relative;
        margin: 30% auto;
    }


    .detail-slide02 {
      display: none;
    }
    .detail-slide02-sp {
        display: block;
        width: 80%;
        margin: 0 0% 0 auto;
    }

    .detail-text02 {
        width: 84%;
        height: auto;
        position: absolute;
        top: 0;
        left: 0%;
        padding: 5% 5% 17% 7%;
    }

    .detail-price02 {
        position: absolute;
        bottom: 57%;
        left: 17%;
        z-index: 10;
        margin-bottom: 5%;
    }

    /* dusty */
    #dusty {
        width: 100%;
        margin: 20% auto 50%;
        position: relative;
    }

    .dusty-top {
        position: relative;
    }

    .dusty-slide {
        display: none;
    }

    .dusty-slide-sp {
        display: block;
    } 

    .dusty-slider {
        width: 100%;
    }
    
    .dusty-top-number {
        font-size: calc(80 / 768* 100vw);
        position: absolute;
        top: 50%;
        left: 8%;
        transform: translate(0%, -50%);
    }

    .dusty-title-left {
        font-size: clamp(18px, 7.66vw, 56px);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .dusty-title-right {
        font-size: clamp(18px, 7.66vw, 56px);
        position: absolute;
        top: 50%;
        right: 0%;
        transform: translate(-50%, -50%);
    }


    .detail03 {
        margin: 30% 0% 20%;
        position: relative;
    }

    .detail03-img {
        margin: 50% auto 100%;
        flex-direction: column;
        position: relative;
    }

    .borero-slide03 {
        width: 50%;
        height: auto;
        display: flex;
        align-items: center;
        margin-top: -7%;
        margin-left: -1%;
    }

    .detail-slide03 {
        width: 80%;
        margin: 28% 0 0 auto;
        display: block;
    }

    .detail-text03 {
        width: 70%;
        position: absolute;
        top: -20%;
        left: 5%;
        right: 5%;
        margin: 0 auto;
    }

    .detail-price03 {
 position: absolute;
        top: 88%;
        left: 40%;
        z-index: 10;
    }
/* 2/11ここから修正ーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
    #pastelcolor {
        margin: 130% auto 230%;
    }
    .pastel-top {
        width: 75%;
        height: auto;
        margin: 40% 0 auto auto;
        display: flex;
        justify-content: center;
        position: relative;
    }
    .pastel-back {
      width: 93%;
        top: 19%;
        left: -14%;
        height: 86%;
        margin-left: 0%;
        z-index: -1;
    }
    .pastel-slider-sp img {
        width: 100%;
        height: auto;
        object-fit: cover;
        /* margin-top: -10%; */
        margin-left: 0%;
    }
    .pastel-slider-sp {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        margin-left: 0%;
        margin: 0 auto;

    }
    .pastel-slider{
        display:none;
    }
    .pastel-top-number {
        font-size: calc(80 / 768* 100vw);
        position: absolute;
        top: -6%;
        left: 74%;
    }
    .pastel-title-x {
        font-size: calc(60 / 768* 100vw);
        position: absolute;
        top: 26%;
        left: -20%;
    }
    .pastel-title-y {
        font-size: calc(60 / 768* 100vw);
        display: inline-block;
        text-orientation: upright;
        transform: rotate(-90deg);
        position: absolute;
        top: 68%;
        left: -46vw;
        z-index: 100;
    }

    .detail04 {
        margin: 20% 0% 13%;
        position: relative;
    }
.detail-slide04 {
  position: relative;
}
    .pastel-detail-img1 {
        /* display: inline-block; */
        width: 100%;
        max-width: 70vw;
        margin-left: 30%;
        margin-right: 0%;
        margin-top: 30%;
    }

    .pastel-detail-img2 {
        width: 100%;
        max-width: 70vw;
        margin-top: -10%;
        margin-left: 0;
    }

    .pastel-detail-img3 {
        width: 100%;
        max-width: 70vw;
       top: 214vw;
       left: auto;
        right:0;
  
    }
    .pastel-top-front img ,.pastel-front img{
        display: none;
    }
    .pastel-top-front-sp img,.pastel-front-sp img {
    display:block;
    }
    .detail-text04 {
        width: 70%;
        height: auto;
        position: absolute;
        top: 167vw;
        /* right: 16%; */
        left: 16%;
    }

    .detail-price04 {
      position: absolute;
        top: auto;
        bottom: -181vw;
        left: auto;
        right: 0%;
    }
/* 2/11ここまで修正ーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
    #minimal {
        margin: 20% auto 90%;
        position: relative;
    }

    .minimal-top {
        position: relative;
    }
.mini-top-pc {
    display: none;
}
.mini-top-sp {
    display: block;
}
    .minimal-top-number {
        font-size: calc(80 / 768* 100vw);
        position: absolute;
        top: -3%;
        right: 5%;
    }

    .minimal-title-left {
        font-size: calc(60 / 768* 100vw);
        position: absolute;
        top: 49%;
        left: 10%;
    }

    .minimal-title-right {
        font-size: calc(60 / 768* 100vw);
        position: absolute;
        top: 56%;
        left: 19%;
    }
    .detail-slide-left05 {
        display:none;
    }
    .detail-slide-left05-sp {
        display: block;
    }
    .detail05 {
        flex-direction: column;
        margin: 30% 0% 0;
    }

    .detail-slide-left05-sp {
        width: 70%;
        margin: 0 auto 0 0;
    }

    .text-box {
        background-image: none;
        width: 100%;
        margin: 0 auto;
    }
    .detail-right05-wrap {
      width: 100%;
    }
    .detail-text05 {
        width: 95%;
        margin: -16% auto 0;
        padding: 5% 7% 13% 7%;
        background-image: url(https://store.descente.co.jp/lanvin/wp-content/uploads/sites/5/2025/02/minimal-text-back.jpg);

    }

    .detail-price05 {
      top: 107%;
      right: 1%;
        bottom: auto;
    }
    .detail-slide-right05 {
      width: 70%;
      margin: 15% auto 50%;
    }
}


/* ---------- */


.add_html .item__tax small, .add_html .item__start{
  font-size: 70% !important;;
  text-transform: lowercase;
}


@media screen and (max-width:768px) {

.add_html .item__start {
  padding-top: 5px;
}

}
</style>