@charset "UTF-8";

body.no_scroll {
  overflow: hidden;
}

/*******************************
CE241105AW2nd
*******************************/
#CE241105AW2nd{
  display: block;
  width: 100%;
  padding: 0 0 0;
  background: #8E1C2A;
  box-sizing: border-box;
  overflow: hidden;
}

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


/*******************************
imgSetting
*******************************/
#CE241105AW2nd .imgOuter{
  display: block;
  width: 100%;
}

#CE241105AW2nd .imgOuter a,
#CE241105AW2nd .imgOuter span,
#CE241105AW2nd .imgOuter picture,
#CE241105AW2nd .imgOuter img{display: block; width: 100%;}

#CE241105AW2nd .imgOuter img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}



/*******************************
mvBlock
*******************************/
#CE241105AW2nd .mvBlock{
  display: block;
  width: 100%;
  /*
  height: 100svh;
  */
  background: #FFFFFF;
  position: relative;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.8s ease-in;
}

#CE241105AW2nd .mvBlock.view{
  opacity: 1;
}

#CE241105AW2nd .mvBlock .mvImgBlock{
  display: block;
  width: 100%;
}

#CE241105AW2nd .mvBlock > .outer{display: block;}

#CE241105AW2nd .mvBlock .mvImgBlock img{
  display: block;
  width: 100%;
  height: auto;
}

#CE241105AW2nd .mvBlock .mvTTLBlock{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}

#CE241105AW2nd .mvBlock .mvTTLBlock picture{
  width: 50.40297333333333%;
}
#CE241105AW2nd .mvBlock .mvTTLBlock picture img{
  display: block;
  width: 100%;
  height: auto;
}

/*******************************
movieBlock
*******************************/
#CE241105AW2nd #movieBlock{
  display: block;
  width: 100%;
  position: relative;
}

#CE241105AW2nd #movieBlock .movie{
  display: block;
  width: 100%;
}

#CE241105AW2nd #movieBlock .movie video{
  display: block;
  width: 100%;
  height: auto;
}


#CE241105AW2nd #movieBlock > #soundBtn{
  display: block;
  width: calc(110 * (100vw / 750));
  height: calc(40.0168 * (100vw / 750));
  cursor: pointer;
  background: url(../img/btn_sound_off.svg) no-repeat;
  background-size: auto 100%;
  background-position: top right;
  position: absolute;
  right: calc(45 * (100vw / 750));
  bottom: calc(45 * (100vw / 750));
  z-index: 1;
}

#CE241105AW2nd #movieBlock > #soundBtn.on{
  background: url(../img/btn_sound_on.svg) no-repeat;
  background-size: auto 100%;
  background-position: top right;
}

/*******************************
fadeInSetting
*******************************/
#CE241105AW2nd .verticalImgList{
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0 calc(9 * (100vw / 750));
  padding: calc(9 * (100vw / 750)) 0 calc(100 * (100vw / 750));
}


#CE241105AW2nd .verticalImgList > div{
  width: calc((100% - 9 * (100vw / 750) * 2) / 3);
  min-height: calc(414 * (100vw / 750));
}

#CE241105AW2nd .verticalImgList > div:nth-of-type(n + 4){
  margin-top: calc(9 * (100vw / 750));
}


#CE241105AW2nd .verticalImgList > div.img06after,
#CE241105AW2nd .verticalImgList > div.img07{
  width: 100%;
}

#CE241105AW2nd .verticalImgList > div.img0702{display: none;}

#CE241105AW2nd .verticalImgList > div.img11{
  width: calc(((100% - 9 * (100vw / 750) * 2) / 3) * 2 + 9 * (100vw / 750));
}


#CE241105AW2nd .verticalImgList > div.img06after{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: calc(45 * (100vw / 750)) calc(94 * (100vw / 750));
}
#CE241105AW2nd .verticalImgList > div.img06after img{
  display: block;
  width: 100%;
  height: auto;
}


