/*
Theme Name: Lightning Child
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.5.1
*/

/* ヘッダーナビのアイコン */
.global-nav-name i{
font-size: 16px;
display: block;
margin-right: 0;
margin-bottom:0.5rem;
}

/* ヘッダーナビのボーダー */
.global-nav, .header_scrolled .site-header{
border-top:1px solid var(--vk-color-border-hr);
}

/* ヘッダーナビのマウスオーバー時の色 */
#global-nav a:hover {
	position: relative;top:2px;left:2px;
	background-color: #2d9cff;
}

/* ヘッダーナビのサブメニューの文字サイズ変更 */
.global-nav-list li{
    font-size: 14px;
}

/* ヘッダーナビのサブメニューのマウスオーバー時の色 */
#global-nav ul.sub-menu a:hover {
	position: relative;top:-2px;left:-2px;
	background-color: #2d9cff;
}

/* タブレットサイズの下階層がある時に表示されるドロップダウンアイコンを上下中央寄せ */
.device-mobile .global-nav-list .acc-btn {
top: 50%;
transform: translateY(-50%);
}

/* モバイルナビのアイコンカラー */
.vk-mobile-nav nav ul li i{
color: var(--vk-color-primary);
}

/* ヘッダー 連絡先の文字サイズ変更 */
.site-header-sub .contact-txt-catch {
    font-size: 16px;
    color: var(--vk-color-text-body);
}

.site-header-sub .contact-txt-time {
    font-size: 14px;
    color: var(--vk-color-text-body);
}

/* ブロック内のバナーのマウスオーバー効果追加 */
.wp-block-image :hover {
  transform: scale(1.1,1.1);
  transition:0.5s all;
}

/* 投稿リストのタイトルの文字サイズ変更 */
.vk_post .vk_post_title a {
    font-size: 16px;
}

/* 投稿リストの抜粋の文字サイズ変更 */
.vk_post .vk_post_excerpt {
    margin: .8rem 0;
    font-size: 14px;
    line-height: 1.6;
    opacity: .8;
}

/* 投稿リストのREAD MOREの文字サイズ変更 */
.vk_post .vk_post_btn {
    font-size: 14px;
    text-decoration: none;
    padding-left: 1rem;
    padding-right: 1rem;
    white-space: nowrap;
}

/* 投稿リストのREAD MOREのマウスオーバー効果追加 */
.vk_post_btnOuter :hover {
  background-color: #2d9cff;
  transition: all 0.5s ease-in-out 0s;
}

/* 画像ブロックのキャプションを左寄せ */
.wp-block-image figcaption{
 text-align:left;
}

/* フッター(1)の文字サイズ変更 */
.site-footer{
	font-size: 18px;
}

/* フッター(2)のメニューの文字サイズ変更 */
.site-footer {
    --vk-size-text-sm: 16px;
    display: block;
    overflow: hidden;
    font-size: var(--vk-size-text-sm);
    content-visibility: auto;
    contain-intrinsic-size: 370px;
}

/* フッター(3)の連絡先の文字サイズ変更 */
.veu_contact .contact_txt_catch {
	font-size: 16px;
}

.site-footer .veu_contact .contact_txt_time {
    font-size: 14px;
    color: var(--vk-color-text-body);
}