@charset "UTF-8";

.archive{border-top: none!important;}

@font-face {
  font-family: "NotoSerifJP-Regular";
  src: url("../fonts/NotoSerifJP-Regular.otf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "NotoSerifJP-SemiBold";
  src: url("../fonts/NotoSerifJP-SemiBold_0.otf") format("truetype");
  font-style: normal;
}

/*******************************
FR241203lovebear
*******************************/
#FR241203lovebear{
  display: block;
  width: 100%;
  padding: 0 0 calc(150 * (100vw / 750));
  background: #F2F0E8;
  border-bottom: 1px solid #000000;
  box-sizing: border-box;
}

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

/*******************************
img setting
*******************************/
#FR241203lovebear .imgOuter{
  display: block;
  width: 100%;
  height: auto;
  background: #FFFFFF;
}

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


/*******************************
creditLinks
*******************************/
#FR241203lovebear .creditArea{
  display: block;
}

#FR241203lovebear .creditLinks{
  display: block;
  white-space: nowrap;
  text-align: left;
}

#FR241203lovebear .creditLinks > a,
#FR241203lovebear .creditLinks > span{
  display: inline-block;
  white-space: nowrap;
  font-family: "span", serif;
  font-weight: 300;
  font-style: normal;
  font-size: calc(24 * (100vw / 750));
  letter-spacing: 0.06em;
  line-height: 1.85;
  color: #58595B;
  text-decoration: none;
  font-feature-settings: 'palt';
}

#FR241203lovebear .creditLinks > a:not(:last-child)::after,
#FR241203lovebear .creditLinks > span:not(:last-child)::after{
  content: ',';
  display: inline-block;
  padding: 0 0 0 0;
}


/*******************************
lpSection
*******************************/
#FR241203lovebear .lpSection{}


/*******************************
mvBlock
*******************************/
#FR241203lovebear .mvBlock{
  display: block;
  width: 100%;
  margin: 0 auto calc(122 * (100vw / 750));
}

#FR241203lovebear .mvBlock .mvOuter{
  display: block;
  width: 100%;
  height: auto;
}

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

/*******************************
firstLede
*******************************/
#FR241203lovebear .firstLede{
  display: block;
  margin: 0 auto calc(118 * (100vw / 750));
}

#FR241203lovebear .firstLede p{
  font-family: "NotoSerifJP-Regular", serif;
  font-size: calc(25 * (100vw / 750));
  line-height: 2;
  letter-spacing: 0.16em;
  text-align: center;
  color: #000000;
  font-weight: 400;
  font-feature-settings: 'palt';
}

#FR241203lovebear .firstLede p > strong{
  font-size: calc(29 * (100vw / 750));
  line-height: 2.2;
  font-family: "NotoSerifJP-SemiBold", serif;
  letter-spacing: 0.16em;
}

#FR241203lovebear .firstLede p + p{
  margin-top: calc(54 * (100vw / 750));
}

/*******************************
dollsImg
*******************************/
#FR241203lovebear ul.dollsImg{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  margin: 0 auto calc(220 * (100vw / 750));
}

#FR241203lovebear ul.dollsImg > li{
  display: block;
  width: calc(245 * (100vw / 750));
  mix-blend-mode: darken;
  animation: tiltAnim 1.4s linear infinite;
}

#FR241203lovebear ul.dollsImg > li:nth-of-type(1){
  margin-right: calc(31.3846 * (100vw / 750));
  margin-left: calc(8 * (100vw / 750));
}

#FR241203lovebear ul.dollsImg > li:nth-of-type(2){
  margin-right: calc(4 * (100vw / 750));
}

#FR241203lovebear ul.dollsImg > li:nth-of-type(3){
  margin-right: calc(32 * (100vw / 750));
  margin-left: calc(12 * (100vw / 750));
  margin-top: calc(48 * (100vw / 750));
}

#FR241203lovebear ul.dollsImg > li:nth-of-type(4){
  margin-top: calc(48 * (100vw / 750));
}


@keyframes tiltAnim{
  0% {
    transform: rotate(-5deg);
  }
  49% {
    transform: rotate(-5deg);
  }
  50% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(5deg);
  }
}

