@charset "UTF-8";

#LB24ss1st {
  --font_en-01: "the-seasons", sans-serif;;
  --font_en-Regular-weight:font-weight: 400;
  --font_en-Bold-weight:font-weight: 700;
  --font_jp: "yu-mincho-pr6n", sans-serif;
}

.main-inner {
  margin-top: 5.5rem;
  width: 100% !important;
}
html {
  font-size: 62.5%;
  box-sizing: border-box;
}

@media (max-width: 1400px) and (min-width: 768px) {
  html {
    font-size: 0.7142857143vw;
  }
}

@media only screen and (min-width: 1401px) {
  html {
    font-size: 62.5%;
  }
}

#LB24ss1st {
  position: relative;
  font-family: var(--font_jp);
  width: 100%;
  z-index: 5;
  color: #000;
  overflow: hidden;
}

#LB24ss1st h2 {
  white-space: nowrap;
  font-style: normal;
  line-height: 1;
}

#LB24ss1st li {
  list-style: none;
  display: inline-block;
}

#LB24ss1st img,
#LB24ss1st svg {
  position: relative;
  width: 100%;
  height: auto;
}

#LB24ss1st picture,
#LB24ss1st span {
  display: block;
}


#LB24ss1st a {
  display: block;
  text-decoration: none;
  color: inherit;
  transition: all .6s;
}

#LB24ss1st .sec__tax{
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
}

#LB24ss1st .pc_only {
  display: none !important;
}

#LB24ss1st .credit {
  position: relative;
  font-size: 1.2rem;
  font-family: var(--font_en-01);
  font-weight: 400;
  line-height: 1.83;
  letter-spacing: 0.03em;
  margin-top: 2.5rem;
  z-index: 0;
}

#LB24ss1st .credit li {
  font-style: normal;
  padding-right: 0.9rem;
}

#LB24ss1st .en_font {
  font-weight: var(--font_en-01);
  font-weight: 400;
  font-style: normal;
}

@media only screen and (min-width: 768px) {
  #LB24ss1st .sp_only {
    display: none !important;
  }
  #LB24ss1st .pc_only {
    display: block !important;
  }
  #LB24ss1st .pc_inline {
    display: inline !important;
  }
}



/* /////// ⬇︎⬇︎ PC ⬇︎⬇︎ /////// */
#LB24ss1st .Contents {
  width: 100%;
  margin: auto;
  padding-bottom: 22rem;
}

.main-area {
  padding: 0 !important;
}

/* ===== slick ===== */
.slider {
  margin: auto;
  width: 100%;
}
.slick-dots li button:before {
  font-size: 1rem !important;
  line-height: 1;
  width: 1rem !important;
  height: 1rem !important;
  opacity: 0.8 !important;
  color: #000 !important;
  line-height: 1rem !important;
}
.slick-dots {
  position: absolute;
  text-align: left !important;
  bottom: -32px !important;
}
.slick-dots li {
  width: 1rem !important;
  height: 1rem !important;
  margin: 0 8px 0 0 !important;
}
.slick-dots li button {
  width: 1rem !important;
  height: 1rem !important;
  padding: 0 !important;
}
.slick-dotted.slick-slider {
  margin-bottom: 5.5rem !important;
}

/* ===== mv ===== */
#LB24ss1st .mv {
  width: 81.7rem;
  margin: auto;
  padding: 2.7rem 0;
  background: url(../img/mv_bg.jpg) no-repeat;
  background-size: cover;
  border: #25333a solid 2px;
}

#LB24ss1st .mv .mv__img {
  width: 70.8rem;
  margin: 0 0 0 5rem;
}

#LB24ss1st .mv h4 {
  font-family: var(--font_en-01);
  font-size: 3rem;
  font-weight: 700;
  font-style: italic;
  line-height: 1;
  text-align: center;
  letter-spacing: 0;
  color: #6b7077;
}

#LB24ss1st .mv_text_blk {
  width: 72rem;
  margin: 2.3rem auto 0;
  background-color: #fff;
  padding: 5rem 0 3rem;
}

#LB24ss1st .mv .mv__text {
  font-size: 1.5rem;
  line-height: 2.5;
  letter-spacing: 0.06em;
  text-align: center;
  margin-top: 2.8rem;
}

#LB24ss1st .campaign_blk {
  width: 48rem;
  border: #ed7f7a solid 1px;
  padding: 3rem 0;
  text-align: center;
  margin: 3.4rem auto 0;
}

#LB24ss1st .campaign_blk .subttl {
  font-size: 1.8rem;
  font-family: var(--font_en-01);
  font-weight: var(--font_en-Bold-weight);
  color: #ed7f7a;
}

#LB24ss1st .campaign_blk .ttl {
  position: relative;
  display: inline-block;
  font-size: 3rem;
  font-family: var(--font_en-01);
  font-weight: var(--font_en-Bold-weight);
  color: #ed7f7a;
  margin-top: 1.2rem;
}

#LB24ss1st .campaign_blk .ttl::before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 0.1rem;
  background: #ed7f7a;
  bottom: -0.5rem;
  left: 0;
}

#LB24ss1st .campaign_blk .ttl span {
  display: inline-block;
  font-size: 4rem;
}

#LB24ss1st .campaign_blk .text {
  font-size: 1.4rem;
  line-height: 1.45;
  letter-spacing: 0.1em;
  font-family: "yu-gothic-pr6n", sans-serif;
  margin-top: 3rem;
  font-weight: 400;
}

#LB24ss1st .campaign_blk .subtext {
  font-size: 1.1rem;
  line-height: 1.45;
  letter-spacing: 0.06em;
  font-family: "yu-gothic-pr6n", sans-serif;
  margin-top: 2.5rem;
  font-weight: 400;
}


/* ===== sec1 ===== */
#LB24ss1st .sec1 {
  width: 122rem;
  margin: auto;
  padding-left: 2rem;
}

/* ===== sec2 ===== */
#LB24ss1st .sec2 {
  margin-top: 9rem;
  padding-top: 10rem;
  background: linear-gradient( to bottom, #f7f6eb 95% 95%, #fff 95% 100% );
}
#LB24ss1st .sec2 .inner {
  width: 114rem;
  margin: auto;
  padding-right: 12rem;
}

/* ===== sec3 ===== */
#LB24ss1st .sec3 {
  width: 140rem;
  margin: 10rem auto 0;
}

/* ===== sec4 ===== */
#LB24ss1st .sec4 {
  margin-top: 9.5rem;
  background: linear-gradient( to bottom, #fff 11% 11%, #fffff5 11% 100% );
  padding-bottom: 10rem;
}


