@charset "utf-8";
body.is-lookbook-modal-open {
  overflow: hidden;
}
.lookbook-detail-modal {
  position: fixed;
  inset: 0;
  background-color: #fff;
  z-index: 100;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  isolation: isolate;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: opacity 320ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 10ms 320ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 320ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 10ms 320ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 320ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 10ms 320ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: opacity 320ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 10ms 320ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 320ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 10ms 320ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.lookbook-detail-modal--open {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  visibility: visible;
  pointer-events: auto;
  -webkit-transition: opacity 480ms 10ms cubic-bezier(0.455, 0.03, 0.515, 0.955), visibility 10ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 480ms 10ms cubic-bezier(0.455, 0.03, 0.515, 0.955), visibility 10ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 480ms 10ms cubic-bezier(0.455, 0.03, 0.515, 0.955), visibility 10ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: opacity 480ms 10ms cubic-bezier(0.455, 0.03, 0.515, 0.955), visibility 10ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms 10ms cubic-bezier(0.455, 0.03, 0.515, 0.955), visibility 10ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.lookbook-detail-modal .header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 20;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.lookbook-detail-modal__inner {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  padding-top: 70px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.lookbook-detail--opening .lookbook-detail__main,
.lookbook-detail--opening .lookbook-detail__slider {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}
.lookbook-detail__main,
.lookbook-detail__slider,
.lookbook-detail__button,
.lookbook-detail__footer {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: opacity 0.52s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 0.52s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 0.52s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: opacity 0.52s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.52s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.lookbook-detail--switching .lookbook-detail__main,
.lookbook-detail--switching .lookbook-detail__slider,
.lookbook-detail--switching .lookbook-detail__button,
.lookbook-detail--switching .lookbook-detail__footer {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: opacity 0.22s cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s linear 0.22s;
  -moz-transition: opacity 0.22s cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s linear 0.22s;
  -o-transition: opacity 0.22s cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s linear 0.22s;
  -ms-transition: opacity 0.22s cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s linear 0.22s;
  transition: opacity 0.22s cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s linear 0.22s;
}
.lookbook-detail__main-item {
  display: none;
}
.lookbook-detail__main-item--current {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.lookbook-detail__ph {
  width: 48.535871156661784%;
  padding-left: 1.09809663250366%;
  aspect-ratio: 663/883;
}
.lookbook-detail__info {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  width: 48.535871156661784%;
  padding-right: 1.09809663250366%;
  font-size: 15px;
  line-height: 1.333333333333333;
  font-weight: 500;
  text-align: center;
}
.lookbook-detail__info-ph {
  position: absolute;
  top: 0;
  left: 0;
  width: 97.78761061946902%;
  z-index: 0;
}
.lookbook-detail__num {
  position: relative;
  z-index: 1;
}
.lookbook-detail__credits {
  position: relative;
  margin-top: 239px;
  z-index: 1;
}
.lookbook-detail__credit-link {
  display: inline-block;
  position: relative;
}
.lookbook-detail__credit-link:before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #000;
  -webkit-transition: opacity 200ms ease;
  -moz-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  -ms-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.lookbook-detail__credit-link:hover:before {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.lookbook-detail__credit-brand {
  margin-left: 4px;
}
.lookbook-detail__credit-price {
  margin-left: 7px;
}
.lookbook-detail__slider {
  width: 98.5358711566618%;
  margin: 107px auto 0;
  padding-top: 10px;
  overflow: hidden;
}
.lookbook-detail__slider-title {
  margin-bottom: 25px;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
}
.lookbook-detail__slider-content {
  width: 24.962852897473997%;
  height: auto;
}
.lookbook-detail__slider-content .VanillaSlider__box {
  width: 100%;
  height: 100%;
  overflow: visible !important;
}
.lookbook-detail__slider-content .VanillaSlider__direct {
  position: absolute;
  top: -48px;
  width: 30px;
  height: 30px;
  z-index: 10;
}
.lookbook-detail__slider-content .VanillaSlider__direct:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  width: 7.5px;
  height: 15px;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%208.561%2015.707%22%3E%3Cdefs%3E%3Cstyle%3E.b%7Bfill%3Anone%3Bstroke%3A%23000%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolyline%20class%3D%22b%22%20points%3D%228.207%2015.354%20.707%207.854%208.207%20.354%22%2F%3E%3C%2Fsvg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -o-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.lookbook-detail__slider-content .VanillaSlider__direct--prev {
  left: 1.488095238095238%;
}
.lookbook-detail__slider-content .VanillaSlider__direct--prev:after {
  left: 0;
}
.lookbook-detail__slider-content .VanillaSlider__direct--next {
  right: -297.61904761904765%;
}
.lookbook-detail__slider-content .VanillaSlider__direct--next:after {
  right: 0;
  -webkit-transform: translate3d(0, -50%, 0) rotate(180deg);
  -moz-transform: translate3d(0, -50%, 0) rotate(180deg);
  -o-transform: translate3d(0, -50%, 0) rotate(180deg);
  -ms-transform: translate3d(0, -50%, 0) rotate(180deg);
  transform: translate3d(0, -50%, 0) rotate(180deg);
}
.lookbook-detail__slides {
  width: 100%;
}
.lookbook-detail__slide {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 5px;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.lookbook-detail__slide-link {
  display: block;
}
.lookbook-detail__slide-link:hover .lookbook-detail__slide-ph-item:before {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.lookbook-detail__slide-ph-item {
  position: relative;
  aspect-ratio: 326/435;
}
.lookbook-detail__slide-ph-item:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 320ms ease;
  -moz-transition: opacity 320ms ease;
  -o-transition: opacity 320ms ease;
  -ms-transition: opacity 320ms ease;
  transition: opacity 320ms ease;
}
.lookbook-detail__slide-credits {
  position: relative;
  padding-top: 10px;
  font-size: 10px;
  line-height: 1.3;
  font-weight: 500;
  text-align: center;
}
.lookbook-detail__slide-num {
  position: absolute;
  top: 10px;
  left: 0;
  font-size: 10px;
  line-height: 1.3;
  font-weight: 500;
}
.lookbook-detail__slide-credit-link {
  position: relative;
  display: inline-block;
}
.lookbook-detail__slide-credit-link:before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #000;
  -webkit-transition: opacity 200ms ease;
  -moz-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  -ms-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.lookbook-detail__slide-credit-link:hover:before {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.lookbook-detail__slide-credit-brand {
  margin-left: 4px;
}
.lookbook-detail__slide-credit-price {
  margin-left: 5px;
}
.lookbook-detail__button {
  margin: 102px 0 110px;
}
@media screen and (max-width: 736px) {
  .lookbook-detail-modal {
    -webkit-transition: opacity 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 10ms 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: opacity 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 10ms 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: opacity 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 10ms 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: opacity 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 10ms 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 10ms 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .lookbook-detail-modal--open {
    -webkit-transition: opacity 600ms 28ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 10ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: opacity 600ms 28ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 10ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: opacity 600ms 28ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 10ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: opacity 600ms 28ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 10ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 600ms 28ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 10ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .lookbook-detail-modal__inner {
    padding-top: 11.538461538461537vw;
  }
  .lookbook-detail__main,
  .lookbook-detail__slider {
    -webkit-transition: opacity 0.68s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: opacity 0.68s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: opacity 0.68s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: opacity 0.68s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 0.68s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .lookbook-detail__main-item--current {
    display: block;
  }
  .lookbook-detail__ph {
    width: 95.89743589743588vw;
    margin: 0 auto 0;
    padding-left: 0;
  }
  .lookbook-detail__info {
    display: block;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    width: 95.89743589743588vw;
    padding-right: 0;
    margin: 3.846153846153846vw auto 0;
    font-size: 3.205128205128205vw;
  }
  .lookbook-detail__info--double {
    height: 127.69230769230768vw;
  }
  .lookbook-detail__info-ph {
    position: absolute;
    top: -3.846153846153846vw;
    left: 0;
    width: auto;
    z-index: 0;
  }
  .lookbook-detail__num {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  .lookbook-detail__credits {
    position: relative;
    margin-top: 0;
    z-index: 1;
  }
  .lookbook-detail__credit-link:before {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
  }
  .lookbook-detail__credit-link:hover:before {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  .lookbook-detail__credit-brand {
    margin-left: 1.025641025641026vw;
  }
  .lookbook-detail__credit-price {
    margin-left: 1.794871794871795vw;
  }
  .lookbook-detail__slider {
    width: 97.94871794871794vw;
    margin: 26.92307692307692vw auto 0;
    padding-top: 2.564102564102564vw;
  }
  .lookbook-detail__slider-title {
    margin-bottom: 4.102564102564102vw;
    font-size: 2.82051282051282vw;
  }
  .lookbook-detail__slider-content {
    width: 48.97435897435897vw;
    height: auto;
  }
  .lookbook-detail__slider-content .VanillaSlider__box {
    overflow: visible !important;
  }
  .lookbook-detail__slider-content .VanillaSlider__direct {
    top: -9.23076923076923vw;
    width: 7.692307692307692vw;
    height: 7.692307692307692vw;
  }
  .lookbook-detail__slider-content .VanillaSlider__direct:after {
    width: 1.923076923076923vw;
    height: 3.846153846153846vw;
  }
  .lookbook-detail__slider-content .VanillaSlider__direct--prev {
    left: 1.025641025641026vw;
  }
  .lookbook-detail__slider-content .VanillaSlider__direct--prev:after {
    left: 0;
  }
  .lookbook-detail__slider-content .VanillaSlider__direct--next {
    right: -48.205128205128204vw;
  }
  .lookbook-detail__slider-content .VanillaSlider__direct--next:after {
    right: 0;
    -webkit-transform: translate3d(0, -50%, 0) rotate(180deg);
    -moz-transform: translate3d(0, -50%, 0) rotate(180deg);
    -o-transform: translate3d(0, -50%, 0) rotate(180deg);
    -ms-transform: translate3d(0, -50%, 0) rotate(180deg);
    transform: translate3d(0, -50%, 0) rotate(180deg);
  }
  .lookbook-detail__slide {
    padding: 0 1.025641025641026vw;
  }
  .lookbook-detail__slide-link:hover .lookbook-detail__slide-ph-item:before {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  .lookbook-detail__slide-ph-item:before {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
  }
  .lookbook-detail__slide-credits {
    padding-top: 2.179487179487179vw;
    font-size: 2.564102564102564vw;
    line-height: 1.3;
  }
  .lookbook-detail__slide-num {
    top: 2.564102564102564vw;
    font-size: 2.564102564102564vw;
  }
  .lookbook-detail__slide-credit-link:before {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
  }
  .lookbook-detail__slide-credit-link:hover:before {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  .lookbook-detail__slide-credit-brand {
    margin-left: 0.769230769230769vw;
  }
  .lookbook-detail__slide-credit-price {
    margin-left: 1.41025641025641vw;
  }
  .lookbook-detail__button {
    margin: 12.82051282051282vw 0 0;
  }
}
.lookbook-list {
  position: relative;
  padding: 70px 0 118px;
}
.lookbook-list:nth-of-type(n+2):before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 97.80380673499268%;
  height: 1px;
  background-color: #b2b2b2;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.lookbook-list__title {
  margin-top: 37px;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.lookbook-list__title.inview--enter {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 680ms ease;
  -moz-transition: opacity 680ms ease;
  -o-transition: opacity 680ms ease;
  -ms-transition: opacity 680ms ease;
  transition: opacity 680ms ease;
}
.lookbook-list__items {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 97.80380673499268%;
  margin: 26px auto 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: translate3d(0, 5px, 0);
  -moz-transform: translate3d(0, 5px, 0);
  -o-transform: translate3d(0, 5px, 0);
  -ms-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
}
.lookbook-list__items.inview--enter {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: -moz-transform 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: -o-transform 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: -ms-transform 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.lookbook-list__item {
  width: 23.865300146412885%;
  margin-top: 70px;
}
.lookbook-list__item:nth-child(-n+4) {
  margin-top: 0;
}
.lookbook-list__ph-link {
  display: block;
}
.lookbook-list__ph-link:hover .lookbook-list__ph-item:before {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.lookbook-list__ph-item {
  position: relative;
  aspect-ratio: 366/487;
}
.lookbook-list__ph-item:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 320ms ease;
  -moz-transition: opacity 320ms ease;
  -o-transition: opacity 320ms ease;
  -ms-transition: opacity 320ms ease;
  transition: opacity 320ms ease;
}
.lookbook-list__credits {
  position: relative;
  margin-top: 15px;
  font-size: 10px;
  line-height: 1.3;
  font-weight: 500;
  text-align: center;
}
.lookbook-list__num {
  position: absolute;
  top: 0;
  left: 0;
}
.lookbook-list__credit-link {
  display: inline-block;
  position: relative;
}
.lookbook-list__credit-link:before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #000;
  -webkit-transition: opacity 200ms ease;
  -moz-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  -ms-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.lookbook-list__credit-link:hover:before {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.lookbook-list__credit-brand {
  margin-left: 3px;
}
.lookbook-list__credit-price {
  margin-left: 5px;
}
.lookbook-list__button {
  margin-top: 100px;
}
@media screen and (max-width: 736px) {
  .lookbook-list {
    padding: 11.538461538461537vw 0 19.23076923076923vw;
  }
  .lookbook-list:nth-of-type(n+2) {
    padding-bottom: 0vw;
  }
  .lookbook-list__title {
    margin-top: 6.666666666666666vw;
    font-size: 3.205128205128205vw;
  }
  .lookbook-list__items {
    width: 95.89743589743588vw;
    margin: 26px auto 0;
  }
  .lookbook-list__item {
    width: 46.92307692307692vw;
    margin-top: 8.974358974358974vw;
  }
  .lookbook-list__item:nth-child(-n+2) {
    margin-top: 0;
  }
  .lookbook-list__item:nth-child(3),
  .lookbook-list__item:nth-child(4) {
    margin-top: 8.974358974358974vw;
  }
  .lookbook-list__ph-link:hover .lookbook-list__ph-item:before {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  .lookbook-list__ph-item:before {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
  }
  .lookbook-list__credits {
    margin-top: 2.307692307692307vw;
    font-size: 2.564102564102564vw;
  }
  .lookbook-list__credit-link:before {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
  }
  .lookbook-list__credit-link:hover:before {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  .lookbook-list__credit-brand {
    margin-left: 0.769230769230769vw;
  }
  .lookbook-list__credit-price {
    margin-left: 1.153846153846154vw;
  }
  .lookbook-list__button {
    margin-top: 100px;
  }
}