@charset "UTF-8";
@media (max-width: 767px) {
  .main-area .main-inner {
    width: 100%;
  }
}
/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡ ▼ 共通設定 ▼ ≡≡≡≡≡≡≡≡≡≡≡≡≡
------------------------------------*/

/* Sigurd Light
font-family: "sigurd", sans-serif;
font-weight: 300;
font-style: normal;

Pragmatica
font-family: "pragmatica", sans-serif;
font-weight: 400;
font-style: normal; */

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

.LB240628latesummer {
  --color-black: #32323;
  --color-gray: #898886;
  --color-white: #ffffff;
  --font-ja:  "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  --font-en01: "sigurd", sans-serif;
  --font-en02: "pragmatica", sans-serif;
  --opacity10: 0.1;
  --opacity30: 0.3;
  --opacity70: 0.7;
  color: var(--color-black);
  background-color: var(--color-white);
  width: 100%;
  overflow: hidden;
  font-feature-settings: "palt";
  margin-top: 2.5rem;
}
.LB240628latesummer .font-ja{
  font-family: var(--font-ja);
  font-size: 1.4rem;
  letter-spacing: 0.06em;
  line-height: 2;
  text-align: center;
}
.LB240628latesummer .font-en01{
  font-family: var(--font-en01);
  font-size: 5.8rem;
  line-height: 0.8717948718;
}
.LB240628latesummer .font-en02{
  font-family: var(--font-en02);
  font-size: 1.2rem;
  letter-spacing: 0.02em;
}
.LB240628latesummer img,
.LB240628latesummer a{
  display: inline-block;
  width: 100%;
  height: auto;
}

.LB240628latesummer span{
  display: block;
}
.LB240628latesummer li{
  list-style: none;
}
.LB240628latesummer .bgWhite {
  background: #fff;
  position: relative;
  transition: opacity 1.5s;
}
.LB240628latesummer .txt-right{
  text-align: right;
  padding-top: 0.4rem;
}
.LB240628latesummer .txt-left{
  text-align: left;
}
.LB240628latesummer .credit__list{
  display: flex;
}
.LB240628latesummer .firstview,
.LB240628latesummer .style01,
.LB240628latesummer .style02{
  max-width: 109rem;
  margin: 0 auto;
}

.LB240628latesummer .style01,
.LB240628latesummer .style02,
.LB240628latesummer .style03,
.LB240628latesummer .style04,
.LB240628latesummer .style05{
  padding-bottom: 11rem;
}

.LB240628latesummer .credit__list{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.2rem 0.8rem;
}

@media (max-width: 767px) {
  .LB240628latesummer {
    margin-bottom: calc(193* 100vw / 750);
    margin-top: calc(-8* 100vw / 750);
  }
  .LB240628latesummer .font-ja{
    font-size: calc(25* (100vw / 750));

  }
  .LB240628latesummer .font-en01{
    font-size: calc(88* (100vw / 750));
    line-height: 0.9318181818;
  }
  .LB240628latesummer .font-en02{
    font-size: calc(23* (100vw / 750));
  }

  .LB240628latesummer .pcOnly {
    display: none;
  }
  .LB240628latesummer .spOnly {
    display: block;
  }
  .LB240628latesummer .txt-right{
    padding-top: calc(1* (100vw / 750));
  }

  .LB240628latesummer .firstview,
  .LB240628latesummer .style01,
  .LB240628latesummer .style02,
  .LB240628latesummer .style04{
    max-width: 100%;
  }
  .LB240628latesummer .style01,
  .LB240628latesummer .style02,
  .LB240628latesummer .style03,
  .LB240628latesummer .style05{
    padding-bottom: calc(150* (100vw / 750));
  }
  .LB240628latesummer .credit__list{
    gap: calc(14*(100vw / 750)) calc(15*(100vw / 750));
  }
}
/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡ ▲ 共通設定 ▲ ≡≡≡≡≡≡≡≡≡≡≡≡≡
------------------------------------*/
/* ▼ ------- first view ------- ▼  */
.LB240628latesummer .firstview{
  margin-bottom: 5.4rem;
}
.LB240628latesummer .firstview__title--large{
  width: 41.2rem;
  margin: 3rem auto 2.5rem;
}
.LB240628latesummer .firstview__lead{
  font-size: 1.6rem;
  letter-spacing: 0.06em;
  line-height: 1.75;
}
@media (max-width: 767px) {
  .LB240628latesummer .firstview{
    margin-bottom: calc(90* (100vw / 750));
  }
  .LB240628latesummer .firstview__title--large{
    width: calc(529* (100vw / 750));
    margin: calc(40* (100vw / 750)) auto calc(53* (100vw / 750));
  }
  .LB240628latesummer .firstview__lead{
    font-size: calc(25* (100vw / 750));
  }
}
/* ▲ ------- first view ------- ▲ */
/* ▼ ------- style01 ------- ▼  */

