@charset "UTF-8";
.js-loading *,
.js-loading *:before,
.js-loading *:after {
  animation-play-state: paused !important;
}

[class*=crossFade] {
  animation-name: crossFade;
  animation-duration: 4000ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@keyframes crossFade {
  0% {
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  70% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
[data-animate=rotate] {
  animation-name: rotate;
  animation-duration: 30000ms;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: forwards;
}

[data-animate=slide-in] {
  overflow: hidden;
}
[data-animate=slide-in]::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: #fff;
  transform: translate3d(0, 0, 0);
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94), width 1500ms, transform 1500ms;
  pointer-events: none;
  transform-origin: right center;
  transform: scaleX(1) scaleY(1.01);
}
[data-animate=slide-in].is-visible::after {
  transform: scaleX(0) scaleY(1.01);
}

@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
[class*=js-fade] {
  visibility: hidden;
  opacity: 0;
  transform: translate(0, 0);
  transition: ease-in, opacity 2000ms, transform 2000ms;
}
[class*=js-fade].is-visible {
  visibility: visible;
  transform: translate(0, 0);
  opacity: 1;
}
[class*=js-textDrop] > * {
  transition: none;
  opacity: 0;
}
[class*=js-textDrop].onView > * {
  opacity: 1;
  animation: 0.5s fontAnimation linear forwards;
}
[class*=js-textDrop] .js-textDrop-text {
  display: inline-block;
  transform: translateY(110%);
}
[class*=js-textDrop] .js-textDrop-text:nth-child(1) {
  animation-delay: 0.05s;
}
[class*=js-textDrop] .js-textDrop-text:nth-child(2) {
  animation-delay: 0.1s;
}
[class*=js-textDrop] .js-textDrop-text:nth-child(3) {
  animation-delay: 0.15s;
}
[class*=js-textDrop] .js-textDrop-text:nth-child(4) {
  animation-delay: 0.2s;
}
[class*=js-textDrop] .js-textDrop-text:nth-child(5) {
  animation-delay: 0.25s;
}
[class*=js-textDrop] .js-textDrop-text:nth-child(6) {
  animation-delay: 0.3s;
}
[class*=js-textDrop] .js-textDrop-text:nth-child(7) {
  animation-delay: 0.35s;
}
[class*=js-textDrop] .js-textDrop-text:nth-child(8) {
  animation-delay: 0.4s;
}
[class*=js-textDrop] .js-textDrop-text:nth-child(9) {
  animation-delay: 0.45s;
}
[class*=js-textDrop] .js-textDrop-text:nth-child(10) {
  animation-delay: 0.5s;
}
[class*=js-textDrop] .js-textDrop-text:nth-child(11) {
  animation-delay: 0.55s;
}

.mainVisual-wrap .js-textDrop {
  display: none;
}
.mainVisual-wrap .js-textDrop.onView {
  display: block;
}

.look__number {
  overflow-y: hidden;
}

@keyframes fontAnimation {
  0% {
    transform: translateY(110%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes scrolldown {
  0% {
    transform-origin: top;
    transform: scaleY(0);
  }
  33% {
    transform-origin: top;
    transform: scaleY(1);
  }
  45% {
    transform-origin: top;
  }
  55% {
    transform-origin: bottom;
  }
  77% {
    transform-origin: bottom;
    transform: scaleY(1);
  }
  100% {
    transform-origin: bottom;
    transform: scaleY(0);
  }
}
[data-animate=line-scroll-down] {
  width: 100%;
  height: 100%;
  background-color: var(--border-color, #000);
  animation: scrolldown 1.75s ease infinite;
}

[data-src]::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}

@media screen and (max-width: 767px) {
  html .pcOnly {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  html .spOnly {
    display: none !important;
  }
}

.main-area {
  min-width: unset;
  max-width: unset;
}
@media screen and (max-width: 767px) {
  .main-area {
    max-width: none;
  }
}

#LB230519summerlook *,
#LB230519summerlook *::after,
#LB230519summerlook *::before {
  box-sizing: border-box;
}
#LB230519summerlook figure,
#LB230519summerlook figcaption,
#LB230519summerlook [class*=content],
#LB230519summerlook [class*=__wrap],
#LB230519summerlook [class*=-inner],
#LB230519summerlook [class*=__image],
#LB230519summerlook [class*=__item],
#LB230519summerlook [class*=__video],
#LB230519summerlook [class*=__caption] {
  position: relative;
  width: 100%;
}
#LB230519summerlook picture, #LB230519summerlook img, #LB230519summerlook video {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  line-height: 0;
}
#LB230519summerlook a:link:hover {
  cursor: pointer;
}
#LB230519summerlook a.no_link {
  opacity: 1;
  pointer-events: none;
  border: none;
  text-decoration: none;
}
#LB230519summerlook a.no_link span {
  font-size: 1rem;
}
@media screen and (max-width: 767px) {
  #LB230519summerlook a.no_link span {
    font-size: 1.6rem;
  }
}

@font-face {
  font-family: "SilkSerif-Reg";
  src: url("../fonts/SilkSerif-Reg.otf"), url("../fonts/SilkSerif-Regular.woff2") format("woff2"), url("../fonts/SilkSerif-Regular.woff") format("woff");
  font-weight: normal;
}
#LB230519summerlook .look__details .tag_list > * {
  font-family: neue-haas-grotesk-display, sans-serif;
  font-weight: 500;
  font-style: normal;
}

#LB230519summerlook .all-btn, #LB230519summerlook .look__number, #LB230519summerlook .hero .mainVisual-caption {
  font-family: SilkSerif-Reg, serif;
  font-weight: normal;
  font-style: normal;
}

#LB230519summerlook {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "游ゴシック Medium", sans-serif;
}

:root {
  --color-title: #ed690f;
}

#LB230519summerlook {
  /* ---------- Text Area ---------- */
}
#LB230519summerlook * {
  font: inherit;
}
#LB230519summerlook .hero .mainVisual-caption {
  color: var(--color-title);
  font-size: var(--fz-mainCaption, 7.7rem);
  line-height: 1.03;
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .hero .mainVisual-caption {
    font-size: calc(77 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .hero .mainVisual-caption {
    font-size: calc(85 * (100vw / 750));
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .hero .heading__lead--ttl {
    font-size: 1.5rem;
    line-height: 2.27;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .hero .heading__lead--ttl {
    font-size: calc(26 * (100vw / 750));
    line-height: 2;
    letter-spacing: 0.16em;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .hero .heading__lead--ttl {
    font-size: calc(15 * (100vw / 1400));
  }
}
#LB230519summerlook .content-item-text {
  text-align: center;
}
#LB230519summerlook .look__number {
  color: var(--color-title);
  font-size: var(--fz-lookNumber, 5.7rem);
  line-height: 1.17;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .look__number {
    font-size: var(--fz-lookNumber, calc(72 * (100vw / 750)));
    line-height: 1.35;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .look__number {
    font-size: calc(57 * (100vw / 1400));
  }
}
#LB230519summerlook .look__number .js-textDrop-text:nth-child(n+5),
#LB230519summerlook .look__number .number {
  font-size: 2.07em;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .look__number .js-textDrop-text:nth-child(n+5),
  #LB230519summerlook .look__number .number {
    font-size: 2.0278em;
  }
}
#LB230519summerlook .look__details {
  text-align: var(--details-align);
}
#LB230519summerlook .look__details .tag_list > * {
  font-size: 1.3rem;
  line-height: 1.62;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .look__details .tag_list > * {
    font-size: calc(24 * (100vw / 750));
    line-height: 1.71;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .look__details .tag_list > * {
    font-size: calc(13 * (100vw / 1400));
  }
}
#LB230519summerlook .all-btn {
  color: var(--color-title);
  font-size: 1.7rem;
  line-height: 1;
  letter-spacing: 0.06em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .all-btn {
    font-size: calc(35 * (100vw / 750));
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .all-btn {
    font-size: calc(17 * (100vw / 1400));
  }
}
.c-text {
  text-align: center;
}

