@charset "UTF-8";

@font-face {
  font-family: 'Noto Serif JP';
  font-weight: 400;
  src: url("../../../../Contents/font/NotoSerif/NotoSerifCJKjp-Regular.otf");
}

@font-face {
  font-family: 'Noto Serif JP';
  font-weight: 500;
  src: url("../../../../Contents/font/NotoSerif/NotoSerifCJKjp-Medium.otf");
}

@font-face {
  font-family: 'Noto Serif JP';
  font-weight: 600;
  src: url("../../../../Contents/font/NotoSerif/NotoSerifJP-SemiBold.otf");
}
.content_container a {
  display: inline-block;
}

.all_wrap picture ,
.all_wrap img ,
.all_wrap video {
  width: 100%;
  height: auto;
  /* image-rendering: -webkit-optimize-contrast; */
}

.all_wrap {
  width: 140rem;
  margin: 0 auto;
  font-family: ratiomodern, "baskerville-display-pt", serif;
  font-style: normal;
  font-weight: 400;
  font-feature-settings: 'palt';
  color: #58595B;
}

/* credit */
.creditWrap {
  display: flex;
  white-space: nowrap;
  flex-wrap: wrap;
  font-family: ratiomodern, "baskerville-display-pt", serif;
  font-weight: 400;
}

.creditWrap .credit{
  white-space: nowrap;
}

.creditWrap .creditDown{
  width: 100%;
}

/* allbutton */
.allbutton {
    margin: 13.5rem auto 0;
    padding: 0 0  14rem;
    font-size: 2rem;
    line-height: 1;
    text-align: center;
    border-bottom: 1px solid #000;
}

.allbutton a {
  display: inline-block;
  padding-bottom: 6px;
  color: #000;
  border-bottom: double 3px #58595B;
}

/* staff */
.staff {
  width: 110rem;
  margin: 14.5rem auto 0;
  padding-bottom: 13.5rem;
  font-size: 1.2rem;
  line-height: 1.5;
  text-align: center;
  border-bottom: 1px solid #000;
}

/* PC */
@media only screen and (min-width: 561px) {
  /* staff */
  .staff {
    width: 100%;
    margin: 15rem auto 0;
    padding-bottom: 15rem;
    font-size: 2.4rem;
    line-height: 1.75;
  }

  /* archive */
    .archive_slider {
        width: 120rem !important;
        max-width: unset !important;
        min-width: unset !important;
        border: none;
    }

    .archive_slider > h4 {
        padding: 6.5rem 0 4rem;
    }

    .sp_only {
        display: none;
    }

  .creditWrap[date-direction="pcColumn"]{
    flex-direction: column;
    transform: translateY(0.4rem);
  }
  
  .creditWrap[date-direction="pcColumn"] .credit{
    margin: 0;
  }
  
  /* credit */
  .creditWrap .credit a {
      font-family: ratiomodern, "baskerville-display-pt", serif;
      font-weight: 400;
      font-size: 1.2rem;
      line-height: 1.75;
      letter-spacing: 0.045em;
    }

    .creditWrap .credit{
      margin-inline-end: 0.4rem;
    }
  
    .creditWrap .credit:last-of-type{
      margin: 0;
    }
}

/* タブレット */
@media only screen and (max-width: 1418px) and (min-width: 561px) {
    html {
        font-size: calc(10* (100vw / 1400));
    }

    #breadcrumb .cateList {
        width: 120rem !important;
        max-width: unset !important;
        height: auto;
        line-height: 5rem;
        font-size: 1.2rem;
    }

    .all_wrap {
        width: 100%;
    }

    .main-area.lp {
        padding-top: 0 !important;
    }

    .archive_slider .bx-wrapper ul li {
        margin-right: 1rem !important;
    }
}

/* SP */
@media only screen and (max-width: 560px) {
    html {
        font-size: calc(10* (100vw / 750));
    } 

    .pc_only{
        display: none;
    }
    
    .credit .sp_only {
      display: inline-block;
    }

    /* パンくず */
    #breadcrumb .cateList {
        display: flex;
        flex-wrap: wrap;
        margin-top: 0 !important;
        text-align: left;
    }

    .all_wrap {
        width: 100%;
    }


    /* credit */
    .creditWrap .credit a {
      font-family: ratiomodern, "baskerville-display-pt", serif;
      font-weight: 400;
      font-size: 2.2rem;
      line-height: 1.727;
      letter-spacing: 0.045em;
    }

    .creditWrap .credit{
      margin-inline-end: 0.8rem;
    }
    .creditWrap .credit:has(+ .creditDown),
    .creditWrap .credit:last-of-type{
      margin: 0;
    }

    /* allbutton */
    .allbutton {
      margin-top: 15.2rem;
      padding: 0 0 15.8rem;
      font-size: 4.3rem;
      line-height: 1;
      text-align: center;
      border-bottom: none;
    }
}