/* ===== look1 ===== */
#LB24ss1st .look1 {
  position: relative;
  width: 46rem;
  margin-top: 10rem;
  z-index: 0;
}

#LB24ss1st .look1::before {
  position: absolute;
  display: block;
  content: "";
  width: 100vw;
  height: 83.3rem;
  background-color: #fffff5;
  top: 20rem;
  left: 0;
  z-index: -1;
}

#LB24ss1st .look1::after {
  position: absolute;
  display: block;
  content: "";
  width: 100vw;
  height: 83.3rem;
  background-color: #fffff5;
  top: 20rem;
  right: 0;
  z-index: -1;
}

#LB24ss1st .look1_wrap {
  display: flex;
  justify-content: center;
  align-items: start;
  gap: 3rem;
  margin-left: 5rem;
}

#LB24ss1st .look1_wrap .look_first {
  width: 47.5rem;
  border: #000 solid 0.3rem;
}

#LB24ss1st .look1_wrap .look_second {
  width: 40rem;
  margin-top: 24.5rem;
}

#LB24ss1st .look1_wrap .credit {
  width: auto;
  margin-left: auto;
  text-align: right;
}

#LB24ss1st .look1_wrap .credit li {
  margin-left: 0.5rem;
}


/* ===== look2 ===== */
#LB24ss1st .look2 {
  width: 77rem;
  margin-top: -32.3rem;
  margin-left: auto;
}

#LB24ss1st .look2 .look_wrap {
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
  align-items: start;
  gap: 2rem;
  margin-left: auto;
}

#LB24ss1st .look2 .look_wrap .look_first {
  position: relative;
  width: 41rem;
  z-index: 1;
}

#LB24ss1st .look2 .look_wrap .look_second {
  position: relative;
  width: 34rem;
  margin-top: 30rem;
  z-index: 0;
}

#LB24ss1st .look2 .look_wrap .look_second::before {
  position: absolute;
  display: block;
  content: "";
  width: 37rem;
  height: 37rem;
  background: url(../img/look2_bg.jpg) no-repeat;
  background-size: 100%;
  top: -15rem;
  right: -14rem;
  z-index: -1;
}


/* ===== look3 ===== */
#LB24ss1st .look3 {
  width: 82rem;
  margin: 10rem auto 0;
}

#LB24ss1st .look3 .look_wrap {
  display: flex;
  justify-content: center;
  align-items: start;
  gap: 1rem;
  margin-left: -26rem;
}

#LB24ss1st .look3 .look_wrap .look_first {
  position: relative;
  width: 42rem;
  z-index: 1;
}

#LB24ss1st .look3 .look_wrap .look_second {
  position: relative;
  width: 39rem;
  margin-top: 15rem;
  z-index: 0;
}

#LB24ss1st .look3 .look_wrap .look_second::before {
  position: absolute;
  display: block;
  content: "";
  width: 25rem;
  height: 45rem;
  background-color: #fff4e3;
  top: -15rem;
  right: -21rem;
  z-index: -1;
}

#LB24ss1st .look3 .credit {
  position: absolute;
  display: block;
  bottom: -0.2rem;
  right: -15.3rem;
  padding-right: 0.9rem;
  z-index: 1;
}


/* ===== look4 ===== */
#LB24ss1st .look4 {
  position: relative;
  margin: 10rem auto 0;
  z-index: 0;
}

#LB24ss1st .look4::before {
  position: absolute;
  display: block;
  content: "";
  background: url(../img/look4_bg.jpg) no-repeat;
  background-size: 100%;
  width: 100vw;
  height: 55rem;
  top: 17rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}

#LB24ss1st .look4 .look_wrap {
  width: 120rem;
  display: flex;
  justify-content: center;
  align-items: start;
  gap: 8rem;
  margin: auto;
}

#LB24ss1st .look4 .look_wrap .look_first {
  position: relative;
  width: 44rem;
  z-index: 1;
}

#LB24ss1st .look4 .look_wrap .look_second {
  position: relative;
  width: 39rem;
  margin-top: 33rem;
  z-index: 1;
}

#LB24ss1st .look4 .look_wrap .look_third {
  position: relative;
  width: 34rem;
  z-index: 2;
  border: #fff solid 1rem;
  margin-top: 5rem;
  margin-left: -6rem;
}

#LB24ss1st .sub_look_wrap {
  display: flex;
  justify-content: center;
  align-items: start;
}

#LB24ss1st .wrap_blk_first {
  margin-left: 1rem;
}


/* ===== look5 ===== */
#LB24ss1st .look5 {
  width: 128rem;
  margin: 10rem auto 0;
}

#LB24ss1st .look5 .look_wrap {
  display: flex;
  justify-content: center;
  align-items: start;
  gap: 1rem;
}

#LB24ss1st .look5 .look_wrap li {
  width: 42rem;
}


/* ===== look6 ===== */
#LB24ss1st .look6 {
  margin: 9.4rem auto 0;
}

#LB24ss1st .look6 .look_wrap {
  display: flex;
  justify-content: center;
  align-items: start;
  gap: 3rem;
  margin-left: -5rem;
}

#LB24ss1st .look6 .look_wrap .look_first {
  position: relative;
  width: 45rem;
  z-index: 1;
}

#LB24ss1st .look6 .look_wrap .look_second {
  position: relative;
  width: 40rem;
  margin-top: 6.5rem;
  z-index: 0;
}

#LB24ss1st .look6 .look_wrap .look_second::before {
  position: absolute;
  display: block;
  content: "";
  width: 35rem;
  height: 50rem;
  background-color: #e3f6ff;
  top: -6.5rem;
  right: -5rem;
  z-index: -1;
}


/* ===== look7 ===== */
#LB24ss1st .look7 {
  position: relative;
  width: 44rem;
  margin: auto;
  z-index: 0;
}

/* #LB24ss1st .look7 .look_img {
  border: #000 solid 0.3rem;
} */

#LB24ss1st .look7 .credit {
  position: absolute;
  bottom: -0.5rem;
  right: -15.2rem;
  z-index: 1;
}


/* ===== look8 ===== */
#LB24ss1st .look8 {
  position: relative;
  width: 43rem;
  margin-top: 10.5rem;
  margin-left: auto;
  z-index: 0;
}

#LB24ss1st .look8 .credit {
  position: absolute;
  bottom: -0.5rem;
  right: -15.2rem;
  z-index: 1;
}


/* ===== look9 ===== */
#LB24ss1st .look9 {
  margin-top: -26.2rem;
  margin-left: -36rem;
}

#LB24ss1st .look9 .look_wrap {
  display: flex;
  justify-content: center;
  align-items: start;
  gap: 1rem;
  margin-left: auto;
}

