@charset "UTF-8";

.main-area .main-inner{width: 100%;}

/*******************************
LB240307lilybear
*******************************/
#LB240307lilybear{
  display: block;
  width: 100%;
  padding: 0 0 calc(160 * (100vw / 750));
  margin-bottom: calc(200 * (100vw / 750));
  background: #a2cdea;
  box-sizing: border-box;
  overflow: hidden;
}

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


#LB240307lilybear .lpWrapSection{
  display: block;
  margin: 0 auto;
}

#LB240307lilybear img{
  display: block;
  width: 100%;
  height: auto;
}

#LB240307lilybear .imgOuter > a{display: block; width: 100%; height: auto;}

/*******************************
fadeInSetting
*******************************/
#LB240307lilybear .fadeInBlock:not(.fadePC),
#LB240307lilybear .fadeInList:not(.fadePC) .fadeInTarget{
  visibility: hidden;
  opacity: 0;
  transform: translate(0, 0);
  transition: opacity .8s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform .8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  pointer-events: none;
}


#LB240307lilybear .fadeInBlock:not(.fadePC).leftIn,
#LB240307lilybear .fadeInList:not(.fadePC).leftIn .fadeInTarget{
  transform: translateX(-20%);
}

#LB240307lilybear .fadeInBlock:not(.fadePC).rightIn,
#LB240307lilybear .fadeInList.rightIn .fadeInTarget{
  transform: translateX(20%);
}

#LB240307lilybear .fadeInBlock:not(.fadePC).upIn,
#LB240307lilybear .fadeInList:not(.fadePC).upIn .fadeInTarget{
  transform: translateY(30px);
}

#LB240307lilybear .fadeInBlock:not(.fadePC).downIn,
#LB240307lilybear .fadeInList:not(.fadePC).downIn .fadeInTarget{
  transform: translateY(-20%);
}

#LB240307lilybear .fadeInBlock:not(.fadePC).panel,
#LB240307lilybear .fadeInList:not(.fadePC).panel .fadeInTarget{
  visibility: visible;
  transform-style: preserve-3d;
  transform: rotateY(180deg);
  opacity: 1;
}

#LB240307lilybear .fadeInBlock:not(.fadePC).panel img{
  opacity: 0;
  transition: opacity .4s cubic-bezier(0.25, 0.46, 0.45, 0.94) .4s;
}


#LB240307lilybear .fadeInBlock:not(.fadePC).view,
#LB240307lilybear .fadeInList:not(.fadePC) .fadeInTarget.view{
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0) rotateY(0);
  pointer-events: inherit;
}

#LB240307lilybear .fadeInBlock:not(.fadePC).panel.view img{
  opacity: 1;
}

#LB240307lilybear a.fadeInBlock.view:hover{
  opacity: .7;
}



/*******************************
mv
*******************************/
#LB240307lilybear .mv{
  display: block;
  width: 100%;
  margin: 0 auto calc(84 * (100vw / 750));;
  position: relative;
}

#LB240307lilybear .mv::before,
#LB240307lilybear .mv::after{
  content: '';
  display: block;
  width: 100%;
  height: calc(6 * (100vw / 750));
  background: rgba(255,252,245,.6);
  position: absolute;
  left: 0;
  z-index: 1;
}

#LB240307lilybear .mv::before{top: calc(12 * (100vw / 750));}
#LB240307lilybear .mv::after{bottom: calc(12 * (100vw / 750));}

#LB240307lilybear .mv picture,
#LB240307lilybear .mv img{
  display: block;
  width: 100%;
  height: auto;
}


#LB240307lilybear .mv > .inner{
  display: block;
}
#LB240307lilybear .mv > .inner::before,
#LB240307lilybear .mv > .inner::after{
  content: '';
  display: block;
  width: calc(6 * (100vw / 750));
  height: 100%;
  background: rgba(255,252,245,.6);
  position: absolute;
  top: 0;
  z-index: 1;
}
#LB240307lilybear .mv > .inner::before{left: calc(12 * (100vw / 750));}
#LB240307lilybear .mv > .inner::after{right: calc(12 * (100vw / 750));}