.LB240628latesummer .style01__img01,
.LB240628latesummer .style01__img02{
  width: 43rem;
}
.LB240628latesummer .style01__inner{
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
}
.LB240628latesummer .style01__ttl{
  color: #40516A;
  opacity: var(--opacity30);
  width: 63.2rem;
  margin: 4rem auto 0;
}
.LB240628latesummer .style01__dscrptn{
  margin-top: 2.4rem;
  margin-bottom: 3.4rem;
}
.LB240628latesummer .style01__credit{
  width: 50rem;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .LB240628latesummer .style01__inner{
    flex-direction: column;
    width: 100% ;
  }
  .LB240628latesummer .style01__ttl{
    position: absolute;
    top: calc(-66.5*(100vw / 750));
    right: calc(20*(100vw / 750));
    z-index: 1;
    height: calc(959* (100vw / 750));
    margin: 0;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-text-orientation: sideways;
    text-orientation: sideways;
  }
  .LB240628latesummer .style01 .txt-left {
    letter-spacing: 0.009em;
    word-spacing:calc(-5.2* (100vw / 750));
  }
  .LB240628latesummer .style01__dscrptn {
    margin-top: calc(79* (100vw / 750));
    margin-bottom: calc(45*(100vw / 750));
  }
  .LB240628latesummer .style01__img01{
    width: calc(670* (100vw / 750));
    margin: 0 auto;
  }
  .LB240628latesummer .style01__img02{
    position: relative;
    width: 100%;
  }
  .LB240628latesummer .style01__model-img{
    width: calc(550* (100vw / 750));
    margin: calc(70*(100vw / 750)) auto 0 calc(40*(100vw / 750));
  }
  .LB240628latesummer .style01__credit{
    width: calc(610* (100vw / 750));
  }
}
/* ▲ ------- style01 ------- ▲ */
/* ▼ ------- style02 ------- ▼  */
.LB240628latesummer .style02{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10rem;
}
.LB240628latesummer .style02__img01-cont{
  position: relative;
  top: -7.3rem;
}
.LB240628latesummer .color-decor01{
  width: 48rem;
  height: 72rem;
  background-color: #F9F0E1;
  opacity: var(--opacity30);
}
.LB240628latesummer .style02__img01{
  width: 48rem;
  position: absolute;
  top: 6.4rem;
  left: 7rem;
}
.LB240628latesummer .style02__dtl {
  width: 44rem;
}
.LB240628latesummer .style02__dscrptn {
  margin-top: 7rem;
  margin-bottom: 3.4rem;
}
.LB240628latesummer .style02__ttl{
  color: #D8BE88;
  opacity: var(--opacity30);
  position: relative;
  top: 0.5rem;
  width: 40.2rem;
  z-index: 1;
}
.LB240628latesummer .style02 .txt-left {
  letter-spacing: 0.0178em;
  word-spacing: -0.3rem;
}
.LB240628latesummer .style02__credit{
  width: 34.6rem;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .LB240628latesummer .style02{
    display: block;
    padding-bottom: calc(154*(100vw / 750));
  }
  .LB240628latesummer .style02__img01-cont{
    top: calc(-105* (100vw / 750));
  }
  .LB240628latesummer .color-decor01{
    width: calc(680* (100vw / 750));
    height: calc(1020* (100vw / 750));
  }
  .LB240628latesummer .style02__img01{
    top: calc(80* (100vw / 750));
    left: calc(70* (100vw / 750));
    width: calc(680* (100vw / 750));
  }
  .LB240628latesummer .style02__dtl{
    width: 100%;
  }
  .LB240628latesummer .style02__dscrptn {
    margin-top: calc(52* (100vw / 750));
    margin-bottom: calc(47*(100vw / 750));
  }
  .LB240628latesummer .style02__ttl{
    width: calc(610*(100vw / 750));
    margin-left: calc(20*(100vw / 750));
    z-index: 1;
  }
  .LB240628latesummer .style02 .txt-left {
    letter-spacing: 0.0178em;
    word-spacing: calc(-6*(100vw / 750));
}
  .LB240628latesummer .style02__credit{
    width: calc(662* (100vw / 750));
  }
}
/* ▲ ------- style02 ------- ▲ */
/* ▼ ------- style03 ------- ▼  */
.LB240628latesummer .style03{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  width: 110rem;
  margin: 0 auto;
}
.LB240628latesummer .style03__img01-cont{
  position: relative;
}
.LB240628latesummer .color-decor02{
  position: absolute;
  top: 10.5rem;
  left: -11rem;
}
.LB240628latesummer .style03__ttl{
  color: #BCAF57;
  opacity: var(--opacity30);
  margin-top: 0.5rem;
}
.LB240628latesummer .style03__img01{
  width: 43rem;
}
.LB240628latesummer .color-decor02{
  width: 24rem;
  height: 60rem;
  opacity: var(--opacity10);
  background-color: #BCAF57;
}
.LB240628latesummer .style03__dscrptn{
  margin-top: 2.5rem;
  margin-bottom: 3.3rem;
}
.LB240628latesummer .style03__credit {
  width: 25.8rem;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .LB240628latesummer .style03{
    display: block;
    width: 100%;
  }
  .LB240628latesummer .style03__inner{
    margin-bottom: calc(60*(100vw / 750));
  }
  .LB240628latesummer .color-decor02{
    top: calc(380* (100vw / 750));
    left: 0;
  }
  .LB240628latesummer .style03__img01{
    width: calc(600* (100vw / 750));
    margin: 0 auto;
  }
  .LB240628latesummer .color-decor02{
    width: calc(290* (100vw / 750));
    height: calc(820* (100vw / 750));
  }
  .LB240628latesummer .style03__dscrptn{
    margin-top: calc(64* (100vw / 750));
    margin-bottom: calc(46* (100vw / 750));
  }
  .LB240628latesummer .style03__ttl{
    text-align: center;
    letter-spacing: 0.002em;
  }
  .LB240628latesummer .style03__credit {
    width: calc(494*(100vw / 750));
    margin: 0 auto;
  }
}
/* ▲ ------- style03 ------- ▲ */
/* ▼ ------- style04 ------- ▼  */
.LB240628latesummer .style04{
  display: flex;
  align-items: center;
  max-width: 140rem;
  margin: 5.9rem auto 0;
}
.LB240628latesummer .style04__img01{
  display: flex;
}
.LB240628latesummer .style04__model-img {
  width: 37rem;
}
.LB240628latesummer .style04__inner02{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 45rem;
  margin: 0 auto;
  margin-top: 2rem;
}
.LB240628latesummer .style04__dscrptn{
  margin-top: 2.4rem;
  margin-bottom: 3.4rem;
  margin-right: 1rem;
}
.LB240628latesummer .style04__ttl{
  width: 44.8rem;
  margin-right: 1rem;
  color: #B1D5F6;
  opacity: var(--opacity30);
}
.LB240628latesummer .style04__dtl{
  width: 100%;
}
.LB240628latesummer .style04__credit{
  width: 36.2rem;
  margin: 0 auto;
  padding-right: 1.2rem;
}
@media (max-width: 767px) {
  .LB240628latesummer .style04{
    flex-direction: column;
    margin: calc(5* (100vw / 750)) auto 0;
    padding-bottom: calc(163* (100vw / 750));
  }
  .LB240628latesummer .style04__inner01{
    position: relative;
    width: 100%;
  }
  .LB240628latesummer .style04__img01{
    flex-direction: column;
  }
  .LB240628latesummer .style04__model-img {
    width: calc(568* (100vw / 750));
  }
  .LB240628latesummer .style04__model-img:nth-child(2){
    margin-left: auto;
  }
  .LB240628latesummer .style04__inner02{
    width: 100%;
    margin-top: 0;
  }
  .LB240628latesummer .style04__dscrptn {
    margin: calc(76.5*(100vw / 750)) 0 calc(44*(100vw / 750)) 0;
  }
  .LB240628latesummer .style04__ttl{
    position: absolute;
    right: 0;
    width: auto;
    height: calc(679*(100vw / 750));
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-text-orientation: sideways;
    text-orientation: sideways;
  }
  .LB240628latesummer .style04__credit{
    width: calc(538* (100vw / 750));
    padding-right: 0;
  }
}
/* ▲ ------- style04 ------- ▲ */
/* ▼ ------- style05 ------- ▼  */
.LB240628latesummer .style05{
  width: 55.2rem;
  margin: 2rem auto 0;
  padding-bottom: 10.8rem;
}
.LB240628latesummer .style05__inner{
  position: relative;
  z-index: 1;
  width: 48rem;
  margin: 0 auto;
}
.LB240628latesummer .style05__inner::after{
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  background-color: #F9B378;
  opacity: var(--opacity30);
  width: 52rem;
  height: 76rem;
}