#LB24ss1st .look9 .look_wrap .look_first {
  position: relative;
  width: 37rem;
  z-index: 1;
}

#LB24ss1st .look9 .look_wrap .look_second {
  position: relative;
  width: 40rem;
  margin-top: 31.7rem;
  z-index: 0;
}


/* ===== look10 ===== */
#LB24ss1st .look10 {
  position: relative;
  width: 45rem;
  margin-left: 10rem;
  z-index: 0;
}


/* ===== look11 ===== */
#LB24ss1st .look11 {
  margin-top: -29.8rem;
  margin-left: auto;
}

#LB24ss1st .look11 .look_wrap {
  display: flex;
  justify-content: flex-start;
  flex-direction: row-reverse;
  align-items: start;
}

#LB24ss1st .look11 .look_first ,
#LB24ss1st .look11 .look_second  {
  position: relative;
  width: 36rem;
  z-index: 0;
}

#LB24ss1st .look11 .look_first::before {
  position: absolute;
  display: block;
  content: "";
  background: url(../img/look11_bg.svg) no-repeat;
  background-size: 100%;
  width: 1.8rem;
  height: 43.4rem;
  top: -32.8rem;
  left: 31.8rem;
  z-index: 2;
  pointer-events: none;
}

#LB24ss1st .look11_2 {
  position: relative;
  width: 68rem;
  margin-top: 6rem;
  margin-left: 16rem;
  z-index: 0;
}

#LB24ss1st .look11_2::before {
  position: absolute;
  display: block;
  content: "";
  width: 23rem;
  height: 70rem;
  background-color: #edf2f7;
  bottom: -45rem;
  left: -16rem;
  z-index: -1;
}


/* ===== look12 ===== */
#LB24ss1st .look12 {
  margin-top: 0rem;
}

#LB24ss1st .look12 .look_wrap {
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
  align-items: start;
  gap: 3rem;
  margin-left: 38rem;
}

#LB24ss1st .look12 .look_first {
  width: 42rem;
}

#LB24ss1st .look12 .look_second {
  position: relative;
  width: 37rem;
  z-index: 0;
  margin-top: 20rem;
}

#LB24ss1st .look12 .credit {
  position: absolute;
  bottom: -0.5rem;
  left: -13.4rem;
  z-index: 1;
}


/* ===== look13 ===== */
#LB24ss1st .look13 {
  margin-top: 10rem;
}

#LB24ss1st .look13 .look_wrap {
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
  align-items: start;
  gap: 3rem;
}

#LB24ss1st .look13 .look_first {
  width: 41rem;
  margin-top: 4rem;
}

#LB24ss1st .look13 .look_second {
  position: relative;
  width: 47rem;
  z-index: 0;
}


/* ===== look14 ===== */
#LB24ss1st .look14 {
  margin-top: 9.7rem;
}

#LB24ss1st .look14 .look_wrap {
  display: flex;
  justify-content: flex-end;
  align-items: start;
  gap: 13rem;
}

#LB24ss1st .look14 .look_first {
  position: relative;
  width: 43rem;
  margin-top: 17rem;
  z-index: 0;
}

#LB24ss1st .look14 .look_first img {
  border: #fff solid 1rem;
}

#LB24ss1st .look14 .look_first::before {
  position: absolute;
  display: block;
  content: "";
  background: url(../img/look14_bg.jpg) no-repeat;
  background-size: 100%;
  width: 55rem;
  height: 70rem;
  top: -5rem;
  left: -5rem;
  z-index: -1;
}

#LB24ss1st .look14 .look_second {
  width: 47rem;
}


/* ===== look15 ===== */
#LB24ss1st .look15 {
  margin-top: 15.7rem;
}

#LB24ss1st .look15 .look_wrap {
  display: flex;
  justify-content: flex-start;
  align-items: start;
  gap: 1rem;
  margin-left: 8rem;
}

#LB24ss1st .look15 .look_first {
  width: 42rem;
}

#LB24ss1st .look15 .look_second {
  width: 42rem;
}


/* ===== look16 ===== */
#LB24ss1st .look16 {
  margin-top: 9.3rem;
}

#LB24ss1st .look16 .look_wrap {
  display: flex;
  justify-content: flex-end;
  align-items: start;
  gap: 1rem;
  margin-right: 8rem;
}

#LB24ss1st .look16 .look_first {
  width: 44rem;
}

#LB24ss1st .look16 .look_second {
  position: relative;
  width: 37rem;
  margin-top: 22rem;
  z-index: 0;
}


/* ===== look17 ===== */
#LB24ss1st .look17 {
  position: relative;
  margin-top: 3.5rem;
  z-index: 0;
}

#LB24ss1st .look17::before {
  position: absolute;
  display: block;
  content: "";
  width: 23rem;
  height: 70rem;
  background-color: #fff9ee;
  top: -34rem;
  left: 0rem;
  z-index: -1;
}

#LB24ss1st .look17 .look_wrap {
  width: 48rem;
  margin-left: 8rem;
}


/* ===== look18 ===== */
#LB24ss1st .look18 {
  width: 40rem;
  margin-top: -40rem;
  margin-left: 78rem;
}

#LB24ss1st .look18_2 .look_wrap {
  display: flex;
  justify-content: flex-start;
  flex-direction: row-reverse;
  align-items: start;
  gap: 27rem;
  margin-top: 4rem;
}

#LB24ss1st .look18_2 .look_first ,
#LB24ss1st .look18_2 .look_second {
  width: 48rem;
}

#LB24ss1st .look18_2 .look_second {
  position: relative;
  margin-top: -8rem;
  z-index: 0;
}

#LB24ss1st .look18_2 .look_second::before {
  position: absolute;
  display: block;
  content: "";
  background: url(../img/look18_bg.jpg) no-repeat;
  background-size: 100%;
  width: 19rem;
  height: 46rem;
  bottom: -17rem;
  right: -10rem;
  z-index: -1;
}


/* ===== look19 ===== */
#LB24ss1st .look19 {
  position: relative;
  margin-top: 27rem;
  margin-left: 10rem;
  z-index: 0;
}

#LB24ss1st .look19::before {
  position: absolute;
  display: block;
  content: "";
  background-color: #f2efeb;
  width: 83rem;
  height: 75rem;
  top: 29rem;
  right: 0;
  z-index: -1;
}

#LB24ss1st .look19 .look_wrap {
  display: flex;
  justify-content: flex-start;
  align-items: start;
  margin-top: 4rem;
}

#LB24ss1st .look19 .look_first ,
#LB24ss1st .look19 .look_second {
  width: 42rem;
}

