/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                共通CSS
//////////////////////////////////////////////////////////////////////////////////////////////
*/
  .archive {
    position: relative;
    /* width: 140rem; */
    margin-inline: auto;
  }
  .archive_slider {
    position: relative;
    width: 100%;
    margin: 0 auto 8rem;
    font-family: 'Cormorant Garamond', 'EB Garamond', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Century Gothic", Arial, serif;
    text-align: center;
    color: #58595b;
  }
  .archive_slider-btn {
    position: absolute;
    width: 1.4rem;
    height: 1.4rem;
    top: 21rem;
    left: 50%;
    border-bottom: 0.1rem solid #58595b;
    cursor: pointer;
    z-index: 5;
  }
  .archive_slider-btn--next {
    /* right: 17rem; */
    margin-left: 52rem;
    border-right: 0.1rem solid #58595b;
    /* transform: rotate(-45deg); */
    transform: rotate(-45deg) translateY(-50%);
  }
  .archive_slider-btn--prev {
    /* left: 17rem; */
    top: 21.5rem;
    margin-left: -52rem;
    border-left: 0.1rem solid #58595b;
    /* transform: rotate(45deg); */
    transform: rotate(45deg) translateX(-50%);
  }
  .archive > h4 {
    font-size: 2.6rem;
    letter-spacing: 0.08em;
    padding-block: 6.4rem 4rem;
    text-align: center;
    font-family: 'baskerville-display-pt', serif;
    color: #58595b;
  }
  .archive .swiper {
    width: 100rem;
    margin-inline: auto;
    padding: 0 2rem;
  }
  .archive .archive_list .archive_list-item {
    --font-baskerville: "baskerville-display-pt", serif;
    --font-mincho: 游明朝体, YuMincho, "游明朝 Medium", "Yu Mincho", "Hiragino Mincho ProN", HGS明朝E, yumin, メイリオ, serif;
    color: #58595b;
    text-align: center;
  }
  .archive .archive_list {
    width: calc(100% + (100vw - 1090px) / 2);
  }
  .archive .archive_list .archive_list-item .archive_list-item--ttl,
  .archive .archive_list .archive_list-item .archive_list-item--date {
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.08em;
  }
  .archive .archive_list .archive_list-item .archive_list-item--ttl .font_ja {
    font-family: var(--font-mincho);
    font-feature-settings: "palt";
    letter-spacing: 0.025em;
  }
  .archive .archive_list .archive_list-item .archive_list-item--ttl .font_en {
    font-family: var(--font-baskerville);
  }
  .archive .archive_list .archive_list-item .archive_list-item--ttl {
    margin-top: 1.6rem;
  }
  .archive .archive_list .archive_list-item .archive_list-item--ttl > span {
    display: block;
  }
  .archive .archive_list .archive_list-item .archive_list-item--date {
    margin-top: 0.5rem;
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing: 0.08em;
    font-family: var(--font-baskerville);
  }
/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                パソコン
//////////////////////////////////////////////////////////////////////////////////////////////
*/
  @media screen and (min-width: 768px) {
    .archive .archive_list .archive_list-item {
      --pc_fz-8: 0.8rem;
      --pc_fz-10: 1.0rem;
      --pc_fz-11: 1.1rem;
      --pc_fz-12: 1.2rem;
      --pc_fz-14: 1.4rem;
      --pc_fz-15: 1.5rem;
      --pc_fz-16: 1.6rem;
      --pc_fz-17: 1.7rem;
      --pc_fz-18: 1.8rem;
      --pc_lh-18: 1.8rem;
      --pc_lh-20: 2.0rem;
      --pc_lh-21: 2.1rem;
      --pc_lh-22: 2.2rem;
      --pc_lh-24: 2.4rem;
      --pc_lh-25: 2.5rem;
      --pc_lh-26: 2.6rem;
      --pc_lh-28: 2.8rem;
      --pc_lh-30: 3rem;
    }
    .archive .archive_list .archive_list-item .archive_list-item--ttl .pc_fz-8 {font-size: var(--pc_fz-8);}
    .archive .archive_list .archive_list-item .archive_list-item--ttl .pc_fz-10 {font-size: var(--pc_fz-10);}
    .archive .archive_list .archive_list-item .archive_list-item--ttl .pc_fz-11 {font-size: var(--pc_fz-11);}
    .archive .archive_list .archive_list-item .archive_list-item--ttl .pc_fz-12 {font-size: var(--pc_fz-12);}
    .archive .archive_list .archive_list-item .archive_list-item--ttl .pc_fz-14 {font-size: var(--pc_fz-14);}
    .archive .archive_list .archive_list-item .archive_list-item--ttl .pc_fz-15 {font-size: var(--pc_fz-15);}
    .archive .archive_list .archive_list-item .archive_list-item--ttl .pc_fz-16 {font-size: var(--pc_fz-16);}
    .archive .archive_list .archive_list-item .archive_list-item--ttl .pc_fz-17 {font-size: var(--pc_fz-17);}
    .archive .archive_list .archive_list-item .archive_list-item--ttl .pc_fz-18 {font-size: var(--pc_fz-18);}
    .archive .archive_list .archive_list-item .archive_list-item--ttl .pc_lh-18 {line-height: var(--pc_lh-18);}
    .archive .archive_list .archive_list-item .archive_list-item--ttl .pc_lh-20 {line-height: var(--pc_lh-20);}
    .archive .archive_list .archive_list-item .archive_list-item--ttl .pc_lh-21 {line-height: var(--pc_lh-21);}
    .archive .archive_list .archive_list-item .archive_list-item--ttl .pc_lh-22 {line-height: var(--pc_lh-22);}
    .archive .archive_list .archive_list-item .archive_list-item--ttl .pc_lh-24 {line-height: var(--pc_lh-24);}
    .archive .archive_list .archive_list-item .archive_list-item--ttl .pc_lh-25 {line-height: var(--pc_lh-25);}
    .archive .archive_list .archive_list-item .archive_list-item--ttl .pc_lh-26 {line-height: var(--pc_lh-26);}
    .archive .archive_list .archive_list-item .archive_list-item--ttl .pc_lh-28 {line-height: var(--pc_lh-28);}
    .archive .archive_list .archive_list-item .archive_list-item--ttl .pc_lh-30 {line-height: var(--pc_lh-30);}
    .archive .archive_list .archive_list-item .archive_list-item--ttl .pc_inline-block {display: inline-block;}
  }
