@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 .horisontalListPC a{
  height: 100%;
  width: 100%;
  overflow: hidden;
}

#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: 21.15384615384615%;
}
#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(53.577 * (100vw / 1300));
  height: calc(21.5364 * (100vw / 1300));
  cursor: pointer;
  background: url(../img/btn_sound_off.svg) no-repeat;
  background-size: auto 100%;
  background-position: top right;
  position: absolute;
  right: calc(20 * (100vw / 1300));
  bottom: calc(20 * (100vw / 1300));
  z-index: 1;
}

#CE241105AW2nd #movieBlock > #soundBtn.on{
  width: calc(53.577 * (100vw / 1300));
  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: calc(6 * (100vw / 1300)) calc(6 * (100vw / 1300));
  padding: calc(75 * (100vw / 1300)) calc(65 * (100vw / 1300)) calc(65 * (100vw / 1300));
}


#CE241105AW2nd .verticalImgList > div{
  width: calc((100% - 6 * (100vw / 1300) * 5) / 6);
}

#CE241105AW2nd .verticalImgList > div.img06after,
#CE241105AW2nd .verticalImgList > div.img07,
#CE241105AW2nd .verticalImgList > div.img0702{
  width: calc((100% - 6 * (100vw / 1300)) / 2);
}


#CE241105AW2nd .verticalImgList > div.img11{
  width: calc(((100% - 6 * (100vw / 1300) * 5) / 6) * 2 + 6 * (100vw / 1300));
}


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


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

#CE241105AW2nd .verticalImgList .imgHover img{
  transition: opacity .3s ease;
}

#CE241105AW2nd .verticalImgList .imgHover:hover img{
  opacity: .6;
}



/* listFoot ****************/
#CE241105AW2nd .verticalImgList > div.listFoot{
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  padding-top: calc((75 - 6) * (100vw / 1300));
}

#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 / 1300)) 0;
  width: calc(157 * (100vw / 1300));
  height: calc(157 * (100vw / 1300));
  border: 1px solid #FFF8F8;
  border-radius: 50%;
  text-decoration: none;
  transition: opacity .3s ease;
}

#CE241105AW2nd .verticalImgList > div.listFoot .allItemBtn > a:hover{opacity: .6;}

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


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

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


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

#CE241105AW2nd .verticalImgList > div.listFoot .creditText > dl > dt{
  display: block;
  width: calc(169.7095 * (100vw / 1300));
  margin: 0 0 0 auto;
  opacity: 0;
  transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-delay: 0.6s;
}

#CE241105AW2nd .verticalImgList > div.listFoot.view .creditText > dl > dt{
  opacity: 1;
}

#CE241105AW2nd .verticalImgList > div.listFoot .creditText > dl > dt > img{
  display: block;
  width: 100%;
  height: auto;
}

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


#CE241105AW2nd .verticalImgList > div.listFoot .creditText > dl > dd{
  display: block;
  padding-top: calc((45 - 6.5) * (100vw / 1300));
  opacity: 0;
  transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-delay: 1.2s;
}

#CE241105AW2nd .verticalImgList > div.listFoot.view .creditText > dl > dd{
  opacity: 1;
}

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


/*******************************
#horisontalListPC
*******************************/
#CE241105AW2nd #horisontalListPC{
  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 #horisontalListPC.active{
  transform: translate(0,0);
  opacity: 1;
  pointer-events: inherit;
}



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

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


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

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

#CE241105AW2nd #lpModalSliderListPC > .container > .slider .imgOuter{
  background: #FFFFFF;
}


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

#CE241105AW2nd #lpModalSliderListPC #pcImg01 .logo > img{
  display: block;
  width: 50.39145228215768%;
  z-index: 2;
}

/*pcImg05 ***/
#CE241105AW2nd #lpModalSliderListPC #pcImg05{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding-top: 2.450980392156863dvh;
  padding-bottom: 7.843137254901958dvh;
}

#CE241105AW2nd #lpModalSliderListPC #pcImg05 .text{
  display: block;
  width: 97.33315352697095%;
}

#CE241105AW2nd #lpModalSliderListPC #pcImg05 .text > img{
  width: auto;
  height: 100%;
}

#CE241105AW2nd #lpModalSliderListPC #pcImg05 .images{
  width: 60%;
}

#CE241105AW2nd #lpModalSliderListPC #pcImg05 .images .imgOuter:nth-of-type(2){
  margin-top: 2.32843137254902dvh;
}

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

#CE241105AW2nd #lpModalSliderListPC #pcImg09 .imgOuter{
  width: 60%;
}


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

#CE241105AW2nd #lpModalSliderListPC #pcImg12 .imgOuter{
  width: 59.33609958506224%;
}


/*pcImg15*/
#CE241105AW2nd #lpModalSliderListPC #pcImg15{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding-top: 2.450980392156863dvh;
  padding-bottom: 7.843137254901958dvh;
}

#CE241105AW2nd #lpModalSliderListPC #pcImg15 .text{
  display: block;
  width: 97.33315352697095%;
}

#CE241105AW2nd #lpModalSliderListPC #pcImg15 .text > img{
  width: auto;
  height: 100%;
}

#CE241105AW2nd #lpModalSliderListPC #pcImg15 .images{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 60.09910788381743%;
}

#CE241105AW2nd #lpModalSliderListPC #pcImg15 .images .imgOuter{
  width: 47.75614415607415%;
}

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

#CE241105AW2nd #lpModalSliderListPC #pcImg16after .text{
  display: block;
  width: 93.3345643153527%;
}


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

#CE241105AW2nd #lpModalSliderListPC #pcImg18after > dl{
  display: block;
  width: 45.10958506224066%;
}

#CE241105AW2nd #lpModalSliderListPC #pcImg18after > dl > dt{
  display: block;
  width: 100%;
}
#CE241105AW2nd #lpModalSliderListPC #pcImg18after > dl > dt > img{display: block; width: 100%; height: auto;}


#CE241105AW2nd #lpModalSliderListPC #pcImg18after > dl > dd{
  display: block;
  padding-top: 2.083333333333333dvh;
  text-align: center;
  font-size: calc(15 * (100dvh / 816));
  line-height: 1.4;
  color: #FFF8F8;
  font-family: "brioso-pro", serif;
  font-weight: 400;
  font-style: italic;
}



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



/*******************************
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;}