#LB24ss1st .look19 .look_second {
  position: relative;
  z-index: 0;
}

#LB24ss1st .look19 .credit {
  position: absolute;
  bottom: -0.2rem;
  right: -16rem;
  z-index: 1;
}


/* ===== look20 ===== */
#LB24ss1st .look20 {
  width: 42rem;
  margin-top: 10rem;
  margin-left: 88rem;
}


/* ===== look21 ===== */
#LB24ss1st .look21 {
  width: 44rem;
  margin-top: -52.2rem;
  margin-left: 38rem;
}


/* ===== look22 ===== */
#LB24ss1st .look22 {
  position: relative;
  width: 84rem;
  margin: auto;
  z-index: 0;
}

#LB24ss1st .look22 .look_wrap {
  display: flex;
  justify-content: center;
  align-items: start;
}

#LB24ss1st .look22 .look_first ,
#LB24ss1st .look22 .look_second{
  width: 42rem;
}

#LB24ss1st .look22 .credit {
  position: absolute;
  bottom: -6.8rem;
  left: 0;
  z-index: 1;
}


/* ===== look23 ===== */
#LB24ss1st .look23 {
  position: relative;
  width: 48rem;
  margin-top: 18.4rem;
  margin-left: auto;
  margin-right: auto;
  z-index: 0;
}

#LB24ss1st .look23::before {
  position: absolute;
  display: block;
  content: "";
  background-color: #e9ede4;
  width: 52rem;
  height: 68rem;
  top: -2rem;
  left: -2rem;
  z-index: -1;
}

#LB24ss1st .look23 .credit {
  position: absolute;
  bottom: -2.5rem;
  left: -19.5rem;
  z-index: 1;
}

#LB24ss1st .look23 .slick-dots {
  bottom: -52px !important;
}


/* ===== look24 ===== */
#LB24ss1st .look24 {
  position: relative;
  width: 88rem;
  margin-top: 15rem;
  margin-left: 50%;
  transform: translateX(-56.3%);
  z-index: 0;
}

#LB24ss1st .look24 .look_wrap {
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
  align-items: start;
  gap: 3rem;
}

#LB24ss1st .look24 .look_first {
  position: relative;
  width: 37rem;
  margin-top: 7.3rem;
  z-index: 0;
}

#LB24ss1st .look24 .look_first::before {
  position: absolute;
  display: block;
  content: "";
  background-color: #ffede9;
  width: 29rem;
  height: 29rem;
  bottom: -7.3rem;
  right: -11rem;
  z-index: -1;
}

#LB24ss1st .look24 .look_second {
  width: 48rem;
}


/* ===== stock_btn ===== */
#LB24ss1st .btn_wrap {
  margin-top: 9.2rem;
}  

#LB24ss1st .allItems_btn { 
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.6rem;
  letter-spacing: 0.03em;
  width: 40rem;
  height: 7.2rem;
  margin: auto;
  color: #fffff5;
  background-color: #ed7f7a;
  font-family: var(--font_en-01);
  font-weight: var(--font_en-Bold-weight);
}

#LB24ss1st .page_nav { 
  margin-top: 5.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

#LB24ss1st .page_nav li { 
  font-size: 1.4rem;
  letter-spacing: 0.03em;
  font-family: var(--font_en-01);
  font-weight: var(--font_en-Bold-weight);
  color: #ed7f7a;
  padding: 0 3rem;
  border-right: #ed7f7a solid 0.1rem;
}

#LB24ss1st .page_nav li:nth-last-of-type(1) { 
  border-right: none;
}






/* /////// ⬇︎⬇︎ SP ⬇︎⬇︎ /////// */
@media only screen and (max-width: 767px) {

#LB24ss1st .sp_only {
  display: block !important;
}
#LB24ss1st .pc_only {
  display: none !important;
}

#LB24ss1st .credit {
  position: relative;
  font-size: calc(23 *(100vw/750));
  font-family: var(--font_en-01);
  font-weight: 400;
  line-height: 1.83;
  letter-spacing: 0.03em;
  margin-top: calc(30 *(100vw/750));
  z-index: 0;
}

#LB24ss1st .credit li {
  font-style: normal;
  padding-right: calc(15 *(100vw/750));
}

#LB24ss1st .Contents {
  width: 100%;
  margin: auto;
  padding-bottom: calc(188 *(100vw/750));
}


/* ===== slick ===== */
.slick-dots li.slick-active button {
  background: #000 !important;
}
.slider {
  margin: auto;
  width: 100%;
}
.slick-dots li button:before {
  font-size: calc(18 *(100vw/750)) !important;
  line-height: 1;
  width: calc(18 *(100vw/750)) !important;
  height: calc(18 *(100vw/750)) !important;
  opacity: 0.8 !important;
  color: #000 !important;
  line-height: calc(18 *(100vw/750)) !important;
}
.slick-dots {
  position: relative;
  text-align: left !important;
  bottom: 0 !important;
  margin: calc(28 *(100vw/750)) 0 0 0px;
}
.slick-dots li {
  width: calc(18 *(100vw/750)) !important;
  height: calc(18 *(100vw/750)) !important;
  margin: 0 calc(15 *(100vw/750)) 0 0 !important;
}
.slick-dots li button {
  width: calc(18 *(100vw/750)) !important;
  height: calc(18 *(100vw/750)) !important;
  padding: 0 !important;
  background: #80807e;
  border: none;
  border-radius: 100%;
}
.slick-dotted.slick-slider {
  margin-bottom: calc(31 *(100vw/750)) !important;
}

.slider .slick-slide {
  margin-left: 0;
}

/* .slider .slick-track a {
  width: calc(640 *(100vw/750));
  position: relative;
  left: calc(-640 *(100vw/750));
  top: 0px;
  z-index: 999;
  opacity: 1;
} */

.slider2 .slick-slide {
  margin-right: calc(7 * (100vw / 750)) !important;
  margin-left: calc(7 * (100vw / 750)) !important;
}

/* #LB24ss1st .look5 .look_wrap li {
  width: calc(640 *(100vw/750)) !important;
} */

/* .slider2 .slick-track {
  left: -45px;
} */

/* ===== mv ===== */
#LB24ss1st .mv {
  width: 100%;
  margin: auto;
  padding: calc(30 *(100vw/750)) 0 calc(70 *(100vw/750));
  background: url(../img/mv_bg_sp.jpg) no-repeat;
  background-size: cover;
  border: #25333a solid 2px;
}

#LB24ss1st .mv .mv__img {
  width: calc(694 *(100vw/750));
  margin: auto;
}

#LB24ss1st .mv h4 {
  font-size: calc(44 *(100vw/750));
}