#CE241105AW2nd .verticalImgList .imgHover{
  display: block;
  width: 100%;
  background: #FFFFFF;
  cursor: pointer;
}


/* listFoot ****************/
#CE241105AW2nd .verticalImgList > div.listFoot{
  display: block;
  width: 100%;
  padding-top: calc((100 - 9) * (100vw / 750));
}

#CE241105AW2nd .verticalImgList > div.listFoot .allItemBtn{
  display: block;
  opacity: 0;
  transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

#CE241105AW2nd .verticalImgList > div.listFoot.view .allItemBtn{
  opacity: 1;
}

#CE241105AW2nd .verticalImgList > div.listFoot .allItemBtn > a{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: calc(3 * (100vw / 750)) 0;
  width: calc(220 * (100vw / 750));
  height: calc(220 * (100vw / 750));
  margin: 0 auto;
  border: 1px solid #FFF8F8;
  border-radius: 50%;
  text-decoration: none;
  transition: opacity .3s ease;
}


#CE241105AW2nd .verticalImgList > div.listFoot .allItemBtn > a > span{
  display: block;
  text-align: center;
  font-size: calc(22.7288 * (100vw / 750));
  line-height: 1.2;
  color: #FFF8F8;
  font-family: "brioso-pro", serif;
  font-weight: 400;
  font-style: italic;
}

#CE241105AW2nd .verticalImgList > div.listFoot .creditText{display: none;}


/*******************************
#horisontalListPC
*******************************/
#CE241105AW2nd #horisontalListPC{display: none;}

/*******************************
#horisontalListSP
*******************************/
#CE241105AW2nd #horisontalListSP{display: ;}

#CE241105AW2nd #horisontalListSP{
  display: block;
  width: 100%;
  height: 100dvh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  background: #8E1C2A;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  transform: translate(100vw,0);
  backface-visibility: hidden;
}

#CE241105AW2nd #horisontalListSP.active{
  transform: translate(0,0);
  opacity: 1;
  pointer-events: inherit;
}



#CE241105AW2nd #horisontalListSP .modalCloseBtn{
  display: block;
  width: 6.853511811023622dvh;
  height: 6.853511811023622dvh;
  position: fixed;
  right: calc(45 * (100vw / 1300));
  top: calc(45 * (100vw / 1300));
  z-index: 1001;
  cursor: pointer;
}

#CE241105AW2nd #lpModalSliderListSP{
  display: block;
  width: 100%;
  height: 100%;
  overflow: auto;
}


#CE241105AW2nd #lpModalSliderListSP > .container{
  display: flex;
  width: fit-content;
  flex-wrap: nowrap;
  height: 100%;
  overflow: hidden;
}

#CE241105AW2nd #lpModalSliderListSP > .container > .slider{
  display: block;
  height: 100%;
  width: 100vw;
  overflow: hidden;
  position: relative;
}

#CE241105AW2nd #lpModalSliderListSP > .container > .slider .imgOuter{
  width: 100%;
  height: 100%;
  background: #FFFFFF;
}

#CE241105AW2nd #lpModalSliderListSP > .container > .slider .imgOuter > a{
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#CE241105AW2nd #lpModalSliderListSP > .container > .slider .imgOuter > a img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*pcImg01 ***/
#CE241105AW2nd #lpModalSliderListSP #spImg01 .logo{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

#CE241105AW2nd #lpModalSliderListSP #spImg01 .logo > img{
  display: block;
  width: 50.40297333333333%;
  z-index: 2;
}

/*movieBlockModal ***/
#movieBlockModal{}

#CE241105AW2nd #movieBlockModal .movie{
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#CE241105AW2nd #movieBlockModal .movie video{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


#CE241105AW2nd #movieBlockModal > #soundBtn2{
  display: block;
  width: calc(76.7761 * (100vw / 750));
  height: calc(30.7229 * (100vw / 750));
  cursor: pointer;
  background: url(../img/btn_sound_off.svg) no-repeat;
  background-size: auto 100%;
  background-position: top right;
  position: absolute;
  right: calc(45 * (100vw / 750));
  bottom: calc(45 * (100vw / 750));
  z-index: 1;
}