.LB240628latesummer .slick-dotted.slick-slider{
  margin-bottom: 0;
}

.LB240628latesummer .style05__ttl{
  width: 55.2rem;
  color: #F9B378;
  opacity: var(--opacity30);
  margin: 5.7rem auto 0;
  word-spacing: 0.3rem;
}
.LB240628latesummer .style05__dscrptn{
  margin-bottom: 3.3rem;
  margin-top: 2.7rem;
}

@media (max-width: 767px) {
  .LB240628latesummer .style05{
    width: 100%;
    padding-bottom: calc(153* (100vw / 750));
  }
  .LB240628latesummer .style05__inner{
    width: calc(710* (100vw / 750));
  }
  .LB240628latesummer .style05__inner::after{
    content: '';
    position: absolute;
    width: calc(750* (100vw / 750));
    height: calc(1104* (100vw / 750));
  }

  .LB240628latesummer .style05__ttl{
    width: calc(570* (100vw / 750));
    margin: calc(80* (100vw / 750)) auto 0;
  }
  .LB240628latesummer .style05 .txt-left{
    letter-spacing: 0.0045em;
  }
  .LB240628latesummer .style05__credit{
    width: calc(425* (100vw / 750));
    margin: 0 auto;
  }
  .LB240628latesummer .style05__dscrptn{
    margin-top: calc(60* (100vw / 750));
    margin-bottom: calc(43* (100vw / 750));
  }
}
/* ▲ ------- style05 ------- ▲ */
/* ▼ ------- style06 ------- ▼  */
.LB240628latesummer .style06{
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  width: 120rem;
  margin: 0 auto;
  padding-bottom: 0;
}
.LB240628latesummer .style06__img01{
  width: 34rem;
  margin: 0 auto;
}
.LB240628latesummer .style06__ttl{
  color: #FC9997;
  opacity: var(--opacity30);
  margin-top: 4.2rem;
  text-align: center;
  letter-spacing: 0.0009em;
}
.LB240628latesummer .style06__dscrptn{
  margin-top: 2.6rem;
  margin-bottom: 3.2rem;
}
.LB240628latesummer .style06__inner01{
  width: 50rem;
}
.LB240628latesummer .style06__img02-cont{
  position: relative;
  top: 6.5rem;
}
.LB240628latesummer .style06__model-img02{
  width: 46rem;
  position: absolute;
  top: 6rem;
  left: 6rem;
}
.LB240628latesummer .color-decor03{
  width: 46rem;
  height: 69rem;
  background-color: #FC9997;
  opacity: var(--opacity10);
}