#LB24ss1st .mv_text_blk {
  width: calc(694 *(100vw/750));
  margin: calc(40 *(100vw/750)) auto 0;
  background-color: #fff;
  padding: calc(84 *(100vw/750)) 0 calc(30 *(100vw/750));
}

#LB24ss1st .mv .mv__text {
  font-size: calc(26 *(100vw/750));
  margin-top: calc(47 *(100vw/750));
}

#LB24ss1st .campaign_blk {
  width: calc(634 *(100vw/750));
  border: #ed7f7a solid 1px;
  padding: calc(50 *(100vw/750)) 0;
  text-align: center;
  margin: calc(60 *(100vw/750)) auto 0;
}

#LB24ss1st .campaign_blk .subttl {
  font-size: calc(30 *(100vw/750));
}

#LB24ss1st .campaign_blk .ttl {
  position: relative;
  display: inline-block;
  font-size: calc(50 *(100vw/750));
  font-family: var(--font_en-01);
  font-weight: var(--font_en-Bold-weight);
  color: #ed7f7a;
  margin-top: calc(0 *(100vw/750));
}

#LB24ss1st .campaign_blk .ttl::before {
  position: absolute;
  display: block;
  content: "";
  width: calc(538 *(100vw/750));
  height: calc(2 *(100vw/750));
  background: #ed7f7a;
  bottom: calc(2 *(100vw/750));
  left: 0;
}

#LB24ss1st .campaign_blk .ttl span {
  display: inline-block;
  font-size: calc(66 *(100vw/750));
}

#LB24ss1st .campaign_blk .text {
  font-size: calc(24 *(100vw/750));
  line-height: 1.45;
  letter-spacing: 0.1em;
  font-family: "yu-gothic-pr6n", sans-serif;
  margin-top: calc(40 *(100vw/750));
}

#LB24ss1st .campaign_blk .subtext {
  font-size: calc(20 *(100vw/750));
  line-height: 1.45;
  letter-spacing: 0.06em;
  font-family: "yu-gothic-pr6n", sans-serif;
  margin-top: calc(40 *(100vw/750));
}


/* ===== sec1 ===== */
#LB24ss1st .sec1 {
  width: 100%;
  margin: auto;
  padding-left: 0;
}

/* ===== sec2 ===== */
#LB24ss1st .sec2 {
  margin-top: calc(156 *(100vw/750));
  padding-top: calc(120 *(100vw/750));
  padding-bottom: calc(123 *(100vw/750));
  background: linear-gradient( to bottom, #f7f6eb 100% 100%, #fff 100% 100% );
}
#LB24ss1st .sec2 .inner {
  width: 100%;
  margin: 0;
  padding-right: 0;
}

/* ===== sec3 ===== */
#LB24ss1st .sec3 {
  width: 100%;
  margin: calc(120 *(100vw/750)) auto 0;
}

/* ===== sec4 ===== */
#LB24ss1st .sec4 {
  margin-top: calc(108 *(100vw/750));
  background: linear-gradient( to bottom, #fff 7% 7%, #fffff5 7% 100% );
  padding-bottom: calc(160 *(100vw/750));
}


/* ===== look1 ===== */
#LB24ss1st .look1 {
  position: relative;
  width: calc(690 *(100vw/750));
  margin-top: calc(117 *(100vw/750));
  margin-left: auto;
  margin-right: auto;
  z-index: 0;
}

#LB24ss1st .look1::before {
  position: absolute;
  display: block;
  content: "";
  width: 100vw;
  height: calc(1152 *(100vw/750));
  background-color: #fffff5;
  top: calc(420 *(100vw/750));
  left: 0;
  z-index: -1;
}

#LB24ss1st .look1::after {
  position: absolute;
  display: block;
  content: "";
  width: 100vw;
  height: calc(1152 *(100vw/750));
  background-color: #fffff5;
  top: calc(420 *(100vw/750));
  right: 0;
  z-index: -1;
}

#LB24ss1st .look1_wrap {
  display: flex;
  justify-content: center;
  align-items: start;
  gap: 3rem;
  margin-left: 5rem;
}

#LB24ss1st .look1_wrap .look_first {
  width: 47.5rem;
  border: #000 solid 0.3rem;
}

#LB24ss1st .look1_wrap .look_second {
  width: 40rem;
  margin-top: 24.5rem;
}

#LB24ss1st .look1_wrap .credit {
  width: auto;
  margin-left: auto;
  text-align: right;
}

#LB24ss1st .look1_wrap .credit li {
  margin-left: 0.5rem;
}


/* ===== look2 ===== */
#LB24ss1st .look2 {
  width: 100%;
  margin: calc(108 *(100vw/750)) auto;
  padding-left: 0;
}

#LB24ss1st .look2 .look_wrap {
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
  align-items: start;
  gap: 0;
  margin-left: auto;
  flex-wrap: wrap;
}

#LB24ss1st .look2 .look_wrap .look_first {
  position: relative;
  width: calc(630 *(100vw/750));
  margin-left: auto;
  z-index: 1;
}

#LB24ss1st .look2 .look_wrap .look_second {
  position: relative;
  width: calc(480 *(100vw/750));
  margin-top: calc(107 *(100vw/750));
  margin-left: calc(-210 *(100vw/750));
  z-index: 0;
}

#LB24ss1st .look2 .look_wrap .look_second::before {
  position: absolute;
  display: block;
  content: "";
  width: calc(480 *(100vw/750));
  height: calc(480 *(100vw/750));
  background: url(../img/look2_bg.jpg) no-repeat;
  background-size: 100%;
  top: calc(-40 *(100vw/750));
  right: calc(-40 *(100vw/750));
  z-index: -1;
}


/* ===== look3 ===== */
#LB24ss1st .look3 {
  width: 100%;
  margin: calc(125 *(100vw/750)) auto 0;
}

#LB24ss1st .look3 .look_wrap {
  display: flex;
  justify-content: center;
  align-items: start;
  gap: 0;
  margin-left: 0;
  flex-wrap: wrap;
}

#LB24ss1st .look3 .look_wrap .look_first {
  position: relative;
  width: calc(650 *(100vw/750));
  z-index: 1;
}

#LB24ss1st .look3 .look_wrap .look_second {
  position: relative;
  width: calc(590 *(100vw/750));
  margin-top: calc(37 *(100vw/750));
  margin-right: auto;
  z-index: 0;
}

#LB24ss1st .look3 .look_wrap .look_second::before {
  position: absolute;
  display: block;
  content: "";
  width: calc(324 *(100vw/750));
  height: calc(850 *(100vw/750));
  background-color: #fff4e3;
  top: calc(-240 *(100vw/750));
  right: calc(-160 *(100vw/750));
  z-index: -1;
}

