@charset "UTF-8";
/*******************************
CE241211date
*******************************/
#CE241211date{
  display: block;
  width: 100%;
  padding: 0 0 16rem;
  background: #F2EFEB;
  box-sizing: border-box;
  overflow: hidden;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "Open Sans", "メイリオ", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #000000;
}

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

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


#CE241211date .imgOuter{
  background: #FFFFFF;
}

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

#CE241211date a{
  transition: opacity .3s;
}

#CE241211date a:hover{
  opacity: .6;
}


/*******************************
fadeInSetting
*******************************/
#CE241211date .fadeInBlock{
  opacity: 0;
  transform: translate(0,3rem);
  transition: opacity 2s ease, transform 2s ease;
  pointer-events: none;
}

#CE241211date .fadeInBlock.view{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}


/*******************************
creditLinks
*******************************/
#CE241211date .creditArea{
  display: block;
  text-align: left;
}

#CE241211date .creditLinks{
  display: inline-flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: 0 1.6rem;
}

#CE241211date .creditLinks > a,
#CE241211date .creditLinks > span{
  display: inline-block;
  padding-bottom: calc(0.1rem + 1px);
  white-space: nowrap;
  font-family: 'Crimson Text', serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3rem;
  letter-spacing: 0.025em;
  line-height: 1;
  color: #000000;
  text-decoration: none;
  text-decoration-skip-ink: none;
  font-feature-settings: "palt";
  position: relative;
}

#CE241211date .creditLinks > a::after{
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #B2B2B2;
  position: absolute;
  left: 0;
  bottom: 0;
}


/*******************************
secTTL
*******************************/
#CE241211date .secTTL{
  display: block;
}

#CE241211date .secTTL > span{
  display: block;
  font-family: "miller-banner", serif;
  font-weight: 300;
  font-style: normal;
  white-space: nowrap;
  color: #91714D;
  letter-spacing: 0.05em;
  line-height: 1;
}

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

/*******************************
secCatch
*******************************/
#CE241211date .secCatch{
  display: block;
}

#CE241211date .secCatch > span{
  display: block;
  font-family: "shippori-mincho", sans-serif;
  font-weight: 400;
  font-style: normal;
  white-space: nowrap;
  color: #91714D;
  font-size: 2.2rem;
  letter-spacing: 0.12em;
  line-height: 1;
  font-feature-settings: "palt";
}

#CE241211date .secCatch > span + span{
  margin-top: 2rem;
}

/*******************************
secLede
*******************************/
#CE241211date .secLede{}
#CE241211date .secLede > p{
  font-size: 1.3rem;
  line-height: 2.2;
  text-align: justify;
  letter-spacing: 0.025em;
  font-feature-settings: "palt";
}

/*******************************
function
*******************************/
#CE241211date .function{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0 2.1rem;
}


#CE241211date .secLede p + .function{
  margin-top: 1.7rem;
}

#CE241211date .function > dl{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0 1rem;
}

#CE241211date .function > dl > dt{
  display: block;
  white-space: nowrap;
  font-family: 'Crimson Text', serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3rem;
  letter-spacing: 0.06em;
  line-height: 1;
  font-feature-settings: "palt";
}

#CE241211date .function > dl > dd{
  display: block;
  width: 3rem;
}

#CE241211date .function > dl > dd picture,
#CE241211date .function > dl > dd img{
  display: block;
  width: 100%;
  height: auto;
}


/*******************************
mv
*******************************/
#CE241211date .mvBlock{
  display: block;
  width: 100%;
  margin: 0 auto 11.4rem;
  background: #C5B5A6;
  position: relative;
}

#CE241211date .mvBlock .mvInner{
  display: block;
  width: 100rem;
  margin: 0 auto;
}

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

/*******************************
firstLede
*******************************/
#CE241211date .firstLede{
  display: block;
  width: 100%;
  margin: 0 auto 25.0rem;
  transform: translateX(0.4rem);
}