@media (max-width: 767px) {
  .LB240628latesummer .style06{
    display: block;
    width: 100%;
  }
  .LB240628latesummer .style06__img01{
    width: calc(480* (100vw / 750));
  }
  .LB240628latesummer .style06__ttl{
    text-align: center;
    margin-top: calc(60* (100vw / 750));
    letter-spacing: 0.0006em;
    margin-left: calc(2*(100vw / 750));
  }
  .LB240628latesummer .style06__dscrptn{
    margin-top: calc(63* (100vw / 750));
    margin-bottom: calc(44* (100vw / 750));
  }
  .LB240628latesummer .style06__inner01 {
    width: 100%;
    margin-bottom: calc(45*(100vw / 750));
  }
  .LB240628latesummer .style06__model-img02{
    width: calc(640* (100vw / 750));
    top: calc(90*(100vw / 750));
    left: calc(70* (100vw / 750));
  }
  .LB240628latesummer .color-decor03{
    top: 0;
    left: 0;
    width: calc(640* (100vw / 750));
    height: calc(960* (100vw / 750));
  }
  .style06__credit {
    width: calc(390*(100vw / 750));
    margin: 0 auto;
}
}
/* ▲ ------- style06 ------- ▲ */
/* ▼ ------- check all items ------- ▼  */
.LB240628latesummer .btn__wrap{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42rem;
  height: 7.3rem;
  margin: 20.3rem auto 15rem;
  border: var(--color-gray) solid 1px;
}
.LB240628latesummer .btn__img{
  width: 20.3rem;
  padding-left: 0.5rem;
}
@media (max-width: 767px) {
  .LB240628latesummer .btn__wrap{
    width: calc(670* (100vw / 750));
    height: calc(146* (100vw / 750));
    margin: calc(284* (100vw / 750)) auto 0;
  }
  .LB240628latesummer .btn__img{
    width: calc(323* (100vw / 750));
    padding-bottom: calc(11* (100vw / 750));
    padding-left: calc(8* (100vw / 750));
  }
}
/* ▲ ------- check all items ------- ▲ */

