@charset "utf-8";
/* CSS Document */


/*--------------------------------------
　Category
---------------------------------------*/

#category {
  padding-top: 4rem;
  padding-bottom: 6rem;
}


/* 記事リスト */
.article-list--category {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin-top: 4rem;
}


/*--------------------------------------
　SP レイアウト
---------------------------------------*/

@media screen and (max-width: 767px) {

  #category {
    padding-top: 2.4rem;
    padding-bottom: 4rem;
  }

  .article-list--category {
    grid-template-columns: 1fr;
    gap: 1.2rem;
  }
/* 縦積みテーブル（.tbl-stack）：SPでth/tdを1列に */
  #category .tbl-stack,
  #category .tbl-stack tbody,
  #category .tbl-stack tr,
  #category .tbl-stack th,
  #category .tbl-stack td {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }

  /* 外枠はtable側の1本に集約 */
  #category .tbl-stack {
    border: 1px solid var(--c-border);
  }

  /* セルは下線のみ（左右・上のborderを排除して重複解消） */
  #category .tbl-stack th,
  #category .tbl-stack td {
    border: none;
    border-bottom: 1px solid var(--c-border);
  }

  /* 最終セルの下線は外枠と重なるため消す */
  #category .tbl-stack tr:last-child > *:last-child {
    border-bottom: none;
  }

  /* URL等の連続文字列をセル内で折り返す */
  #category .tbl-stack td {
    word-break: break-all;
  }
}