#CE241211date .firstLede > p{
  font-size: 1.3rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  text-align: center;
  font-feature-settings: "palt";
}

#CE241211date .firstLede > p > span{
  display: inline-block;
  width: 1em;
}


/*******************************
sec01
*******************************/
#sec01{
  display: block;
  width: 100%;
  margin-bottom: 14.4rem;
  border-top: 1px solid #91714D;
}


#sec01 .secInner{
  display: block;
  width: 84rem;
  padding-bottom: 91rem;
  margin: 0 auto;
  position: relative;
}


#CE241211date #sec01 .secTTL{
  width: 44rem;
  padding-left: 2.9rem;
  position: absolute;
  right: 0;
  top: -2.6rem;
  z-index: 1;
}

#CE241211date #sec01 .secTTL picture{
  width: 21.00137rem;
}

#CE241211date #sec01 .secTTL > span:nth-of-type(1){
  font-size: 3.4rem;
  margin-bottom: 0.2rem;
}

#CE241211date #sec01 .secTTL > span:nth-of-type(2){
  font-size: 7rem;
  padding-left: 0.5rem;
}


#CE241211date #sec01 .img01{
  width: 30rem;
  position: absolute;
  left: 0;
  top: -13.7rem;
  z-index: 1;
}

#CE241211date #sec01 .img01.fadeInBlock{
  transform: translate(-3rem,0);
}
#CE241211date #sec01 .img01.fadeInBlock.view{
  transform: translate(0,0);
}

#CE241211date #sec01 .secCatch{
  width: 44rem;
  padding-left: 5.9rem;
  position: absolute;
  right: 0;
  top: 11.5rem;
  z-index: 1;
}

#CE241211date #sec01 .secCatch > span:nth-of-type(2){
  padding-left: 10rem;
  letter-spacing: 0.18em;
}


#CE241211date #sec01 .img02{
  width: 44rem;
  padding: calc(1rem - 1px);
  border: 1px solid #91714D;
  position: absolute;
  right: 0;
  top: 21.85rem;
  z-index: 1;
}

#CE241211date #sec01 .secLede{
  width: 29rem;
  position: absolute;
  left: 0.5rem;
  top: 49.4rem;
  z-index: 1;
}

#CE241211date #sec01 .secLede > p{
  letter-spacing: 0.02em;
}

#CE241211date #sec01 .creditArea{
  display: block;
  text-align: right;
  position: absolute;
  top: 89.4rem;
  right: 0;
}


/*******************************
sec02
*******************************/
#sec02{
  display: block;
  width: 100%;
  margin-bottom: 39.6rem;
  border-top: 1px solid #91714D;
}


#sec02 .secInner{
  display: block;
  width: 80rem;
  padding-bottom: 151.05rem;
  margin: 0 auto;
  transform: translateX(-0.5rem);
  position: relative;
}


#CE241211date #sec02 .secTTL{
  position: absolute;
  left: 50%;
  top: -3.0rem;
  transform: translateX(calc(-50% + 0.6rem));
  z-index: 1;
}

#CE241211date #sec02 .secTTL picture{
  width: 24.70747rem;
  margin: 0 auto;
}

#CE241211date #sec02 .secTTL > span:nth-of-type(1){
  font-size: 4rem;
  margin-bottom: 0.2rem;
  text-align: center;
}

#CE241211date #sec02 .secTTL > span:nth-of-type(2){
  font-size: 7rem;
  text-align: center;
}


#CE241211date #sec02 .img01{
  width: 40rem;
  position: absolute;
  right: 0;
  top: 12.5rem;
  z-index: 1;
}

#CE241211date #sec02 .img01::after{
  content: '';
  display: block;
  width: 22rem;
  height: 100%;
  background: #FFFFFF;
  position: absolute;
  top: -4.9rem;
  right: -4rem;
  z-index: 1;
}

