@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500&display=swap");
.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;
}

@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
[class*=js-fade] {
  visibility: hidden;
  opacity: 0;
  transform: translate(0, 0);
  transition: all ease 1.2s;
}
[class*=js-fade]:not(.onView) * {
  animation-play-state: paused;
}
[class*=js-fade].is-visible {
  visibility: visible;
  transform: translate(0, 0);
  opacity: 1;
}
[class*=js-fade].is-visible * {
  animation-play-state: running;
}

[data-src]::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}

@media screen and (max-width: 767px) {
  html {
    font-size: 1.33334vw;
  }
  html .pcOnly {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  html {
    font-size: 62.5%;
  }
  html .spOnly {
    display: none !important;
  }
}

.main-area {
  min-width: unset;
  max-width: unset;
}
@media screen and (max-width: 767px) {
  .main-area {
    max-width: none;
  }
}

#LB230324skin figure,
#LB230324skin figcaption,
#LB230324skin [class*=content],
#LB230324skin [class*=__wrap],
#LB230324skin [class*=-inner],
#LB230324skin [class*=__image],
#LB230324skin [class*=__item],
#LB230324skin [class*=__video],
#LB230324skin [class*=__caption] {
  position: relative;
  width: 100%;
}
#LB230324skin picture, #LB230324skin img, #LB230324skin video {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  line-height: 0;
}
#LB230324skin a:link:hover {
  cursor: pointer;
}
#LB230324skin a.no_link {
  opacity: 1;
  pointer-events: none;
  border: none;
  text-decoration: none;
}
#LB230324skin a.no_link span {
  font-size: 1rem;
}
@media screen and (max-width: 767px) {
  #LB230324skin a.no_link span {
    font-size: 1.6rem;
  }
}

#LB230324skin .look__details .tag_list > * {
  font-family: neue-haas-grotesk-display, sans-serif;
  font-weight: 500;
  font-style: normal;
}

#LB230324skin .all-btn a, #LB230324skin .look__number {
  font-family: tenez, sans-serif;
  font-weight: 700;
  font-style: normal;
}

#LB230324skin .look__details .tag_list .jp, #LB230324skin {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "游ゴシック Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}

#LB230324skin {
  /* ---------- Text Area ---------- */
}
#LB230324skin * {
  font: inherit;
}
#LB230324skin .mainVisual-text {
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 2.27;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #LB230324skin .mainVisual-text {
    font-size: 2.6rem;
    letter-spacing: 0.16em;
    line-height: 2;
  }
}
#LB230324skin .content-item-text {
  text-align: center;
}
#LB230324skin .content-list {
  counter-reset: look_number;
}
#LB230324skin .look__details {
  color: var(--color-look);
  text-align: var(--details-align);
  font-size: 1.4rem;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  #LB230324skin .look__details {
    font-size: 2.2rem;
  }
}
#LB230324skin .look__details span {
  font-size: 1.4rem;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  #LB230324skin .look__details span {
    font-size: 2.2rem;
    line-height: 1.82;
  }
}
#LB230324skin .look__details .tag_list > * {
  font-size: 1.3rem;
  line-height: 1.54;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 767px) {
  #LB230324skin .look__details .tag_list > * {
    font-size: 2.6rem;
    line-height: 1.65;
  }
}
#LB230324skin .look__details .tag_list .jp {
  font-size: 0.85em;
  font-weight: 500;
}
#LB230324skin .look__number {
  font-size: 5.2rem;
  line-height: 1;
  counter-increment: look_number;
}
#LB230324skin .look__number::after, #LB230324skin .look__number::before {
  content: "";
  font: inherit;
}
#LB230324skin .look__number::before {
  content: "look";
  text-transform: uppercase;
}
#LB230324skin .look__number::after {
  content: counter(look_number);
  font-size: 1.154em;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  #LB230324skin .look__number {
    font-size: 8.3rem;
  }
}
#LB230324skin .viewall {
  font-size: 1.8rem;
  text-align: center;
  letter-spacing: 0.06em;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  #LB230324skin .viewall {
    font-size: 2.8rem;
  }
}
#LB230324skin .all-btn a {
  font-size: 1.9rem;
  line-height: 1;
  letter-spacing: 0.06em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #LB230324skin .all-btn a {
    font-size: 3.4rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
  #LB230324skin .mainVisual-text {
    font-size: 1.0714285714vw;
  }
  #LB230324skin .look__details {
    font-size: 1vw;
  }
  #LB230324skin .look__details span {
    font-size: 1vw;
  }
  #LB230324skin .look__details .tag_list > * {
    font-size: 0.9285714286vw;
  }
  #LB230324skin .look__number {
    font-size: 3.7142857143vw;
  }
  #LB230324skin .all-btn a {
    font-size: 1.3571428571vw;
  }
}

