@charset "UTF-8";

.main-area,
.main_inner {
  width: 100%;
  margin: auto;
  padding-bottom: calc(110 * (100vw / 375));
  font-family: 游明朝体, YuMincho, 游明朝 Medium, Yu Mincho, Hiragino Mincho ProN, HGS明朝E, "Noto Serif JP", yumin, メイリオ, serif;
  font-style: normal;
  font-weight: 400
}

.main-area,
.main-area *,
.main-area :after,
.main-area :before,
.main_inner,
.main_inner *,
.main_inner :after,
.main_inner :before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.main-area img,
.main-area svg,
.main_inner img,
.main_inner svg {
  width: 100%;
  height: auto
}

.main-area a,
.main_inner a {
  overflow: visible
}

.main-area a:hover,
.main_inner a:hover {
  cursor: pointer
}

.sp-component {
  display: block
}

.pc-component {
  display: none
}


.modelimg-list-item:not(.l-wrap-flex, .l-wrap-big) {
  position: relative;
  width: calc(315* (100vw /375));
  margin-left: auto;
  margin-right: auto;
}

.l-wrap-right {
  margin-left: auto !important;
  margin-right: 0 !important;
}

.l-wrap-left {
  margin-left: 0 !important;
}

.modelimg-list-item_inner {
  position: relative;
}

.l-wrap-flex .modelimg-bigwrap {
  display: flex;
}

.modelimg-wrapper-logo {
  position: absolute;
  width: calc(250* (100vw /375));
  top: calc(383*(100vw / 375));
  left: calc(63*(100vw / 375));
}

/* 調整___________________________*/
@media screen and (max-width: 767px) {

  .modelimg-list-item+.modelimg-list-item {
    margin-top: calc(55*(100vw / 375));
  }

  .modelimg-list .modelimg-list-item01 {
    margin-top: calc(60*(100vw / 375));
  }

  .modelimg-wrapper+.modelimg-wrapper {
    margin-top: calc(20* (100vw /375));
  }

  .l-wrap-flex .modelimg-wrapper {
    margin: 0;
  }
}

@media screen and (min-width: 768px) {
  .main-area__inner {
    width: 90rem;
    margin-left: auto;
    margin-right: auto;
  }

  .modelimg-list-item:not(.l-wrap-flex, .l-wrap-big, .modelimg-list-item02) {
    width: 45rem;
  }

  .modelimg-wrapper-logo {
    width: 28rem;
    top: 58.8rem;
    left: 13.5rem;
  }

  .modelimg-list-item+.modelimg-list-item {
    margin-top: 7.8rem;
  }

  .modelimg-list .modelimg-list-item01 {
    margin-top: 8rem;
  }

  .modelimg-wrapper+.modelimg-wrapper {
    margin-top: 4rem;
  }

  .l-wrap-flex .modelimg-wrapper {
    margin: 0;
  }

  /* ___________________________*/
  .modelimg-list-item.modelimg-list-item00 {
    width: 55rem;
    margin: auto;
  }

  .modelimg-list-item.modelimg-list-item02 {
    width: initial;
  }

  .modelimg-bigwrap {
    display: flex !important;
    justify-content: center;
  }

  .modelimg-bigwrap .modelimg-wrapper {
    width: 45rem;
    margin: 0;
  }

  .modelimg-list-item.l-wrap-big {
    width: 55rem;
    margin-left: auto;
    margin-right: auto;
  }

  .modelimg-list .modelimg-list-item01{
    width: 61.2rem;
  }
}

/* ===============================================
* slider調整 *
=============================================== */
.slick-dots {
  bottom: calc(-23* (100vw /375)) !important;
}

.slick-dots li {
  width: calc(8* (100vw /375)) !important;
  height: calc(8* (100vw /375)) !important;
  margin: 0 calc(5* (100vw /375)) !important;
}

.slick-dots li button {
  width: calc(8* (100vw /375)) !important;
  height: calc(8* (100vw /375)) !important;
  padding: 0 !important;
  border: #B7B7B7 1px solid !important;
  border-radius: 50% !important;
  background: transparent;
}

.slick-dots li.slick-active button {
  background: #B7B7B7 !important;
}

.slick-dots li button:before {
  content: none !important;
}

@media screen and (min-width: 768px) {
  .slick-dots {
    bottom: -2.2rem !important;
  }

  .slick-dots li {
    width: 0.8rem !important;
    height: 0.8rem !important;
    margin: 0 0.5rem !important;
  }

  .slick-dots li button {
    width: 0.8rem !important;
    height: 0.8rem !important;
  }

}

/* ===============================================
* credit *
=============================================== */
.credit-wrapper {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  margin-top: calc(13*(100vw / 375));
}

@media screen and (max-width: 767px) {
  .l-wrap-right .credit-wrapper {
    margin-left: 0;
  }

  .l-wrap-left .credit-wrapper {
    margin-left: calc(15* (100vw /375));
  }

}

.modelimg-list-item01 .credit-wrapper {
  margin-top: calc(33*(100vw / 375));
}

.credit-txt {
  display: block;
  color: #333;
  font-size: calc(12*(100vw / 375));
  font-weight: 500;
  letter-spacing: .1em;
  line-height: 2;
}

.credit-txt .credit-price {
  text-decoration: underline
}

.credit-txt.notClick {
  pointer-events: none;
}

.credit-txt.notClick .credit-price {
  text-decoration: none;
}

.link-btn {
  display: block;
  width: calc(335 * (100vw / 375));
  height: calc(50 * (100vw / 375));
  margin-right: auto;
  margin-left: auto
}

.link-btn--newarrivals {
  margin-top: calc(71*(100vw / 375));
}

.link-btn--top {
  margin-top: calc(30 * (100vw / 375));
  margin-bottom: calc(80 * (100vw / 375))
}

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

  .main-area,
  .main_inner {
    padding-bottom: 14rem
  }

  .sp-component {
    display: none
  }

  .main-area {
    margin-top: 4rem
  }

  .credit-wrapper {
    width: initial;
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-top: 1.4rem;
  }

  .modelimg-list-item01 .credit-wrapper {
    margin-top: 3.2rem;
  }

  .credit-txt {
    font-size: 1.2rem;
    letter-spacing: .1em;
    white-space: nowrap;
  }

  .link-btn {
    width: 40rem;
    height: 5rem
  }

  .link-btn--newarrivals {
    margin-top: 9.5rem;
  }

  .link-btn--top {
    margin-top: 2rem;
    margin-bottom: 8.1rem;
  }
}



/* ===============================================
* animation *
=============================================== */
.js-fadeIn {
  opacity: 0;
  /* will-change: opacity, transform;
  transition: ease-in, opacity 2500ms, transform 1000ms;
  transform: translate3d(0, 0, 0) scale(1); */
  will-change: opacity;
  transition: ease-in, opacity 2500ms;
}

.js-left {
  transform: translate(50px, 0);
}

.js-right {
  transform: translate(-50px, 0);
}

.js-bottom {
  transform: translate(0, 50px);
}

.show {
  opacity: 1;
  transition: transform 1s cubic-bezier(.215, .61, .355, 1) .4s, opacity .4s cubic-bezier(.25, .25, .75, .75) .4s;
  transform: translate(0);
}