/*
Theme Name: Lightning Child
Template:   lightning
Description: Lightningの子テーマです
*/

/* 山存「追加CSS」に書いているコードを貼り付けてもOKです */


/* PC用：シンプルホバー（不透明度） */
@media (min-width: 992px) {
    .global-nav-list li a {
        transition: 0.3s; /* 変化を滑らかにする */
    }

    .global-nav-list li a:hover {
        opacity: 0.5; /* 50%の濃さにする */
        text-decoration: none !important;
    }
}
/* PC用：プルダウンメニューの三角チョボ（中央配置） */
@media (min-width: 992px) {
    /* サブメニュー全体の枠の設定 */
    .global-nav-list .sub-menu {
        overflow: visible !important;
        margin-top: 5px !important; /* 親メニューとの隙間 */
        border-radius: 4px;           /* お好みで角を少し丸く */
    }

    /* 三角チョボ本体 */
    .global-nav-list .sub-menu::before {
        content: "";
        position: absolute;
        top: -5px;    /* 三角の高さ分、上に配置 */
        
        /* --- 中央配置のための記述 --- */
        left: 50%; 
        transform: translateX(-50%); 
        /* -------------------------- */
        
        border-left: 10px solid transparent;  /* 三角の横幅を少し大きく調整 */
        border-right: 10px solid transparent; /* 三角の横幅を少し大きく調整 */
        border-bottom: 10px solid #000000;      /* ★サブメニューの背景色と合わせてください */
        display: block;
        z-index: 10;
    }
}

/* Lightningテーマのコピーライト非表示 */
.site-footer-copyright p:nth-child(2) {
display: none;
}
.site-footer-copyright p{
	font-size:0.65rem !important;
	letter-spacing:0.01em;
}
.footer-nav{
	text-align:center;
	line-height:2em;
}

/* スマホ版（781px以下）：フッターナビに下線をつける */
@media (max-width: 781px) {
.footer-nav{
	text-align:center;
	line-height:2em;
}
.footer-nav li{
	border-bottom:1px #eee solid;

}
}
/* 1. 最終更新日（時計アイコンと日付）を非表示 */
.entry-meta-item-updated {
    display: none !important;
}

/* 2. 投稿者名（アカウント名）を非表示 */
.fn {
    display: none !important;
}
.vcard{
    display: none !important;
}
/* ハンバーガーメニューを右に移動 */
.vk-mobile-nav-menu-btn {
	left:auto;
	right:12px; /*右端からの位置*/
	top:12px;
}
/* 記事本文の右端をキレイに揃える */
p {
    text-align: justify;            /* 両端揃えを有効にする */
    text-justify: inter-character;  /* 日本語の文字間隔を調整して隙間を埋める（重要） */
    word-break: break-all;          /* 長い英単語などで端が崩れるのを防ぐ */
}
/* サイトヘッダー50%の白 */
#site-header{
	background-color: rgba(255, 255, 255, 0.8); /* 80%の白 */
}

/* --- 特定のブロック（.specific-timeline）だけに適用する設定 --- */

/* PC版：左カラムは透明 */
.specific-timeline > .wp-block-column:first-child {
    background-color: transparent !important;
    display: flex;
    align-items: center;
    padding: 10px 20px !important;
}

/* スマホ版（781px以下）：左カラム（一段目）にだけ背景色をつける */
@media (max-width: 781px) {
    .specific-timeline > .wp-block-column:first-child {
        background-color: #E8E6DF78 !important; /* ★ここでスマホ時の色を指定 */
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #eee;
        padding: 15px 20px !important;
    }
    
    /* スマホで縦に並んだ時の隙間をゼロにする */
    .specific-timeline {
        gap: 0 !important;
    }
}

/* 固定ボタン共通の設定 */
.left-scroll-btns {
    position: fixed;
    left: -1px;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
    transform: translateX(-20px);
}

/* 表示された時の共通状態 */
.left-scroll-btns.show-btn {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

/* 【下】丸いボタン（H60） */
#left-btn-bottom {
    bottom: 50px;
}
#left-btn-bottom img {
    width: 60px;
    height: 60px;
  border-radius: 0%;
    object-fit: cover;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