.flexbox {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.flexbox > * {
  width: 100%;
  flex: 0 0 auto;
}

.break {
  flex-basis: 100%;
}

#LB230519summerlook .btn-wrap {
  position: relative;
  display: block;
  width: 100%;
  max-width: 42rem;
  margin: 13.8rem auto 15rem;
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .btn-wrap {
    max-width: calc(675 * (100vw / 750));
    margin: calc(160 * (100vw / 750)) auto calc(200 * (100vw / 750));
  }
}
#LB230519summerlook .btn-wrap .all-btn {
  border: 1px solid var(--color-title);
}
#LB230519summerlook .btn-wrap .all-btn a {
  display: block;
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .btn-wrap .all-btn a {
    padding-block: 1.7em 1.5em;
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .btn-wrap .all-btn a {
    padding-block: 1.6em 1.5em;
  }
}
#LB230519summerlook .btn-check {
  width: var(--btn-checkWidth, 33.8rem);
  margin-inline: auto;
  margin-block: var(--btn-marginBlock, 6rem 0);
  background-color: var(--btn-bgColor, #000);
  color: var(--btn-color, #fff);
  border-radius: var(--btn-radius, 50vh);
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .btn-check {
    --btn-checkWidth: calc( 500 * ( 100vw / 750 ));
    --btn-marginBlock: calc( 60 * ( 100vw / 750 )) 0;
  }
}
#LB230519summerlook .btn-check a {
  padding-block: var(--btn-paddingBlock, 1.4em);
  display: block;
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .btn-check a {
    --btn-paddingBlock: 1em;
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .border {
    border-top: 0.1rem solid #808080;
  }
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
  .main-inner {
    margin-inline: auto;
  }
  .bredlist.lp {
    max-width: 85.7142857143vw;
  }
  #content__archive {
    overflow: hidden;
  }
}
@media screen and (min-width: 768px) and (max-width: 1100px) and (max-width: 1400px) {
  #content__archive .archive__wrapper {
    overflow: hidden;
  }
}
@media screen and (max-width: 767px) {
  .main-area .main-inner {
    width: 100%;
  }
}
:root {
  --color-content-01: #f2f8f9;
  --color-content-02: #fcfbf2;
  --color-content-03: #fcf5f0;
}

