/*
Theme Name: Lightning Child Sample
Theme URI:https://www.vege-labo.com/
Template: lightning
Description:
Author:
Tags:
Version: 0.6.1
*/

/* NEWSセクション */
.news-list {
  display: flex;          /* 子を横並びにする */
  flex-wrap: wrap;        /* 折り返し可能に */
  gap: 20px;              /* 子要素間の隙間 */
  padding: 0;
  margin: 0;
}

/* 各記事アイテム */
.news-item {
  width: calc(33.333% - 13.333px); /* 横3列、gap対応 */
  box-sizing: border-box;
}

/* サムネイル画像 */
.news-thumb {
  width: 100%;
  height: 200px;
  overflow: hidden;
  border-radius: 8px 8px 0 0;
}

.news-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* 文字部分 */
.news-text {
  padding: 10px 0 0;
}

.news-date {
  display: block;
  color: #999;
  font-size: 0.85em;
  margin-bottom: 5px;
}

.news-title-text {
  font-size: 1em;
  font-weight: bold;
  display: block;
}

/* スマホ対応（縦1列） */
@media screen and (max-width: 767px) {
  .news-item {
    width: 100%;
  }
  .news-thumb {
    height: 180px;
  }
}