/* 【上】縦長ボタン（W60×H180） */
#left-btn-top {
    bottom: 134px; /* 下(50) + 丸(60) + 隙間(24) = 134px */
}
#left-btn-top img {
    width: 60px;
    height: 180px; /* 120pxから180pxに変更 */
    object-fit: contain;
}

/* ホバー時の演出（共通） */
.left-scroll-btns a:hover img {
    transform: scale(1.05);
    filter: brightness(1.1);
}

/* スマホ表示の調整（H180はスマホでは大きすぎるため調整） */
@media (max-width: 767px) {
    .left-scroll-btns { left: -2px; }
    
    #left-btn-bottom { bottom: 31px; }
    #left-btn-bottom img { width: 50px; height: 50px; }
    
    #left-btn-top { bottom: 80px; } /* 下(40) + 丸(50) + 隙間(24) = 114px */
    #left-btn-top img { 
        width: 50px; 
        height: 180px; /* スマホでは少し短くして画面を塞がないように調整 */
    }
}

/* ページトップボタン：丸形＆ブランドカラー */
.page_top_btn {

    border: none !important;             /* 枠線を消す */
    border-radius: 50% !important;       /* 完全な円形にする */
    width: 50px !important;              /* ボタンの幅 */
    height: 50px !important;             /* ボタンの高さ */
    display: flex !important;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1); /* 軽い影をつけて浮かせる */
    transition: all 0.3s;
}

/* ホバー時の動き */
.page_top_btn:hover {
    background-color: #4e7660 !important; /* ホバー時の色 */
    transform: translateY(-5px);         /* 少し上に浮き上がるアニメーション */
    opacity: 1 !important;
}

/* --- 画像ボタンのホバー演出：ゆっくり透過 --- */

/* 通常時の設定 */
.bt a img {
    opacity: 1;                 /* 最初は不透明 */
    transition: opacity 0.6s ease !important; /* 0.6秒かけてゆっくり変化させる */
    transform: none !important; /* 拡大などの動きをリセットする場合 */
}

/* マウスを乗せた時（ホバー）の設定 */
.bt a:hover img {
    opacity: 0.8;               /* 透明度を50%にする（数値が小さいほど透明になります） */
}
.page-header {
    background-image: url('https://forest-yama-zon.jp/wp-content/uploads/2026/01/IMG_9190.jpg') !important;
    background-size: cover !important;     /* 枠いっぱいに広げる */
    background-position: center !important; /* 中央を基準にする */
    background-repeat: no-repeat !important;
    padding-top: 60px !important;           /* 上下の厚み（お好みで） */
    padding-bottom: 60px !important;
    position: relative;
    z-index: 1;
	color:#fff!important; 
	
}
/* 画像が明るい場合に文字を見やすくするための暗めフィルター（任意） */
.page-header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); /* 0.3を大きくするとより暗くなります */
    z-index: -1;
}
/* top記事カテゴリ背景 */
.has-bg-secondary-background-color{
	background-color:#E8E6DF80;
border-radius:5px;
}/* top記事画像角R */
.wp-block-post img{
	border-radius:5px;
}
.taxonomy-category a{
background-color:#4e7660;
padding:5px 15px;
border-radius:5px;
color:#fff !important;
}

/* スマホ（画面幅767px以下）の時だけ適用 */
@media (max-width: 767px) {
 .sp-center h3{
        text-align: center !important;
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}
/* 「Q（質問）」のアイコン色を変更 */
.vk_faq_title:before  {
    background-color: #f57c00!important; /* ここにQの色を入力 */
    color: #ffffff !important;           /* 文字の色（白） */
}
/* 「A（回答）」のアイコン色を変更 */
.vk_faq_content:before{
    background-color: #4e7660 !important; /* ここにAの色を入力 */
    color: #ffffff !important;           /* 文字の色（白） */
}
	/* reCAPTCHAバッジを非表示にする */
.grecaptcha-badge { 
    visibility: hidden; 
}

/* 送信ボタン自体の見た目をブルーにする */
.wpcf7-form input[type="submit"].wpcf7-submit{
background-color: #0071bc;
border:none;
padding: 12px 80px;
margin-top:30px;
}
/* 3. マウスを乗せた時の動き（ホバーエフェクト） */
.wpcf7-form input[type="submit"].wpcf7-submit:hover:enabled {
 background-color: #ccc; /* グレーに */

}