@charset "UTF-8";
@font-face {
  font-family: 'CormorantGaramond';
  src: url("../../font/CormorantGaramond-Medium.woff"); }

@font-face {
  font-family: 'EBGaramond';
  src: url("../../font/EBGaramond-Regular.woff"); }

@font-face {
  font-family: 'yumin';
  src: url("../../font/yumin.woff"); }

@font-face {
  font-family: 'yuminl';
  src: url("../../font/yuminl.woff"); }

.pc_only {
  display: none !important; }

#breadcrumb .cateList {
  display: flex;
  flex-wrap: wrap;
}
#breadcrumb .cateList li{
  display: inline-block;
}

#material_191107 {
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
  color: #58595B;
  margin-bottom: calc(160 * (100vw / 750)); }
  #material_191107 .content_wrap {
    width: 100%;
    margin: 0 auto; }
  #material_191107 .item_txt {
    font-size: calc(22 * (100vw / 750));
    letter-spacing: 0.1em;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt"; }
    #material_191107 .item_txt a {
      line-height: 0.7;
      display: inline-block; }
      #material_191107 .item_txt a span {
        font-size: calc(28 * (100vw / 750));
        border-bottom: 1px solid #58595B;
        display: inline-block;
        margin-top: calc(25 * (100vw / 750));
        line-height: 0.9; }
      #material_191107 .item_txt a span:nth-child(1) {
        font-size: calc(22 * (100vw / 750)); }
      #material_191107 .item_txt a .tax {
        font-family: "EBGaramond", serif; }
  #material_191107 .item_txt_02 {
    font-size: calc(22 * (100vw / 750));
    letter-spacing: 0.1em;
    margin-top: calc(40 * (100vw / 750));
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    text-align: left; }
    #material_191107 .item_txt_02 a {
      border-bottom: 1px solid #58595B;
      line-height: 0.7;
      display: inline-block;
      margin-bottom: calc(25 * (100vw / 750)); 
    transition: none;}
      #material_191107 .item_txt_02 a span {
        font-size: calc(28 * (100vw / 750));
        line-height: 0.9;
        font-family: "EBGaramond", serif; }
  #material_191107 .txt {
    font-size: calc(26 * (100vw / 750));
    text-align: center;
    line-height: 2;
    letter-spacing: 0.2em;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
    width: calc(675 * (100vw / 750));
    margin-left: auto;
    margin-right: auto;
    text-align: justify; }
    #material_191107 .txt::before {
      content: '';
      display: block;
      height: 0;
      width: 0;
      margin-top: calc((1 - 2) * 0.5em); }
    #material_191107 .txt br {
      display: none; }
  #material_191107 .ttl {
    font-size: calc(48 * (100vw / 750));
    text-align: center;
    margin-bottom: calc(60 * (100vw / 750));
    font-family: "游明朝体", "Yu Mincho", YuMincho, serif;
    letter-spacing: 0.06em;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    color: #000;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ecd49d));
    background: -webkit-linear-gradient(transparent 60%, #ecd49d 60%);
    background: -o-linear-gradient(transparent 60%, #ecd49d 60%);
    background: linear-gradient(transparent 60%, #ecd49d 60%);
    display: inline-block;
    padding-bottom: calc(8 * (100vw / 750));
    padding-left: calc(10 * (100vw / 750));
    padding-right: calc(16 * (100vw / 750)); }
  #material_191107 .txt_wrap {
    text-align: center; }
  #material_191107 img {
    width: 100%; }
  #material_191107 .mv_img {
    width: calc(750 * (100vw / 750)); }
  #material_191107 .mv .txt {
    text-align: center;
    margin-top: calc(80 * (100vw / 750));
    margin-bottom: calc(90 * (100vw / 750));
    letter-spacing: 0.2em; }
    #material_191107 .mv .txt br {
      display: block; }
  #material_191107 .sec01 .txt {
    margin-top: calc(100 * (100vw / 750)); }
  #material_191107 .sec01 .blk03 {
    background: #fbf8f0;
    padding: calc(100 * (100vw / 750)) 0 calc(80 * (100vw / 750));
    margin-top: calc(150 * (100vw / 750));
    margin-bottom: calc(140 * (100vw / 750)); }
    #material_191107 .sec01 .blk03 .txt {
      margin-top: calc(50 * (100vw / 750)); }
  #material_191107 .sec01 .blk02 {
    position: relative; }
    #material_191107 .sec01 .blk02::after {
      background: #f2ede1;
      content: "";
      width: calc(750 * (100vw / 750));
      height: calc(750 * (100vw / 750));
      position: absolute;
      top: calc(971 * (100vw / 750));
      left: 0;
      z-index: -1; }
  #material_191107 .sec02 {
    padding-top: calc(70 * (100vw / 750));
    padding-bottom: calc(100 * (100vw / 750)); }
    #material_191107 .sec02 .txt {
      margin-top: calc(110 * (100vw / 750)); }
    #material_191107 .sec02 .blk02 {
      position: relative; }
      #material_191107 .sec02 .blk02::after {
        background: #f2ede1;
        content: "";
        width: calc(500 * (100vw / 750));
        height: calc(500 * (100vw / 750));
        position: absolute;
        top: calc(-60 * (100vw / 750));
        right: 0;
        z-index: -1; }
  #material_191107 .sec03 {
    margin-top: calc(154 * (100vw / 750));
    padding-bottom: calc(100 * (100vw / 750)); }
    #material_191107 .sec03 .blk01 {
      text-align: center; }
    #material_191107 .sec03 .blk01 {
      position: relative; }
      #material_191107 .sec03 .blk01::after {
        background: #f2ede1;
        content: "";
        width: calc(750 * (100vw / 750));
        height: calc(1614 * (100vw / 750));
        position: absolute;
        top: calc(784 * (100vw / 750));
        right: 0;
        z-index: -1; }
    #material_191107 .sec03 .txt {
      letter-spacing: 0.19em; }
  #material_191107 .img01 {
    width: calc(675 * (100vw / 750)); }
  #material_191107 .img02 {
    width: calc(525 * (100vw / 750));
    margin-left: auto;
    margin-top: calc(90 * (100vw / 750)); }
    #material_191107 .img02 .item_txt_02 {
      margin-left: calc(-190 * (100vw / 750)); }
  #material_191107 .img03 {
    width: calc(525 * (100vw / 750));
    position: relative;
    z-index: 1;
    margin-left: auto;
    margin-right: auto; }
  #material_191107 .img04 {
    width: calc(600 * (100vw / 750));
    margin-left: auto;
    margin-right: auto; }
    #material_191107 .img04 + .item_txt_02 {
      margin-left: calc(75 * (100vw / 750));
      margin-bottom: calc(110 * (100vw / 750)); }
  #material_191107 .icon01 {
    width: calc(80 * (100vw / 750)); }
  #material_191107 .icon02 {
    width: calc(160 * (100vw / 750));
    margin-left: auto;
    margin-right: auto; }
  #material_191107 .item01 {
    width: calc(352 * (100vw / 750));
    margin-top: calc(76 * (100vw / 750));
    margin-left: auto;
    margin-right: auto;
    position: relative; }
    #material_191107 .item01 .icon01 {
      position: absolute;
      left: calc(352 * (100vw / 750));
      top: calc(356 * (100vw / 750)); }
  #material_191107 .item02 {
    width: calc(352 * (100vw / 750));
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-top: calc(60 * (100vw / 750)); }
    #material_191107 .item02::after {
      background: #f2ede1;
      content: "";
      width: calc(500 * (100vw / 750));
      height: calc(500 * (100vw / 750));
      position: absolute;
      top: calc(160 * (100vw / 750));
      left: calc(-200 * (100vw / 750));
      z-index: -1; }
    #material_191107 .item02 .icon01 {
      position: absolute;
      left: calc(352 * (100vw / 750));
      top: calc(349 * (100vw / 750)); }
  #material_191107 .item03 {
    width: calc(352 * (100vw / 750));
    margin-left: auto;
    margin-right: auto;
    margin-top: calc(75 * (100vw / 750)); }
  #material_191107 .staff {
    text-align: center;
    margin-top: calc(140 * (100vw / 750));
    font-family: "EBGaramond", serif;
    line-height: 1.6;
    font-size: calc(28 * (100vw / 750));
    letter-spacing: 0.03em; }
  #material_191107 .btn_all {
    text-align: center;
    margin-top: calc(140 * (100vw / 750));
    margin-bottom: calc(180 * (100vw / 750)); }
    #material_191107 .btn_all div:nth-child(1) {
      margin-top: calc(140 * (100vw / 750)); }
    #material_191107 .btn_all div:nth-child(2) {
      margin-top: calc(120 * (100vw / 750));
      margin-bottom: calc(160 * (100vw / 750)); }
    #material_191107 .btn_all a {
      text-align: center;
      font-family: "EBGaramond", serif;
      letter-spacing: 0.03em;
      font-size: calc(40 * (100vw / 750));
      border-bottom: double 4px #c0c0c0;
      padding-bottom: 4px;
      color: #000; }
  #material_191107 .ArchiveTitle {
    font-family: "EBGaramond", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif; }
    #material_191107 .ArchiveTitle span.ja {
      font-size: calc(26 * (100vw / 750)); }
    #material_191107 .ArchiveTitle .ja:nth-child(1) {
      margin-bottom: calc(18 * (100vw / 750)); }
  #material_191107 .bx-wrapper {
    width: calc(580 * (100vw / 750));
    padding-bottom: calc(10 * (100vw / 750)); }
  #material_191107 .archive_slider {
    border-top: 1px solid #acacad; }
  #material_191107 .archive_slider > h4 {
    font-family: "EBGaramond", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
    margin-top: calc(20 * (100vw / 750)); }
  #material_191107 .feed-next-btn {
    right: -2%;
    top: 27%; }
  #material_191107 .feed-prev-btn {
    left: -2%;
    top: 27%; }