#CE241105AW2nd #movieBlockModal > #soundBtn2.on{
  background: url(../img/btn_sound_on.svg) no-repeat;
  background-size: auto 100%;
  background-position: top right;
}


/*spImg12 ***/
#CE241105AW2nd #lpModalSliderListSP #spImg12{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding-top: 2.36220472440945dvh;
  padding-bottom: 7.8740157480315dvh;
}

#CE241105AW2nd #lpModalSliderListSP #spImg12 .text{
  display: block;
  width: 97.33316%;
}

#CE241105AW2nd #lpModalSliderListSP #spImg12 .text > img{
  width: auto;
  height: 100%;
}

#CE241105AW2nd #lpModalSliderListSP #spImg12 .images{
  width: 60%;
}

#CE241105AW2nd #lpModalSliderListSP #spImg12 .images .imgOuter,
#CE241105AW2nd #lpModalSliderListSP #spImg12 .images .imgOuter a{
  height: auto;
  width: 100%;
}

#CE241105AW2nd #lpModalSliderListSP #spImg12 .images .imgOuter img{
  width: 100%;
  height: auto;
}


#CE241105AW2nd #lpModalSliderListSP #spImg12 .images .imgOuter:nth-of-type(2){
  margin-top: 2.36220472440945dvh;
}

/*spImg17 ***/
#CE241105AW2nd #lpModalSliderListSP #spImg17{
  display: flex;
  align-items: center;
  justify-content: center;
}

#CE241105AW2nd #lpModalSliderListSP #spImg17 .imgOuter{
  width: 60%;
  height: auto;
}


/*spImg23 ***/
#CE241105AW2nd #lpModalSliderListSP #spImg23{
  display: flex;
  align-items: center;
  justify-content: center;
}

#CE241105AW2nd #lpModalSliderListSP #spImg23 .imgOuter{
  width: 60%;
  height: auto;
}


/*spImg28*/
#CE241105AW2nd #lpModalSliderListSP #spImg28{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding-top: 2.36220472440945dvh;
  padding-bottom: 7.8740157480315dvh;
}

#CE241105AW2nd #lpModalSliderListSP #spImg28 .text{
  display: block;
  width: 97.48084%;
}

#CE241105AW2nd #lpModalSliderListSP #spImg28 .text > img{
  width: 100%;
  height: auto;
}

#CE241105AW2nd #lpModalSliderListSP #spImg28 .images{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 60%;
}

#CE241105AW2nd #lpModalSliderListSP #spImg28 .images .imgOuter{
  width: 47.77777777777778%;
  height: auto;
}

/*spImg31after*/
#CE241105AW2nd #lpModalSliderListSP #spImg31after{
  display: flex;
  align-items: center;
  justify-content: center;
}

#CE241105AW2nd #lpModalSliderListSP #spImg31after .text{
  display: block;
  width: 93.33333333333333%;
}


/*spImg35after*/
#CE241105AW2nd #lpModalSliderListSP #spImg35after{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  margin: 0 auto;
  padding-top: 23.6220472440945dvh;
  padding-bottom: 5.51181102362205dvh;
  padding-left: calc(70 * (100vw / 750));
  padding-right: calc(70 * (100vw / 750));
}

#CE241105AW2nd #lpModalSliderListSP #spImg35after .allItemLink{
  display: block;
  width: 81.33333333333333%;
}

#CE241105AW2nd #lpModalSliderListSP #spImg35after .allItemLink > a{
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0 calc(20 * (100vw / 750));
  line-height: 1.2;
  color: #FFF8F8;
  font-family: "brioso-pro", serif;
  font-weight: 400;
  font-style: italic;
  font-size: calc(40 * (100vw / 750));
}

