@charset "UTF-8";
.dh_lp_wrapper {
  overflow: hidden;
  letter-spacing: 0.015em;
  line-height: 1;
  font-family: futura-pt, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  color: #000;
  margin: 0 auto;
  width: 100%;
}
.dh_lp_wrapper a {
  color: #000;
  text-decoration: none;
}
.dh_lp_wrapper a:hover {
  opacity: 0.8;
  text-decoration: none;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.dh_lp_wrapper a:active {
  text-decoration: none;
}
.dh_lp_wrapper a {
  /*入荷予定のリンク先がないもの*/
}
.dh_lp_wrapper a.link-none {
  pointer-events: none;
  text-decoration: none;
}
.dh_lp_wrapper img {
  width: 100%;
}
.dh_lp_wrapper ul {
  list-style: none;
  padding-left: 0;
}
.dh_lp_wrapper {
  /* メインビジュアル */
}
.dh_lp_wrapper .dh_lp_mv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  aspect-ratio: 27/16;
  background-color: #000;
  margin-bottom: 200px;
  overflow: hidden;
}
.dh_lp_wrapper .dh_lp_mv video {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 33.4%;
  margin-right: -1px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.dh_lp_wrapper .dh_lp_mv video:last-child {
  margin-right: 0;
}
.dh_lp_wrapper .dh_lp_mv.is-loaded video {
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .dh_lp_wrapper .dh_lp_mv {
    margin-bottom: 180px;
    aspect-ratio: 9/16;
  }
  .dh_lp_wrapper .dh_lp_mv video {
    width: 100%;
    margin-right: 0;
    opacity: 1;
  }
  .dh_lp_wrapper .dh_lp_mv video.pc_only {
    display: none;
  }
}
.dh_lp_wrapper {
  /* メインコンテンツ */
}
.dh_lp_wrapper .main_contents {
  padding: 0;
  margin-bottom: 150px;
  /*アイテム共通*/
}
.dh_lp_wrapper .main_contents .style_block {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 140px;
}
.dh_lp_wrapper .main_contents .style_block ul.credit-list {
  font-size: 12px;
  margin-top: 30px;
  letter-spacing: 0.24px;
  width: 100%;
}
.dh_lp_wrapper .main_contents .style_block ul.credit-list li {
  margin: 0 0 15px;
  letter-spacing: 1px;
}
.dh_lp_wrapper .main_contents .style_block ul.credit-list li a {
  color: #4D4D4D;
}
.dh_lp_wrapper .main_contents .style_block ul.credit-list li a:hover {
  opacity: 0.8;
}
.dh_lp_wrapper .main_contents .style_block ul.credit-list li a .credit__buy {
  text-decoration: underline;
}
.dh_lp_wrapper .main_contents .style_block ul.credit-list li a .credit__coming {
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .dh_lp_wrapper .main_contents .style_block ul.credit-list li a .credit__coming {
    display: inline-block;
  }
}
.dh_lp_wrapper .main_contents .style_block ul.credit-list li:has(.credit-gender) {
  margin-bottom: 10px;
}
.dh_lp_wrapper .main_contents .style_block ul.credit-list li .credit-gender {
  color: #4D4D4D;
}
.dh_lp_wrapper .main_contents .style_block .img_container--landscape {
  aspect-ratio: 2000/1334;
  overflow: hidden;
}
.dh_lp_wrapper .main_contents .style_block .img_container--landscape img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.dh_lp_wrapper .main_contents .style_block {
  /* 交互フェード（2秒間隔・0.75秒で切り替え） */
}
.dh_lp_wrapper .main_contents .style_block .img_container--fade {
  position: relative;
}
.dh_lp_wrapper .main_contents .style_block .img_container--fade .img_fade {
  -webkit-transition: opacity 0.75s ease;
  transition: opacity 0.75s ease;
}
.dh_lp_wrapper .main_contents .style_block .img_container--fade .img_fade_01 {
  position: relative;
  z-index: 1;
  opacity: 1;
}
.dh_lp_wrapper .main_contents .style_block .img_container--fade .img_fade_02 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 2;
  opacity: 0;
}
.dh_lp_wrapper .main_contents .style_block .img_container--fade.is-switched .img_fade_01 {
  opacity: 0;
}
.dh_lp_wrapper .main_contents .style_block .img_container--fade.is-switched .img_fade_02 {
  opacity: 1;
}
.dh_lp_wrapper .main_contents .style_block {
  /* 1カラム・中央 500px（ブロックは中央、中身・クレジットは左揃えでカンプに合わせる） */
}
.dh_lp_wrapper .main_contents .style_block .look_wrap--single.look_wrap--center {
  width: 100%;
  max-width: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.dh_lp_wrapper .main_contents .style_block {
  /* 1カラム・左寄せ 500px */
}
.dh_lp_wrapper .main_contents .style_block .look_wrap--single.look_wrap--left {
  width: 100%;
  max-width: 500px;
  -ms-flex-item-align: start;
      align-self: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.dh_lp_wrapper .main_contents .style_block {
  /* 1カラム・右寄せ（Figma：単体は500px、横長2枚は650px） */
}
.dh_lp_wrapper .main_contents .style_block .look_wrap--single.look_wrap--right {
  -ms-flex-item-align: end;
      align-self: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  max-width: 500px;
  width: 100%;
}
.dh_lp_wrapper .main_contents .style_block .look_wrap--single.look_wrap--right.look_wrap--landscape {
  max-width: 650px;
}
.dh_lp_wrapper .main_contents .style_block {
  /* 2カラム行：475px + 475px、gap 50px */
}
.dh_lp_wrapper .main_contents .style_block .look_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  gap: 50px;
}
.dh_lp_wrapper .main_contents .style_block .look_wrap--col {
  width: 475px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.dh_lp_wrapper .main_contents .style_block .look_wrap--col .img_container {
  width: 100%;
}
.dh_lp_wrapper .main_contents .style_block .look_wrap--col-offset {
  padding-top: 250px;
}
.dh_lp_wrapper .main_contents .style_block {
  /* 2×2レイアウト 650px（Grid非対応ブラウザ用に flex で同等表現） */
}
.dh_lp_wrapper .main_contents .style_block .look_grid {
  width: 100%;
  max-width: 650px;
}
.dh_lp_wrapper .main_contents .style_block .look_grid .look_grid__items {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.dh_lp_wrapper .main_contents .style_block .look_grid .look_grid__items .look_grid__item {
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}
.dh_lp_wrapper .main_contents .style_block .look_grid .look_grid__items .look_grid__item .img_container {
  width: 100%;
}
.dh_lp_wrapper .main_contents .style_block .look_grid .look_grid__item--09 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.dh_lp_wrapper .main_contents .style_block .look_grid .look_grid__item--10 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.dh_lp_wrapper .main_contents .style_block .look_grid .look_grid__item--11 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.dh_lp_wrapper .main_contents .style_block .look_grid .look_grid__credits {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.dh_lp_wrapper .main_contents .style_block .look_wrap--stack .img_container + .img_container {
  margin-top: 0;
}
.dh_lp_wrapper .main_contents .style_block #look01,
.dh_lp_wrapper .main_contents .style_block #look08,
.dh_lp_wrapper .main_contents .style_block #look12,
.dh_lp_wrapper .main_contents .style_block #look13,
.dh_lp_wrapper .main_contents .style_block #look14,
.dh_lp_wrapper .main_contents .style_block #look19,
.dh_lp_wrapper .main_contents .style_block #look21,
.dh_lp_wrapper .main_contents .style_block #look22,
.dh_lp_wrapper .main_contents .style_block #look26,
.dh_lp_wrapper .main_contents .style_block #look27,
.dh_lp_wrapper .main_contents .style_block #look29 {
  max-width: 650px;
}
@media screen and (max-width: 1020px) {
  .dh_lp_wrapper .main_contents .style_block .look_wrap--single.look_wrap--left,
  .dh_lp_wrapper .main_contents .style_block .look_wrap--single.look_wrap--right {
    -ms-flex-item-align: center;
        align-self: center;
  }
}
@media screen and (max-width: 768px) {
  .dh_lp_wrapper .main_contents {
    font-size: 14px;
    margin-bottom: 120px;
  }
  .dh_lp_wrapper .main_contents .style_block {
    margin: 0 auto;
    width: 100%;
    gap: 120px;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .dh_lp_wrapper .main_contents .style_block .img_container {
    max-width: 100%;
    width: 100%;
  }
  .dh_lp_wrapper .main_contents .style_block ul.credit-list {
    margin: 25px 0 0;
    padding: 0;
  }
  .dh_lp_wrapper .main_contents .style_block ul.credit-list li {
    font-size: 12px;
    margin-bottom: 16px;
  }
  .dh_lp_wrapper .main_contents .style_block ul.credit-list li a.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .dh_lp_wrapper .main_contents .style_block ul.credit-list li:has(.credit-gender) {
    margin-bottom: 8px;
  }
  .dh_lp_wrapper .main_contents .style_block {
    /* 1カラム：SPでは幅・揃えをFigma通りに */
  }
  .dh_lp_wrapper .main_contents .style_block .look_wrap--single {
    width: 100%;
    max-width: none;
  }
  .dh_lp_wrapper .main_contents .style_block {
    /* SP：中央揃えは margin で確実に（Figma x=37.5 の300px中央） */
  }
  .dh_lp_wrapper .main_contents .style_block .look_wrap--single.look_wrap--center {
    -ms-flex-item-align: center;
        align-self: center;
    margin-left: auto;
    margin-right: auto;
  }
  .dh_lp_wrapper .main_contents .style_block .look_wrap--single.look_wrap--left {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .dh_lp_wrapper .main_contents .style_block .look_wrap--single.look_wrap--right {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .dh_lp_wrapper .main_contents .style_block {
    /* フル幅 100%：中央揃えクラスでも幅100%のときは margin 打ち消し */
  }
  .dh_lp_wrapper .main_contents .style_block #look01,
  .dh_lp_wrapper .main_contents .style_block #look08,
  .dh_lp_wrapper .main_contents .style_block #look22 {
    width: 100%;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    margin-left: 0;
    margin-right: 0;
  }
  .dh_lp_wrapper .main_contents .style_block {
    /* SP 中央揃え 80%（300/375・Figma 1カラム x=37.5） */
  }
  .dh_lp_wrapper .main_contents .style_block #look04,
  .dh_lp_wrapper .main_contents .style_block #look12,
  .dh_lp_wrapper .main_contents .style_block #look13,
  .dh_lp_wrapper .main_contents .style_block #look14,
  .dh_lp_wrapper .main_contents .style_block #look23,
  .dh_lp_wrapper .main_contents .style_block #look29 {
    width: 80%;
    -ms-flex-item-align: center;
        align-self: center;
    margin-left: auto;
    margin-right: auto;
  }
  .dh_lp_wrapper .main_contents .style_block {
    /* 左 約5.3% 89.33%（335/375・Figma x=20）中央クラスで margin auto が効かないよう上書き */
  }
  .dh_lp_wrapper .main_contents .style_block #look18,
  .dh_lp_wrapper .main_contents .style_block #look21 {
    width: 89.33%;
    -ms-flex-item-align: start;
        align-self: flex-start;
    margin-left: 5.33%;
    margin-right: 0;
  }
  .dh_lp_wrapper .main_contents .style_block {
    /* 左 0 89.33% */
  }
  .dh_lp_wrapper .main_contents .style_block #look19,
  .dh_lp_wrapper .main_contents .style_block #look28 {
    width: 89.33%;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .dh_lp_wrapper .main_contents .style_block {
    /* 右揃え 89.33% */
  }
  .dh_lp_wrapper .main_contents .style_block #look20 {
    width: 89.33%;
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .dh_lp_wrapper .main_contents .style_block #look27 {
    width: 89.33%;
    -ms-flex-item-align: end;
        align-self: flex-end;
    margin-left: 10.67%;
  }
  .dh_lp_wrapper .main_contents .style_block {
    /* 左 0 80% */
  }
  .dh_lp_wrapper .main_contents .style_block #look26 {
    width: 80%;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .dh_lp_wrapper .main_contents .style_block {
    /* 2カラム行 → 縦積み・Figmaのオフセットを再現 */
  }
  .dh_lp_wrapper .main_contents .style_block .look_row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 0;
  }
  .dh_lp_wrapper .main_contents .style_block .look_row--02-03 #look02 {
    width: 89.33%;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .dh_lp_wrapper .main_contents .style_block .look_row--02-03 #look03 {
    width: 89.33%;
    -ms-flex-item-align: start;
        align-self: flex-start;
    margin-left: 10.67%;
    padding-top: 13.33%;
  }
  .dh_lp_wrapper .main_contents .style_block .look_row--05-07 #look05 {
    width: 89.33%;
    -ms-flex-item-align: start;
        align-self: flex-start;
    margin-left: 10.67%;
  }
  .dh_lp_wrapper .main_contents .style_block .look_row--05-07 #look07 {
    width: 89.33%;
    -ms-flex-item-align: start;
        align-self: flex-start;
    padding-top: 13.33%;
  }
  .dh_lp_wrapper .main_contents .style_block .look_row--16-17 #look16 {
    width: 80%;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .dh_lp_wrapper .main_contents .style_block .look_row--16-17 #look17 {
    width: 80%;
    -ms-flex-item-align: start;
        align-self: flex-start;
    margin-left: 20%;
    padding-top: 13.33%;
  }
  .dh_lp_wrapper .main_contents .style_block .look_wrap--col-offset {
    padding-top: 50px;
  }
  .dh_lp_wrapper .main_contents .style_block {
    /* SP：2×2レイアウト（iPhone14等で写真がはみ出さないよう幅を明示） */
  }
  .dh_lp_wrapper .main_contents .style_block .look_grid {
    width: 100%;
  }
  .dh_lp_wrapper .main_contents .style_block .look_grid .look_grid__items {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .dh_lp_wrapper .main_contents .style_block .look_grid .look_grid__items .look_grid__item {
    width: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow: hidden;
  }
  .dh_lp_wrapper .main_contents .style_block .look_grid .look_grid__items .look_grid__item .img_container {
    width: 100%;
  }
  .dh_lp_wrapper .main_contents .style_block .look_grid .look_grid__items .look_grid__item .img_container--3-4 img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .dh_lp_wrapper .main_contents .style_block .look_grid .look_grid__credits {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-top: 8%;
  }
  .dh_lp_wrapper .main_contents .style_block {
    /* look20 横長2枚：SPで335×223程度 */
  }
  .dh_lp_wrapper .main_contents .style_block #look20 .img_container--landscape {
    aspect-ratio: 335/223.44;
  }
  .dh_lp_wrapper .main_contents .style_block #look01 ul.credit-list,
  .dh_lp_wrapper .main_contents .style_block #look07 ul.credit-list,
  .dh_lp_wrapper .main_contents .style_block #look08 ul.credit-list,
  .dh_lp_wrapper .main_contents .style_block #look09 ul.credit-list,
  .dh_lp_wrapper .main_contents .style_block #look16 ul.credit-list,
  .dh_lp_wrapper .main_contents .style_block #look19 ul.credit-list,
  .dh_lp_wrapper .main_contents .style_block #look22 ul.credit-list,
  .dh_lp_wrapper .main_contents .style_block #look26 ul.credit-list,
  .dh_lp_wrapper .main_contents .style_block #look28 ul.credit-list {
    padding-left: 5.33%;
  }
}
.dh_lp_wrapper {
  /* フッター */
}
.dh_lp_wrapper .dh_lp_footer {
  margin: 150px auto;
}
.dh_lp_wrapper .dh_lp_footer img {
  width: 270px;
  margin: 0 auto;
  display: block;
}
.dh_lp_wrapper .dh_lp_footer hr {
  width: 300px;
  height: 1px;
  display: block;
  margin: 50px auto 45px;
  background-color: #000;
}
.dh_lp_wrapper .dh_lp_footer p {
  text-align: center;
  margin: 0;
  line-height: 1.4;
  color: #505050;
}
.dh_lp_wrapper .dh_lp_footer p.bold {
  font-weight: 500;
  margin-bottom: 10px;
  color: #000;
}
@media screen and (max-width: 768px) {
  .dh_lp_wrapper .dh_lp_footer img {
    width: 180px;
  }
  .dh_lp_wrapper .dh_lp_footer hr {
    width: 60%;
  }
  .dh_lp_wrapper .dh_lp_footer p {
    font-size: 15px;
    line-height: 1.7;
  }
  .dh_lp_wrapper .dh_lp_footer p.bold {
    margin-bottom: 13px;
  }
}
.dh_lp_wrapper {
  /*aタグ無効*/
}
.dh_lp_wrapper a.disabled {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  user-select: none;
  touch-callout: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -moz-touch-callout: none;
  -ms-user-select: none;
  -ms-touch-callout: none;
}
.dh_lp_wrapper a.disabled:hover, .dh_lp_wrapper a.disabled:focus, .dh_lp_wrapper a.disabled:active {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  user-select: none;
  touch-callout: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -moz-touch-callout: none;
  -ms-user-select: none;
  -ms-touch-callout: none;
}
.dh_lp_wrapper a.disabled span {
  border-bottom: none;
}/*# sourceMappingURL=style.css.map */