#LB24ss1st .look3 .credit {
  position: absolute;
  display: block;
  bottom: calc(25 *(100vw/750));
  right: calc(-145 *(100vw/750));
  z-index: 1;
}


/* ===== look4 ===== */
#LB24ss1st .look4 {
  position: relative;
  margin: calc(200 *(100vw/750)) auto 0;
  z-index: 0;
}

#LB24ss1st .look4::before {
  position: absolute;
  display: block;
  content: "";
  background: url(../img/look4_bg_sp.jpg) no-repeat;
  background-size: 100%;
  width: calc(750 *(100vw /750));
  height: calc(2648 *(100vw/750));
  top: calc(-83 *(100vw/750));
  left: calc(375 *(100vw/750));
  z-index: -1;
}

#LB24ss1st .look4 .look_wrap {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: start;
  gap: 0;
  margin: auto;
  flex-wrap: wrap;
}

#LB24ss1st .look4 .look_wrap .look_first {
  position: relative;
  width: calc(690 *(100vw/750));
  z-index: 1;
}

#LB24ss1st .look4 .look_wrap .look_second {
  position: relative;
  width: calc(590 *(100vw/750));
  margin-top: calc(-70 *(100vw/750));
  z-index: 1;
}

#LB24ss1st .look4 .look_wrap .look_third {
  position: relative;
  width: calc(504 *(100vw/750));
  z-index: 2;
  border: #fff solid calc(14 *(100vw/750));
  border-top: none;
  border-right: none;
  margin-top: calc(65 *(100vw/750));
  margin-left: auto;
}

#LB24ss1st .sub_look_wrap {
  display: flex;
  justify-content: center;
  flex-direction: column-reverse;
  align-items: start;
  flex-wrap: wrap;
}

#LB24ss1st .wrap_blk_first {
  margin-left: 0;
}

#LB24ss1st .wrap_blk_second {
  width: 100%;
}


/* ===== look5 ===== */
#LB24ss1st .look5 {
  width: 100%;
  margin: calc(200 *(100vw/750)) auto 0;
}

#LB24ss1st .look5 .look_wrap {
  display: flex;
  justify-content: center;
  align-items: start;
  gap: calc(15 *(100vw/750));
}

#LB24ss1st .look5 .credit {
  margin-left: calc(30 *(100vw/750));
}


/* ===== look6 ===== */
#LB24ss1st .look6 {
  margin: calc(110 *(100vw/750)) auto 0;
}

#LB24ss1st .look6 .look_wrap {
  display: flex;
  justify-content: center;
  align-items: start;
  gap: 0;
  margin-left: 0;
  flex-wrap: wrap;
}

#LB24ss1st .look6 .look_wrap .look_first {
  position: relative;
  width: calc(690 *(100vw/750));
  z-index: 1;
}

#LB24ss1st .look6 .look_wrap .look_second {
  position: relative;
  width: calc(580 *(100vw/750));
  margin-top: calc(70 *(100vw/750));
  margin-left: calc(-40 *(100vw/750));
  z-index: 0;
}

#LB24ss1st .look6 .look_wrap .look_second::before {
  position: absolute;
  display: block;
  content: "";
  width: calc(580 *(100vw/750));
  height: calc(772 *(100vw/750));
  background-color: #e3f6ff;
  top: calc(40 *(100vw/750));
  right: calc(-40 *(100vw/750));
  z-index: -1;
}


/* ===== look7 ===== */
#LB24ss1st .look7 {
  position: relative;
  width: calc(690 *(100vw/742));
  margin: auto;
  z-index: 0;
}

#LB24ss1st .look7 .look_img {
  border: none;
}

/* #LB24ss1st .look7 .look_img img {
  border: #000 solid calc(5 *(100vw/750));
} */

#LB24ss1st .look7 .credit {
  display: flex;
  position: absolute;
  bottom: calc(-110 *(100vw/750));
  right: calc(0 *(100vw/750));
  z-index: 1;
  flex-wrap: wrap;
}




/* ===== look8 ===== */
#LB24ss1st .look8 {
  position: relative;
  width: calc(600 *(100vw/750));
  margin-top: calc(216 *(100vw/750));
  margin-left: calc(25 *(100vw/750));
  z-index: 0;
}

#LB24ss1st .look8 .credit {
  display: flex;
  position: absolute;
  bottom: calc(-160 *(100vw/750));
  right: calc(40 *(100vw/750));
  z-index: 1;
  flex-wrap: wrap;
}


/* ===== look9 ===== */
#LB24ss1st .look9 {
  margin-top: calc(270 *(100vw/750));
  margin-left: 0;
}

#LB24ss1st .look9 .look_wrap {
  display: flex;
  justify-content: center;
  align-items: start;
  gap: 0;
  margin-left: auto;
  flex-wrap: wrap;
}

#LB24ss1st .look9 .look_wrap .look_first {
  position: relative;
  width: calc(540 *(100vw/750));
  margin-left: auto;
  z-index: 1;
}

#LB24ss1st .look9 .look_wrap .look_second {
  position: relative;
  width: calc(660 *(100vw/750));
  margin-top: calc(77 *(100vw/750));
  z-index: 0;
}

#LB24ss1st .look9 .credit {
  position: absolute;
  bottom: calc(25 *(100vw/750));
  left: calc(-180 *(100vw/750));
  z-index: 1;
}


/* ===== look10 ===== */
#LB24ss1st .look10 {
  position: relative;
  width: calc(690 *(100vw /750));
  margin-left: calc(30 *(100vw/750));
  z-index: 0;
}


/* ===== look11 ===== */
#LB24ss1st .look11 {
  margin-top: calc(110 *(100vw/750));
  margin-left: auto;
}

#LB24ss1st .look11 .look_wrap {
  position: relative;
  display: flex;
  justify-content: flex-start;
  flex-direction: row-reverse;
  align-items: start;
  flex-wrap: wrap;
  z-index: 1;
}

#LB24ss1st .look11 .look_first ,
#LB24ss1st .look11 .look_second  {
  position: relative;
  width: calc(580 *(100vw/750));
  z-index: 0;
}

#LB24ss1st .look11 .look_first::before {
  position: absolute;
  display: block;
  content: "";
  background: url(../img/look11_bg_sp.svg) no-repeat;
  background-size: 100%;
  width: calc(31 *(100vw/750));
  height: calc(750 *(100vw/750));
  top: 0;
  left: calc(-140 *(100vw/750));
  z-index: 2;
}

#LB24ss1st .look11_2 {
  position: relative;
  width: 100%;
  margin-top: calc(80 *(100vw/750));
  margin-left: 0;
  z-index: 0;
}