#LB240307lilybear .mv .ttl{
  display: block;
  width: calc(398.8867 * (100vw / 750));
  position: absolute;
  top: calc(116 * (100vw / 750));
  right: calc(35 * (100vw / 750));
  z-index: 4;
}

#LB240307lilybear .mv .model{
  display: block;
  width: 100%;
  position: relative;
  z-index: 3;
}


#LB240307lilybear .mv .bg{
  display: block;
  width: calc(477 * (100vw / 750));
  position: absolute;
  top: calc(-52 * (100vw / 750));
  right: calc(-20 * (100vw / 750));
  z-index: 2;
}


#LB240307lilybear .kuma{
  display: block;
  width: calc(74.5768 * (100vw / 750));
  position: absolute;
  right: calc(52 * (100vw / 750));
  top: calc(296 * (100vw / 750));
  pointer-events: none;
  z-index: 1000;
}

#LB240307lilybear .kuma img{
  display: block;
  width: 100%;
  height: auto;
  animation:kumaAnim 1.6s steps(2) 0s infinite;
}

@keyframes kumaAnim{
  0%{transform: rotate(7deg);}
  100%{transform: rotate(-7deg);}
}

#LB240307lilybear #kuma{
  display: none;
}


/*******************************
firstLede
*******************************/
#LB240307lilybear .firstLede{
  display: block;
  width: 100%;
}
#LB240307lilybear .firstLede > p{
  margin-top: calc((-1em * 2.270833333333333 + 1em) / 2);
  margin-bottom: calc((-1em * 2.270833333333333 + 1em) / 2);
  font-size: calc(24 * (100vw / 750));
  line-height: 2.270833333333333;
  letter-spacing: 0.1em;
  text-align: center;
  font-weight: 300;
  font-feature-settings: "palt";
  color: #FFFFFF;
}

/*******************************
creditLinks
*******************************/
#LB240307lilybear .creditLinks{
  display: block;
  padding-top: calc(44 * (100vw / 750));
  margin-top: calc((-1em * 2 + 1em) / 2);
  margin-bottom: calc((-1em * 2 + 1em) / 2);
  font-family: "area-normal", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: calc(24 * (100vw / 750));
  line-height: 2;
  letter-spacing: 0.05em;
  font-feature-settings: "palt";
}

#LB240307lilybear .creditLinks >  a{
  display: inline-block;
  white-space: nowrap;
  color: #000000;
  text-decoration: none;
}

#LB240307lilybear .creditLinks > a + a,
#LB240307lilybear .creditLinks > br.pcView + a{
  margin-left: calc(13 * (100vw / 750));
}



/*******************************
sec01
*******************************/
#sec01{
  display: block;
  width: 100%;
  min-height: calc(1932 * (100vw / 750));
  margin: 0 auto;
  padding: calc(330 * (100vw / 750)) 0 calc(100 * (100vw / 750));
  background: url("../img/bg_sec_01_sp.svg") center calc(156 * (100vw / 750)) no-repeat;
  background-size: 144% auto;
  position: relative;
}

#sec01 .ttl{
  display: block;
  width: calc(638.5595 * (100vw / 750));
  position: absolute;
  top: calc(120 * (100vw / 750));
  left: calc(50% - 319.27975 * (100vw / 750));
}

#sec01 > .secInner{
  display: block;
  padding: 0 calc(65 * (100vw / 750));
}

#sec01 > .secInner > .img01,
#sec01 > .secInner > .itemList{width: 100%;}

#sec01 > .secInner > .img01 > .imgOuter{
  display: block;
  width: 100%;
  margin: 0 auto;
  border: calc(10 * (100vw / 750)) solid #ff9988;
  background: #ff9988;
  border-radius: calc(34.954 * (100vw / 750));
  overflow: hidden;
  position: relative;
}

#LB240307lilybear #sec01 > .secInner > .img01 .creditLinks{
  text-align: center;
}

#LB240307lilybear #sec01 > .secInner > .img01 .creditLinks > a{
  color: #ff9988;
}

/*itemList**/
#sec01 > .secInner > .itemList{
  display: block;
  width: calc(550 * (100vw / 750));
  padding-top: calc(64 * (100vw / 750));
  margin: 0 auto 0 auto;
}

#sec01 > .secInner > .itemList > ul{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  gap: calc(20 * (100vw / 750)) calc(50 * (100vw / 750));
}

