@charset "UTF-8";


@media screen and (max-width:767px) {
  :root {
    --lpSetSize: (100vw / 750);
    
    /*
    --lpHeaderHeight: 35.4062px;
    --lpHeadBannerHeight: 50px;
    */
  }
  
  .main-area{
    overflow: inherit;
  }
  
  .main-area .main-inner{
    width: 100%;
  }
  
}


:root{
  --scrollbarSize: 0;
}


@media screen and (min-width:768px) and (max-width:1400px) {
  :root {
    --lpSetSize: (100vw / 1400) * 0.56;
    /*
    --lpHeaderHeight: 98.031px;
    --lpHeadBannerHeight: 60px;
    */
  }
}

@media screen and (min-width:1401px){
  :root {
    --lpSetSize: 0.56px;
    /*
    --lpHeaderHeight: 98.031px;
    --lpHeadBannerHeight: 60px;
    */
  }
}




/*******************************
LB250725summer
*******************************/
#LB250725summer{
  display: block;
  width: 100%;
  box-sizing: border-box;
}

#LB250725summer *{box-sizing: border-box;}

@media (hover: hover) {
  #LB250725summer a:hover{
    opacity: .6;
  }
}

@media (hover: none) {
  #LB250725summer a:hover{
    opacity: 1;
  }
}

/*******************************
img setting
*******************************/
#LB250725summer .imgOuter{
  display: block;
  width: 100%;
  height: auto;
  pointer-events: none;
}

#LB250725summer img,
#LB250725summer picture{
  display: block;
  width: 100%;
  height: auto;
}


#LB250725summer .imgOuter > .outer,
#LB250725summer .imgOuter picture,
#LB250725summer .imgOuter img{
  display: block;
  width: 100%;
  height: auto;
}
#LB250725summer .imgOuter > a{
  display: block;
  width: 100%;
  height: auto;
  pointer-events: auto;
}


/*******************************
figSlider
*******************************/
#LB250725summer .figSlider{
	overflow: hidden;
	position: relative;
}

#LB250725summer .figSlider .container{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

#LB250725summer .figSlider .sliderWrapper{}

#LB250725summer .figSlider .slider{
  display: block;
  width: 100%;
  margin: 0;
}

#LB250725summer .figSlider .slider a{
  display: block;
  width: 100%;
  height: auto;
}

#LB250725summer .figSlider .slider a > img{
  display: block;
  width: 100%;
  height: auto;
}

#LB250725summer .figSlider .slider.swiper-slide-active{
  pointer-events: auto;
}

#LB250725summer .figSlider ul.sliderPager{
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 0 calc(28 * var(--lpSetSize));
  width: 100%;
  margin-top: calc(30 * var(--lpSetSize));
}

#LB250725summer .figSlider ul.sliderPager > li{
  display: block;
  width: calc(14 * var(--lpSetSize));
  height: calc(14 * var(--lpSetSize));
  background-color: #44281a;
  cursor: pointer;
  opacity: .5;
  pointer-events: auto;
  position: relative;
  transition: opacity .3s ease;
}


#LB250725summer .figSlider ul.sliderPager > li.swiper-pagination-bullet-active{
  cursor: auto;
  pointer-events: none;
  opacity: 1;
}




/*******************************
creditLinks
*******************************/
#LB250725summer .creditArea{
  display: block;
  width: 100%;
  padding-top: calc(24 * var(--lpSetSize));
  position: relative;
  z-index: 3;
}

#LB250725summer .creditLinks{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}


#LB250725summer .creditLinks > a,
#LB250725summer .creditLinks > span{
  display: inline-block;
  font-family: "mundial", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(26 * var(--lpSetSize));
  letter-spacing: 0.08em;
  line-height: 2;
  color: #44281a;
  text-decoration: none;
  text-decoration-skip-ink: none;
  font-feature-settings: "palt";
}



/* overCredit **********/
#LB250725summer .overCredit{
  display: block;
  padding-bottom: 2px;
  overflow: hidden;
  position: absolute;
  z-index: 3;
}