#LB24ss1st .look11_2::before {
  position: absolute;
  display: block;
  content: "";
  width: calc(626 *(100vw/750));
  height: calc(1900 *(100vw/750));
  background-color: #edf2f7;
  bottom: calc(-110 *(100vw/750));
  left: calc(0 *(100vw/750));
  z-index: -1;
}

#LB24ss1st .look11_2 .slick-dots {
  margin: calc(30 *(100vw/750)) 0 0 calc(30 *(100vw/750));
}

#LB24ss1st .look11_2 .credit {
  margin-left: calc(30 *(100vw/750));
}


/* ===== look12 ===== */
#LB24ss1st .look12 {
  margin-top: calc(230 *(100vw/750));
}

#LB24ss1st .look12 .look_wrap {
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
  align-items: start;
  gap: 0;
  margin-left: 0;
  flex-wrap: wrap;
}

#LB24ss1st .look12 .look_first {
  width: calc(620 *(100vw/750));
}

#LB24ss1st .look12 .look_second {
  position: relative;
  width: calc(560 *(100vw/750));
  z-index: 0;
  margin-top: calc(80 *(100vw/750));
  margin-left: auto;
}

#LB24ss1st .look12 .credit {
  position: absolute;
  bottom: calc(25 *(100vw/750));
  left: calc(-160 *(100vw/750));
  z-index: 1;
}


/* ===== look13 ===== */
#LB24ss1st .look13 {
  margin-top: calc(110 *(100vw/750));
}

#LB24ss1st .look13 .look_wrap {
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
  align-items: start;
  gap: 0;
  flex-wrap: wrap;
}

#LB24ss1st .look13 .look_first {
  position: relative;
  width: calc(580 *(100vw/750));
  margin-top: calc(10 *(100vw/750));
  z-index: 1;
}

#LB24ss1st .look13 .look_second {
  position: relative;
  width: 100%;
  z-index: 0;
  margin-top: calc(-40 *(100vw/750));
}

#LB24ss1st .look13 .credit {
  margin-left: calc(30 *(100vw/750));
}


/* ===== look14 ===== */
#LB24ss1st .look14 {
  margin-top: calc(105 *(100vw/750));
  background: url(../img/look14_bg_sp.jpg) no-repeat;
  background-size: cover;
  padding: calc(40 *(100vw/750)) 0 calc(30 *(100vw/750));
}

#LB24ss1st .look14 .look_wrap {
  display: flex;
  justify-content: center;
  align-items: start;
  gap: 0;
  flex-wrap: wrap;
  background: #fff;
  width: calc(690 *(100vw/750));
  margin: auto;
  padding: calc(0 *(100vw/750)) 0 calc(30 *(100vw/750));
}

#LB24ss1st .look14 .look_first {
  position: relative;
  width: calc(669.5 *(100vw/750));
  margin-top: 0;
  z-index: 0;
}

#LB24ss1st .look14 .look_first img {
  border: none;
}

#LB24ss1st .look14 .look_first::before {
  position: absolute;
  display: none;
  content: "";
  background: url(../img/look14_bg_sp.jpg) no-repeat;
  background-size: 100%;
  width: calc(750 *(100vw/750));
  height: calc(2085 *(100vw/750));
  top: 0;
  left: 0;
  z-index: -1;
}

#LB24ss1st .look14 .look_second {
  width: calc(670 *(100vw/750));
}


/* ===== look15 ===== */
#LB24ss1st .look15 {
  margin-top: calc(120 *(100vw/750));
}

#LB24ss1st .look15 .look_wrap {
  display: flex;
  justify-content: flex-start;
  align-items: start;
  gap: 0;
  margin-left: 0;
  flex-wrap: wrap;
}

#LB24ss1st .look15 .look_first {
  width: calc(640 *(100vw/750));
  margin-left: calc(30 *(100vw/750));
}

#LB24ss1st .look15 .look_second {
  width: calc(550 *(100vw/750));
  margin-top: calc(70 *(100vw/750));
  margin-left: auto;
}


/* ===== look16 ===== */
#LB24ss1st .look16 {
  margin-top: calc(90 *(100vw/750));
}

#LB24ss1st .look16 .look_wrap {
  display: flex;
  justify-content: center;
  align-items: start;
  gap: 0;
  margin-right: 0;
  flex-wrap: wrap;
}

#LB24ss1st .look16 .look_first {
  width: calc(660 *(100vw/750));
}

#LB24ss1st .look16 .look_second {
  position: relative;
  width: calc(580 *(100vw/750));
  margin-top: calc(65 *(100vw/750));
  margin-left: auto;
  z-index: 1;
}


/* ===== look17 ===== */
#LB24ss1st .look17 {
  position: relative;
  margin-top: calc(120 *(100vw/750));
  z-index: 0;
}

#LB24ss1st .look17::before {
  position: absolute;
  display: block;
  content: "";
  width: calc(240 *(100vw/750));
  height: calc(1650 *(100vw/750));
  background-color: #fff9ee;
  top: calc(-495 *(100vw/750));
  left: calc(0 *(100vw/750));
  z-index: -1;
}

#LB24ss1st .look17 .look_wrap {
  width: calc(690 *(100vw/750));
  margin-left: calc(30 *(100vw/750));
}


/* ===== look18 ===== */
#LB24ss1st .look18 {
  width: calc(480 *(100vw/750));
  margin-top: calc(195 *(100vw/750));
  margin-left: calc(30 *(100vw/750));
}

#LB24ss1st .look18_2 .look_wrap {
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
  align-items: start;
  gap: 0;
  margin-top: calc(38 *(100vw/750));
  flex-wrap: wrap;
}

#LB24ss1st .look18_2 .look_first {
  width: calc(620 *(100vw/750));
  margin-left: auto;
}

#LB24ss1st .look18_2 .look_second {
  position: relative;
  width: calc(590 *(100vw/750));
  margin-top: calc(80 *(100vw/750));
  margin-left: calc(-60 *(100vw/750));
  z-index: 0;
}

#LB24ss1st .look18_2 .look_second::before {
  position: absolute;
  display: block;
  content: "";
  background: url(../img/look18_bg.jpg) no-repeat;
  background-size: 100%;
  width: calc(280 *(100vw/750));
  height: calc(677 *(100vw/750));
  bottom: calc(-60 *(100vw/750));
  right: calc(-110 *(100vw/750));
  z-index: -1;
}


/* ===== look19 ===== */
#LB24ss1st .look19 {
  position: relative;
  margin-top: calc(190 *(100vw/750));
  margin-left: calc(110 *(100vw/750));
  z-index: 0;
}

