/*--------------------------------------------------------------
一覧・記事共通
--------------------------------------------------------------*/
.news_content {
  padding: 8rem 0;
  @media (min-width:768px) {
    padding: 12rem 0;
  }
}
/*--------------------------------------------------------------
一覧ページ
--------------------------------------------------------------*/
.news_content .archive_list {
  list-style: none;
  max-width: 100rem;
  min-height: 20rem;
  margin: 0 auto 7rem;
  background: #FFF;
  @media (min-width: 768px) {
      padding: 0 3rem;
  }

  & li {
    border-bottom: 1px solid #BCBCBC;

    &:nth-child(1) {
      border-top: 1px solid #BCBCBC;
    }
    & a {
      display: grid;
      color: var(--fc-base);
      grid-template-columns: 1fr 4rem;
      padding: 1.5em 0.5em;
      @media (min-width:768px) {
        grid-template-columns: 9em 1fr 4rem;
        padding: 1.5em 2em;
        gap: 0 6%;
      }

      &::after {
        display: inline-flex;
        content: "→";
        color: #FFF;
        grid-area: 1 / 2 / 3 / 3;
        justify-content: center;
        align-items: center;
        align-self: center;
        width: 2em;
        height: 2em;
        margin: 0 0 0 auto;
        background: var(--key-color);
        border-radius: 50%;
        @media (min-width:768px) {
          grid-area: auto;
        }
      }
      &:hover {
        background: rgba(0,0,0,0.1);
      }
      .archive_date {
        font-size: clamp( 1.4rem, calc( 1.2285714285714285rem + 0.4761904761904762vw ), 1.8rem );
        grid-area: 1 / 1 / 2 / 2;
        @media (min-width:768px) {
          grid-area: auto;
        }
      }
      .archive_title {
        font-size: clamp( 1.4rem, calc( 1.2285714285714285rem + 0.4761904761904762vw ), 1.8rem );
        font-weight: 400;
        grid-area: 2 / 1 / 3 / 2;
        @media (min-width:768px) {
          grid-area: auto;
        }
      }
    }
  }
}

/*--------------------------------------------------------------
記事ページ
--------------------------------------------------------------*/
.news_content.single {
  .news_date {
    font-size: var(--fs-normal);
  }
  .news_title {
    font-size: var(--fs-large);
    line-height: 1.75;
    margin: 0.5em 0 2em;
    padding-bottom: 1em;
    background: linear-gradient(to right,var(--accent-green),var(--accent-green) 22%,var(--fc-base) 22%,var(--fc-base) 100%) no-repeat left bottom / 100% 0.1rem;
  }
  & h2 {
    line-height: 1.5;
    margin: 3em 0 1.5em;
  }
  & h3 {
    margin-bottom: 0.5em;
  }
  & figure {
    margin-bottom: 3rem;
  }
  & figcaption {
    line-height: 1.5;
  }
  & ul {
    margin: 0 0 1em 1.5em;
    & li + li {
      margin-top: 0.5em;
    }
  }
  & ul.kome {
    list-style: none;
    margin-left: 0.5em;
    & li::before {
      display: inline-block;
      content: "※";
      margin-right: 0.5em;
    }
  }
  & ol {
    margin: 0 0 1em 1.5em;
    & li {
      padding-left: 0.5em;
      + li {
        margin-top: 0.5em;
      }
    }
  }
  & dl {
    margin-bottom: 1em;
  }
  .brackets {
    &::before {
      content: "【";
    }
    &::after {
      content: "】";
    }
  }
  .colon {
    &::after {
      content: "：";
    }
  }
  .flex {
    display: flex;
  }
  .to_archive {
    margin: 0 auto;
  }
  /*
  .wp-block-table.is-style-stripes {
    border-bottom: 0.2rem solid var(--bg-green);
  }
  .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: var(--bg-green);
  }
    */
}