#CE241211date #sec02 .img01 .imgOuter{
  position: relative;
  z-index: 2;
}

#CE241211date #sec02 .img01 .imgOuter.fadeInBlock{
  transform: translate(3rem,0);
}
#CE241211date #sec02 .img01 .imgOuter.fadeInBlock.view{
  transform: translate(0,0);
}

#CE241211date #sec02 .secCatch{
  position: absolute;
  left: 0;
  top: 20.75rem;
  z-index: 1;
}

#CE241211date #sec02 .secCatch > span:nth-of-type(1){
  letter-spacing: 0.11em;
}

#CE241211date #sec02 .secCatch > span:nth-of-type(2){
  padding-left: 10rem;
  letter-spacing: 0.16em;
}


#CE241211date #sec02 .img02{
  width: 45rem;
  position: absolute;
  top: 79.3rem;
  left: calc(50% - 45rem / 2 + 0.9rem);
  z-index: 1;
}

#CE241211date #sec02 .img02::after{
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #91714D;
  position: absolute;
  left: -1rem;
  top: -1rem;
  z-index: 2;
  pointer-events: none;
}

#CE241211date #sec02 .img02 .imgOuter{
  background: none;
  position: relative;
  z-index: 1;
}
#CE241211date #sec02 .img02 .imgOuter::after{
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: url("../img/img_02_02.png") center center no-repeat;
  background-size: 100% auto;
  filter: brightness(0) invert(1);
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}



#CE241211date #sec02 .secLede{
  width: 28rem;
  position: absolute;
  left: 2rem;
  top: 34.6rem;
  z-index: 1;
}

#CE241211date #sec02 .secLede p + .function{margin-top: 1.4rem;}
#CE241211date #sec02 .secLede p > span{letter-spacing: 0.06em;}


#CE241211date #sec02 .creditArea{
  display: block;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  top: 149.5rem;
  left: 50%;
  transform:translateX(calc(-50% + 1rem));
}



/*******************************
sec03
*******************************/
#sec03{
  display: block;
  width: 100%;
  margin-bottom: 17.2rem;
  border-top: 1px solid #91714D;
}


#sec03 .secInner{
  display: block;
  width: 100rem;
  padding-bottom: 67.8rem;
  margin: 0 auto;
  position: relative;
}


#CE241211date #sec03 .secTTL{
  position: absolute;
  left: 9.1rem;
  top: -2.6rem;
  z-index: 1;
}

#CE241211date #sec03 .secTTL picture{
  width: 21.00142rem;
}

#CE241211date #sec03 .secTTL > span:nth-of-type(1){
  font-size: 3.4rem;
  margin-bottom: 0.3rem;
  text-align: left;
}

#CE241211date #sec03 .secTTL > span:nth-of-type(2){
  font-size: 7rem;
  text-align: left;
}


#CE241211date #sec03 .img01{
  width: 47rem;
  padding: calc(1rem - 1px);
  border: 1px solid #91714D;
  position: absolute;
  right: 0;
  top: -27.85rem;
  z-index: 1;
}



#CE241211date #sec03 .secCatch{
  position: absolute;
  left: 9rem;
  top: 13.5rem;
  z-index: 1;
}

#CE241211date #sec03 .secCatch > span:nth-of-type(1){
  letter-spacing: 0.1em;
}

#CE241211date #sec03 .secCatch > span:nth-of-type(2){
  padding-left: 13.95rem;
}


#CE241211date #sec03 .img02{
  width: 45rem;
  position: absolute;
  top: 33.7rem;
  left: 0;
  z-index: 1;
}


#CE241211date #sec03 .img02.fadeInBlock{
  transform: translate(-3rem,0);
}
#CE241211date #sec03 .img02.fadeInBlock.view{
  transform: translate(0,0);
}


#CE241211date #sec03 .secLede{
  width: 40rem;
  position: absolute;
  right: 3.5rem;
  top: 47.0rem;
  z-index: 1;
}