#CE241105AW2nd #lpModalSliderListSP #spImg35after .allItemLink > a > span{display: block;}
#CE241105AW2nd #lpModalSliderListSP #spImg35after .allItemLink > a > span > span:nth-of-type(1){line-height: 1; vertical-align: top;}


#CE241105AW2nd #lpModalSliderListSP #spImg35after .creditText > dl{
  display: block;
}

#CE241105AW2nd #lpModalSliderListSP #spImg35after .creditText > dl > dt{
  display: block;
  width: calc(252.1885 * (100vw / 750));
  margin: 0 0 0 auto;
}

#CE241105AW2nd #lpModalSliderListSP #spImg35after .creditText > dl > dt{
  opacity: 1;
}

#CE241105AW2nd #lpModalSliderListSP #spImg35after .creditText > dl > dt > img{
  display: block;
  width: 100%;
  height: auto;
}

#CE241105AW2nd #lpModalSliderListSP #spImg35after .creditText > dl > dt > span{
  display: block;
  padding-top:  calc(15 * (100vw / 750));
  font-family: "brioso-pro", serif;
  font-weight: 400;
  font-style: italic;
  font-size: calc(22 * (100vw / 750));
  line-height: 1.2;
  text-align: right;
  color: #FFF8F8;
}


#CE241105AW2nd #lpModalSliderListSP #spImg35after .creditText > dl > dd{
  display: block;
  padding-top: calc((70 - 6.5) * (100vw / 750));
}

#CE241105AW2nd #lpModalSliderListSP #spImg35after .creditText > dl > dd > dl{
  display: block;
}
#CE241105AW2nd #lpModalSliderListSP #spImg35after .creditText > dl > dd > dl > dt,
#CE241105AW2nd #lpModalSliderListSP #spImg35after .creditText > dl > dd > dl > dd{
  font-family: "brioso-pro", serif;
  font-weight: 400;
  font-style: italic;
  font-size: calc(22 * (100vw / 750));
  line-height: 2;
  text-align: right;
  color: #FFF8F8;
}



/*******************************
fadeInSetting
*******************************/
#CE241105AW2nd .fadeInBlock{
  opacity: 0;
  transition: opacity 0.8s ease-in;
}

#CE241105AW2nd .fadeInBlock.view{
  opacity: 1;
}


/*******************************
btnArea
*******************************/
#CE241105AW2nd #btnAll{
  display: block;
  width: 112.0rem;
  margin: 0 auto;
}

#CE241105AW2nd #btnAll > a{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 5.3rem;
  border: 1px solid #000000;
  position: relative;
}

#CE241105AW2nd #btnAll > a > picture{
  display: block;
  width: 20.75625rem;
}

#CE241105AW2nd #btnAll > a > picture > img{display: block; width: 100%; height: auto;}


/*******************************
figSlider
*******************************/
#CE241105AW2nd .figSlider{
  width: 100%;
  height: 100%;
	overflow: hidden;
	position: relative;
}

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

#CE241105AW2nd .figSlider .sliderWrapper{
  position: relative;
}

#CE241105AW2nd .figSlider .slider{
  display: block;
  width: 100%;
  height: 100%;
}

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

#CE241105AW2nd .figSlider .slider a > img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

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

/*連続要素のフェードイン*******/
#CE241105AW2nd #horisontalListPC .figSlider .slider,
#CE241105AW2nd .verticalImgList .figSlider .slider{
  width: 100%!important;
  height: 100%!important;
  transform: none!important;
  pointer-events: none!important;
  position: absolute;
  left: 0;
  top: 0;
}
#CE241105AW2nd #horisontalListPC .figSlider .slider.swiper-slide-active,
#CE241105AW2nd .verticalImgList .figSlider .slider.swiper-slide-active{
  opacity: 1!important;
  z-index: 99;
  pointer-events: auto!important;
}

/*******************************
overRide
*******************************/
#CE241105AW2nd .spView{display: none!important;}