/*
Theme Name: EIJIE
Theme URI:
Template: lightning
Description:EIJIE is a WordPress child theme for Lightning.
Author:
Tags:
Version: 0.6.1
*/

/* =====================

フォントの変更

===================== */

body,html {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-weight:500;
	}	

vk_heading h2,
.vk_heading h3,
h1, h2, h3, h4, h5, h6 {
    font-family: "游明朝", "Yu Mincho", "ＭＳ Ｐ明朝", "MS PMincho", serif !important;
}

/* =====================

フッターの変更

===================== */

.site-footer-copyright p:nth-child(2) {
    display: none;
}

/* =====================

投稿者非表示

===================== */

.entry-meta-item-author {
	display:none;
}

/* =====================

タイトルヘッダーの変更

===================== */

.page-header {
    position: relative;
    color: #fff;
    text-shadow: #333 1px 0 10px;
    background: var(--vk-page-header-url, url(https://eijie.co.jp/site/wp-content/uploads/2026/08/34029362_m.jpg)) no-repeat 50% center;
    background-size: cover;
    min-height: 15rem;
}

/* =====================

メインナビゲーションの変更

===================== */

@media (min-width: 992px) {

/* アイコンの下にメニューの文字を配置する（スクロールしていないとき） */
body:not(.header_scrolled) .global-nav-list>li .global-nav-name {
display: flex;
flex-direction: column;
align-items: center; /* 2025.12.27 Lightning 15.33 にアップデートしたときのアイコン位置が左寄せになったことの対策として追加 */
}

/* アイコンのスタイル（スクロールしていないとき） */
body:not(.header_scrolled) .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) .vk-menu-acc li {
/*width: 110px;*/
margin-left: -1px;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
}

/* 最後のメニュー項目だけ白抜き文字にする */
.vk-menu-acc li:last-child {
background-color: var(--vk-color-primary);
}
body:not(.header_scrolled) .global-nav-list>li:last-child .global-nav-name i,
.global-nav-list>li:last-child .global-nav-name i {
color: #fff;
}
.nav li:last-child a, nav li:last-child a {
color: #fff;
}

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;
}

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