#LB250725summer .overCredit > a{
  display: inline-block;
  font-family: "mundial", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(26 * var(--lpSetSize));
  letter-spacing: 0.08em;
  line-height: 1;
  color: #44281a;
  text-decoration: none;
  text-decoration-skip-ink: none;
  font-feature-settings: "palt";
  transform: translate(0, 110%);
  transition: transform .8s cubic-bezier(0.215, 0.61, 0.355, 1) .8s;
}

#LB250725summer .overCredit + .overCredit > a{
  transition-delay: 1.1s;
}


#LB250725summer .view .overCredit > a{
  transform: translate(0, 0);
}



/*******************************
fadeInSetting
*******************************/
#LB250725summer .fadeInBlock{
  opacity: 0;
  transition: opacity 0.8s ease 0s, transform 0.8s ease 0s;
}


#LB250725summer .fadeInBlock.view{
  opacity: 1;
  transform: translate(0,0)!important;
}



/*******************************
lpWrap
*******************************/
#LB250725summer{}

#LB250725summer .lpWrap{
  display: block;
  width: 100%;
  padding: 0;
}

#LB250725summer #mvBlock{
  display: block;
  width: 100%;
  position: relative;
}

  
#LB250725summer #mvBlock .mvInner{
  display: block;
  width: 100%;
}

#LB250725summer #mvBlock .mvInner > a > picture{
  display: block;
  width: 100%;
}
#LB250725summer #mvBlock .mvInner > a > picture > img{
  display: block;
  width: 100%;
  height: auto;
}


#LB250725summer #mvBlock .mvInner > a > .text{
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: calc(140 * var(--lpSetSize));
}

#LB250725summer #mvBlock .mvInner > a > .text > .textInner{
  display: block;
  overflow: hidden;
}

#LB250725summer #mvBlock .mvInner > a > .text > .textInner:nth-of-type(1){
  width: calc(617.4834 * var(--lpSetSize));
  margin: 0 auto calc(38.3922 * var(--lpSetSize));
}

#LB250725summer #mvBlock .mvInner > a > .text > .textInner:nth-of-type(2){
  width: calc(620.9063 * var(--lpSetSize));
  margin: 0 auto calc(72.3996 * var(--lpSetSize));
}

#LB250725summer #mvBlock .mvInner > a > .text > .textInner:nth-of-type(3){
  width: calc(280 * var(--lpSetSize));
  margin: 0 auto;
}

#LB250725summer #mvBlock .mvInner > a > .text > .textInner > img{
  display: block;
  width: 100%;
  height: auto;
  transform: translateY(110%);
  transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}

#LB250725summer #mvBlock .mvInner > a > .text > .textInner:nth-of-type(1) > img{
  transition-delay: 0.8s;
}

#LB250725summer #mvBlock .mvInner > a > .text > .textInner:nth-of-type(2) > img{
  transition-delay: 1.1s;
}

#LB250725summer #mvBlock .mvInner > a > .text > .textInner:nth-of-type(3) > img{
  transition-delay: 1.4s;
}

#LB250725summer #mvBlock .mvInner.view > a > .text > .textInner > img{
  transform: translateY(0);
}


#LB250725summer .lpMain{
  display: block;
  width: 100%;
}

#LB250725summer .lpMain .lpMainInner{
  display: block;
  width: 100%;
  margin: 0 auto;
}