/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                タブレット
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.archive {
  position: relative;
  margin: 0 auto;
}
  @media screen and (min-width: 768px) and (max-width: 1400px) {
    .archive .archive_list .archive_list-item {
      --pc_fz-8: calc(8*100vw/1400);
      --pc_fz-10: calc(10*100vw/1400);
      --pc_fz-11: calc(11*100vw/1400);
      --pc_fz-12: calc(12*100vw/1400);
      --pc_fz-14: calc(14*100vw/1400);
      --pc_fz-15: calc(15*100vw/1400);
      --pc_fz-16: calc(16*100vw/1400);
      --pc_fz-17: calc(17*100vw/1400);
      --pc_fz-18: calc(18*100vw/1400);
      --pc_lh-18: calc(18*100vw/1400);
      --pc_lh-20: calc(20*100vw/1400);
      --pc_lh-21: calc(21*100vw/1400);
      --pc_lh-22: calc(22*100vw/1400);
      --pc_lh-24: calc(24*100vw/1400);
      --pc_lh-25: calc(25*100vw/1400);
      --pc_lh-26: calc(26*100vw/1400);
      --pc_lh-28: calc(28*100vw/1400);
      --pc_lh-30: calc(30*100vw/1400);
    }
    /* .archive {
      width: calc(1400*100vw/1400);
    } */
    .archive_slider {
      margin-bottom: calc(80*100vw/1400);
    }
    .archive_slider-btn {
      width: calc(14*100vw/1400);
      height: calc(14*100vw/1400);
      top: calc(210*100vw/1400);
      border-bottom: calc(1*100vw/1400) solid #000;
    }
    .archive_slider-btn--next {
      /* right: calc(170*100vw/1400); */
      margin-left: calc(530*100vw/1400);
      border-right: calc(1*100vw/1400) solid #000;
    }
    .archive_slider-btn--prev {
      /* left: calc(170*100vw/1400); */
      top: calc(215* 100vw / 1400);
      margin-left: calc(-530*100vw/1400);
      border-left: calc(1*100vw/1400) solid #000;
    }
    .archive > h4 {
      font-size: calc(26*100vw/1400);
      padding-block: calc(64*100vw/1400) calc(40*100vw/1400);
    }
    .archive .swiper {
      width: calc(1000*100vw/1400);
      padding: 0 calc(20*100vw/1400);
    }
    .archive .archive_list {
      width: calc(100% + (100vw - 1090px) / 2);
    }
    .archive .archive_list .archive_list-item .archive_list-item--ttl {
      margin-top: calc(16*100vw/1400);
    }
    .archive .archive_list .archive_list-item .archive_list-item--date {
      margin-top: calc(5*100vw/1400);
      font-size: calc(12*100vw/1400);
    }
  }