#FR241203lovebear ul.dollsImg > li > a,
#FR241203lovebear ul.dollsImg > li picture,
#FR241203lovebear ul.dollsImg > li img{
  display: block;
  width: 100%;
  height: auto;
}


/*******************************
sec01
*******************************/
#FR241203lovebear #sec01{
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto calc(184 * (100vw / 750));
  position: relative;
}

#FR241203lovebear #sec01 .secTop{
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#FR241203lovebear #sec01 .secBottom{
  display: block;
  width: 100%;
  margin-top: calc(32 * (100vw / 750));
}

#FR241203lovebear #sec01 .secTop picture,
#FR241203lovebear #sec01 .secTop img,
#FR241203lovebear #sec01 .secBottom picture,
#FR241203lovebear #sec01 .secBottom img{display: block; width: 100%; height: auto;}


#FR241203lovebear #sec01 .secInner{
  display: block;
  width: 100%;
  position: relative;
}


#FR241203lovebear #sec01 .sec01TTL{
  display: block;
  width: calc(474.9346 * (100vw / 750));
  margin-top: calc(80 * (100vw / 750));
  z-index: 1;
}

#FR241203lovebear #sec01 .sec01TTL span:not('.pcView'){
  display: block;
  width: 100%;
  height: auto;
}

#FR241203lovebear #sec01 .sec01TTL svg{
  width: 100.3%;
  height: auto;
}

#FR241203lovebear #sec01 .sec01TTL svg path{
  fill: #b02626;
}


#FR241203lovebear #sec01 .img0102Wrap{
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: calc(208 * (100vw / 750)) 0 max(50dvh - 1400 * (100vw / 750) / 2, 120 * (100vw / 750));
}


#FR241203lovebear #sec01 .img0102Wrap .img01{
  position: sticky;
  top: calc(54 * (100vw / 750));
  width: calc(600 * (100vw / 750));
  margin-left: calc(40 * (100vw / 750));
  margin-bottom: calc(200 * (100vw / 750));
  z-index: 2;
}

#FR241203lovebear #sec01 .img0102Wrap .img01 > .text{
  display: none;
}


#FR241203lovebear #sec01 .img0102Wrap .img01 > .creditArea{
  display: none;
} 


#FR241203lovebear #sec01 .img0102Wrap .img02{
  position: sticky;
  top: max(50dvh - 800 * (100vw / 750) / 2, 140 * (100vw / 750));
  width: 100%;
  min-height: calc(742.4253 * (100vw / 750) + 122.4253 * (100vw / 750));
  padding-top: calc(102.4253 * (100vw / 750));
  margin: 0 0 0 auto;
  z-index: 3;
  transform: translateY(calc(44 * (100vw / 750)));
  overflow: hidden;
}

#FR241203lovebear #sec01 .img0102Wrap .img02 > .imgOuter{
  width: calc(480 * (100vw / 750));
  transform: rotate(15deg) translateX(calc(266 * (100vw / 750)));
  transform-origin: center center;
}


#FR241203lovebear #sec01 > .text{
  display: block;
  padding-top: calc(54 * (100vw / 750));
}

#FR241203lovebear #sec01 > .text > p{
  font-family: "NotoSerifJP-Regular", serif;
  font-size: calc(25 * (100vw / 750));
  line-height: 2;
  font-weight: 400;
  letter-spacing: 0.16em;
  color: #000000;
  font-feature-settings: 'palt';
  text-align: center;
}

#FR241203lovebear #sec01 > .text > p > span{display: block;}


#FR241203lovebear #sec01 > .creditArea{
  padding-top: calc(36 * (100vw / 750));
}

#FR241203lovebear #sec01 > .creditArea .creditLinks{
  text-align: center;
}

/*******************************
sec02
*******************************/
#FR241203lovebear #sec02{
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto calc(273 * (100vw / 750));
}

#FR241203lovebear #sec02 .sec02TTL{
  display: block;
  width: calc(535.6924 * (100vw / 750));
  margin: 0 auto;
}