#LB24ss1st .look19::before {
  position: absolute;
  display: block;
  content: "";
  background-color: #f2efeb;
  width: calc(750 *(100vw/750));
  height: calc(2196 *(100vw/750));
  top: calc(542 *(100vw/750));
  right: 0;
  z-index: -1;
}

#LB24ss1st .look19 .look_wrap {
  display: flex;
  justify-content: center;
  align-items: start;
  margin-top: 0;
  flex-wrap: wrap;
}

#LB24ss1st .look19 .look_first {
  width: calc(580 *(100vw/750));
}

#LB24ss1st .look19 .look_second {
  position: relative;
  width: calc(520 *(100vw/750));
  margin-top: calc(40 *(100vw/750));
  margin-left: calc(-280 *(100vw/750));
  z-index: 0;
}

#LB24ss1st .look19 .credit {
  position: absolute;
  bottom: calc(25 *(100vw/750));
  right: calc(-185 *(100vw/750));
  z-index: 1;
}


/* ===== look20 ===== */
#LB24ss1st .look20 {
  width: calc(600 *(100vw/750));
  margin-top: calc(120 *(100vw/750));
  margin-left: calc(120 *(100vw/750));
}

#LB24ss1st .look20 .credit {
  white-space: nowrap;
}


/* ===== look21 ===== */
#LB24ss1st .look21 {
  width: calc(690 *(100vw/750));
  margin-top: calc(230 *(100vw/750));
  margin-left: auto;
  margin-right: auto;
}


/* ===== look22 ===== */
#LB24ss1st .look22 {
  position: relative;
  width: 100%;
  margin: auto;
  z-index: 0;
}

#LB24ss1st .look22 .look_wrap {
  display: flex;
  justify-content: center;
  align-items: start;
  flex-wrap: wrap;
}

#LB24ss1st .look22 .look_first{
  width: calc(560 *(100vw /750));
  margin-left: calc(-130 *(100vw/750));
}

#LB24ss1st .look22 .look_second{
  width: calc(570 *(100vw/750));
  margin-top: calc(40 *(100vw/750));
  margin-left: auto;
}

#LB24ss1st .look22 .credit {
  position: absolute;
  bottom: calc(25 *(100vw/750));
  left: calc(30 *(100vw/750));
  z-index: 1;
}


/* ===== look23 ===== */
#LB24ss1st .look23 {
  position: relative;
  width: calc(690 *(100vw/750));
  margin-top: calc(150 *(100vw/750));
  margin-left: auto;
  margin-right: auto;
  z-index: 0;
}

#LB24ss1st .look23::before {
  position: absolute;
  display: block;
  content: "";
  background-color: #e9ede4;
  width: calc(7500 *(100vw/750));
  height: calc(980 *(100vw/750));
  top: calc(-30 *(100vw/750));
  left: calc(-30 *(100vw/750));
  z-index: -1;
}

#LB24ss1st .look23 .credit {
  position: absolute;
  bottom: calc(-168 *(100vw/750));
  left: calc(0 *(100vw/750));
  z-index: 1;
  white-space: nowrap;
}

#LB24ss1st .look23 .slick-dots {
  bottom: calc(-52 *(100vw/750))!important;
  margin: calc(10 *(100vw/750)) 0 0 0;
}


/* ===== look24 ===== */
#LB24ss1st .look24 {
  position: relative;
  width: 100%;
  margin-top: calc(274 *(100vw/750));
  margin-left: 0;
  z-index: 0;
  transform: none;
}

#LB24ss1st .look24 .look_wrap {
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
  align-items: start;
  gap: 0;
  flex-wrap: wrap;
}

#LB24ss1st .look24 .look_first {
  position: relative;
  width: calc(490 *(100vw/750));
  margin-top: calc(0 *(100vw/750));
  z-index: 0;
}

#LB24ss1st .look24 .look_first::before {
  position: absolute;
  display: block;
  content: "";
  background-color: #ffede9;
  width: calc(490 *(100vw/750));
  height: calc(653 *(100vw/750));
  bottom: calc(-40 *(100vw/750));
  right: calc(-40 *(100vw/750));
  z-index: -1;
}

#LB24ss1st .look24 .look_second {
  width: calc(660 *(100vw/750));
  margin-top: calc(120 *(100vw/750));
}

#LB24ss1st .look24 .credit {
  margin-left: calc(45 *(100vw/750));
}



/* ===== stock_btn ===== */
#LB24ss1st .btn_wrap {
  margin-top: calc(138 *(100vw/750));
}  

#LB24ss1st .allItems_btn { 
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: calc(30 *(100vw/750));
  letter-spacing: 0.03em;
  width: calc(690 *(100vw/750));
  padding: calc(58 *(100vw/750)) 0 calc(65 *(100vw/750));
  margin: auto;
  color: #fffff5;
  background-color: #ed7f7a;
  font-family: var(--font_en-01);
  font-weight: var(--font_en-Bold-weight);
}

#LB24ss1st .page_nav { 
  margin-top: calc(66 *(100vw/750));
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  row-gap: calc(30 *(100vw/750));
}

#LB24ss1st .page_nav li { 
  font-size: calc(26 *(100vw/750));
  letter-spacing: 0.03em;
  font-family: var(--font_en-01);
  font-weight: var(--font_en-Bold-weight);
  color: #ed7f7a;
  padding: 0 calc(40 *(100vw/750));
  border-right: #ed7f7a solid calc(1 *(100vw/750));
}

#LB24ss1st .page_nav li:nth-last-of-type(1) ,
#LB24ss1st .page_nav li:nth-of-type(4) { 
  border-right: none;
}

}



/***************************** animation *****************************/
#LB24ss1st .js_fade,
#LB24ss1st .js_mv_fade {
  visibility: hidden;
  opacity: 0;
  transform: translate(0, 0);
  transition: ease-in, opacity 1000ms, transform 1000ms;
}
#LB24ss1st .js_fade.active,
#LB24ss1st .js_mv_fade.active,
#LB24ss1st .js_fadeUp.active,
#LB24ss1st .js_fadeLeft.active {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}

#LB24ss1st .look_second.js_mv_fade.active {
  transition-delay: .8s;
}

#LB24ss1st .js_fadeUp{
  visibility: hidden;
  opacity: 0;
  transform: translate(0, 30%);
  transition: ease-in, opacity 1000ms, transform 1000ms;
}

#LB24ss1st .js_fadeLeft{
  visibility: hidden;
  opacity: 0;
  transform: translate(30%, 0);
  transition: ease-in, opacity 1000ms, transform 1000ms;
}
/***************************** animation *****************************/