@media screen and (min-width:768px){
  #LB250725summer .lpWrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    padding: 0;
  }
  
  #LB250725summer #mvBlock{
    width: 50%;
  }
  
  #LB250725summer #mvBlock .mvInner{
    display: block;
    width: 100%;
    height: 100%;
  }
  
  #LB250725summer #mvBlock .mvInner > a{
    display: block;
    width: 100%;
    height: 100dvh;
    overflow: hidden;
    position: sticky;
    left: 0;
    top: 0;
  }

  #LB250725summer #mvBlock .mvInner > a > picture{
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  #LB250725summer #mvBlock .mvInner > a > picture > img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
  }
  
  #LB250725summer #mvBlock .mvInner > a > .text{
    bottom: calc(40 * (100vw / 1400));
  }

  #LB250725summer #mvBlock .mvInner > a > .text > .textInner:nth-of-type(1){
    width: calc(483.248 * (100vw / 1400));
    margin: 0 auto calc(30.0516 * (100vw / 1400));
  }

  #LB250725summer #mvBlock .mvInner > a > .text > .textInner:nth-of-type(2){
    width: calc(485.9268 * (100vw / 1400));
    margin: 0 auto calc(79.2258 * (100vw / 1400));
  }

  #LB250725summer #mvBlock .mvInner > a > .text > .textInner:nth-of-type(3){
    width: calc(200 * (100vw / 1400));
    margin: 0 auto;
  }
  
  #LB250725summer .lpMain{
    display: block;
    width: 50%;
  }
  
  #LB250725summer .lpMain .lpMainInner{
    display: block;
    width: calc(750 * var(--lpSetSize));
    margin: 0 auto;
    position: relative;
  }
}

/*******************************
stickyArea
*******************************/
#LB250725summer .stickyArea{
  display: block;
  width: 100%;
  background: #FFFFFF;
  position: sticky;
  left: 0;
  top: 0;
  z-index: 1;
}

/*******************************
firstLede
*******************************/
#LB250725summer .firstLede{
  display: block;
  width: 100%;
  padding-top: calc(112 * var(--lpSetSize));
  margin-bottom: calc(104 * var(--lpSetSize));
}

#LB250725summer .firstLede > p{
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-style: normal;
  font-size: calc(26 * var(--lpSetSize));
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.06em;
  text-align: center;
  font-feature-settings: "halt";
  color: #44281a;
}

@media screen and (min-width:768px){
  #LB250725summer .firstLede{
    padding-top: calc(106 * var(--lpSetSize));
  }
}

/*******************************
sec01
*******************************/
#LB250725summer #sec01{
  display: block;
  margin: 0 auto;
  padding-top: calc(50 * var(--lpSetSize));
  padding-bottom: calc(112 * var(--lpSetSize));
  overflow: hidden;
  position: relative;
}

#LB250725summer #sec01::after{
  content: '';
  display: block;
  width: calc(650 * var(--lpSetSize));
  height: calc(867 * var(--lpSetSize));
  background: #87bec1;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  pointer-events: none;
}
 

#LB250725summer #sec01 .img01{
  display: block;
  width: calc(650 * var(--lpSetSize));
  margin: 0 auto calc(50.33333 * var(--lpSetSize)) auto;
  position: relative;
  z-index: 2;
}



#LB250725summer #sec01 .img01 .overCredit{
  right: calc(-22 * var(--lpSetSize));
  top: calc(415.6306 * var(--lpSetSize));
}



#LB250725summer #sec01 .img02{
  display: block;
  width: 100%;
  position: relative;
  z-index: 2;
}

#LB250725summer #sec01 .img02 .overCredit{
  right: calc(28 * var(--lpSetSize));
  top: calc(482.2974 * var(--lpSetSize));
}



/*******************************
sec02
*******************************/
#LB250725summer #sec02{
  display: block;
  margin: 0 auto;
  padding-bottom: calc(112 * var(--lpSetSize));
  overflow: hidden;
  position: relative;
}


#LB250725summer #sec02 .img01{
  display: block;
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}



#LB250725summer #sec02 .img01 .overCredit{
  left: calc(30 * var(--lpSetSize));
  top: calc(482.2969 * var(--lpSetSize));
}



#LB250725summer #sec02 .img02{
  display: block;
  width: 100%;
  position: relative;
  z-index: 2;
}

#LB250725summer #sec02 .img02 .overCredit{
  right: calc(30 * var(--lpSetSize));
  top: calc(482.2974 * var(--lpSetSize));
}



