/* 最初リストの色を変える */
.p-sub-category ul > a:first-of-type {
  background: var(--bc);
}

.avatar {
  height: 36px;
  width: 36px;
  border-radius: 50%;
}

/* もっと見る */
h1 + div {
  text-align: center;
}
.more-check {
  display: none;
}
.more-content {
  position: relative;
  overflow: hidden;
  height: 12em;
}
.more-content::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 12em;
  content: "";
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0)  0%,
    rgba(255, 255, 255, 0)  0%,   /* 透明のまま */
    rgba(255, 255, 255, 1) 100%   /* 白フェードイン */
  );
}
/* ボタン */
.more-label {
  margin-top: -2em;
  padding: .4em .8em;
  color: inherit;
  border-radius: 1em;
  background: transparent;
}
/* 続きを読むボタン */
.more-label:before {
  font-family: FontAwesome;
  content: '続きを読む \f13a';
  font-weight: bold;
}
/* ボタン非表示 */
.more-check:checked ~ .more-label{
  margin: 20px auto;
  position: static;
  transform: translateX(0);
}
/* グラデーション削除 */
.more-check:checked ~ .more-content::before {
  display: none;
}
/* 閉じるボタン */
.more-check:checked ~ .more-label:before {
  content: '記事を閉じる \f139';
  font-weight: bold;
}
/* 高さを戻す*/
.more-check:checked ~ .more-content {
  height: auto;
  overflow: visible;
  transition: 2s;
}