@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook {
    overflow: hidden;
  }
}
#LB230519summerlook .bg-inner::before {
  content: "";
  width: 100%;
  height: var(--bg-height, 100%);
  background-color: var(--bg-color);
  display: block;
  position: absolute;
  top: var(--bg-top, 0);
  left: 0;
}
#LB230519summerlook .bg-01 {
  --bg-top: 15.7%;
  --bg-height: 210rem;
  --bg-color: var(--color-content-01);
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .bg-01 {
    --bg-height: calc(2100 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .bg-01 {
    --bg-top: calc(88 * (100vw / 750));
    --bg-height: calc(4549 * (100vw / 750));
  }
}
#LB230519summerlook .bg-02 {
  --bg-top: 31.7%;
  --bg-height: 176.5rem;
  --bg-color: var(--color-content-02);
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .bg-02 {
    --bg-height: calc(1765 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .bg-02 {
    --bg-top: 36.3%;
    --bg-height: calc(3635 * (100vw / 750));
  }
}
#LB230519summerlook .bg-03 {
  --bg-top: 16.3%;
  --bg-height: 202.7rem;
  --bg-color: var(--color-content-03);
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .bg-03 {
    --bg-height: calc(2027 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .bg-03 {
    --bg-top: 0;
    --bg-height: calc(4006 * (100vw / 750));
  }
}
#LB230519summerlook .hero .mainVisual-image {
  max-width: 140rem;
  margin-inline: auto;
}
#LB230519summerlook .hero .mainVisual-caption {
  width: auto;
  position: absolute;
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .hero .mainVisual-caption {
    top: 32.5%;
    left: 58.2%;
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .hero .mainVisual-caption {
    width: calc(690 * (100vw / 750));
    top: 4%;
    left: 0;
    right: 0;
    margin: auto;
  }
}
#LB230519summerlook .hero .mainVisual-caption .js-textDrop > * {
  transform: translateY(110%);
}
#LB230519summerlook .hero .mainVisual-caption > * {
  overflow-y: hidden;
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .hero .mainVisual-caption > * {
    display: inline-block;
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .hero .mainVisual-caption > *:nth-of-type(2) {
    -webkit-margin-start: 2.4em;
            margin-inline-start: 2.4em;
  }
}
#LB230519summerlook .hero .heading__lead--ttl {
  -webkit-margin-before: 6rem;
          margin-block-start: 6rem;
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .hero .heading__lead--ttl {
    -webkit-margin-before: calc(84 * (100vw / 750));
            margin-block-start: calc(84 * (100vw / 750));
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .hero .heading__lead--ttl {
    -webkit-margin-before: calc(60 * (100vw / 1400));
            margin-block-start: calc(60 * (100vw / 1400));
  }
}
#LB230519summerlook .content-list {
  position: relative;
  margin-inline: auto;
  -webkit-margin-before: 8.8rem;
          margin-block-start: 8.8rem;
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .content-list {
    -webkit-margin-before: calc(88 * (100vw / 1400));
            margin-block-start: calc(88 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .content-list {
    -webkit-margin-before: calc(78 * (100vw / 750));
            margin-block-start: calc(78 * (100vw / 750));
  }
}
#LB230519summerlook .content__block {
  width: 100%;
  position: relative;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .content__block {
    max-width: 75rem;
  }
}
#LB230519summerlook .content__block > *[class*=look] {
  display: grid;
  max-width: var(--look-witdh);
  grid-template-columns: var(--look-column-template);
  align-items: var(--look-align-items, flex-start);
  -moz-column-gap: var(--look-column-gap);
       column-gap: var(--look-column-gap);
  row-gap: var(--look-row-gap);
  margin-inline: auto;
}
#LB230519summerlook .content__block > *[class*=look] > figure {
  grid-column: var(--image-column);
  grid-row: var(--image-row);
  max-width: var(--image-width);
  margin-inline: var(--image-marginInline);
  margin-block: var(--image-marginBlock);
}
#LB230519summerlook .content__block > *[class*=look] > *:not(:first-of-type) {
  margin-block: var(--content-marginBlock);
}
#LB230519summerlook .look01 {
  --color-look: var(--color-content-01);
}
#LB230519summerlook .look02 {
  --color-look: var(--color-content-02);
}
#LB230519summerlook .look03 {
  --color-look: var(--color-content-03);
}
#LB230519summerlook .look04 {
  --color-look: var(--color-content-04);
}
#LB230519summerlook .look05 {
  --color-look: var(--color-content-05);
}
#LB230519summerlook .look__captionText {
  grid-column: var(--title-column);
  grid-row: var(--title-row);
  grid-column: var(--title-column);
  grid-row: var(--title-row);
  text-align: var(--title-align);
  margin-block: var(--title-mBlock);
  pointer-events: none;
  z-index: 1;
}
#LB230519summerlook .look__productName {
  -webkit-margin-start: var(--mleft-productName);
          margin-inline-start: var(--mleft-productName);
  -webkit-margin-end: var(--mright-productName);
          margin-inline-end: var(--mright-productName);
  -webkit-margin-before: var(--mtop-productName);
          margin-block-start: var(--mtop-productName);
  -webkit-margin-after: var(--mbottom-productName);
          margin-block-end: var(--mbottom-productName);
}
#LB230519summerlook .look__details {
  grid-column: var(--details-column);
  grid-row: var(--details-row);
}
#LB230519summerlook .look__details .tag_list {
  display: flex;
  flex-wrap: wrap;
  -webkit-margin-before: var(--mtop-price);
          margin-block-start: var(--mtop-price);
  max-width: var(--tag-width);
  -moz-column-gap: var(--tag-gap, 1em);
       column-gap: var(--tag-gap, 1em);
  justify-content: var(--tag-align, flex-start);
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .look__details .tag_list {
    --tag-align: center;
    margin-inline: auto;
    -webkit-margin-before: var(--mtop-price, calc(40 * (100vw / 750)));
            margin-block-start: var(--mtop-price, calc(40 * (100vw / 750)));
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .look01 > figure:nth-of-type(1) {
    --image-width: 57rem;
    --image-column: 1/2;
    --image-row: 1/2;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .look01 > figure:nth-of-type(1) {
    --image-width: calc(570 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .look01 > figure:nth-of-type(1) {
    max-width: calc(670 * (100vw / 750));
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .look01 > figure:nth-of-type(2) {
    --image-width: 46rem;
    --image-column: 3/4;
    --image-row: 1/3;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .look01 > figure:nth-of-type(2) {
    --image-width: calc(460 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .look01 > figure:nth-of-type(2) {
    --image-column: 1/3;
    max-width: calc(570 * (100vw / 750));
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .look02 > figure {
    --image-width: 63rem;
    --image-column: 1/2;
    --image-row: 1/2;
    --image-marginInline: auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .look02 > figure {
    --image-width: calc(630 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .look02 > figure {
    --image-marginInline: auto;
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .look03 > figure:nth-of-type(1) {
    --image-column: 1/2;
    --image-row: 1/2;
    --image-width: 76rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .look03 > figure:nth-of-type(1) {
    --image-width: calc(760 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .look03 > figure:nth-of-type(1) {
    --image-column: 1/3;
    --image-row: 1/2;
    --image-marginInline: auto;
    max-width: calc(680 * (100vw / 750));
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .look03 > figure:nth-of-type(2) {
    --image-column: 3/4;
    --image-row: 1/5;
    --image-width: 56rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .look03 > figure:nth-of-type(2) {
    --image-width: calc(560 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .look03 > figure:nth-of-type(2) {
    --image-column: 1/3;
    --image-row: 2/3;
    max-width: calc(750 * (100vw / 750));
  }
  #LB230519summerlook .look03 > figure:nth-of-type(2) .swiper-wrapper {
    -webkit-padding-start: calc(65 * (100vw / 750));
            padding-inline-start: calc(65 * (100vw / 750));
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .look04 > figure {
    --image-width: 55rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .look04 > figure {
    --image-width: calc(550 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .look04 > figure {
    --image-width: calc(570 * (100vw / 750));
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .look04 > figure:nth-of-type(1) {
    --image-column: 1/2;
    --image-row: 1/2;
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .look04 > figure:nth-of-type(1) {
    --image-row: 1/2;
    --image-column: 1/3;
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .look04 > figure:nth-of-type(2) {
    --image-column: 3/4;
    --image-row: 1/2;
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .look04 > figure:nth-of-type(2) {
    --image-row: 2/3;
    --image-column: 1/3;
    -webkit-margin-start: auto;
            margin-inline-start: auto;
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .look05 > figure:nth-of-type(1) {
    --image-width: 50rem;
    --image-column: 1/3;
    --image-row: 1/2;
    justify-self: flex-end;
    -webkit-margin-end: -6rem;
            margin-inline-end: -6rem;
    z-index: 1;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .look05 > figure:nth-of-type(1) {
    --image-width: calc(500 * (100vw / 1400));
    -webkit-margin-end: calc(-60 * (100vw / 1400));
            margin-inline-end: calc(-60 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .look05 > figure:nth-of-type(1) {
    --image-column: 1/3;
    --image-row: 1/2;
    --image-width: calc(600 * (100vw / 750));
    -webkit-margin-start: auto;
            margin-inline-start: auto;
    -webkit-margin-end: calc(60 * (100vw / 750));
            margin-inline-end: calc(60 * (100vw / 750));
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .look05 > figure:nth-of-type(2) {
    --image-width: 63rem;
    --image-column: 3/4;
    --image-row: 1/4;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .look05 > figure:nth-of-type(2) {
    --image-width: calc(630 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .look05 > figure:nth-of-type(2) {
    --image-column: 1/3;
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .look05 > figure:nth-of-type(3) {
    --image-width: 49rem;
    --image-column: 1/2;
    --image-row: 2/6;
    -webkit-margin-start: 8rem;
            margin-inline-start: 8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .look05 > figure:nth-of-type(3) {
    --image-width: calc(490 * (100vw / 1400));
    -webkit-margin-start: calc(80 * (100vw / 1400));
            margin-inline-start: calc(80 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .look05 > figure:nth-of-type(3) {
    --image-column: 1/3;
    --image-width: calc(500 * (100vw / 750));
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .look06 > figure {
    --image-width: 60rem;
    --image-column: 2/3;
    --image-row: 1/4;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .look06 > figure {
    --image-width: calc(600 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .look06 > figure {
    --image-row: 1/2;
    --image-column: 1/3;
    --image-width: calc(750 * (100vw / 750));
  }
  #LB230519summerlook .look06 > figure .swiper-wrapper {
    -webkit-padding-start: calc(45 * (100vw / 750));
            padding-inline-start: calc(45 * (100vw / 750));
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .look07 > figure:nth-of-type(1) {
    --image-width: 63rem;
    --image-column: 2/4;
    --image-row: 1/2;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .look07 > figure:nth-of-type(1) {
    --image-width: calc(630 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .look07 > figure:nth-of-type(1) {
    --image-column: 1/3;
    --image-row: 1/2;
    --image-width: calc(750 * (100vw / 750));
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .look07 > figure:nth-of-type(2) {
    --image-width: 55rem;
    --image-column: 3/5;
    --image-row: 1/2;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .look07 > figure:nth-of-type(2) {
    --image-width: calc(550 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .look07 > figure:nth-of-type(2) {
    --image-column: 1/3;
    --image-row: 2/3;
    --image-width: calc(580 * (100vw / 750));
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .look08 > figure:nth-of-type(1) {
    --image-width: 52rem;
    --image-column: 3/4;
    --image-row: 1/2;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .look08 > figure:nth-of-type(1) {
    --image-width: calc(520 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .look08 > figure:nth-of-type(1) {
    --image-column: 1/3;
    --image-width: calc(670 * (100vw / 750));
    margin-inline: auto;
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .look08 > figure:nth-of-type(2) {
    --image-width: 59rem;
    --image-column: 1/2;
    --image-row: 1/5;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .look08 > figure:nth-of-type(2) {
    --image-width: calc(590 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .look08 > figure:nth-of-type(2) {
    --image-column: 1/3;
    --image-width: calc(670 * (100vw / 750));
    margin-inline: auto;
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .look09 > figure {
    --image-width: 65rem;
    --image-column: 1/2;
    --image-row: 1/2;
    --image-marginInline: auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .look09 > figure {
    --image-width: calc(650 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .look09 > figure {
    --image-column: 1/3;
    --image-row: 1/2;
    --image-marginInline: auto;
    max-width: calc(750 * (100vw / 750));
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .look10 > figure:nth-of-type(1) {
    --image-width: 55rem;
    --image-column: 1/2;
    --image-row: 1/2;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .look10 > figure:nth-of-type(1) {
    --image-width: calc(550 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .look10 > figure:nth-of-type(1) {
    --image-width: calc(750 * (100vw / 750));
  }
  #LB230519summerlook .look10 > figure:nth-of-type(1) .swiper-wrapper {
    -webkit-padding-start: calc(50 * (100vw / 750));
            padding-inline-start: calc(50 * (100vw / 750));
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .look10 > figure:nth-of-type(2) {
    --image-width: 45rem;
    --image-column: 3/4;
    --image-row: 1/4;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .look10 > figure:nth-of-type(2) {
    --image-width: calc(450 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .look10 > figure:nth-of-type(2) {
    --image-column: 1/3;
    --image-row: 5/6;
    --image-width: calc(500 * (100vw / 750));
    -webkit-margin-start: auto;
            margin-inline-start: auto;
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .look11 > figure {
    --image-width: 63rem;
    --image-column: 1/2;
    --image-row: 1/2;
    --image-marginInline: 9.6rem 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .look11 > figure {
    --image-width: calc(630 * (100vw / 1400));
    --image-marginInline: calc(96 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .look11 > figure {
    --image-column: 1/2;
    --image-row: 1/2;
    --image-width: calc(690 * (100vw / 750));
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .look12 > figure:nth-of-type(1) {
    --image-width: 76rem;
    --image-column: 1/3;
    --image-row: 1/3;
    z-index: 1;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .look12 > figure:nth-of-type(1) {
    --image-width: calc(760 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .look12 > figure:nth-of-type(1) {
    --image-row: 1/3;
    --image-column: 1/3;
    --image-marginInline: auto;
    max-width: calc(750 * (100vw / 750));
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .look12 > figure:nth-of-type(2) {
    --image-width: 55rem;
    --image-column: 2/4;
    --image-row: 1/5;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .look12 > figure:nth-of-type(2) {
    --image-width: calc(550 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .look12 > figure:nth-of-type(2) {
    --image-row: 3/4;
    --image-column: 1/3;
    --image-marginInline: auto;
    max-width: calc(600 * (100vw / 750));
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .look13 > figure {
    --image-width: 62rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .look13 > figure {
    --image-width: calc(620 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .look13 > figure {
    --image-width: calc(670 * (100vw / 750));
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .look13 > figure:nth-of-type(1) {
    --image-column: 1/2;
    --image-row: 1/2;
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .look13 > figure:nth-of-type(1) {
    --image-column: 1/3;
    --image-row: 1/2;
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .look13 > figure:nth-of-type(2) {
    --image-column: 3/4;
    --image-row: 1/2;
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .look13 > figure:nth-of-type(2) {
    --image-column: 1/3;
    --image-row: 2/3;
    -webkit-margin-start: auto;
            margin-inline-start: auto;
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .look14 > figure:nth-of-type(1) {
    --image-width: 58rem;
    --image-column: 1/2;
    --image-row: 1/2;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .look14 > figure:nth-of-type(1) {
    max-width: calc(580 * (100vw / 1400));
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .look14 > figure:nth-of-type(2) {
    --image-width: 47rem;
    --image-column: 3/4;
    --image-row: 1/4;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .look14 > figure:nth-of-type(2) {
    --image-width: calc(470 * (100vw / 750));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .look14 > figure:nth-of-type(2) {
    --image-column: 1/3;
    --image-row: 4/5;
    --image-width: calc(540 * (100vw / 750));
    margin-inline: auto;
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .contents .look01 {
    --look-column-template: 57rem 4rem 46rem;
    --look-witdh: 107rem;
    --details-row: 2/3;
    --details-column: 1/2;
    --mtop-price: 1rem;
    --title-row: 1/2;
    --title-column: 3/4;
    --title-align: right;
    --title-mBlock: 9.1rem 0;
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look01 {
    --title-row: 1/2;
    --title-column: 1/3;
    --details-row: 3/4;
    --details-column: 1/3;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .contents .look01 {
    --look-column-template: calc(570 * (100vw / 1400)) calc(40 * (100vw / 1400)) calc(460 * (100vw / 1400));
    --look-witdh: calc(1070 * (100vw / 1400));
    --mtop-price: calc(10 * (100vw / 1400));
    --title-mBlock: calc(91 * (100vw / 1400)) 0;
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .contents .look01 figure[class*=img] {
    --content-marginBlock: 23rem 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .contents .look01 figure[class*=img] {
    --content-marginBlock: calc(230 * (100vw / 1400)) 0;
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look01 figure[class*=img]:nth-of-type(1) {
    --image-row: 1/2;
    --image-column: 1/3;
    --image-marginBlock: calc(92 * (100vw / 750)) 0;
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look01 figure[class*=img]:nth-of-type(2) {
    --content-marginBlock: calc(50 * (100vw / 750)) 0;
    -webkit-margin-start: auto;
            margin-inline-start: auto;
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look01 .look__captionText {
    width: auto;
    margin-inline: auto calc(24 * (100vw / 750));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look01 .look__details {
    align-self: flex-end;
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look01 .look__details .tag_list {
    --tag-align: flex-start;
    --tag-width: calc(570 * (100vw / 750));
    margin-inline: auto 0;
    -webkit-margin-before: calc(40 * (100vw / 750));
            margin-block-start: calc(40 * (100vw / 750));
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .contents .look02 {
    --look-witdh: 67rem;
    --details-row: 1/2;
    --details-column: 1/2;
    --tag-width: 17rem;
    --tag-align: flex-end;
    --title-row: 1/2;
    --title-column: 1/2;
    --title-align: right;
    --title-mBlock: 3.2rem 0;
    -webkit-margin-before: 10rem;
            margin-block-start: 10rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .contents .look02 {
    --look-witdh: calc(670 * (100vw / 1400));
    --tag-width: calc(170 * (100vw / 1400));
    --title-mBlock: calc(32 * (100vw / 1400)) 0;
    -webkit-margin-before: calc(100 * (100vw / 1400));
            margin-block-start: calc(100 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look02 {
    --title-row: 1/2;
    --title-column: 1/3;
    --title-align: center;
    --details-column: 1/3;
    --tag-width: calc(500 * (100vw / 750));
    --mtop-price: calc(40 * (100vw / 750));
    -webkit-margin-before: calc(90 * (100vw / 750));
            margin-block-start: calc(90 * (100vw / 750));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look02 figure[class*=img]:nth-of-type(1) {
    --image-row: 1/2;
    --image-column: 1/3;
    -webkit-margin-before: calc(85 * (100vw / 750));
            margin-block-start: calc(85 * (100vw / 750));
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .contents .look02 .look__captionText {
    margin-inline: auto -1rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .contents .look02 .look__captionText {
    margin-inline: auto calc(-10 * (100vw / 1400));
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .contents .look02 .look__details {
    align-self: flex-end;
    margin-block: 1.6rem;
    margin-inline: auto 4rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .contents .look02 .look__details {
    -webkit-margin-after: calc(16 * (100vw / 1400));
            margin-block-end: calc(16 * (100vw / 1400));
    -webkit-margin-end: calc(40 * (100vw / 1400));
            margin-inline-end: calc(40 * (100vw / 1400));
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .contents .look03 {
    --look-witdh: 140rem;
    --look-column-template: 76rem 8rem 56rem;
    --tag-align: flex-end;
    --tag-width: 15rem;
    --details-column: 1/3;
    --details-row: 4/5;
    --title-column: 1/3;
    --title-row: 3/4;
    -webkit-margin-before: 10rem;
            margin-block-start: 10rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .contents .look03 {
    --look-witdh: calc(1400 * (100vw / 1400));
    --look-column-template: calc(760 * (100vw / 1400)) calc(80 * (100vw / 1400)) calc(560 * (100vw / 1400));
    --tag-width: calc(150 * (100vw / 1400));
    -webkit-margin-before: calc(100 * (100vw / 1400));
            margin-block-start: calc(100 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look03 {
    --title-row: 3/4;
    --title-column: 1/3;
    --details-row: 3/4;
    --details-column: 1/3;
    --tag-width: calc(500 * (100vw / 750));
    -webkit-margin-before: calc(74 * (100vw / 750));
            margin-block-start: calc(74 * (100vw / 750));
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .contents .look03 figure[class*=img]:nth-of-type(2) {
    --content-marginBlock: 18rem 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .contents .look03 figure[class*=img]:nth-of-type(2) {
    --content-marginBlock: calc(180 * (100vw / 1400)) 0;
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look03 figure[class*=img]:nth-of-type(2) {
    --content-marginBlock: calc(100 * (100vw / 750)) 0;
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .contents .look03 .look__captionText {
    width: auto;
    justify-self: flex-end;
    align-self: flex-end;
    -webkit-margin-end: 3rem;
            margin-inline-end: 3rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .contents .look03 .look__captionText {
    -webkit-margin-end: calc(30 * (100vw / 1400));
            margin-inline-end: calc(30 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look03 .look__captionText {
    z-index: 3;
    text-align: center;
    -webkit-margin-before: calc(-32 * (100vw / 750));
            margin-block-start: calc(-32 * (100vw / 750));
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .contents .look03 .look__details {
    width: auto;
    justify-self: flex-end;
    align-self: flex-end;
    -webkit-margin-end: 3rem;
            margin-inline-end: 3rem;
    -webkit-margin-before: 1.6rem;
            margin-block-start: 1.6rem;
    -webkit-margin-after: -0.3rem;
            margin-block-end: -0.3rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .contents .look03 .look__details {
    -webkit-margin-end: calc(30 * (100vw / 1400));
            margin-inline-end: calc(30 * (100vw / 1400));
    -webkit-margin-before: calc(16 * (100vw / 1400));
            margin-block-start: calc(16 * (100vw / 1400));
    -webkit-margin-after: -3px;
            margin-block-end: -3px;
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look03 .look__details .tag_list {
    -webkit-margin-before: calc(120 * (100vw / 750));
            margin-block-start: calc(120 * (100vw / 750));
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .contents .look04 {
    --look-witdh: 114rem;
    --look-column-template: 55rem 4rem 55rem;
    --title-row: 1/2;
    --title-column: 1/2;
    --title-mBlock: 2.2rem 0;
    --details-column: 1/2;
    --mtop-price: 2.6rem;
    -webkit-margin-before: 10rem;
            margin-block-start: 10rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .contents .look04 {
    --look-witdh: calc(1140 * (100vw / 1400));
    --look-column-template: calc(550 * (100vw / 1400)) calc(40 * (100vw / 1400)) calc(550 * (100vw / 1400));
    --title-mBlock: calc(22 * (100vw / 1400)) 0;
    --mtop-price: calc(26 * (100vw / 1400));
    -webkit-margin-before: calc(100 * (100vw / 1400));
            margin-block-start: calc(100 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look04 {
    --look-column-template: 1fr;
    --title-row: 1/2;
    --title-column: 2/3;
    --details-column: 1/2;
    --details-row: 2/3;
    --tag-width: calc(250 * (100vw / 750));
    -webkit-margin-before: calc(90 * (100vw / 750));
            margin-block-start: calc(90 * (100vw / 750));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look04 figure[class*=img]:nth-of-type(1) {
    z-index: 3;
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look04 figure[class*=img]:nth-of-type(2) {
    --content-marginBlock: calc(50 * (100vw / 750)) 0;
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .contents .look04 .look__captionText {
    -webkit-margin-start: 2rem;
            margin-inline-start: 2rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .contents .look04 .look__captionText {
    -webkit-margin-start: 1.4285714286vw;
            margin-inline-start: 1.4285714286vw;
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look04 .look__captionText {
    rotate: 90deg;
    overflow: visible;
    align-self: flex-end;
    -webkit-margin-after: calc(40 * (100vw / 750));
            margin-block-end: calc(40 * (100vw / 750));
    -webkit-margin-start: calc(82 * (100vw / 750));
            margin-inline-start: calc(82 * (100vw / 750));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look04 .look__details {
    align-self: flex-end;
    pointer-events: none;
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look04 .look__details .tag_list {
    --tag-align: flex-start;
    -webkit-margin-after: calc(22 * (100vw / 750));
            margin-block-end: calc(22 * (100vw / 750));
    -webkit-margin-start: calc(30 * (100vw / 750));
            margin-inline-start: calc(30 * (100vw / 750));
  }
  #LB230519summerlook .contents .look04 .look__details .tag_list a {
    pointer-events: all;
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .contents .look05 {
    --look-column-template: 1fr 20rem 63rem;
    --look-witdh: 140rem;
    --details-column: 3/4;
    --details-row: 4/5;
    --title-column: 3/4;
    --title-row: 1/2;
    --title-mBlock: 14.4rem 0;
    --tag-align: flex-end;
    --tag-width: 35rem;
    --mtop-price: 2.6rem;
    -webkit-margin-before: 9.6rem;
            margin-block-start: 9.6rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .contents .look05 {
    --look-column-template: 1fr calc(200 * (100vw / 1400)) calc(630 * (100vw / 1400));
    --look-witdh: calc(1400 * (100vw / 1400));
    --title-mBlock: calc(144 * (100vw / 1400)) 0;
    --tag-width: calc(350 * (100vw / 1400));
    --mtop-price: calc(26 * (100vw / 1400));
    -webkit-margin-before: calc(96 * (100vw / 1400));
            margin-block-start: calc(96 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look05 {
    --look-column-template: 1fr;
    --details-column: 1/3;
    --details-row: 3/4;
    --title-row: 1/2;
    --title-column: 1/2;
    --tag-width: calc(500 * (100vw / 750));
    --mtop-price: calc(45 * (100vw / 750));
    -webkit-margin-before: calc(100 * (100vw / 750));
            margin-block-start: calc(100 * (100vw / 750));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look05 figure[class*=img]:nth-of-type(1) {
    z-index: 1;
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .contents .look05 figure[class*=img]:nth-of-type(2) {
    --content-marginBlock: 22rem 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .contents .look05 figure[class*=img]:nth-of-type(2) {
    --content-marginBlock: calc(220 * (100vw / 1400)) 0;
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look05 figure[class*=img]:nth-of-type(2) {
    --content-marginBlock: calc(-100 * (100vw / 750)) 0;
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .contents .look05 figure[class*=img]:nth-of-type(3) {
    --content-marginBlock: 10rem 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .contents .look05 figure[class*=img]:nth-of-type(3) {
    --content-marginBlock: calc(100 * (100vw / 1400)) 0;
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look05 figure[class*=img]:nth-of-type(3) {
    --content-marginBlock: calc(70 * (100vw / 750)) 0;
    margin-inline: auto;
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .contents .look05 .look__captionText {
    -webkit-margin-end: 2rem;
            margin-inline-end: 2rem;
    width: auto;
    justify-self: flex-end;
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look05 .look__captionText {
    -webkit-margin-start: calc(20 * (100vw / 750));
            margin-inline-start: calc(20 * (100vw / 750));
    -webkit-margin-before: calc(60 * (100vw / 750));
            margin-block-start: calc(60 * (100vw / 750));
    z-index: 2;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .contents .look05 .look__captionText {
    -webkit-margin-end: calc(20 * (100vw / 1400));
            margin-inline-end: calc(20 * (100vw / 1400));
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .contents .look05 .look__details .tag_list {
    margin-inline: auto 2rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .contents .look05 .look__details .tag_list {
    --content-marginBlock: auto calc(20 * (100vw / 1400));
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .contents .look06 {
    --look-witdh: 118rem;
    --look-column-template: 1fr 60rem;
    --tag-align: flex-end;
    --tag-width: 20rem;
    --details-column: 1/2;
    --details-row: 3/4;
    --title-column: 1/2;
    --title-row: 2/3;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .contents .look06 {
    --look-witdh: calc(1180 * (100vw / 1400));
    --look-column-template: 1fr calc(600 * (100vw / 1400));
    --tag-width: calc(200 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look06 {
    --title-row: 1/2;
    --title-column: 1/3;
    --details-row: 2/3;
    --details-column: 1/3;
    --tag-width: calc(550 * (100vw / 750));
    -webkit-margin-before: calc(104 * (100vw / 750));
            margin-block-start: calc(104 * (100vw / 750));
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .contents .look06 figure[class*=img]:nth-of-type(1) {
    --image-marginBlock: -22.5rem 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .contents .look06 figure[class*=img]:nth-of-type(1) {
    --image-marginBlock: calc(-225 * (100vw / 1400)) 0;
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look06 figure[class*=img]:nth-of-type(1) {
    --image-marginBlock: calc(96 * (100vw / 750)) 0;
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .contents .look06 .look__captionText {
    width: auto;
    justify-self: flex-end;
    align-self: flex-end;
    -webkit-margin-end: 3rem;
            margin-inline-end: 3rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .contents .look06 .look__captionText {
    -webkit-margin-end: calc(30 * (100vw / 1400));
            margin-inline-end: calc(30 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look06 .look__captionText {
    --title-align: center;
    z-index: 3;
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .contents .look06 .look__details {
    width: auto;
    justify-self: flex-end;
    align-self: flex-end;
    -webkit-margin-end: 3rem;
            margin-inline-end: 3rem;
    -webkit-margin-before: 1.6rem;
            margin-block-start: 1.6rem;
    -webkit-margin-after: -0.3rem;
            margin-block-end: -0.3rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .contents .look06 .look__details {
    -webkit-margin-end: calc(30 * (100vw / 1400));
            margin-inline-end: calc(30 * (100vw / 1400));
    -webkit-margin-before: calc(16 * (100vw / 1400));
            margin-block-start: calc(16 * (100vw / 1400));
    -webkit-margin-after: -3px;
            margin-block-end: -3px;
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .contents .look07 {
    --look-column-template: 6.2rem 56rem 7rem 48rem;
    --look-witdh: 123.5rem;
    --details-column: 2/4;
    --details-row: 4/5;
    --title-column: 1/3;
    --title-row: 1/2;
    --title-mBlock: 7.3rem 0;
    --mtop-price: 2.6rem;
    -webkit-margin-before: 10rem;
            margin-block-start: 10rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .contents .look07 {
    --look-column-template: calc(62 * (100vw / 1400)) calc(560 * (100vw / 1400)) calc(70 * (100vw / 1400)) calc(480 * (100vw / 1400));
    --look-witdh: calc(1235 * (100vw / 1400));
    --title-mBlock: calc(73 * (100vw / 1400)) 0;
    --mtop-price: calc(26 * (100vw / 1400));
    -webkit-margin-before: calc(100 * (100vw / 1400));
            margin-block-start: calc(100 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look07 {
    --look-column-template: 1fr;
    --title-row: 1/2;
    --title-column: 1/2;
    --details-column: 1/2;
    --details-row: 2/3;
    --tag-width: calc(250 * (100vw / 750));
    -webkit-margin-before: calc(94 * (100vw / 750));
            margin-block-start: calc(94 * (100vw / 750));
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .contents .look07 figure[class*=img]:nth-of-type(2) {
    --content-marginBlock: 6rem 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .contents .look07 figure[class*=img]:nth-of-type(2) {
    --content-marginBlock: calc(60 * (100vw / 1400)) 0;
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look07 figure[class*=img]:nth-of-type(2) {
    --content-marginBlock: calc(48 * (100vw / 750)) 0;
    -webkit-margin-start: auto;
            margin-inline-start: auto;
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look07 .look__captionText {
    z-index: 1;
    -webkit-margin-before: calc(40 * (100vw / 750));
            margin-block-start: calc(40 * (100vw / 750));
    -webkit-margin-start: calc(18 * (100vw / 750));
            margin-inline-start: calc(18 * (100vw / 750));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look07 .look__details {
    align-self: flex-end;
    pointer-events: none;
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .contents .look07 .look__details .tag_list {
    margin-inline: auto 2rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .contents .look07 .look__details .tag_list {
    --content-marginBlock: auto calc(20 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look07 .look__details .tag_list {
    --tag-align: flex-start;
    -webkit-margin-after: calc(22 * (100vw / 750));
            margin-block-end: calc(22 * (100vw / 750));
    -webkit-margin-start: calc(30 * (100vw / 750));
            margin-inline-start: calc(30 * (100vw / 750));
  }
  #LB230519summerlook .contents .look07 .look__details .tag_list a {
    pointer-events: all;
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .contents .look08 {
    --look-witdh: 121rem;
    --look-column-template: 59rem 10rem 52rem;
    --tag-align: flex-end;
    --tag-width: 25rem;
    --details-column: 3/4;
    --details-row: 3/4;
    --title-column: 3/4;
    --title-row: 2/3;
    -webkit-margin-before: 10rem;
            margin-block-start: 10rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .contents .look08 {
    --look-witdh: calc(1210 * (100vw / 1400));
    --look-column-template: calc(590 * (100vw / 1400)) calc(100 * (100vw / 1400)) calc(520 * (100vw / 1400));
    --tag-width: calc(250 * (100vw / 1400));
    -webkit-margin-before: calc(100 * (100vw / 1400));
            margin-block-start: calc(100 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look08 {
    --look-column-template: 1fr;
    --title-column: 1/3;
    --title-row: 3/4;
    --title-align: right;
    --details-column: 1/3;
    --details-row: 4/5;
    --tag-width: calc(610 * (100vw / 750));
    -webkit-margin-before: calc(100 * (100vw / 750));
            margin-block-start: calc(100 * (100vw / 750));
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .contents .look08 figure[class*=img]:nth-of-type(2) {
    --content-marginBlock: 14rem 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .contents .look08 figure[class*=img]:nth-of-type(2) {
    --content-marginBlock: calc(140 * (100vw / 1400)) 0;
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look08 figure[class*=img]:nth-of-type(2) {
    --content-marginBlock: calc(40 * (100vw / 750)) 0;
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .contents .look08 .look__captionText {
    width: auto;
    justify-self: flex-end;
    -webkit-margin-before: -2.1rem;
            margin-block-start: -2.1rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .contents .look08 .look__captionText {
    -webkit-margin-start: calc(-21 * (100vw / 1400));
            margin-inline-start: calc(-21 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look08 .look__captionText {
    --title-mBlock: calc(-15 * (100vw / 750)) 0;
    width: auto;
    -webkit-margin-end: calc(70 * (100vw / 750));
            margin-inline-end: calc(70 * (100vw / 750));
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .contents .look08 .look__details {
    width: auto;
    justify-self: flex-end;
    align-self: flex-end;
    -webkit-margin-before: -0.2rem;
            margin-block-start: -0.2rem;
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look08 .look__details {
    align-self: flex-end;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .contents .look08 .look__details {
    -webkit-margin-before: calc(-2 * (100vw / 1400));
            margin-block-start: calc(-2 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look08 .look__details .tag_list {
    --tag-align: flex-end;
    -webkit-margin-before: calc(5 * (100vw / 750));
            margin-block-start: calc(5 * (100vw / 750));
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .contents .look09 {
    --look-witdh: 85rem;
    --details-row: 1/2;
    --details-column: 1/2;
    --tag-width: 20rem;
    --tag-align: flex-end;
    --title-row: 1/2;
    --title-column: 1/2;
    --title-align: right;
    --title-mBlock: 3.2rem 0;
    -webkit-margin-before: 10rem;
            margin-block-start: 10rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .contents .look09 {
    --look-witdh: calc(850 * (100vw / 1400));
    --tag-width: calc(200 * (100vw / 1400));
    --title-mBlock: calc(32 * (100vw / 1400)) 0;
    -webkit-margin-before: calc(100 * (100vw / 1400));
            margin-block-start: calc(100 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look09 {
    --look-column-template: 1fr;
    --title-row: 1/2;
    --title-column: 1/2;
    --details-column: 1/2;
    --details-row: 2/3;
    --tag-width: calc(500 * (100vw / 750));
    -webkit-margin-before: calc(94 * (100vw / 750));
            margin-block-start: calc(94 * (100vw / 750));
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .contents .look09 .look__captionText {
    margin-block: 8.2rem 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .contents .look09 .look__captionText {
    -webkit-margin-before: 5.8571428571vw;
            margin-block-start: 5.8571428571vw;
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look09 .look__captionText {
    --title-mBlock: calc(55 * (100vw / 750)) 0;
    -webkit-margin-start: calc(10 * (100vw / 750));
            margin-inline-start: calc(10 * (100vw / 750));
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .contents .look09 .look__details {
    align-self: flex-end;
    margin-block: 1.6rem;
    margin-inline: auto 12rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .contents .look09 .look__details {
    -webkit-margin-after: calc(16 * (100vw / 1400));
            margin-block-end: calc(16 * (100vw / 1400));
    -webkit-margin-end: calc(120 * (100vw / 1400));
            margin-inline-end: calc(120 * (100vw / 1400));
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .contents .look10 {
    --look-column-template: 55rem 19rem 45rem;
    --look-witdh: 124rem;
    --details-column: 1/2;
    --details-row: 2/3;
    --title-column: 1/3;
    --title-row: 1/2;
    --title-mBlock: 4.2rem 0;
    --mtop-price: 2.6rem;
    -webkit-margin-before: 10rem;
            margin-block-start: 10rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .contents .look10 {
    --look-column-template: calc(550 * (100vw / 1400)) calc(190 * (100vw / 1400)) calc(450 * (100vw / 1400));
    --look-witdh: calc(1240 * (100vw / 1400));
    --title-mBlock: calc(42 * (100vw / 1400)) 0;
    --mtop-price: calc(26 * (100vw / 1400));
    -webkit-margin-before: calc(100 * (100vw / 1400));
            margin-block-start: calc(100 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look10 {
    --title-row: 3/4;
    --title-column: 1/3;
    --title-align: center;
    --details-row: 4/5;
    --details-column: 1/3;
    --tag-width: calc(550 * (100vw / 750));
    --title-mBlock: calc(-28 * (100vw / 750));
    -webkit-margin-before: calc(95 * (100vw / 750));
            margin-block-start: calc(95 * (100vw / 750));
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .contents .look10 figure[class*=img]:nth-of-type(2) {
    --content-marginBlock: 37rem 0;
    z-index: 1;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .contents .look10 figure[class*=img]:nth-of-type(2) {
    --content-marginBlock: calc(370 * (100vw / 1400)) 0;
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look10 figure[class*=img]:nth-of-type(2) {
    --content-marginBlock: calc(95 * (100vw / 750)) 0;
    z-index: 1;
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .contents .look10 .look__captionText {
    z-index: 3;
    width: auto;
    justify-self: flex-end;
    -webkit-margin-end: 4.6rem;
            margin-inline-end: 4.6rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .contents .look10 .look__captionText {
    -webkit-margin-end: calc(46 * (100vw / 1400));
            margin-inline-end: calc(46 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look10 .look__captionText {
    z-index: 3;
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .contents .look10 .look__details .tag_list {
    margin-inline: auto 2rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .contents .look10 .look__details .tag_list {
    --content-marginBlock: auto calc(20 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look10 .look__details .tag_list {
    --mtop-price: calc(34 * (100vw / 750));
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .contents .look11 {
    --look-witdh: 82rem;
    --details-row: 1/2;
    --details-column: 1/2;
    --tag-width: 15rem;
    --title-row: 1/2;
    --title-column: 1/2;
    --title-mBlock: 6.2rem 0;
    -webkit-margin-before: -7.5rem;
            margin-block-start: -7.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .contents .look11 {
    --look-witdh: calc(820 * (100vw / 1400));
    --tag-width: calc(150 * (100vw / 1400));
    --title-mBlock: calc(62 * (100vw / 1400)) 0;
    -webkit-margin-before: calc(-75 * (100vw / 1400));
            margin-block-start: calc(-75 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look11 {
    --look-column-template: 1fr;
    --title-row: 1/2;
    --title-column: 1/2;
    --details-column: 1/2;
    --details-row: 1/2;
    --tag-width: calc(250 * (100vw / 750));
    -webkit-margin-before: calc(-70 * (100vw / 750));
            margin-block-start: calc(-70 * (100vw / 750));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look11 .look__captionText {
    z-index: 3;
    rotate: 90deg;
    overflow: visible;
    -webkit-margin-before: calc(50 * (100vw / 750));
            margin-block-start: calc(50 * (100vw / 750));
    -webkit-margin-start: calc(-312 * (100vw / 750));
            margin-inline-start: calc(-312 * (100vw / 750));
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .contents .look11 .look__details {
    align-self: flex-end;
    margin-block: 1.6rem;
    -webkit-margin-start: 11.5rem;
            margin-inline-start: 11.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .contents .look11 .look__details {
    -webkit-margin-after: calc(16 * (100vw / 1400));
            margin-block-end: calc(16 * (100vw / 1400));
    -webkit-margin-start: calc(115 * (100vw / 1400));
            margin-inline-start: calc(115 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look11 .look__details {
    align-self: flex-end;
    pointer-events: none;
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look11 .look__details .tag_list {
    --tag-align: flex-end;
    -webkit-margin-after: calc(22 * (100vw / 750));
            margin-block-end: calc(22 * (100vw / 750));
    -webkit-margin-end: calc(30 * (100vw / 750));
            margin-inline-end: calc(30 * (100vw / 750));
  }
  #LB230519summerlook .contents .look11 .look__details .tag_list a {
    pointer-events: all;
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .contents .look12 {
    --look-witdh: 124rem;
    --look-column-template: 69rem 7rem 48rem;
    --tag-width: 30rem;
    --details-column: 1/2;
    --details-row: 3/4;
    --title-mBlock: 8.4rem 0;
    --title-column: 3/4;
    --title-row: 1/2;
    -webkit-margin-before: 10rem;
            margin-block-start: 10rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .contents .look12 {
    --look-witdh: calc(1240 * (100vw / 1400));
    --look-column-template: calc(690 * (100vw / 1400)) calc(70 * (100vw / 1400)) calc(480 * (100vw / 1400));
    --tag-width: calc(300 * (100vw / 1400));
    --title-mBlock: calc(84 * (100vw / 1400)) 0;
    -webkit-margin-before: calc(100 * (100vw / 1400));
            margin-block-start: calc(100 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look12 {
    --title-row: 1/2;
    --title-column: 1/3;
    --details-column: 1/3;
    --tag-width: calc(500 * (100vw / 750));
    --mtop-price: calc(40 * (100vw / 750));
    -webkit-margin-before: calc(98 * (100vw / 750));
            margin-block-start: calc(98 * (100vw / 750));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look12 figure[class*=img]:nth-of-type(1) {
    --image-marginBlock: calc(75 * (100vw / 750)) 0;
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .contents .look12 figure[class*=img]:nth-of-type(2) {
    --content-marginBlock: 16rem 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .contents .look12 figure[class*=img]:nth-of-type(2) {
    --content-marginBlock: calc(160 * (100vw / 1400)) 0;
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look12 figure[class*=img]:nth-of-type(2) {
    --content-marginBlock: calc(70 * (100vw / 750)) 0;
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .contents .look12 .look__captionText {
    width: auto;
    align-self: flex-start;
    justify-self: flex-end;
    -webkit-margin-end: 2rem;
            margin-inline-end: 2rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .contents .look12 .look__captionText {
    -webkit-margin-end: calc(20 * (100vw / 1400));
            margin-inline-end: calc(20 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look12 .look__captionText {
    width: auto;
    justify-self: flex-end;
    -webkit-margin-end: calc(10 * (100vw / 750));
            margin-inline-end: calc(10 * (100vw / 750));
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .contents .look12 .look__details {
    align-self: flex-end;
    -webkit-margin-before: 2.6rem;
            margin-block-start: 2.6rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .contents .look12 .look__details {
    -webkit-margin-before: calc(26 * (100vw / 1400));
            margin-block-start: calc(26 * (100vw / 1400));
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .contents .look13 {
    --look-witdh: 124rem;
    --title-row: 1/2;
    --title-column: 1/2;
    --title-mBlock: -13.8rem 0;
    --details-column: 1/2;
    --mtop-price: 2.6rem;
    -webkit-margin-before: 10rem;
            margin-block-start: 10rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .contents .look13 {
    --look-witdh: calc(1240 * (100vw / 1400));
    --title-mBlock: calc(-138 * (100vw / 1400)) 0;
    --mtop-price: calc(26 * (100vw / 1400));
    -webkit-margin-before: calc(100 * (100vw / 1400));
            margin-block-start: calc(100 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look13 {
    --look-column-template: 1fr;
    --details-column: 1/3;
    --details-row: 3/4;
    --title-row: 2/3;
    --title-column: 1/2;
    --tag-width: calc(600 * (100vw / 750));
    --mtop-price: calc(40 * (100vw / 750));
    -webkit-margin-before: calc(100 * (100vw / 750));
            margin-block-start: calc(100 * (100vw / 750));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look13 figure[class*=img]:nth-of-type(2) {
    --content-marginBlock: calc(58 * (100vw / 750)) 0;
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look13 .look__captionText {
    -webkit-margin-start: calc(20 * (100vw / 750));
            margin-inline-start: calc(20 * (100vw / 750));
    -webkit-margin-before: calc(96 * (100vw / 750));
            margin-block-start: calc(96 * (100vw / 750));
    z-index: 2;
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .contents .look14 {
    --look-witdh: 113rem;
    --look-column-template: 58rem 8rem 47rem;
    --details-column: 1/2;
    --details-row: 2/3;
    --title-mBlock: 10.2rem 0;
    --title-column: 3/4;
    --title-row: 1/2;
    -webkit-margin-before: 9.6rem;
            margin-block-start: 9.6rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .contents .look14 {
    --look-witdh: calc(1130 * (100vw / 1400));
    --look-column-template: calc(580 * (100vw / 1400)) calc(80 * (100vw / 1400)) calc(470 * (100vw / 1400));
    --title-mBlock: calc(102 * (100vw / 1400)) 0;
    -webkit-margin-before: calc(96 * (100vw / 1400));
            margin-block-start: calc(96 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look14 {
    --look-column-template: 1fr;
    --details-column: 1/3;
    --details-row: 2/3;
    --title-row: 2/3;
    --title-column: 1/2;
    --title-align: right;
    --tag-width: calc(690 * (100vw / 750));
    --mtop-price: calc(125 * (100vw / 750));
    -webkit-margin-before: calc(94 * (100vw / 750));
            margin-block-start: calc(94 * (100vw / 750));
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .contents .look14 figure[class*=img]:nth-of-type(2) {
    --content-marginBlock: 24rem 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .contents .look14 figure[class*=img]:nth-of-type(2) {
    --content-marginBlock: calc(240 * (100vw / 1400)) 0;
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look14 figure[class*=img]:nth-of-type(2) {
    --content-marginBlock: calc(75 * (100vw / 750)) 0;
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .contents .look14 .look__captionText {
    width: auto;
    justify-self: flex-end;
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look14 .look__captionText {
    width: auto;
    justify-self: flex-end;
    -webkit-margin-before: calc(-25 * (100vw / 750));
            margin-block-start: calc(-25 * (100vw / 750));
    -webkit-margin-end: calc(30 * (100vw / 750));
            margin-inline-end: calc(30 * (100vw / 750));
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook .contents .look14 .look__details {
    align-self: flex-end;
    -webkit-margin-before: 2.6rem;
            margin-block-start: 2.6rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook .contents .look14 .look__details {
    -webkit-margin-before: calc(26 * (100vw / 1400));
            margin-block-start: calc(26 * (100vw / 1400));
  }
}
@media screen and (max-width: 767px) {
  #LB230519summerlook .contents .look14 .look__details .tag_list {
    --tag-align: flex-end;
  }
}
#LB230519summerlook.winOs .mainVisual-caption {
  top: 30.6%;
}
@media screen and (min-width: 768px) {
  #LB230519summerlook.winOs .look01 .look__captionText {
    --title-mBlock: 7rem 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook.winOs .look01 .look__captionText {
    --title-mBlock: calc(70 * (100vw / 1400)) 0;
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook.winOs .look02 .look__captionText {
    --title-mBlock: 1.6rem 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook.winOs .look02 .look__captionText {
    --title-mBlock: calc(16 * (100vw / 1400)) 0;
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook.winOs .look03 .look__captionText {
    transform: translateY(-1.8rem);
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook.winOs .look03 .look__captionText {
    transform: translateY(calc(-18 * (100vw / 1400)));
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook.winOs .look04 .look__captionText {
    --title-mBlock: .2rem 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook.winOs .look04 .look__captionText {
    --title-mBlock: calc(2 * (100vw / 1400)) 0;
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook.winOs .look05 .look__captionText {
    --title-mBlock: 12.5rem 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook.winOs .look05 .look__captionText {
    --title-mBlock: calc(125 * (100vw / 1400)) 0;
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook.winOs .look06 .look__captionText {
    transform: translateY(-1.8rem);
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook.winOs .look06 .look__captionText {
    transform: translateY(calc(-18 * (100vw / 1400)));
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook.winOs .look07 .look__captionText {
    --title-mBlock: 5rem 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook.winOs .look07 .look__captionText {
    --title-mBlock: calc(50 * (100vw / 1400)) 0;
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook.winOs .look08 .look__captionText {
    -webkit-margin-before: -4.2rem;
            margin-block-start: -4.2rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook.winOs .look08 .look__captionText {
    -webkit-margin-before: calc(-42 * (100vw / 1400));
            margin-block-start: calc(-42 * (100vw / 1400));
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook.winOs .look08 .look__details {
    -webkit-margin-before: 1.8rem;
            margin-block-start: 1.8rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook.winOs .look08 .look__details {
    -webkit-margin-before: calc(24 * (100vw / 1400));
            margin-block-start: calc(24 * (100vw / 1400));
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook.winOs .look09 .look__captionText {
    margin-block: 6.2rem 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook.winOs .look09 .look__captionText {
    margin-block: calc(62 * (100vw / 1400)) 0;
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook.winOs .look10 .look__captionText {
    --title-mBlock: 2rem 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook.winOs .look10 .look__captionText {
    --title-mBlock: calc(20 * (100vw / 1400)) 0;
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook.winOs .look11 .look__captionText {
    --title-mBlock: 4.2rem 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook.winOs .look11 .look__captionText {
    --title-mBlock: calc(42 * (100vw / 1400)) 0;
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook.winOs .look12 {
    --title-mBlock: 6.3rem 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook.winOs .look12 {
    --title-mBlock: calc(63 * (100vw / 1400)) 0;
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook.winOs .look13 {
    --title-mBlock: -15.8rem 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook.winOs .look13 {
    --title-mBlock: calc(-158 * (100vw / 1400)) 0;
  }
}
@media screen and (min-width: 768px) {
  #LB230519summerlook.winOs .look14 {
    --title-mBlock: 8.2rem 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230519summerlook.winOs .look14 {
    --title-mBlock: calc(82 * (100vw / 1400)) 0;
  }
}