/*******************************
sec03
*******************************/
#LB250725summer #sec03{
  display: block;
  margin: 0 auto;
  padding-bottom: calc(112 * var(--lpSetSize));
  overflow: hidden;
  position: relative;
}

#LB250725summer #sec03::after{
  content: '';
  display: block;
  width: calc(650 * var(--lpSetSize));
  height: calc(2154 * var(--lpSetSize));
  background: #225051;
  position: absolute;
  left: 0;
  top: calc(200 * var(--lpSetSize));
  z-index: 1;
  pointer-events: none;
}
 

#LB250725summer #sec03 .secTTL{
  display: block;
  width: calc(38.2266 * var(--lpSetSize));
  position: absolute;
  left: calc(649.6172 * var(--lpSetSize));
  top: calc(894.1289 * var(--lpSetSize));
  z-index: 2;
  pointer-events: none;
}


#LB250725summer #sec03 .img01{
  display: block;
  width: calc(650 * var(--lpSetSize));
  margin: 0 auto calc(50.33333 * var(--lpSetSize)) auto;
  position: relative;
  z-index: 2;
}



#LB250725summer #sec03 .img01 .overCredit{
  left: calc(213.0293 * var(--lpSetSize));
  top: calc(414 * var(--lpSetSize));
}

#LB250725summer #sec03 .img01 .overCredit > a{color: #ffffff;}



#LB250725summer #sec03 .img02{
  display: block;
  width: calc(540 * var(--lpSetSize));
  margin: 0 auto calc(50.33333 * var(--lpSetSize)) 0;
  position: relative;
  z-index: 2;
}

#LB250725summer #sec03 .img03{
  display: block;
  width: calc(650 * var(--lpSetSize));
  margin: 0 0 0 auto;
  position: relative;
  z-index: 2;
}


/*******************************
sec04
*******************************/
#LB250725summer #sec04{
  display: block;
  margin: 0 auto;
  padding-bottom: calc(112 * var(--lpSetSize));
  overflow: hidden;
  position: relative;
}



#LB250725summer #sec04 .img01{
  display: block;
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}



#LB250725summer #sec04 .img01 .overCredit{
  left: calc(264 * var(--lpSetSize));
  top: calc(480 * var(--lpSetSize));
}

#LB250725summer #sec04 .img01 .overCredit > a{color: #ffffff;}


/*******************************
sec05
*******************************/
#LB250725summer #sec05{
  display: block;
  margin: 0 auto;
  padding-top: calc(50 * var(--lpSetSize));
  padding-bottom: calc(112 * var(--lpSetSize));
  overflow: hidden;
  position: relative;
}

#LB250725summer #sec05::after{
  content: '';
  display: block;
  width: calc(550 * var(--lpSetSize));
  height: calc(733.6154 * var(--lpSetSize));
  background: #b75016;
  position: absolute;
  left: calc(50 * var(--lpSetSize));
  top: 0;
  z-index: 1;
  pointer-events: none;
}



#LB250725summer #sec05 .img01{
  display: block;
  width: calc(550 * var(--lpSetSize));
  margin: 0 auto calc(50.6667 * var(--lpSetSize)) auto;
  position: relative;
  z-index: 2;
}

#LB250725summer #sec05 .img01 .overCredit{
  left: calc(152.8672 * var(--lpSetSize));
  top: calc(46 * var(--lpSetSize));
}


#LB250725summer #sec05 .img0203Wrap{
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  margin-bottom: calc(48 * var(--lpSetSize));
}

#LB250725summer #sec05 .img02,
#LB250725summer #sec05 .img03{
  width: 50%;
}

#LB250725summer #sec05 .img03.fadeInBlock{
  transition-delay: 0.3s;
}

#LB250725summer #sec05 .img04{
  display: block;
  width: calc(650 * var(--lpSetSize));
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

#LB250725summer #sec05 .img04.fadeInBlock{
  transition-delay: 0.5s;
}

#LB250725summer #sec05 .img04 .overCredit{
  right: calc(-22 * var(--lpSetSize));
  top: calc(414 * var(--lpSetSize));
}