#CE241211date #sec03 .creditArea{
  display: block;
  width: 40rem;
  margin: 0 auto;
  text-align: left;
  position: absolute;
  top: 66.2rem;
  left: 0;
}



/*******************************
sec04
*******************************/
#sec04{
  display: block;
  width: 100%;
  margin-bottom: 25.3rem;
  border-top: 1px solid #91714D;
}


#sec04 .secInner{
  display: block;
  width: 75rem;
  padding-bottom: 132.9rem;
  margin: 0 auto;
  position: relative;
}


#CE241211date #sec04 .secTTL{
  position: absolute;
  left: 50%;
  top: -3.0rem;
  transform: translateX(-50%);
  z-index: 1;
}

#CE241211date #sec04 .secTTL picture{
  width: 24.70747rem;
  margin: 0 auto;
}

#CE241211date #sec04 .secTTL > span:nth-of-type(1){
  font-size: 4rem;
  margin-bottom: 0.2rem;
  text-align: center;
}

#CE241211date #sec04 .secTTL > span:nth-of-type(2){
  font-size: 7rem;
  text-align: center;
  padding-left: 0.3rem;
}


#CE241211date #sec04 .img01{
  width: 46rem;
  position: absolute;
  left: calc(50% - 23.1rem);
  top: 12.7rem;
  z-index: 1;
}

#CE241211date #sec04 .img01::after{
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #91714D;
  border-radius: 30rem 0 0 0;
  position: absolute;
  left: -1rem;
  top: -1rem;
  z-index: 2;
  pointer-events: none;
}

#CE241211date #sec04 .img01 .imgOuter{
  background: none;
  position: relative;
  z-index: 1;
}
#CE241211date #sec04 .img01 .imgOuter::after{
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: url("../img/img_04_01.png") center center no-repeat;
  background-size: 100% auto;
  filter: brightness(0) invert(1);
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}



#CE241211date #sec04 .secCatch{
  position: absolute;
  left: 40rem;
  top: 94.9rem;
  z-index: 1;
}


#CE241211date #sec04 .secCatch > span:nth-of-type(1){
  letter-spacing: 0.17em;
}

#CE241211date #sec04 .secCatch > span:nth-of-type(2){
  padding-left: 8rem;
  letter-spacing: 0.18em;
}


#CE241211date #sec04 .img02{
  width: 28rem;
  position: absolute;
  top: 86.9rem;
  left: 0;
  z-index: 1;
}

#CE241211date #sec04 .img02::after{
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  position: absolute;
  left: -2.5rem;
  top: -2.5rem;
  z-index: 1;
}

#CE241211date #sec04 .img02 .imgOuter{
  position: relative;
  z-index: 2;
}


#CE241211date #sec04 .img02 .imgOuter.fadeInBlock{
  transform: translate(3rem,0);
}
#CE241211date #sec04 .img02 .imgOuter.fadeInBlock.view{
  transform: translate(0,0);
}


#CE241211date #sec04 .secLede{
  width: 35rem;
  position: absolute;
  right: 0;
  top: 108.5rem;
  z-index: 1;
}


#CE241211date #sec04 .creditArea{
  display: block;
  width: 28rem;
  text-align: left;
  position: absolute;
  top: 131.4rem;
  left: 0;
}




/*******************************
sec05
*******************************/
#sec05{
  display: block;
  width: 100%;
  margin-bottom: 16.2rem;
  border-top: 1px solid #91714D;
}


#sec05 .secInner{
  display: block;
  width: 90rem;
  padding-bottom: 135.1rem;
  margin: 0 auto;
  position: relative;
}


#CE241211date #sec05 .secTTL{
  width: 30rem;
  position: absolute;
  right: 0;
  top: -2.6rem;
  z-index: 1;
  padding-left: 0.1rem;
}