/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡ ▼ animation ▼ ≡≡≡≡≡≡≡≡≡≡≡≡≡
------------------------------------*/
.LB240628latesummer .jsFade {
  opacity: 0;
  transform: translateY(10rem);
  transition: all ease 1s;
}
.LB240628latesummer .jsFade.isActive {
  opacity: 1;
  transform: translateY(0);
}

/* slick-dots */
.LB240628latesummer .slick-dots {
  position: absolute;
  bottom: 1.8rem;
  right: 1.6rem;
  margin: 0;
  width: initial;
  z-index: 10;
}

.LB240628latesummer .slick-dots li {
  width: 1rem;
  height: 1rem;
  margin: 0 0 0 0.6rem;
}
.LB240628latesummer .slick-dots li.slick-active button {
  background-color: var(--color-white);
  opacity:1;
}
.LB240628latesummer .style01__img01 .slick-dots li.slick-active button,
.LB240628latesummer .style02__img01 .slick-dots li.slick-active button{
  background-color: var(--color-gray);
  opacity:1;
}

.LB240628latesummer .slick-dots li button {
  background-color: var(--color-white);
  width: 1rem;
  height: 1rem;
  padding: 0;
  border-radius: 0;
  opacity:0.7;
}

.LB240628latesummer .style01__img01 .li.slick-active li button,
.LB240628latesummer .style02__img01 .li.slick-active li button{
  width: 1rem;
  height: 1rem;
  opacity:0.7;
}

.LB240628latesummer .slick-dots li button:before{
  display: none;
}

/* js-delay */

.LB240628latesummer .jsFade.isActive.js-delay{
  transition-delay: .5s ;
}

@media (max-width: 767px) {
  .slick-slide{
    margin-left: 0;
  }
  .LB240628latesummer .slick-dots {
    bottom: calc(19* 100vw / 750);
    left: auto;
    right: calc(8* 100vw / 750);
  }
  .LB240628latesummer .style01 .slick-dots {
    bottom: calc(19 * 100vw / 750);
    left: calc(20 * 100vw / 750);
    right: auto;
  }
  .LB240628latesummer .slick-dots li {
    width: calc(18 * 100vw / 750);
    height: calc(18 * 100vw / 750);
    margin: 0 calc(12* 100vw / 750) 0 0;
  }

  .LB240628latesummer .slick-dots li button {
    width: calc(18 * 100vw / 750);
    height: calc(18 * 100vw / 750);
    padding: 0;
  }

  .LB240628latesummer .style01__img01 .slick-dots li button,
  .LB240628latesummer .style02__img01 .slick-dots li button{
    width: calc(18 * 100vw / 750);
    height: calc(18 * 100vw / 750);
  }

}/*# sourceMappingURL=style.css.map */
/*------------------------------------
≡≡≡≡≡≡≡≡≡≡≡≡≡ ▲ animation ▲ ≡≡≡≡≡≡≡≡≡≡≡≡≡
------------------------------------*/