#sec01 > .secInner > .itemList > ul > li{
  display: block;
  width: calc(50% - 25 * (100vw / 750));
}

#sec01 > .secInner > .itemList > ul > li > a{display: block; width: 100%; height: auto;}


/*******************************
sec02
*******************************/
#sec02{
  display: block;
  width: 100%;
  margin: 0 auto 0;
  padding: calc(318 * (100vw / 750)) calc(10 * (100vw / 750)) 0;
  position: relative;
}

#sec02 .ttl{
  display: block;
  width: calc(553.9795 * (100vw / 750));
  position: absolute;
  top: calc(160 * (100vw / 750));
  left: calc(50% - 276.98975 * (100vw / 750));
}


#sec02 > .secInner{
  display: block;
  position: relative;
  background: #FFFFFF;
}

/*******/
#sec02 > .secInner:nth-of-type(1){
  display: block;
  padding: calc(60 * (100vw / 750)) 0 0 0;
}

#sec02 > .secInner:nth-of-type(1) > .img01{
  width: calc(590 * (100vw / 750));
  margin: 0 auto calc(30 * (100vw / 750));
}

#sec02 > .secInner:nth-of-type(1) > .img01 > .imgOuter{
  display: block;
  width: 100%;
  border: calc(9 * (100vw / 750)) solid #bddbe5;
  background: #bddbe5;
  border-radius: calc(34.954 * (100vw / 750));
  overflow: hidden;
  position: relative;
}

#sec02 > .secInner:nth-of-type(1) > .img02{
  width: calc(310 * (100vw / 750));
  position: absolute;
  bottom: calc(7 * (100vw / 750));
  left: calc(20 * (100vw / 750));
  z-index: 3;
  mix-blend-mode: multiply;
}

#sec02 > .secInner:nth-of-type(1) > .img03{
  width: calc(420 * (100vw / 750));
  margin: 0 0 0 auto;
  position: relative;
  z-index: 2;
}

#sec02 > .secInner:nth-of-type(1) > .img03 .creditLinks{
  padding-top: calc(76 * (100vw / 750));
  padding-left: calc(60 * (100vw / 750));
}

#LB240307lilybear #sec02 > .secInner:nth-of-type(1) > .img03 .creditLinks > a{
  color: #bddbe5;
}


/*******/
#sec02 > .secInner:nth-of-type(2){
  display: block;
  padding: calc(120 * (100vw / 750)) 0 0 0;
}

#sec02 > .secInner:nth-of-type(2) > .img01{
  width: calc(540 * (100vw / 750));
  margin: 0 auto calc(370 * (100vw / 750));
  position: relative;
}

#sec02 > .secInner:nth-of-type(2) > .img01 a{position: relative; z-index: 1;}

#sec02 > .secInner:nth-of-type(2) > .img01 .imgOuter::after{
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: url("../img/img_02_04_bg.svg") center center no-repeat;
  background-size: 100% auto;
  position: absolute;
  /*
  top: 0;
  right: 0;
  */
  top: calc(40 * (100vw / 750));
  right: calc(-40 * (100vw / 750));
  z-index: -1;
  transition: all .4s ease 0.8s;
}

#sec02 > .secInner:nth-of-type(2) > .img01 .imgOuter.view::after{
  top: calc(40 * (100vw / 750));
  right: calc(-40 * (100vw / 750));
}


#sec02 > .secInner:nth-of-type(2) > .img02{
  width: calc(490 * (100vw / 750));
  position: absolute;
  top: calc(902 * (100vw / 750));
  left: 0;
}

#sec02 > .secInner:nth-of-type(2) > .img03{
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto 0 auto;
  position: relative;
  z-index: 1;
  text-align: right;
}

#sec02 > .secInner:nth-of-type(2) > .img03 .imgOuter{
  order: 2;
  width: calc(420 * (100vw / 750));
}


#sec02 > .secInner:nth-of-type(2) > .img03 .creditLinks{
  order: 1;
  display: block;
  width: calc(100% - 420 * (100vw / 750));
  padding-left: calc(35 * (100vw / 750));
  text-align: left;
}