#CE241211date #sec05 .secTTL picture{
  width: 21.00142rem;
}

#CE241211date #sec05 .secTTL > span:nth-of-type(1){
  font-size: 3.4rem;
  margin-bottom: 0.2rem;
  text-align: left;
}

#CE241211date #sec05 .secTTL > span:nth-of-type(2){
  font-size: 7rem;
  text-align: left;
}


#CE241211date #sec05 .img01{
  width: 54rem;
  position: absolute;
  left: 0;
  top: -9.45rem;
  z-index: 1;
}


#CE241211date #sec05 .secCatch{
  width: 30rem;
  position: absolute;
  right: 0;
  top: 13.5rem;
  z-index: 1;
}

#CE241211date #sec05 .secCatch > span:nth-of-type(2){
  margin: 2rem 0 0 auto;
  text-align: right;
}


#CE241211date #sec05 .img02{
  width: 53rem;
  margin: 0 auto;
  padding: calc(1rem - 1px);
  border: 1px solid #91714D;
  position: absolute;
  top: 33.5rem;
  left: calc(50% - 53rem / 2);
  z-index: 1;
}

#CE241211date #sec05 .img02.fadeInBlock{
  transform: translate(3rem,0);
}
#CE241211date #sec05 .img02.fadeInBlock.view{
  transform: translate(0,0);
}

#CE241211date #sec05 .secLede{
  width: 48rem;
  margin: 0 auto;
  position: absolute;
  top: 115.4rem;
  left: calc(50% - 48rem / 2);
  z-index: 1;
}


#CE241211date #sec05 .secLede p + .function{
  justify-content: center;
  margin-top: 1.1rem;
}

#CE241211date #sec05 .creditArea{
  display: block;
  width: 48rem;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  top: 133.55rem;
  left: calc(50% - 48rem / 2);
  z-index: 1;
}

/*******************************
functionVariation
*******************************/
#CE241211date .functionVariation{
  display: block;
  width: 100rem;
  margin: 0 auto 6rem;
  padding: 0 0 2.3rem;
  border-bottom: 1px solid #333333;
}


#CE241211date .functionTTL{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 1.8rem;
  margin-bottom: 2.7rem;
}

#CE241211date .functionTTL > picture{
  display: block;
  width: 30.32354rem;
}

#CE241211date .functionTTL > picture img{
  display: block;
  width: 100%;
  height: auto;
}


#CE241211date .functionTTL::before,
#CE241211date .functionTTL::after{
  content: '';
  display: block;
  width: calc((100% - 30.32354rem - 1.8rem * 2) / 2);
  height: 1px;
  background: #333333;
}

#CE241211date .functionVariation .function{
  justify-content: center;
}

#CE241211date .functionVariation .function picture,
#CE241211date .functionVariation .function img{
  display: block;
  width: 100%;
  height: auto;
}

#CE241211date .functionVariation .function picture.wahable{
  width: 11.30611rem;
}

#CE241211date .functionVariation .function picture.furfree{
  width: 10.2061rem;
}


/*******************************
btnViewALL
*******************************/
#CE241211date .celford_btn{
  display: block;
  width: 101.4rem;
  background: #FFFFFF;
  margin: 0 auto;
}

#CE241211date .celford_btn > a{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: calc(5.9rem + 4px);
  border: 1px solid #9E8154;
  background: #FFFFFF;
  padding: 1px;
  margin: 0 auto;
}

#CE241211date .celford_btn > a > span{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 5.9rem;
  padding-top: 0.1em;
  border: 1px solid #FFFFFF;
  background: #9E8154;
  
  white-space: nowrap;
  font-family: 'Crimson Text', serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.1rem;
  letter-spacing: 0.025em;
  line-height: 1.545454545454545;
  color: #FFFFFF;
  font-feature-settings: "palt";
  text-align: center;
}


/*******************************
overRide
*******************************/
#CE241211date .spView{display: none;}