/*
Theme Name: Lightning Child
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/
.category-11 .page-header,
.category-12 .page-header {
    display: none;
}


/* Books 見出しを黒に */
.top-books-style h2,
.top-books-style .wp-block-heading {
  color: #000 !important;
}

/* 投稿リストをグリッド表示 */
.top-books-style .wp-block-latest-posts__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* モバイル2列 */
  gap: 20px;
  list-style: none;
  padding: 0;
  margin: 30px auto;
  max-width: 1200px;
}

/* PC時は3列に */
@media (min-width: 992px) {
  .top-books-style .wp-block-latest-posts__list {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* アイキャッチ画像の親を固定サイズにして中央寄せ */
.top-books-style .wp-block-latest-posts__featured-image {
  text-align: center;
  height: 300px; /* モバイル高さ */
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* PC時は高さを480pxに変更 */
@media (min-width: 768px) {
  .top-books-style .wp-block-latest-posts__featured-image {
    height: 480px;
  }
}

/* 画像を縦横比を保ったまま親要素にフィット */
.top-books-style .wp-block-latest-posts__featured-image img {
  width: auto;
  height: 100%; /* 親の高さに合わせる */
  object-fit: cover;
  border-radius: 4px;
  transition: transform 0.3s ease;
}

/* 投稿タイトルを黒に */
.top-books-style .wp-block-latest-posts__post-title {
  display: block;
  margin-top: 8px;
  font-size: 14px;
  text-align: center;
  color: #000 !important;
}

/* ホバー時に上にスッと動く */
.top-books-style .wp-block-latest-posts__featured-image img:hover {
  transform: translateY(-5px);
}

.top-books-style .wp-block-latest-posts__list li:first-child {
    border-top: none; /* または border-top: 1px solid #fff; で白に */
}

.top-books-style .wp-block-latest-posts__list li {
    border-bottom: none; /* または 1px solid #fff; で白線に変更可能 */
}