#LB240307lilybear #sec02 > .secInner:nth-of-type(2) > .img03 .creditLinks > a{
  color: #ffd180;
  text-align: left;
  margin: 0;
}


/*******/
#sec02 > .secInner:nth-of-type(3){
  display: block;
  padding: calc(120 * (100vw / 750)) 0 0 0;
}

#sec02 > .secInner:nth-of-type(3) > .img01{
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  padding: 0 calc(10 * (100vw / 750)) 0;
  margin-bottom: calc(60 * (100vw / 750));
}

#sec02 > .secInner:nth-of-type(3) > .img01 > .imgOuter{
  width: calc(360 * (100vw / 750));
}

#sec02 > .secInner:nth-of-type(3) > .img01 .creditLinks{
  display: block;
  width: calc(100% - 360 * (100vw / 750));
  padding-left: calc(40 * (100vw / 750));
}


#sec02 > .secInner:nth-of-type(3) > .img01 .creditLinks > a{
  color: #2f2f4c;
  text-align: left;
  margin: 0;
}


#sec02 > .secInner:nth-of-type(3) > .img02{
  width: calc(620 * (100vw / 750));
  margin: 0 auto;
}

#sec02 > .secInner:nth-of-type(3) > .img02 > .imgOuter{
  display: block;
  width: 100%;
  border: calc(10 * (100vw / 750)) solid #2f2f4c;
  background: #2f2f4c;
  border-radius: calc(34.954 * (100vw / 750));
  overflow: hidden;
  position: relative;
}


/*itemList**/
#sec02 .itemList{
  display: block;
  width: calc(690 * (100vw / 750));
  padding: calc(60 * (100vw / 750)) 0 calc(100 * (100vw / 750));
  margin: 0 auto 0 auto;
}

#sec02 .itemList > ul{
  display: block;
  width: 100%;
  height: calc(316.9444 * (100vw / 750));
  position: relative;
}

#sec02 .itemList > ul > li{
  display: block;
  width: calc(250 * (100vw / 750));
  position: absolute;
}

#sec02 .itemList > ul > li:nth-of-type(1){left: 0; bottom: 0;}
#sec02 .itemList > ul > li:nth-of-type(2){left: calc(50% - 125 * (100vw / 750)); top: 0;}
#sec02 .itemList > ul > li:nth-of-type(3){right: 0; bottom: 0;}

#sec02 .itemList > ul > li > a{display: block; width: 100%; height: auto;}




/*******************************
sec03
*******************************/
#sec03{
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: calc(306 * (100vw / 750)) calc(10 * (100vw / 750)) 0 calc(20 * (100vw / 750));
  position: relative;
}

#sec03 .ttl{
  display: block;
  width: calc(593.5799 * (100vw / 750));
  position: absolute;
  top: calc(160 * (100vw / 750));
  left: calc(20 * (100vw / 750));
}


#sec03 > .secInner{
  display: block;
  padding: calc(60 * (100vw / 750)) 0 calc(100 * (100vw / 750)) 0;
  background: #FFFFFF;
  border-radius: calc(178.212 * (100vw / 750)) 0 0 0;
  position: relative;
}

#sec03 > .secInner > .img01{
  width: calc(490 * (100vw / 750));
  margin: 0 calc(30 * (100vw / 750)) calc(30 * (100vw / 750)) auto;
}

#sec03 > .secInner > .img01 > .imgOuter{
  display: block;
  width: 100%;
  border: calc(10 * (100vw / 750)) solid #b4c9ed;
  background: #b4c9ed;
  border-radius: calc(34.954 * (100vw / 750));
  overflow: hidden;
  position: relative;
}


#sec03 > .secInner > .img02{
  width: 100%;
  margin: 0 auto 0 auto;
}

#LB240307lilybear #sec03 > .secInner > .img02 .creditLinks{
  text-align: center;
  padding-right: calc(8 * (100vw / 750))
}

#LB240307lilybear #sec03 > .secInner > .img02 .creditLinks > a{
  color: #b4c9ed;
}

/*itemList**/
#sec03 .itemList{
  display: block;
  width: 100%;
  padding: calc(60 * (100vw / 750)) calc(8 * (100vw / 750)) 0 0;
  margin: 0 auto 0 auto;
}

