@charset "UTF-8";
/*
index
-----------------------------------------------------*/
/*
i-setting
-----------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap");
/*
i-functions
-----------------------------------------------------*/
a,
img,
a img {
  transition: all 600ms;
}
a:hover,
img:hover,
a img:hover {
  opacity: 0.7;
}

/*
i-mixin
-----------------------------------------------------*/
/* ------------------------- 使い方 ----------------------------------------------------------

    @include sizing(width, wide, 365px, sp, 276px);
    ==> width: clamp(276px, 7.46vw + 248px, 365px);
    （ビューポートがwide(1568px)のとき365px, sp(375px)のとき276pxになる自動補完値を上限下限をつけて設定）

    @include sizing(width, wide, 365px, sp, 276px, noClamp);
    ==> width: calc(7.46vw + 248px);
    （ビューポートがwide(1568px)のとき365px, sp(375px)のとき276pxになる自動補完値を設定）

    @include sizingRem(font-size, wide, 14px, sp, 12px);
    ==> font-size: clamp(0.75rem, 0.17vw + 0.70625rem, 0.875rem;
    （ビューポートがwide(1568px)のとき14px, sp(375px)のとき12pxになる自動補完値をremに変換して設定）
　　
    ※使いたいsassファイル上で@useしてください。
    ※scssファイル上での読みやすさ重視のため、mixinの引数に単位[px]が必要な仕様にしてあります。

// ---------------------------------------------------------------------------------------- */
/*
news
-----------------------------------------------------*/
.p-membernews .-sub dl dt,
.p-news .-sub dl dt {
  background: #2e6030;
}
.p-membernews .-archive dl,
.p-news .-archive dl {
  margin: 2em 0 3em;
  border-top: 1px solid #ddd;
}
.p-membernews .-archive dl a,
.p-news .-archive dl a {
  display: flex;
  justify-content: space-between;
  padding: 0.8em 0;
  border-bottom: 1px solid #ddd;
  text-decoration: none;
}
.p-membernews .-archive dl a:before,
.p-news .-archive dl a:before {
  display: none;
}
.p-membernews .-archive dl a dt,
.p-news .-archive dl a dt {
  display: flex;
  align-items: center;
  font-size: 12px;
  margin-bottom: 0.5em;
  width: 12em;
}
@media screen and (min-width: 768px) {
  .p-membernews .-archive dl a dt,
  .p-news .-archive dl a dt {
    width: 12em;
    margin-bottom: 0;
  }
}
.p-membernews .-archive dl a dt time,
.p-news .-archive dl a dt time {
  display: inline-block;
  width: 6em;
  color: #909090;
}
.p-membernews .-archive dl a dt span,
.p-news .-archive dl a dt span {
  width: 6em;
  color: #fff;
  font-size: 10px;
  background: #333;
  border-radius: 3em;
  padding: 0.2em 1em;
  margin-right: 1em;
  text-align: center;
}
.p-membernews .-archive dl a dt.post-type-news span,
.p-news .-archive dl a dt.post-type-news span {
  background: #f4ae3e;
}
.p-membernews .-archive dl a dt.post-type-membernews span,
.p-news .-archive dl a dt.post-type-membernews span {
  background: #45bc49;
}
.p-membernews .-archive dl a dd,
.p-news .-archive dl a dd {
  width: calc(100% - 11em);
  text-decoration: underline;
}
.p-membernews .-archive dl a:hover dd,
.p-news .-archive dl a:hover dd {
  text-decoration: none;
}
.p-membernews .-post article h2,
.p-news .-post article h2 {
  font-size: 21px;
  font-weight: 600;
  color: #333;
  background: transparent;
  padding: 0;
  width: 100%;
  margin: auto;
}
.p-membernews .-post article date,
.p-news .-post article date {
  display: block;
  text-align: left;
  color: #808080;
  font-size: 12px;
  margin-bottom: 2em;
}
.p-membernews .-post article date span,
.p-news .-post article date span {
  margin-left: 1em;
}
.p-membernews .-post article .-thumb,
.p-news .-post article .-thumb {
  margin-bottom: 3em;
}
.p-membernews .-post article .-body,
.p-news .-post article .-body {
  margin-bottom: 8em;
}
.p-membernews ol.wp-block-list,
.p-news ol.wp-block-list {
  padding-left: 2em;
}
.p-membernews ol.wp-block-list li,
.p-news ol.wp-block-list li {
  list-style: auto;
  list-style-position: inside;
}

body.post-type-archive-news .-archive dl a dt span {
  background: #f4ae3e;
}

body.post-type-archive-membernews .-archive dl a dt span {
  background: #45bc49;
}/*# sourceMappingURL=news.css.map */