/* -------------------------------------------------------- */
/* ▼ ここから記述 ▼ */
/* -------------------------------------------------------- */
/* img */
/* PC */
@media only screen and (min-width: 561px) {
  .imgBox.--mv{
    width: 120rem;
    margin: auto;
  }
  .imgBox.--101{
    width: 40rem;
    margin: 0 0 2.1rem 0;
  }
  .imgBox.--102{
    width: 40rem;
  }
  .imgBox.--103{
    width: 46rem;
    margin: 0 0 1.2rem 0;
  }
  .imgBox.--201{
    width: 50rem;
    margin: 0 auto 5.9rem;
  }
  .imgBox.--202{
    width: 43rem;
  }
  .imgBox.--203{
    width: 43rem;
  }
  .imgBox.--301{
    width: 52rem;
    margin: 0 0 0 2rem;
  }
  .imgBox.--302{
    width: 40rem;
    margin: 0 0 0 2rem;
  }
  .imgBox.--401{
    width: 56rem;
    margin: 0 0 6rem 12rem;
  }
  .imgBox.--402{
    width: 46rem;
  }
  .imgBox.--501{
    width: 56rem;
    margin: 0 auto 6rem 60rem;
  }
  .imgBox.--502{
    width: 40rem;
    margin: 0 0 0 6rem;
  }
  .imgBox.--503{
    width: 48rem;
    margin-block-start: 25rem;
  }
  .imgBox.--601{
    width: 52rem;
    margin: 0 auto 2rem;
  }
  .imgBox.--602{
    width: 52rem;
    margin: 0 auto 1.6rem;
  }
  .imgBox.--701{
    width: 46rem;
    margin: 40rem 3rem 0 0;
  }
  .imgBox.--702{
    width: 55rem;
    margin-block-end: 1.1rem;
  }
  .imgBox.--801{
    width: 60rem;
    margin: 0 auto 1.5rem;
  }
}
/* SP */
@media only screen and (max-width: 560px) {
  .imgBox.--mv{
    width: 100%;
  }
  .imgBox.--101{
    width: 60rem;
    margin: 0 0 8rem 5rem;
  }
  .imgBox.--102{
    width: 50rem;
    margin: 0 0 3.1rem auto;
  }
  .imgBox.--103{
    width: 50rem;
    margin: 0 0 3.1rem auto;
  }
  .imgBox.--201{
    width: 65rem;
    margin: 0 auto 8rem;
  }
  .imgBox.--202{
    width: 36rem;
  }
  .imgBox.--203{
    width: 36rem;
  }
  .imgBox.--301{
    width: 60rem;
    margin: 0 0 8rem 10rem;
  }
  .imgBox.--302{
    width: 50rem;
    margin-block-end: 3.2rem;
  }
  .imgBox.--401{
    width: 66rem;
    margin: 0 0 8rem 0;
  }
  .imgBox.--402{
    width: 56rem;
    margin-block-end: 3.3rem;
  }
  .imgBox.--501{
    width: 100%;
    margin-block-end: 7.8rem;
  }
  .imgBox.--502{
    width: 50rem;
    margin: 0 0 8rem 20rem;
  }
  .imgBox.--503{
    width: 60rem;
    margin: 0 0 3.1rem 0;
  }
  .imgBox.--601{
    width: 65rem;
    margin: 0 auto 3rem;
  }
  .imgBox.--602{
    width: 65rem;
    margin: 0 auto 3.2rem;
  }
  .imgBox.--701{
    width: 63rem;
    margin: 0 0 8rem 0;
  }
  .imgBox.--702{
    width: 50rem;
    margin-block-end: 3.3rem;
  }
  .imgBox.--801{
    width: 100%;
    margin-block-end: 3.1rem;
  }

}


/* mainVisual */
/* PC */
@media only screen and (min-width: 561px) {
  .mv_wrap{
    margin-block-end: 12rem;
  }
}
/* SP */
@media only screen and (max-width: 560px) {
  .mv_wrap{
    margin-block-end: 15.9rem;
  }
}


/* sec01 */
/* PC */
@media only screen and (min-width: 561px) {
  .sec.--1 .wrap{
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100rem;
    margin: 0 auto 16rem;
  }
}
/* SP */
@media only screen and (max-width: 560px) {
  .sec.--1 .inCeditBlock{
    width: 50rem;
    margin: 0 0 15.5rem auto;
  }
}