.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%;
}

#LB230324skin .btn-wrap {
  position: relative;
  display: block;
  width: 100%;
  max-width: 42rem;
  margin: 13.8rem auto 10rem;
}
@media screen and (max-width: 768px) {
  #LB230324skin .btn-wrap {
    max-width: 67.5rem;
    margin: 15.8rem auto 20rem;
  }
}
@media screen and (max-width: 767px) {
  #LB230324skin .border {
    border-top: 0.1rem solid #808080;
  }
}
#LB230324skin .viewall {
  padding: 2.2rem 0;
  border: 1px solid var(--border-color, #000);
  font-size: 1.8rem;
  text-align: center;
  letter-spacing: 0.06em;
  line-height: 1;
  transition: cubic-bezier(0.385, 0.145, 0.28, 0.925), all 750ms;
}
@media screen and (max-width: 768px) {
  #LB230324skin .viewall {
    padding: 4.5rem 0;
    font-size: 2.8rem;
  }
}
#LB230324skin .viewall:hover {
  color: var(--font-color, #d3d3d3);
  background-color: var(--border-color, #000);
}
#LB230324skin .all-btn a {
  position: relative;
  width: 42rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-block: 1.5em 1.4em;
}
@media screen and (max-width: 767px) {
  #LB230324skin .all-btn a {
    width: 100%;
    padding-block: 1.5em 1.8em;
  }
}
#LB230324skin .all-btn a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  pointer-events: none;
  box-shadow: inset 0 0 0px 1px #000;
}

@media screen and (min-width: 768px) {
  .main-inner {
    max-width: 140rem;
    margin-inline: auto;
    margin-bottom: 14.8rem;
  }
}
@media screen and (max-width: 767px) {
  .main-area .main-inner {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
  .main-inner {
    margin-bottom: 10.5714285714vw;
  }
  .bredlist.lp {
    max-width: 85.7142857143vw;
  }
  #content__archive {
    overflow: hidden;
  }
}
:root {
  --color-content-01: #aee5d0;
  --color-content-02: #313a4c;
  --color-content-03: #9da6aa;
  --color-content-04: #c7c1e3;
  --color-content-05: #000000;
  --color-content-06: #fd8b3a;
  --color-content-07: #7599c9;
}

