/*
Theme Name: Lightning Child
Theme URI:
Template: lightning
Description:
Author: Vektor,Inc.
Author URI: https://www.vektor-inc.co.jp
Tags:
Version: 0.6.1
*/

/* トップスライダー 見出し 共通（左右関係なく） */
.home .vk_slider_item_container .wp-block-heading {
  line-height: 1.2;
}

/* 600px以下 */
@media (max-width: 600px) {
  .home .vk_slider_item_container .wp-block-heading {
    font-size: 2.2rem !important;
  }
}

/* 445px以下 */
@media (max-width: 445px) {
  .home .vk_slider_item_container .wp-block-heading {
    font-size: 1.7rem !important;
  }
}

/* 357px以下 */
@media (max-width: 357px) {
  .home .vk_slider_item_container .wp-block-heading {
    font-size: 1.4rem !important;
  }
}

/* サブテキスト（pタグ） */
@media (max-width: 410px) {
  .home .vk_slider_item_container p {
    font-size: 0.9rem !important;
  }
}

/* トップページ スライダー余白強制　2025.12.30 */
.home .vk_slider_item_container,
.home .vk_slider_item {
  padding-left: 60px;
  padding-right: 60px;
  box-sizing: border-box;
}

/* 右寄せテキストが画面に貼り付くのを防止 */
.home .has-text-align-right {
  max-width: 100%;
}


/* ===== 最新ポスト：カード全体 ===== */
.home .wp-block-latest-posts.is-grid > li {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
  transition: all 0.3s ease;
}

/* ホバーで浮き上がる */
.home .wp-block-latest-posts.is-grid > li:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 32px rgba(0,0,0,0.15);
}

/* ===== サムネイル ===== */
.home .wp-block-latest-posts__featured-image img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.4s ease;
}

/* ホバー時ズーム */
.home .wp-block-latest-posts.is-grid > li:hover img {
  transform: scale(1.05);
}

/* ===== テキストエリア ===== 
.home .wp-block-latest-posts.is-grid > li > a,
.home .wp-block-latest-posts.is-grid > li > div {
  padding: 16px 18px 20px;
  display: block;
}
*/

/* タイトル */
.home .wp-block-latest-posts__post-title {
  display: block;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6;
  color: #222;
  margin-bottom: 6px;
}

/* 日付 */
.home .wp-block-latest-posts__post-date {
  font-size: 0.8rem;
  color: #777;
}

/* ===== カード全体をクリック可能に ===== */
.home .wp-block-latest-posts.is-grid > li > a {
  height: 100%;
}