/*
Theme Name: Lightning Child
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/

/* =========================================
   PC表示（782px以上）
========================================= */
@media screen and (min-width: 782px) {
  /* 新スマホ用H1ブロックを非表示 */
  .sp_custom_h1 {
    display: none !important;
  }
}

/* =========================================
   スマホ表示（781px以下）
========================================= */
@media screen and (max-width: 781px) {
  
  /* --- 1. H1ブロックの入れ替え（和モダンの縦書き） --- */
  .vk_custom_css_3 {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .sp_custom_h1 {
    display: block !important;
    writing-mode: vertical-rl;
    margin-right: auto;
    margin-left: auto;
    padding-top: 1em;
  }
.vk_custom_css_12 img {
	width:80%;
	}

}
/* =========================================
   全画面共通：NEWS欄（日付とタイトル）のレイアウト浄化
========================================= */
.wp-block-post-template .wp-block-group.is-layout-flex {
  display: flex !important;
  flex-wrap: nowrap !important; 
  align-items: center !important; 
  gap: 1em !important; 
}

.wp-block-post-template .wp-block-post-date {
  flex-shrink: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
}

/* 1. PC版の強制改行を封殺し、1行を貫く */
.wp-block-post-template .wp-block-post-title {
  margin: 0 !important;
  line-height: 1.4 !important;
  white-space: nowrap !important; /* どんなに幅が狭くても絶対に改行させない */
  overflow: hidden !important; /* はみ出た場合は美しく隠す */
  text-overflow: ellipsis !important; /* 入りきらない場合は「...」にして面子を保つ */
}

/* =========================================
   スマホ表示（575px以下）：NEWS全体の上下中央揃え
========================================= */
@media screen and (max-width: 575px) {
  /* 2. NEWSの縦書き文字と、スライダー（日付・タイトル）の並び軸を中央で揃える */
  .wp-block-group.is-nowrap.is-layout-flex {
    align-items: center !important;
  }
  
  /* 3. スライダーがシステム的に持つ「上揃え（vk_valign-top）」の不文律を中央に書き換える */
  .vk_slider_item.vk_valign-top {
    display: flex !important;
    align-items: center !important;
  }
  
  /* スライダー内の不要な上部余白（スペーサーブロック）を無効化 */
  .vk_slider_item_container .wp-block-vk-blocks-spacer {
    display: none !important;
  }
}
/* =========================================
   NEWS欄（スライダー内）のリンク機能の無効化
========================================= */
.wp-block-post-template .wp-block-post-title a {
  pointer-events: none !important; /* クリック操作を完全に無効化（遷移させない） */
  cursor: default !important; /* ホバー時の「指マーク」を通常の「矢印」に戻し、リンクであることを隠す */
  text-decoration: none !important; /* 万が一付与される下線を打ち消す */
  color: inherit !important; /* リンク特有の色味（青など）を消し、周囲の文字色と同化させる */
}




/* =========================================
   スマホ表示（781px以下）用メディアクエリ内に追加
========================================= */
@media screen and (max-width: 781px) {

  /* --- 2. メインビジュアル（画像のみのサイズ調整） --- */
  .sp_hero_visual_img {
    min-height: unset !important; /* システムの強制高さをリセット */
    
    /* ▼ 任さんが調整する箇所：画像の高さを指定します ▼ */
    /* 例： 60vh (画面の60%の高さ), 400px (固定の高さ), aspect-ratio: 4/3 など */
    height: 45vh !important; 
    
    padding: 0 !important;
  }

  /* 画像が指定した高さの枠に合わせて美しくトリミングされるよう念押し */
  .sp_hero_visual_img .wp-block-cover__image-background {
    object-fit: cover !important;
    object-position: center center !important;
  }

}

.vk_step .vk_step_item .vk_step_item_dot {
    padding: 15px 0!important;
}
.vk_step .vk_step_item .vk_step_item_dot i {
    font-size: 22px;
}