/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                スマホ
//////////////////////////////////////////////////////////////////////////////////////////////
*/
  @media screen and (max-width: 767px) {
    .main-area .main-inner {
      margin-block: 0;
    }
    .archive .archive_list .archive_list-item {
      --sp_fz-18: calc(18*100vw/750);
      --sp_fz-22: calc(22*100vw/750);
      --sp_fz-24: calc(24*100vw/750);
      --sp_fz-26: calc(26*100vw/750);
      --sp_fz-28: calc(28*100vw/750);
      --sp_fz-29: calc(29*100vw/750);
      --sp_fz-30: calc(30*100vw/750);
      --sp_fz-32: calc(32*100vw/750);
      --sp_fz-36: calc(36*100vw/750);
      --sp_lh-42: calc(42*100vw/750);
      --sp_lh-44: calc(44*100vw/750);
      --sp_lh-45: calc(45.5*100vw/750);
      --sp_lh-48: calc(48*100vw/750);
      --sp_lh-50: calc(50*100vw/750);
      --sp_lh-51: calc(51*100vw/750);
      --sp_lh-54: calc(54*100vw/750);
      --sp_lh-60: calc(60*100vw/750);
    }
    .archive .archive_list .archive_list-item .archive_list-item--ttl .sp_fz-18 {font-size: var(--sp_fz-18);}
    .archive .archive_list .archive_list-item .archive_list-item--ttl .sp_fz-22 {font-size: var(--sp_fz-22);}
    .archive .archive_list .archive_list-item .archive_list-item--ttl .sp_fz-24 {font-size: var(--sp_fz-24);}
    .archive .archive_list .archive_list-item .archive_list-item--ttl .sp_fz-26 {font-size: var(--sp_fz-26);}
    .archive .archive_list .archive_list-item .archive_list-item--ttl .sp_fz-28 {font-size: var(--sp_fz-28);}
    .archive .archive_list .archive_list-item .archive_list-item--ttl .sp_fz-29 {font-size: var(--sp_fz-29);}
    .archive .archive_list .archive_list-item .archive_list-item--ttl .sp_fz-30 {font-size: var(--sp_fz-30);}
    .archive .archive_list .archive_list-item .archive_list-item--ttl .sp_fz-32 {font-size: var(--sp_fz-32);}
    .archive .archive_list .archive_list-item .archive_list-item--ttl .sp_fz-36 {font-size: var(--sp_fz-36);}
    .archive .archive_list .archive_list-item .archive_list-item--ttl .sp_lh-42 {line-height: var(--sp_lh-42);}
    .archive .archive_list .archive_list-item .archive_list-item--ttl .sp_lh-44 {line-height: var(--sp_lh-44);}
    .archive .archive_list .archive_list-item .archive_list-item--ttl .sp_lh-45 {line-height: var(--sp_lh-45);}
    .archive .archive_list .archive_list-item .archive_list-item--ttl .sp_lh-48 {line-height: var(--sp_lh-48);}
    .archive .archive_list .archive_list-item .archive_list-item--ttl .sp_lh-50 {line-height: var(--sp_lh-50);}
    .archive .archive_list .archive_list-item .archive_list-item--ttl .sp_lh-51 {line-height: var(--sp_lh-51);}
    .archive .archive_list .archive_list-item .archive_list-item--ttl .sp_lh-54 {line-height: var(--sp_lh-54);}
    .archive .archive_list .archive_list-item .archive_list-item--ttl .sp_lh-60 {line-height: var(--sp_lh-60);}
    .archive .archive_list .archive_list-item .archive_list-item--ttl .sp_inline-block {display: inline-block;}
    
    .archive {
      width: calc(710*100vw/750);
      border-top: 1px solid #58595b;
      /* padding-bottom: calc(47*100vw/750); */
      padding-bottom: calc(120*100vw/750);
    }
    .archive_slider {
      margin: 0 auto 8rem;
    }
    .archive_slider-btn {
      width: calc(35*100vw/750);
      height: calc(35*100vw/750);
      top: calc(460*100vw/750);
      left: initial;
    }
    .archive_slider-btn--next {
      margin-left: initial;
      right: calc(15*100vw/750);
      transform: rotate(-45deg);
    }
    .archive_slider-btn--prev {
      margin-left: initial;
      top: calc(460*100vw/750);
      left: calc(15*100vw/750);
      transform: rotate(45deg);
    }
    .archive > h4 {
      font-size: calc(52*100vw/750);
      line-height: 1.15384;
      padding-block: calc(150*100vw/750) calc(47*100vw/750);
    }
    .archive .swiper {
      width: calc(580*100vw/750);
      padding: 0;
    }
    .archive .archive_list .archive_list-item .archive_list-item--ttl {
      margin-top: calc(30*100vw/750);
    }
    .archive .archive_list .archive_list-item .archive_list-item--date {
      margin-top: calc(10*100vw/750);
      font-size: 1.2rem;
      font-size: calc(24*100vw/750);
    }
  }