@charset "UTF-8";
/*ページ全体共通設定*/
:root {
  --sp: 375 * 100vw;
}

.lookbook_250605 {
  width: 100%;
  color: #000;
  text-align: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
}
.lookbook_250605 *, .lookbook_250605 li {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.lookbook_250605 img {
  width: 100%;
}
.lookbook_250605 li {
  list-style-type: none;
}
.lookbook_250605 a {
  text-decoration: none;
  color: #000000;
}
.lookbook_250605 .fade {
  opacity: 0;
}
.lookbook_250605 .fade.active {
  animation: fade 1s ease-in-out forwards;
}
@keyframes fade {
  0% {
    opacity: 0;
    transform: scale(0.95);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.lookbook_250605 .fade-in-left {
  width: 100%;
  clip-path: inset(0 100% 0 0);
  transition: clip-path 1s ease;
}
.lookbook_250605 .fade-in-left.active {
  clip-path: inset(0 0 0 0);
}
.lookbook_250605 .kv-area {
  width: 100%;
  margin-top: 60px;
  display: flex;
  justify-content: center;
  gap: 0 67px;
  margin-left: 7px;
}
.lookbook_250605 .kv-area .read {
  margin-top: 237px;
  width: 360px;
}
.lookbook_250605 .kv-area .read dl dt {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 24px;
  opacity: 0;
  animation: fade 0.8s ease-in-out forwards;
  animation-delay: 1s;
}
.lookbook_250605 .kv-area .read dl dd {
  font-size: 12px;
  letter-spacing: 0.02em;
  line-height: 22px;
  margin-top: 20px;
  opacity: 0;
  animation: fade 0.8s ease-in-out forwards 0.5s;
  animation-delay: 1.5s;
}
.lookbook_250605 .kv-area .kv-img {
  width: 483px;
  position: relative;
}
.lookbook_250605 .kv-area .kv-img img:nth-of-type(1) {
  opacity: 0;
  animation: fade 0.8s ease-in-out forwards;
}
.lookbook_250605 .kv-area .kv-img img:nth-of-type(2) {
  width: 212px;
  position: absolute;
  top: 46px;
  left: 35px;
}
.lookbook_250605 .item {
  margin: 0 auto;
  position: relative;
}
.lookbook_250605 .item .num {
  width: 55px;
  margin: 0 auto 20px;
}
.lookbook_250605 .item .price {
  font-family: "Scheherazade New", serif;
  font-size: 12px;
  letter-spacing: 0.03em;
  line-height: 22px;
  margin-top: 15px;
  text-align: left;
}
.lookbook_250605 .item .img-container {
  display: flex;
}
.lookbook_250605 .item01 {
  margin-top: 167px;
  width: 509px;
}
.lookbook_250605 .item01 .img01 {
  width: 386px;
}
.lookbook_250605 .item01 .img02 {
  width: 397px;
  height: 551px;
  background: url(../../images/lookbook_250605/item01-img2-back.jpg) no-repeat;
  background-size: cover;
  margin: 24px 0 0 112px;
  padding: 35px 25px;
}
.lookbook_250605 .item01 .price {
  margin-left: 112px;
}
.lookbook_250605 .item02 {
  margin-top: 129px;
  width: 756px;
}
.lookbook_250605 .item02 .img01 {
  width: 384px;
}
.lookbook_250605 .item02 .img02 {
  width: 343px;
  margin: 28px 0 0 29px;
}
.lookbook_250605 .item03 {
  margin-top: 128px;
  width: 769px;
}
.lookbook_250605 .item03 .img01 {
  width: 100%;
  height: 551px;
  background: url(../../images/lookbook_250605/item03-img1-back.jpg) no-repeat;
  background-size: cover;
  padding: 34px 25px;
}
.lookbook_250605 .item03 .img01 + img {
  width: 249px;
  margin-top: 58px;
}
.lookbook_250605 .item03 .img-container {
  width: 452px;
  margin: 50px auto 0;
}
.lookbook_250605 .item03 .price {
  margin-left: 160px;
}
.lookbook_250605 .item04 {
  margin-top: 128px;
  width: 743px;
}
.lookbook_250605 .item04 .img01 {
  width: 325px;
}
.lookbook_250605 .item04 .img02 {
  width: 398px;
  margin: 66px 0 0 20px;
}
.lookbook_250605 .item04 .price {
  margin-left: 343px;
}
.lookbook_250605 .item05 {
  margin-top: 129px;
  width: 1146px;
  background: url(../../images/lookbook_250605/item05-img-back.jpg) no-repeat;
  background-size: 100%;
  background-position: 0 85px;
}
.lookbook_250605 .item05 .img01 {
  width: 343px;
  margin: 36px auto 0 345px;
}
.lookbook_250605 .item05 .img02 {
  width: 316px;
  margin: 21px auto 0 425px;
  position: relative;
}
.lookbook_250605 .item05 .img02 .txt {
  width: 31px;
  position: absolute;
  top: 14px;
  left: -53px;
}
.lookbook_250605 .item05 .price {
  margin-left: 425px;
}
.lookbook_250605 .item06 {
  margin-top: 128px;
  width: 796px;
}
.lookbook_250605 .item06 .swiper {
  width: 398px;
}
.lookbook_250605 .item07 {
  margin-top: 128px;
  width: 674px;
}
.lookbook_250605 .item07 .img01 {
  width: 246px;
  margin-left: 246px;
}
.lookbook_250605 .item07 .img02 {
  width: 246px;
  margin-top: -170px;
}
.lookbook_250605 .item07 .img03 {
  width: 398px;
  height: 552px;
  background: url(../../images/lookbook_250605/item07-img3-back.jpg) no-repeat;
  background-size: cover;
  margin: -141px 0 0 auto;
  padding: 36px 26px;
}
.lookbook_250605 .item07 .price {
  margin-left: 275px;
}
.lookbook_250605 .item08 {
  margin-top: 128px;
  width: 478px;
}
.lookbook_250605 .item08 .img01 {
  width: 384px;
}
.lookbook_250605 .item08 .img02 {
  width: 386px;
  margin: 20px 0 0 auto;
}
.lookbook_250605 .item08 .price {
  margin-left: 92px;
}
.lookbook_250605 .staff {
  margin: 155px auto 0;
  width: 1146px;
  height: 354px;
  background: url(../../images/lookbook_250605/staff-back.jpg) no-repeat;
  background-size: cover;
  padding-top: 108px;
}
.lookbook_250605 .staff img {
  width: 419px;
}
.lookbook_250605 .staff ul {
  width: 468px;
  margin: 42px auto 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 11px;
  letter-spacing: 0.02em;
  line-height: 23px;
  font-family: "Teachers", sans-serif;
}
.lookbook_250605 .staff ul li:not(:nth-of-type(2), :last-child)::after {
  content: "/";
  margin: 0 3px;
}
.lookbook_250605 .staff ul + ul {
  margin-top: 0;
}
.lookbook_250605 .staff ul + ul li:nth-of-type(2)::after {
  content: "/";
  margin: 0 3px;
}

@media screen and (max-width: 768px) {
  .lookbook_250605 .kv-area {
    margin-top: 0;
    align-items: center;
    gap: calc(31 / var(--sp)) 0;
    flex-direction: column;
    margin-left: 0;
  }
  .lookbook_250605 .kv-area .read {
    order: 2;
    margin-top: 0;
    width: 100%;
  }
  .lookbook_250605 .kv-area .read dl dt {
    font-size: calc(15 / var(--sp));
    line-height: calc(20 / var(--sp));
  }
  .lookbook_250605 .kv-area .read dl dd {
    font-size: calc(12 / var(--sp));
    line-height: calc(22 / var(--sp));
    margin-top: calc(25 / var(--sp));
  }
  .lookbook_250605 .kv-area .kv-img {
    order: 1;
    width: 100%;
  }
  .lookbook_250605 .kv-area .kv-img img:nth-of-type(2) {
    width: calc(165 / var(--sp));
    top: calc(34 / var(--sp));
    left: calc(27 / var(--sp));
  }
  .lookbook_250605 .item .num {
    width: calc(46 / var(--sp));
    margin-bottom: calc(10 / var(--sp));
  }
  .lookbook_250605 .item .price {
    font-size: calc(12 / var(--sp));
    line-height: calc(22 / var(--sp));
    margin-top: calc(18 / var(--sp));
  }
  .lookbook_250605 .item01 {
    margin-top: calc(96 / var(--sp));
    width: 100%;
  }
  .lookbook_250605 .item01 .img01 {
    width: calc(350 / var(--sp));
  }
  .lookbook_250605 .item01 .img02 {
    width: 100%;
    height: calc(520 / var(--sp));
    margin: calc(20 / var(--sp)) 0 0 0;
    padding: calc(35 / var(--sp)) calc(25 / var(--sp));
  }
  .lookbook_250605 .item01 .price {
    margin-left: calc(25 / var(--sp));
  }
  .lookbook_250605 .item02 {
    margin-top: calc(100 / var(--sp));
    width: 100%;
  }
  .lookbook_250605 .item02 .img-container {
    flex-direction: column;
  }
  .lookbook_250605 .item02 .img01 {
    width: calc(350 / var(--sp));
    margin-left: auto;
  }
  .lookbook_250605 .item02 .img02 {
    width: calc(313 / var(--sp));
    margin: calc(20 / var(--sp)) auto 0;
  }
  .lookbook_250605 .item02 .price {
    margin-left: calc(31 / var(--sp));
  }
  .lookbook_250605 .item03 {
    margin-top: calc(99 / var(--sp));
    width: 100%;
  }
  .lookbook_250605 .item03 .num {
    margin-bottom: calc(15 / var(--sp));
  }
  .lookbook_250605 .item03 .img01 {
    height: calc(520 / var(--sp));
    background: url(../../images/lookbook_250605/item03-img1-back_sp.jpg) no-repeat;
    background-size: cover;
    padding: calc(34 / var(--sp)) calc(25 / var(--sp));
  }
  .lookbook_250605 .item03 .img01 + img {
    width: calc(208 / var(--sp));
    margin-top: calc(50 / var(--sp));
  }
  .lookbook_250605 .item03 .img-container {
    width: calc(342 / var(--sp));
    margin-top: calc(50 / var(--sp));
  }
  .lookbook_250605 .item03 .price {
    margin-left: calc(16.5 / var(--sp));
  }
  .lookbook_250605 .item04 {
    margin-top: calc(98 / var(--sp));
    width: 100%;
  }
  .lookbook_250605 .item04 .num {
    margin-bottom: calc(15 / var(--sp));
  }
  .lookbook_250605 .item04 .img-container {
    flex-direction: column;
  }
  .lookbook_250605 .item04 .img01 {
    width: calc(306 / var(--sp));
    margin: 0 calc(34 / var(--sp)) 0 calc(35 / var(--sp));
  }
  .lookbook_250605 .item04 .img02 {
    width: 100%;
    margin: calc(22 / var(--sp)) 0 0 0;
  }
  .lookbook_250605 .item04 .price {
    margin-left: calc(18 / var(--sp));
  }
  .lookbook_250605 .item05 {
    margin-top: calc(99 / var(--sp));
    width: 100%;
    background: url(../../images/lookbook_250605/item05-img-back_sp.jpg) no-repeat;
    background-size: 100%;
    background-position: 0 calc(69 / var(--sp));
  }
  .lookbook_250605 .item05 .img01 {
    width: calc(325 / var(--sp));
    margin: calc(39 / var(--sp)) 0 0 0;
  }
  .lookbook_250605 .item05 .img02 {
    width: calc(299 / var(--sp));
    margin: calc(20 / var(--sp)) 0 0 auto;
  }
  .lookbook_250605 .item05 .img02 .txt {
    width: calc(29 / var(--sp));
    top: calc(19 / var(--sp));
    left: calc(-51 / var(--sp));
  }
  .lookbook_250605 .item05 .price {
    margin-left: calc(76 / var(--sp));
  }
  .lookbook_250605 .item06 {
    margin-top: calc(99 / var(--sp));
    width: 100%;
  }
  .lookbook_250605 .item06 .num {
    margin-bottom: calc(15 / var(--sp));
  }
  .lookbook_250605 .item06 .swiper {
    width: 100%;
  }
  .lookbook_250605 .item06 .price {
    margin-left: calc(18 / var(--sp));
  }
  .lookbook_250605 .item07 {
    margin-top: calc(99 / var(--sp));
    width: 100%;
  }
  .lookbook_250605 .item07 .num {
    margin-bottom: calc(15 / var(--sp));
  }
  .lookbook_250605 .item07 .img01 {
    width: calc(187.5 / var(--sp));
    margin-left: auto;
  }
  .lookbook_250605 .item07 .img02 {
    width: calc(187.5 / var(--sp));
    margin: calc(-260 / var(--sp)) 0 0 0;
  }
  .lookbook_250605 .item07 .img03 {
    width: 100%;
    height: calc(520 / var(--sp));
    margin: 0;
    padding: calc(34 / var(--sp)) calc(25 / var(--sp));
  }
  .lookbook_250605 .item07 .price {
    margin-left: calc(18 / var(--sp));
  }
  .lookbook_250605 .item08 {
    margin-top: calc(99 / var(--sp));
    width: 100%;
  }
  .lookbook_250605 .item08 .num {
    margin-bottom: calc(15 / var(--sp));
  }
  .lookbook_250605 .item08 .img01 {
    width: calc(350 / var(--sp));
  }
  .lookbook_250605 .item08 .img02 {
    width: calc(350 / var(--sp));
    margin-top: calc(20 / var(--sp));
  }
  .lookbook_250605 .item08 .price {
    margin-left: calc(25 / var(--sp));
  }
  .lookbook_250605 .staff {
    margin-top: calc(100 / var(--sp));
    width: 100%;
    height: calc(380 / var(--sp));
    background: url(../../images/lookbook_250605/staff-back_sp.jpg) no-repeat;
    background-size: cover;
    padding-top: calc(47 / var(--sp));
  }
  .lookbook_250605 .staff img {
    width: calc(147 / var(--sp));
  }
  .lookbook_250605 .staff ul {
    width: 100%;
    margin-top: calc(34 / var(--sp));
    flex-direction: column;
    align-items: center;
    font-size: calc(10 / var(--sp));
    line-height: calc(22 / var(--sp));
  }
  .lookbook_250605 .staff ul li:not(:nth-of-type(2), :last-child)::after {
    display: none;
  }
  .lookbook_250605 .staff ul + ul {
    margin-top: 0;
  }
  .lookbook_250605 .staff ul + ul li:nth-of-type(2)::after {
    display: none;
  }
}/*# sourceMappingURL=lookbook_250605.css.map */