#sec03 .itemList > ul{
  display: block;
  width: calc(690 * (100vw / 750));
  height: calc(381.6667 * (100vw / 750));
  margin: 0 auto;
  position: relative;
}

#sec03 .itemList > ul > li{
  display: block;
  width: calc(250 * (100vw / 750));
  position: absolute;
}

#sec03 .itemList > ul > li:nth-of-type(1){left: 0; bottom: 0;}
#sec03 .itemList > ul > li:nth-of-type(2){left: calc(50% - 125 * (100vw / 750)); top: 0;}
#sec03 .itemList > ul > li:nth-of-type(3){right: 0; bottom: 0;}

#sec03 .itemList > ul > li > a{display: block; width: 100%; height: auto;}



/*******************************
sec03
*******************************/
#sec04{
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: calc(292 * (100vw / 750)) calc(20 * (100vw / 750)) 0 calc(10 * (100vw / 750));
  position: relative;
}

#sec04 .ttl{
  display: block;
  width: calc(473.9811 * (100vw / 750));
  position: absolute;
  top: calc(164 * (100vw / 750));
  right: calc(20 * (100vw / 750));
}

#sec04 > .secInner{
  display: block;
  padding: calc(60 * (100vw / 750)) 0 calc(100 * (100vw / 750)) 0;
  background: #FFFFFF;
  border-radius: 0 calc(178.212 * (100vw / 750)) 0 0;
  position: relative;
}

#sec04 > .secInner > .img01{
  width: calc(560 * (100vw / 750));
  margin: 0 auto calc(100 * (100vw / 750)) calc(56 * (100vw / 750));
}

#sec04 > .secInner > .img01 a{position: relative; z-index: 1;}

#sec04 > .secInner > .img01 .imgOuter::after{
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: url("../img/img_04_01_bg.svg") center center no-repeat;
  background-size: 100% auto;
  position: absolute;
  /*
  top: 0;
  right: 0;
  */
  top: calc(40 * (100vw / 750));
  right: calc(-40 * (100vw / 750));
  z-index: -1;
  transition: all .4s ease 0.8s;
}

#sec04 > .secInner > .img01 .imgOuter.view::after{
  top: calc(40 * (100vw / 750));
  right: calc(-40 * (100vw / 750));
}

#sec04 > .secInner > .img02{
  width: 100%;
}
#sec04 > .secInner > .img02 .imgOuter {
  width: calc(560 * (100vw / 750));
  margin: 0 auto 0 0;
}

#LB240307lilybear #sec04 > .secInner > .img02 .creditLinks{
  text-align: center;
  padding-left: calc(6 * (100vw / 750));
}

#LB240307lilybear #sec04 > .secInner > .img02 .creditLinks > a{
  color: #ffa9c8;
}

/*itemList**/
#sec04 .itemList{
  display: block;
  width: 100%;
  margin: calc(58 * (100vw / 750)) auto 0;
  padding-left:  calc(8 * (100vw / 750));
}

#sec04 .itemList > ul{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  gap: calc(20 * (100vw / 750)) calc(50 * (100vw / 750));
  width: calc(550 * (100vw / 750));
  margin: 0 auto;
}


#sec04 .itemList > ul > li{
  display: block;
  width: calc(50% - 25 * (100vw / 750));
}

#sec04 .itemList > ul > li > a{display: block; width: 100%; height: auto;}


/*******************************
allItemBtn
*******************************/
#LB240307lilybear .allItemBtn{
  display: block;
  width: calc(710 * (100vw / 750));
  margin: 0 auto;
  padding: calc(124 * (100vw / 750)) 0 0;
  position: relative;
}

#LB240307lilybear .allItemBtn > a{
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: calc(146 * (100vw / 750));
  border: calc(4 * (100vw / 750)) solid #ffffff;
  font-family: "area-normal", sans-serif;
  font-style: normal;
  font-size: calc(38 * (100vw / 750));
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.05em;
  color: #FFFFFF;
  padding-top: calc(10 * (100vw / 750));
}

_:lang(x)+_:-webkit-full-screen-document, #LB240307lilybear .allItemBtn > a {
  padding-top: 0;
}

/*******************************
overRide
*******************************/
#LB240307lilybear .pcView{display: none;}