@media screen and (min-width: 768px) and (max-width: 1400px) {
  #LB230324skin {
    overflow: hidden;
  }
}
#LB230324skin .mainVisual-image {
  width: 100%;
  max-width: 106rem;
  margin-inline: auto;
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
  #LB230324skin .mainVisual-image {
    max-width: 75.7142857143vw;
  }
}
#LB230324skin .mainVisual-text {
  -webkit-margin-before: 7rem;
          margin-block-start: 7rem;
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
  #LB230324skin .mainVisual-text {
    -webkit-margin-before: 5vw;
            margin-block-start: 5vw;
  }
}
@media screen and (max-width: 767px) {
  #LB230324skin .mainVisual-text {
    -webkit-margin-before: 7.6rem;
            margin-block-start: 7.6rem;
  }
}
#LB230324skin .mainVisual-text > *:not(:last-of-type) {
  -webkit-margin-after: 3.4rem;
          margin-block-end: 3.4rem;
}
@media screen and (max-width: 767px) {
  #LB230324skin .mainVisual-text > *:not(:last-of-type) {
    -webkit-margin-after: 1.9em;
            margin-block-end: 1.9em;
  }
}
#LB230324skin .content-list {
  position: relative;
  -webkit-margin-before: 9rem;
          margin-block-start: 9rem;
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
  #LB230324skin .content-list {
    -webkit-margin-before: 6.4285714286vw;
            margin-block-start: 6.4285714286vw;
  }
}
@media screen and (max-width: 767px) {
  #LB230324skin .content-list {
    -webkit-margin-before: 11.6rem;
            margin-block-start: 11.6rem;
  }
}
#LB230324skin .content__block {
  width: 100%;
  position: relative;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  #LB230324skin .content__block {
    max-width: 75rem;
  }
}
#LB230324skin .content__block-image {
  -webkit-margin-before: var(--margin-top, 2.4rem);
          margin-block-start: var(--margin-top, 2.4rem);
}
#LB230324skin .content__block-image .flexbox {
  -moz-column-gap: var(--column-gap);
       column-gap: var(--column-gap);
}
#LB230324skin .content__block-image figure {
  max-width: var(--image-width);
}
@media screen and (min-width: 768px) {
  #LB230324skin .content__block-image figure picture {
    max-width: var(--image-width);
  }
}
#LB230324skin .content__block-text {
  -webkit-margin-before: var(--margin-top);
          margin-block-start: var(--margin-top);
}
#LB230324skin .content__block-text:nth-of-type(2) {
  -webkit-margin-before: var(--margin-top-text);
          margin-block-start: var(--margin-top-text);
}
#LB230324skin .content__block-text a {
  display: inline-block;
}
#LB230324skin .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;
}
#LB230324skin .content__block > *[class*=look] figure:hover::before {
  --background--color: transparent;
}
#LB230324skin .look01 {
  --color-look: var(--color-content-01);
}
#LB230324skin .look02 {
  --color-look: var(--color-content-02);
}
#LB230324skin .look03 {
  --color-look: var(--color-content-03);
}
#LB230324skin .look04 {
  --color-look: var(--color-content-04);
}
#LB230324skin .look05 {
  --color-look: var(--color-content-05);
}
#LB230324skin .look06 {
  --color-look: var(--color-content-06);
}
#LB230324skin .look07 {
  --color-look: var(--color-content-07);
}
#LB230324skin .look__number {
  -webkit-margin-before: var(--mtop-number);
          margin-block-start: var(--mtop-number);
}
#LB230324skin .look__number::before {
  margin-inline: 0.15em;
}
#LB230324skin .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, 0.75em);
       column-gap: var(--tag-gap, 0.75em);
  justify-content: var(--tag-align, flex-start);
}
@media screen and (max-width: 767px) {
  #LB230324skin .look__details .tag_list {
    -webkit-margin-before: var(--mtop-price, 3.8rem);
            margin-block-start: var(--mtop-price, 3.8rem);
  }
}
#LB230324skin .contents .look01 {
  --details-align: right;
  --tag-align: flex-end;
}
@media screen and (min-width: 768px) {
  #LB230324skin .contents .look01 {
    --look-column-template: 50rem 39rem;
    --look-column-gap: 6rem;
    --look-witdh: 100rem;
  }
}
@media screen and (max-width: 767px) {
  #LB230324skin .contents .look01 {
    --look-row-gap: 4rem;
    --tag-width: 50rem;
    --mtop-number: 1rem;
    --mtop-price: 4rem;
  }
}
@media screen and (min-width: 768px) {
  #LB230324skin .contents .look01 figure:nth-of-type(1) {
    grid-column: 1/2;
    grid-row: 1/3;
    margin-inline: auto;
    max-width: 51rem;
  }
}
@media screen and (max-width: 767px) {
  #LB230324skin .contents .look01 figure:nth-of-type(1) {
    max-width: 48rem;
    margin-inline: auto 5rem;
  }
}
@media screen and (min-width: 768px) {
  #LB230324skin .contents .look01 figure:nth-of-type(2) {
    grid-column: 2/3;
    grid-row: 1/2;
  }
}
@media screen and (max-width: 767px) {
  #LB230324skin .contents .look01 figure:nth-of-type(2) {
    max-width: 58rem;
  }
}
@media screen and (min-width: 768px) {
  #LB230324skin .contents .look01 .look__details {
    grid-column: 2/3;
    grid-row: 2/3;
    align-self: end;
  }
}
@media screen and (max-width: 767px) {
  #LB230324skin .contents .look01 .look__details {
    width: 65rem;
    margin-inline: auto;
  }
}
@media screen and (min-width: 768px) {
  #LB230324skin .contents .look01 .look__details .tag_list {
    margin-bottom: -0.1em;
    margin-left: auto;
    margin-top: 1.8rem;
  }
}
@media screen and (max-width: 767px) {
  #LB230324skin .contents .look01 .look__details .tag_list {
    -webkit-margin-start: auto;
            margin-inline-start: auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
  #LB230324skin .contents .look01 {
    --look-column-template: calc(500 * (100vw / 1400)) calc(390 * (100vw / 1400));
    --look-column-gap: calc(60 * (100vw / 1400));
    --look-witdh: calc(1000 * (100vw / 1400));
  }
  #LB230324skin .contents .look01 figure:nth-of-type(1) {
    max-width: 36.4285714286vw;
  }
  #LB230324skin .contents .look01 .look__details .tag_list {
    margin-top: 1.7142857143vw;
  }
}
@media screen and (min-width: 768px) {
  #LB230324skin .contents .look02 {
    --look-column-template: 58.8rem 35.4rem 35.4rem;
    --look-column-gap: 0.7rem;
    --look-row-gap: 5rem;
    --mtop-price: 2.2rem;
    margin-top: 10rem;
  }
}
@media screen and (max-width: 767px) {
  #LB230324skin .contents .look02 {
    --look-column-template: 49rem auto;
    --tag-width: 25rem;
    --details-align: right;
    --tag-align: flex-end;
    -webkit-margin-before: 12.2rem;
            margin-block-start: 12.2rem;
  }
}
#LB230324skin .contents .look02 figure:nth-of-type(1) {
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  #LB230324skin .contents .look02 figure:nth-of-type(1) {
    grid-column: 1/5;
    grid-row: 1/2;
    max-width: 51rem;
  }
}
@media screen and (max-width: 767px) {
  #LB230324skin .contents .look02 figure:nth-of-type(1) {
    grid-column: 1/3;
    grid-row: 1/2;
    max-width: 65rem;
  }
}
#LB230324skin .contents .look02 figure:nth-of-type(1)::after {
  content: "";
  background: url("../images/img03-bg.jpg") no-repeat;
  background-size: 100%;
  position: absolute;
  width: 82rem;
  height: 67.6rem;
  top: 35rem;
  left: -44.5rem;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  #LB230324skin .contents .look02 figure:nth-of-type(1)::after {
    background: url("../images/img03-bg-sp.jpg") no-repeat;
    background-size: 100%;
    width: 53.8rem;
    height: 109.6rem;
    top: 65rem;
    left: auto;
    right: -5rem;
  }
}
@media screen and (min-width: 768px) {
  #LB230324skin .contents .look02 figure:nth-of-type(2) {
    grid-column: 2/3;
    grid-row: 2/3;
  }
}
@media screen and (max-width: 767px) {
  #LB230324skin .contents .look02 figure:nth-of-type(2) {
    grid-column: 1/2;
    grid-row: 3/4;
    -webkit-margin-before: 1rem;
            margin-block-start: 1rem;
    max-width: 49rem;
  }
}
@media screen and (min-width: 768px) {
  #LB230324skin .contents .look02 figure:nth-of-type(3) {
    grid-column: 3/4;
    grid-row: 2/3;
  }
}
@media screen and (max-width: 767px) {
  #LB230324skin .contents .look02 figure:nth-of-type(3) {
    grid-row: 2/3;
    -webkit-margin-before: 5rem;
            margin-block-start: 5rem;
    max-width: 49rem;
  }
}
@media screen and (min-width: 768px) {
  #LB230324skin .contents .look02 .look__details {
    grid-column: 1/2;
    grid-row: 2/3;
    align-self: end;
    margin-bottom: -0.2em;
    margin-left: 9rem;
  }
}
@media screen and (max-width: 767px) {
  #LB230324skin .contents .look02 .look__details {
    grid-column: 1/3;
    grid-row: 3/4;
    z-index: 1;
    width: 68rem;
    margin-inline: auto;
    align-self: flex-end;
    -webkit-margin-after: 4.6rem;
            margin-block-end: 4.6rem;
    pointer-events: none;
  }
}
#LB230324skin .contents .look02 .look__details .look__number::before {
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}
@media screen and (max-width: 767px) {
  #LB230324skin .contents .look02 .look__details .tag_list {
    -webkit-margin-start: auto;
            margin-inline-start: auto;
  }
  #LB230324skin .contents .look02 .look__details .tag_list > * {
    pointer-events: all;
  }
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
  #LB230324skin .contents .look02 {
    --look-column-template: calc(588 * (100vw / 1400)) calc(354 * (100vw / 1400)) calc(354 * (100vw / 1400));
    --look-column-gap: calc(7 * (100vw / 1400));
    --look-row-gap: calc(50 * (100vw / 1400));
    --mtop-price: calc(22 * (100vw / 1400));
    margin-top: 7.1428571429vw;
  }
  #LB230324skin .contents .look02 figure:nth-of-type(1) {
    max-width: 36.4285714286vw;
  }
  #LB230324skin .contents .look02 figure:nth-of-type(1)::after {
    width: 58.5714285714vw;
    height: 48.2857142857vw;
    top: 25vw;
    left: -32.5vw;
  }
  #LB230324skin .contents .look02 .look__details {
    margin-left: 6.4285714286vw;
  }
}
@media screen and (min-width: 768px) {
  #LB230324skin .contents .look03 {
    --look-column-template: 58rem 42.9rem;
    --mtop-number: 5.8rem;
    --mtop-price: 1.9rem;
    --look-witdh: 110rem;
    margin-top: 10rem;
  }
}
@media screen and (max-width: 767px) {
  #LB230324skin .contents .look03 {
    --tag-width: 45rem;
    --details-align: right;
    --tag-align: flex-end;
    --mtop-number: 6rem;
    --mtop-price: 3.2rem;
    -webkit-margin-before: 13rem;
            margin-block-start: 13rem;
  }
}
@media screen and (min-width: 768px) {
  #LB230324skin .contents .look03 figure:nth-of-type(1) {
    grid-column: 1/3;
    grid-row: 1/3;
    max-width: 58rem;
  }
}
@media screen and (min-width: 768px) {
  #LB230324skin .contents .look03 figure:nth-of-type(2) {
    grid-column: 2/3;
    grid-row: 2/5;
    justify-self: flex-end;
    align-self: flex-end;
    max-width: 42.9rem;
    margin-top: 10.2rem;
    left: -9rem;
    z-index: 1;
  }
}
@media screen and (max-width: 767px) {
  #LB230324skin .contents .look03 figure:nth-of-type(2) {
    max-width: 52rem;
    margin-inline: auto 4rem;
    -webkit-margin-before: 4rem;
            margin-block-start: 4rem;
  }
}
#LB230324skin .contents .look03 figure:nth-of-type(2)::after {
  content: "";
  background: url("../images/img07-bg.jpg") no-repeat;
  background-size: 100%;
  position: absolute;
  width: 35rem;
  height: 46.7rem;
  top: -19rem;
  right: -18rem;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  #LB230324skin .contents .look03 figure:nth-of-type(2)::after {
    width: 43rem;
    height: 57.4rem;
    top: 23rem;
    left: -19rem;
  }
}
@media screen and (min-width: 768px) {
  #LB230324skin .contents .look03 .look__details {
    grid-column: 1/2;
    grid-row: 3/4;
    align-self: end;
    max-width: 35rem;
  }
}
@media screen and (max-width: 767px) {
  #LB230324skin .contents .look03 .look__details {
    width: 67rem;
    margin-inline: auto;
  }
}
#LB230324skin .contents .look03 .look__details .look__number::before {
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}
@media screen and (max-width: 767px) {
  #LB230324skin .contents .look03 .look__details .tag_list {
    -webkit-margin-start: auto;
            margin-inline-start: auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
  #LB230324skin .contents .look03 {
    --look-column-template: calc(580 * (100vw / 1400)) calc(429 * (100vw / 1400));
    --mtop-number: calc(58 * (100vw / 1400));
    --mtop-price: calc(22 * (100vw / 1400));
    --look-witdh: calc(1100 * (100vw / 1400));
    margin-top: 7.1428571429vw;
  }
  #LB230324skin .contents .look03 figure:nth-of-type(1) {
    max-width: 41.4285714286vw;
  }
  #LB230324skin .contents .look03 figure:nth-of-type(2) {
    max-width: 30.6428571429vw;
    margin-top: 7.2857142857vw;
    left: -6.4285714286vw;
  }
  #LB230324skin .contents .look03 figure:nth-of-type(2)::after {
    width: 25vw;
    height: 33.3571428571vw;
    top: -13.5714285714vw;
    right: -12.8571428571vw;
  }
  #LB230324skin .contents .look03 .look__details {
    max-width: 25vw;
  }
}
@media screen and (min-width: 768px) {
  #LB230324skin .contents .look04 {
    --look-column-template: 42.9rem 42.9rem 1fr;
    --look-witdh: 120rem;
    --look-column-gap: 0.6rem;
    --details-align: right;
    --tag-align: flex-end;
    --tag-width: 32rem;
    --mtop-price: 1.9rem;
    margin-top: 10rem;
  }
}
@media screen and (max-width: 767px) {
  #LB230324skin .contents .look04 {
    --details-align: center;
    --tag-align: center;
    --tag-width: 50rem;
    --mtop-number: 4.4rem;
    --mtop-price: 4.2rem;
    -webkit-margin-before: 12.4rem;
            margin-block-start: 12.4rem;
  }
}
@media screen and (max-width: 767px) {
  #LB230324skin .contents .look04 figure {
    margin-inline: auto;
  }
}
@media screen and (max-width: 767px) {
  #LB230324skin .contents .look04 figure:nth-of-type(1) {
    max-width: 64rem;
    grid-row: 1/2;
  }
}
@media screen and (max-width: 767px) {
  #LB230324skin .contents .look04 figure:nth-of-type(2) {
    grid-row: 3/4;
    max-width: 65rem;
    -webkit-margin-before: 6.2rem;
            margin-block-start: 6.2rem;
  }
}
@media screen and (min-width: 768px) {
  #LB230324skin .contents .look04 .look__details {
    align-self: end;
    margin-bottom: -0.2em;
  }
}
@media screen and (max-width: 767px) {
  #LB230324skin .contents .look04 .look__details {
    grid-row: 2/3;
  }
  #LB230324skin .contents .look04 .look__details .look__number::before {
    -webkit-margin-start: 0;
            margin-inline-start: 0;
  }
}
@media screen and (min-width: 768px) {
  #LB230324skin .contents .look04 .look__details .tag_list {
    margin-left: auto;
  }
}
@media screen and (max-width: 767px) {
  #LB230324skin .contents .look04 .look__details .tag_list {
    margin-inline: auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
  #LB230324skin .contents .look04 {
    --look-column-template: calc(429 * (100vw / 1400)) calc(429 * (100vw / 1400)) 1fr;
    --look-witdh: calc(1200 * (100vw / 1400));
    --look-column-gap: calc(6 * (100vw / 1400));
    --tag-width: calc(320 * (100vw / 1400));
    --mtop-price: calc(24 * (100vw / 1400));
    margin-top: 7.1428571429vw;
  }
}
@media screen and (min-width: 768px) {
  #LB230324skin .contents .look05 {
    --look-column-template: 55rem 41rem;
    --look-column-gap: 4rem;
    --mtop-number: 5.6rem;
    --mtop-price: 1.9rem;
    --look-witdh: 120rem;
    margin-top: 10rem;
  }
}
@media screen and (max-width: 767px) {
  #LB230324skin .contents .look05 {
    --tag-width: 30rem;
    --mtop-number: 4.4rem;
    --mtop-price: 4.2rem;
    -webkit-margin-before: 13rem;
            margin-block-start: 13rem;
  }
}
@media screen and (min-width: 768px) {
  #LB230324skin .contents .look05 figure:nth-of-type(1) {
    grid-column: 1/2;
    grid-row: 1/3;
  }
}
@media screen and (min-width: 768px) {
  #LB230324skin .contents .look05 figure:nth-of-type(2) {
    grid-column: 2/3;
    grid-row: 1/4;
    align-self: end;
    margin-bottom: 0.3rem;
  }
}
@media screen and (max-width: 767px) {
  #LB230324skin .contents .look05 figure:nth-of-type(2) {
    max-width: 49rem;
    -webkit-margin-before: 17rem;
            margin-block-start: 17rem;
    -webkit-margin-start: 4rem;
            margin-inline-start: 4rem;
  }
}
#LB230324skin .contents .look05 figure:nth-of-type(2)::after {
  content: "";
  background: url("../images/img11-bg.jpg") no-repeat;
  background-size: 100%;
  position: absolute;
  width: 42.9rem;
  height: 57.2rem;
  top: -23.4rem;
  right: -30rem;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  #LB230324skin .contents .look05 figure:nth-of-type(2)::after {
    width: 41rem;
    height: 54.7rem;
    top: -21rem;
    right: -22rem;
  }
}
@media screen and (min-width: 768px) {
  #LB230324skin .contents .look05 .look__details {
    grid-column: 1/2;
    grid-row: 3/4;
    align-self: end;
  }
}
@media screen and (max-width: 767px) {
  #LB230324skin .contents .look05 .look__details {
    grid-row: 2/3;
    width: 67rem;
    margin-inline: auto;
  }
}
#LB230324skin .contents .look05 .look__details .look__number::before {
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
  #LB230324skin .contents .look05 {
    --look-column-template: calc(550 * (100vw / 1400)) calc(410 * (100vw / 1400));
    --look-column-gap: calc(40 * (100vw / 1400));
    --mtop-number: calc(56 * (100vw / 1400));
    --mtop-price: calc(24 * (100vw / 1400));
    --look-witdh: calc(1200 * (100vw / 1400));
    margin-top: 7.1428571429vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1100px) and (min-width: 768px) {
  #LB230324skin .contents .look05 figure:nth-of-type(2) {
    margin-bottom: 0.2142857143vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
  #LB230324skin .contents .look05 figure:nth-of-type(2)::after {
    width: 30.6428571429vw;
    height: 40.8571428571vw;
    top: -16.7142857143vw;
    right: -21.4285714286vw;
  }
}
@media screen and (min-width: 768px) {
  #LB230324skin .contents .look06 {
    --look-column-template: 46rem 50rem;
    --look-witdh: 96rem;
    --mtop-number: 12.6rem;
    --mtop-price: 1.9rem;
    --tag-width: 25rem;
    margin-top: 9.8rem;
  }
}
@media screen and (max-width: 767px) {
  #LB230324skin .contents .look06 {
    --look-column-template: auto 50.2rem;
    --mtop-price: 3.2rem;
    -webkit-margin-before: 13rem;
            margin-block-start: 13rem;
  }
}
@media screen and (min-width: 768px) {
  #LB230324skin .contents .look06 figure:nth-of-type(1) {
    grid-column: 2/3;
    grid-row: 1/3;
  }
}
@media screen and (max-width: 767px) {
  #LB230324skin .contents .look06 figure:nth-of-type(1) {
    grid-column: 1/3;
    max-width: 66rem;
    margin-inline: auto;
  }
}
@media screen and (min-width: 768px) {
  #LB230324skin .contents .look06 figure:nth-of-type(2) {
    grid-column: 1/2;
    grid-row: 2/3;
    align-self: end;
    margin-top: 19rem;
  }
}
@media screen and (max-width: 767px) {
  #LB230324skin .contents .look06 figure:nth-of-type(2) {
    grid-column: 2/3;
    grid-row: 2/3;
    max-width: 50.2rem;
    -webkit-margin-start: auto;
            margin-inline-start: auto;
    -webkit-margin-before: 5rem;
            margin-block-start: 5rem;
  }
}
#LB230324skin .contents .look06 figure:nth-of-type(2)::after {
  content: "";
  background: url("../images/img13-bg.jpg") no-repeat;
  background-size: 100%;
  position: absolute;
  width: 50rem;
  height: 50rem;
  top: -10.2rem;
  left: 25.5rem;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  #LB230324skin .contents .look06 figure:nth-of-type(2)::after {
    background: url("../images/img13-bg-sp.jpg") no-repeat;
    background-size: 100%;
    width: 65rem;
    height: 65rem;
    top: -33rem;
    left: -24.8rem;
  }
}
#LB230324skin .contents .look06 .look__details {
  align-self: end;
}
@media screen and (min-width: 768px) {
  #LB230324skin .contents .look06 .look__details {
    grid-column: 1/2;
    grid-row: 1/2;
    margin-left: 4.5rem;
  }
}
@media screen and (max-width: 767px) {
  #LB230324skin .contents .look06 .look__details {
    grid-column: 1/3;
    grid-row: 2/3;
    -webkit-margin-start: 2.7rem;
            margin-inline-start: 2.7rem;
    -webkit-margin-after: -0.2em;
            margin-block-end: -0.2em;
    width: 31rem;
    z-index: 1;
    pointer-events: none;
  }
}
#LB230324skin .contents .look06 .look__details .look__number::before {
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}
@media screen and (max-width: 767px) {
  #LB230324skin .contents .look06 .look__details .tag_list > * {
    pointer-events: all;
  }
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
  #LB230324skin .contents .look06 {
    --look-column-template: calc(460 * (100vw / 1400)) calc(500 * (100vw / 1400));
    --look-witdh: calc(960 * (100vw / 1400));
    --mtop-number: calc(126 * (100vw / 1400));
    --mtop-price: calc(24 * (100vw / 1400));
    --tag-width: calc(250 * (100vw / 1400));
    margin-top: 7vw;
  }
  #LB230324skin .contents .look06 figure:nth-of-type(2) {
    margin-top: 13.5714285714vw;
  }
  #LB230324skin .contents .look06 figure:nth-of-type(2)::after {
    width: 35.7142857143vw;
    height: 35.7142857143vw;
    top: -7.2857142857vw;
    left: 18.2142857143vw;
  }
  #LB230324skin .contents .look06 .look__details {
    margin-left: 3.2142857143vw;
  }
}
@media screen and (min-width: 768px) {
  #LB230324skin .contents .look07 {
    --look-column-template: 1fr 44rem 44rem;
    --tag-width: 35rem;
    --mtop-price: 1.9rem;
    margin-top: 10rem;
  }
}
@media screen and (max-width: 767px) {
  #LB230324skin .contents .look07 {
    --details-align: right;
    --tag-align: flex-end;
    --mtop-price: 3.2rem;
    -webkit-margin-before: 13rem;
            margin-block-start: 13rem;
  }
}
@media screen and (max-width: 767px) {
  #LB230324skin .contents .look07 figure {
    max-width: 62rem;
  }
}
@media screen and (min-width: 768px) {
  #LB230324skin .contents .look07 figure:nth-of-type(1) {
    grid-column: 2/3;
    grid-row: 1/2;
  }
}
@media screen and (max-width: 767px) {
  #LB230324skin .contents .look07 figure:nth-of-type(1) {
    grid-column: 1/3;
  }
}
@media screen and (min-width: 768px) {
  #LB230324skin .contents .look07 figure:nth-of-type(2) {
    grid-column: 3/4;
    grid-row: 1/2;
  }
}
@media screen and (max-width: 767px) {
  #LB230324skin .contents .look07 figure:nth-of-type(2) {
    grid-column: 1/3;
    grid-row: 2/3;
  }
}
@media screen and (min-width: 768px) {
  #LB230324skin .contents .look07 .look__details {
    grid-column: 1/2;
    grid-row: 1/2;
    align-self: end;
    margin-left: 10rem;
    margin-bottom: -0.1em;
  }
}
@media screen and (max-width: 767px) {
  #LB230324skin .contents .look07 .look__details {
    grid-column: 1/3;
    grid-row: 2/3;
    align-self: end;
    -webkit-margin-after: 4.5rem;
            margin-block-end: 4.5rem;
    margin-inline: auto 3rem;
    max-width: 30rem;
    z-index: 1;
    pointer-events: none;
  }
}
#LB230324skin .contents .look07 .look__details .look__number::before {
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}
@media screen and (max-width: 767px) {
  #LB230324skin .contents .look07 .look__details .tag_list > * {
    pointer-events: all;
  }
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
  #LB230324skin .contents .look07 {
    --look-column-template: 1fr calc(440 * (100vw / 1400)) calc(440 * (100vw / 1400));
    --tag-width: calc(350 * (100vw / 1400));
    --mtop-price: calc(24 * (100vw / 1400));
    margin-top: 7.1428571429vw;
  }
  #LB230324skin .contents .look07 .look__details {
    margin-left: 7.1428571429vw;
  }
}