/* sec02 */
.sec.--2 .flexBlock{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-block-end: 3.3rem;
}
.sec.--2 .creditWrap{
  justify-content: center;
  margin-block-end: 15.2rem;
}
/* PC */
@media only screen and (min-width: 561px) {
  .sec.--2 .flexBlock{
    width: 88rem;
    margin: 0 auto 1.5rem;
  }
  .sec.--2 .creditWrap{
    margin-block-end: 15.7rem;
  }
}
/* SP */
@media only screen and (max-width: 560px) {
  .sec.--2 .flexBlock{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-block-end: 3.3rem;
  }
  .sec.--2 .creditWrap{
    justify-content: center;
    margin-block-end: 15.2rem;
  }
}


/* sec03 */
/* PC */
@media only screen and (min-width: 561px) {
  .sec.--3 .wrap{
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-end;
    width: 100%;
    margin: 0 0 16rem auto;
  }
  .sec.--3 .inCeditBlock{
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
    align-items: flex-end;
  }
  .sec.--3 .creditWrap[date-direction="pcColumn"]{
    text-align: right;
  }
}
/* SP */
@media only screen and (max-width: 560px) {
 .sec.--3 .inCeditBlock{
   width: auto;
   margin: 0 0 15.5rem 20rem;
 }
}


/* sec04 */
/* PC */
@media only screen and (min-width: 561px) {
  .sec.--4 .inCeditBlock{
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: flex-end;
    margin: 0 0 16rem 35.6rem;
  }
  .sec.--4 .creditWrap[date-direction="pcColumn"]{
    text-align: right;
    margin-inline-end: 2rem;
  }
}
/* SP */
@media only screen and (max-width: 560px) {
 .sec.--4 .inCeditBlock{
   width: 56rem;
   margin: 0 0 15.7rem auto;
 }
}


/* sec05 */
/* PC */
@media only screen and (min-width: 561px) {
  .sec.--5 .flexBlock {
      position: relative;
      display: flex;
      flex-direction: row-reverse;
      justify-content: flex-end;
      align-items: flex-start;
      width: 100rem;
      margin: 0 auto 16rem 36rem;
  }
  .sec.--5 .flexBlock .creditWrap[date-direction="pcColumn"]{
    position: absolute;
    bottom: 0;
    left: 50rem;
  }
  .sec.--5 .inCeditBlock{
    transition-delay: 0.5s;
  }
}
/* SP */
@media only screen and (max-width: 560px) {
 .sec.--5 .inCeditBlock{
   width: 60rem;
   margin-block-end: 15.2rem;
 }
 .sec.--5 .creditWrap{
    justify-content: center;
    transform: translateX(-0.3rem);
 }

}


/* sec06 */
/* PC */
@media only screen and (min-width: 561px) {
 .sec.--6 .creditWrap{
    justify-content: center;
    margin-block-end: 15.7rem;
 }
}
/* SP */
@media only screen and (max-width: 560px) {
 .sec.--6 .creditWrap{
    justify-content: center;
    margin-block-end: 15.3rem;
 }
}


/* sec07 */
/* PC */
@media only screen and (min-width: 561px) {
  .sec.--7 .wrap{
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 110rem;
    margin: 0 auto 16rem;
  }
}
/* SP */
@media only screen and (max-width: 560px) {
 .sec.--7 .inCeditBlock{
   width: auto;
   margin: 0 0 15.2rem 19.9rem;
 }
 .sec.--7 .creditWrap{
    margin-block-end: 15.3rem;
 }
}


/* sec08 */
/* PC */
@media only screen and (min-width: 561px) {
 .sec.--8 .creditWrap{
   justify-content: center;
   text-align: center;
 }
}
/* SP */
@media only screen and (max-width: 560px) {
 .sec.--8 .creditWrap{
    justify-content: center;
 }
}

/* -------------------------------------------------------- */
/* ▲ ここから記述 ▲ */
/* -------------------------------------------------------- */




/* アニメーション */
  /********* ▽ animation ▽ *********/
.fade_up{
  opacity: 0;
  transform: translateY(50px);
}
.fade_up.active{
  transition: transform 1.2s, opacity 1.2s;
  transform: translateY(0);
  opacity: 1;
}


@media only screen and (max-width: 767px) {
  .fade_up {
    opacity: 0;
    transform: translateY(50px);
  }
  .fade_up.active {
    transition: transform 1.2s, opacity 1.2s;
    transform: translateY(0);
    opacity: 1;
  }
}