/*
Theme Name: Lightning Child 
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.5.1
*/
.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; で白線に変更可能 */
}

 .wp-block-cover.phone-logo-size .wp-block-image img {
   height: 90px !important;
 }
/* スマホ表示（幅767px以下） */
@media (max-width: 767px) {
  .wp-block-cover.phone-logo-size .wp-block-image img {
    display: block;
    margin: 0 auto; /* 中央寄せ */
    width: 90% !important;
    max-width: 90% !important;
    height: auto !important;
  }
}

/* WPForms送信ボタン */
.wpforms-submit-container .wpforms-submit {
  background-color: #000 !important; /* ボタン背景を黒 */
  color: #fff !important;           /* 文字を白 */
  border: none;                     /* 枠線を消す（必要なら） */
  padding: 10px 20px;               /* ボタンの余白調整 */
  border-radius: 4px;               /* 少し丸みを付ける（任意） */
  cursor: pointer;
  transition: background-color 0.3s ease;
}

/* ホバー時に少し明るいグレーに */
.wpforms-submit-container .wpforms-submit:hover {
  background-color: #333 !important;
}