#FR241203lovebear #sec02 .sec02TTL picture,
#FR241203lovebear #sec02 .sec02TTL img{
  display: block;
  width: 100%;
  height: auto;
}

#FR241203lovebear #sec02 .creditArea{
  padding: calc(32 * (100vw / 750)) 0 calc(44 * (100vw / 750));
}
#FR241203lovebear #sec02 .creditArea .creditLinks{
  text-align: center;
}
#FR241203lovebear #sec02 .creditArea .creditLinks > a{
  color: #B02626;
  font-size: calc(24 * (100vw / 750));
}


#FR241203lovebear #sec02 .img03{
  display: block;
  width: calc(656 * (100vw / 750));
  margin: 0 auto 0 calc(40 * (100vw / 750));
  position: relative;
}

#FR241203lovebear #sec02 .img03::after{
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: #B02626;
  position: absolute;
  left: calc(20 * (100vw / 750));
  top: calc(20 * (100vw / 750));
  z-index: 1;
}

#FR241203lovebear #sec02 .img03 .imgOuter{
  position: relative;
  z-index: 2;
}

#FR241203lovebear #sec02 .img03 .text{
  display: block;
  width: calc(315.042 * (100vw / 750));
  position: absolute;
  left: calc(24 * (100vw / 750));
  bottom: calc(23 * (100vw / 750));
  z-index: 3;
  pointer-events: none;
}

#FR241203lovebear #sec02 .img03 .text svg{
  width: 100%;
  height: auto;
}

#FR241203lovebear #sec02 .img03 .text svg path{
  fill: #FFFFFF;
}



/*******************************
allItemBtn
*******************************/
#FR241203lovebear .allItemBtn{
  display: block;
  width: calc(442 * (100vw / 750));
  margin: 0 auto calc(168 * (100vw / 750)) calc(215 * (100vw / 750));
  position: relative;
}

#FR241203lovebear .allItemBtn a,
#FR241203lovebear .allItemBtn img{
  display: block;
  width: 100%;
  height: auto;
}

#FR241203lovebear .allItemBtn a::after{
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  /* border: 0.5px solid #000000; */
  border: 1px solid #000000;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 0;
  pointer-events: none;
  /* filter: blur(0.5px); */
}

#FR241203lovebear .allItemBtn .btn{
  display: block;
  width: 100%;
  height: auto;
}

#FR241203lovebear .allItemBtn .doll{
  display: block;
  width: calc(221 * (100vw / 750));
  position: absolute;
  left: calc(-137 * (100vw / 750));
  top: calc(-40 * (100vw / 750));
  z-index: 1;
  animation: bitAnim 1.5s linear infinite;
}

@keyframes bitAnim{
  0% {
    transform: translateY(6%);
  }
  50% {
      transform: translateY(-6%);
  }
  100% {
      transform: translateY(6%);
  }
}


/*******************************
lpStaffList
*******************************/
#FR241203lovebear dl.lpStaffList{
  display: block;
  margin: 0 auto;
  overflow: hidden;
}

#FR241203lovebear dl.lpStaffList > dt,
#FR241203lovebear dl.lpStaffList > dd{
  display: block;
  font-family: "span", serif;
  font-weight: 300;
  font-style: normal;
  font-size: calc(24 * (100vw / 750));
  line-height: 1.85;
  letter-spacing: 0.08em;
  font-feature-settings: 'palt';
  text-align: center;
  color: #58595B;
}

#FR241203lovebear dl.lpStaffList > dd > span{
}

/*******************************
fadeInSetting
*******************************/
#FR241203lovebear .fadeInBlock{
  opacity: 0;
  transform: translateY(calc(60 * (100vw / 750)));
  transition: opacity 1s ease,transform 1s ease;
}

#FR241203lovebear .fadeInBlock.view{
  opacity: 1;
  transform: translateY(0);
}


/*fadeInList *****************/
#FR241203lovebear .fadeInList{}

#FR241203lovebear .fadeInList > *{
  opacity: 0;
  transition: opacity 0.2s ease;
}

#FR241203lovebear .fadeInList > *.view{
  opacity: 1;
}

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