/*
Theme Name: Lightning Child
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/
body,html {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-weight:500;
	}

.site-footer-copyright p:nth-child(2) {
    display:none;
}
:root {
    --vk-size-text: 18px;
}

/* リンク色変更 */
#main .entry-body p a {
	color:#1e73be;
	}
#main .entry-body p a:hover {
	color:#d98021;
	}

/* form必須マーク */
.smf-item__label__text {
    position: relative;
}
.smf-item:has([data-validations~="required"]) .smf-item__label__text::after {
    content: " *";
    display: inline-block;
    margin-left: .5em;
    color: var(--color_main);
    font-size: 1.2em;
}

/* 固定ページ背景 */
.page-header{
background-image: URL("https://legit-1619.com/wp-content/uploads/2025/06/gradient.webp")
}
body .page-header {
    min-height: min(260px, 50vw);
}

@media (min-width: 992px) {
    /* アイコンの下にメニューの文字を配置する（スクロールしていないとき） */
    body:not(.header_scrolled) #global-nav .global-nav-list>li .global-nav-name {
        display: flex;
        flex-direction: column;
    }

    /* アイコンのスタイル（スクロールしていないとき） */
    body:not(.header_scrolled) #global-nav .global-nav-list>li .global-nav-name i {
        font-size: 1.5em;
        margin-right: 0;
        margin-bottom: 0.5em;
        color: var(--vk-color-primary);
    }

    /* 個々のメニュー枠のスタイル（スクロールしていないとき） */
    body:not(.header_scrolled) #global-nav .vk-menu-acc li {
        min-width: 140px; /* 最小幅は140pxを維持 */
        margin-left: -1px;
        border-right: 1px solid #ddd;
        border-left: 1px solid #ddd;
    }

    /* 最後のメニュー項目だけ白抜き文字にする（ヘッダーのみ適用） */
    #global-nav .vk-menu-acc li:last-child {
        background-color: var(--vk-color-primary);
    }

    body:not(.header_scrolled) #global-nav .global-nav-list>li:last-child .global-nav-name i,
    #global-nav .global-nav-list>li:last-child .global-nav-name i {
        color: #fff;
    }

    /* ヘッダーナビゲーションの最後の項目のテキストを白に */
    #global-nav .nav li:last-child a,
    #global-nav nav li:last-child a {
        color: #fff;
    }

    /* フッターナビゲーションのテキストを元の色に戻す */
    .footer .nav li:last-child a,
    .footer nav li:last-child a {
        color: inherit;
        background-color: transparent;
    }

    body:not(.header_scrolled) .global-nav--layout--float-right {
        align-items: unset;
    }

    .header_scrolled .global-nav--layout--float-right {
        width: 100%;
    }
}

/* ここまで */

body:not(.header_scrolled) .global-nav--layout--float-right {
align-items: unset;
}

.header_scrolled .global-nav--layout--float-right {
width: 100%;
}

.header_scrolled .global-nav-list {
display: block;
width: unset; /* 2022.5.31 Lightning 14.21 にアップデートしたときのスクロール時のレイアウトくずれの対策として追加 */
}

/* 最後のメニュー項目だけ右端に配置（スクロール時） */
.header_scrolled .vk-menu-acc li:last-child {
float: right;
}

body.header_scrolled #site-header {
    background-color: rgba(255,255,255,0.9);
}

/* 2023.3.5 追加 - デフォルトの width: 100vw のままだとヘッダー幅がコンテナ幅に一致しない */
.header_scrolled .site-header {
    width: 100%;
}

/* PageTopカスタマイズ */
#page_top {
  position: fixed;          /* 画面に固定表示 */
  bottom: 20px;             /* 下から20px */
  right: 20px;              /* 右から20px */
  z-index: 1000;            /* 他の要素より前面に表示 */
  display: inline-block;    /* インラインブロック要素に */
  padding: 10px 15px;        /* 内側の余白 */
  background-color: var(--vk-color-primary); /* ボタンの背景色 */
  text-align: center;       /* テキストの中央寄せ */
  text-decoration: none;    /* リンク下線の除去 */
  border-radius: 4px;       /* 角を丸く */
  transition: background-color 0.3s ease; /* ホバー時のアニメーション */
}

/* ホバー時のスタイル */
#page_top:hover {
  background-color: #0056b3; /* ホバー時の背景色変更 */
}