/*******************************
sec06
*******************************/
#LB250725summer #sec06{
  display: block;
  margin: 0 auto;
  padding-bottom: calc(112 * var(--lpSetSize));
  overflow: hidden;
  position: relative;
}


#LB250725summer #sec06 .img01{
  display: block;
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

#LB250725summer #sec06 .img01 .overCredit{
  left: calc(30 * var(--lpSetSize));
  top: calc(407.5432 * var(--lpSetSize));
}

#LB250725summer #sec06 .img01 .overCredit + .overCredit{
  left: calc(393.0801 * var(--lpSetSize));
  top: calc(557.051 * var(--lpSetSize));
}



/*******************************
sec07
*******************************/
#LB250725summer #sec07{
  display: block;
  margin: 0 auto;
  padding-bottom: calc(112 * var(--lpSetSize));
  overflow: hidden;
  position: relative;
}



#LB250725summer #sec07 .img01{
  display: block;
  width: calc(650 * var(--lpSetSize));
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

#LB250725summer #sec07 .img02{
  display: block;
  width: calc(650 * var(--lpSetSize));
  margin: 0 auto;
  position: relative;
  z-index: 2;
}



#LB250725summer #sec07 .img02 .overCredit{
  left: calc(207.5391 * var(--lpSetSize));
  top: calc(414 * var(--lpSetSize));
}

#LB250725summer #sec07 .img02 .overCredit > a{color: #ffffff;}


/*******************************
sec08
*******************************/

#LB250725summer #sec08{
  display: block;
  margin: 0 auto;
  padding-top: calc(133.3333 * var(--lpSetSize));
  padding-bottom: calc(133.3333 * var(--lpSetSize));
  background: #87bec1;
  overflow: hidden;
  position: relative;
}


#LB250725summer #sec08 .img01{
  display: block;
  width: calc(550 * var(--lpSetSize));
  margin: 0 auto;
  position: relative;
  z-index: 2;
}



#LB250725summer #sec08 .img01 .overCredit{
  left: calc(135.9336 * var(--lpSetSize));
  top: calc(352 * var(--lpSetSize));
}

#LB250725summer #sec08 .img01 .overCredit > a{color: #ffffff;}



/*******************************
lpBottomArea
*******************************/
#LB250725summer .lpBottomArea{
  display: block;
  width: 100%;
  padding: calc(200 * var(--lpSetSize)) 0 calc(190 * var(--lpSetSize));
}

#LB250725summer .lpBottomArea .btnAll{
  display: block;
  margin: 0 auto calc(102 * var(--lpSetSize));
  text-align: center;
}

#LB250725summer .lpBottomArea .btnAll.fadeInBlock{
  opacity: 1;
}



#LB250725summer .lpBottomArea .btnAll a{
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(650 * var(--lpSetSize));
  height: calc(146 * var(--lpSetSize));
  margin: 0 auto;
  border: 1px solid #44281a;
  position: relative;
}


#LB250725summer .lpBottomArea .btnAll a > picture{
  display: block;
  width: calc(397.3945 * var(--lpSetSize));
  height: auto;
  overflow: hidden;
}

#LB250725summer .lpBottomArea .btnAll a > picture > img{
  transform: translate(0, 110%);
  transition: transform .8s cubic-bezier(0.215, 0.61, 0.355, 1);
}

#LB250725summer .lpBottomArea .btnAll.view a > picture > img{
    transform: translate(0, 0);
}



#LB250725summer .lpBottomArea ul.staffList{
  display: block;
}

#LB250725summer .lpBottomArea ul.staffList > li{
  display: block;
  font-family: "mundial", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(26 * var(--lpSetSize));
  letter-spacing: 0.08em;
  line-height: 2;
  color: #44281a;
  text-align: center;
}


/*******************************
overRide
*******************************/
@media screen and (max-width:767px) {
  #LB250725summer .pcView{display: none;}
}

@media screen and (min-width:768px){
  #LB250725summer .spView{display: none;}
}