/*
Theme Name:lightning-child
Theme URI:
Description:WordPressテーマ「lightning」の自作子テーマです。
Template:lightning
Author:
Author URI:
Version:15.33.1
*/

@charset "UTF-8";

/* レスポンシブ対応 */
@media screen and (max-width:991px) {
    header#site-header {
        background: #779b52;
    }

    .page-header,
    div.alignfull {
        min-height: 200px !important;
    }

    div.wp-block-cover-is-layout-constrained p.has-huge-font-size {
        font-size: 28px !important;
    }

    .page-header h1 {
        margin: -21px auto;
    }

    ul.footer-link {
        flex-direction: column;
        align-items: center;
    }

    ul.footer-link li img {
        width: 100%;
        max-width: 400px;
        padding-bottom: 10px;
    }
}

@media screen and (min-width:992px) {
    header#site-header {
        background: rgba(119, 155, 82, 0.800000);
    }

    .page-header {
        min-height: 510px;
    }

    .page-header h1 {
        margin: -24px auto;
    }

    ul.footer-link {
        display: flex;
    }

    .site-header-logo {
        margin-right: 0px !important;
    }

    .global-nav--layout--float-right .global-nav-list {
        display: flex;
        align-items: center;
    }
}




body {
    font-family: Verdana, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif;
}




/* ヘッダー部分 */
header div.container {
    padding: 0px;
}

.site-header-logo {
    display: block !important;
}

.global-nav-list>li .global-nav-name {
    color: #ffffff;
    position: relative;
    height: 100%;
    padding: 5px 20px;
    font-weight: normal;
}

.global-nav-list>li .global-nav-name:hover {
    color: #f9f777;
}

/* ヘッダーロゴ、画面幅変えても小さくならないように */
.vk-menu-acc li {width: 135px;}

/* ヘッダーナビサブメニューの幅調整 */
.vk-menu-acc ul.sub-menu li a {
    width: 240px;
}




/* ------------------------------------------- */
/* 　　　　タイトルバー変更　　　    　 */
/* ------------------------------------------- */
/* 背景画像変更 */
.page-header {
    min-height: 510px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    display: flex;
    align-items: flex-end;
    /* 下に寄せる */
    justify-content: center;
    /* 横中央 */
    padding-bottom: 0px;
    /* 余白なし */
    background-image: url("https://k-koikeya.co.jp/wp2/wp-content/uploads/2026/03/news.jpg");
}

/* 配置 */
.page-header {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    display: flex;
    align-items: flex-end;
    /* 下に寄せる */
    justify-content: center;
    /* 横中央 */
    padding-bottom: 0px;
    /* 余白なし */
}

/* ページタイトルの装飾 */
.page-header h1,
.page-header-title {
    color: white;
    font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    background: #333333;
    padding: 8px 20px;
    width: 250px;
    font-size: 30px;
}

div.wp-block-cover__inner-container p.has-text-align-center {
    font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

@media screen and (max-width:991px) {
    .page-header-title {
        margin: 0 auto;
        margin-bottom: -21px;
    }
}

@media screen and (min-width:992px) {
    .page-header-title {
        margin: 0 auto;
        margin-bottom: -24px;
    }
}





/* ------------------------------------------------------------- */
/* 　　　　フッター　　　　　　　　　                          　*/
/* ------------------------------------------------------------- */

/*-------ネギ栽培情報---------------------------------------------*/
section.negi-saibai-info {
    background-color: #577C32;
    color: #fff;
    text-align: center;
    padding: 50px auto;
    width: 100vw;
    margin-left: calc(50% - 50vw);
}

section.negi-saibai-info h2 {
    border-bottom: none;
    font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    padding-top: 80px;
}

section.negi-saibai-info p {
    padding: 10px;
}


ul.footer-link {
    list-style: none;
    display: flex;
    justify-content: center;
    gap: 20px;
    padding: 20px;
    padding-bottom: 80px;
}

ul.footer-link li {
    max-width: 400px;
}

/*2つのバナー拡大させる*/
ul.footer-link li {
    cursor: pointer;
    overflow: hidden;
}

ul.footer-link li img {
    height: auto;
    transition: transform .6s ease;
    /* ゆっくり変化させる */
}

ul.footer-link li:hover img {
    transform: scale(1.1);
    /* 拡大 */
}

/*-------会社情報------------------------------------------------*/
section.company-info {
    text-align: center;
    padding: 50px 0;
}

section.company-info p {
    margin: 20px auto;
}

div.sns a:hover {
    color: #779b52;
}

/* フッターメニュー以下-------------------------------------------*/

.site-footer {
    border-top: 1px solid #ddd;
}

nav.footer-nav {
    text-align: center;
    padding-block: 25px;
    background-color: #f5f5f5;
    font-size: 14px;
    line-height: 2em;
    
}

@media (min-width: 1200px) {
nav.footer-nav div.container{
    max-width: 1190px;
}
}


div.site-footer-copyright {
    background-color: #779b52;
    max-width: 100%;
}

div.site-footer-copyright p {
    color: #fff;
}




/* ------------------------------------------------------------- */
/* 　　　　投稿ページについて↓↓                                */
/* ------------------------------------------------------------- */

/* 投稿ページのヘッダー画像---------------------------------------- */
/* こいけやだより */
body.post-type-news div.page-header {
    background-image: url("https://k-koikeya.co.jp/wp2/wp-content/uploads/2026/03/koikeya.jpg");
}

/* 講習会 */
body.post-type-event div.page-header {
    background-image: url("https://k-koikeya.co.jp/wp2/wp-content/uploads/2026/03/event.jpg");
}




/*投稿一覧ページ----------------------------------*/
/* カテゴリーを削除 */
aside.widget.widget_link_list:nth-child(2) {
    display: none;
}


/* 更新日削除 */
span.entry-meta-item.entry-meta-item-updated {
    display: none;
}

/* 投稿者削除 */
span.entry-meta-item.entry-meta-item-author {
    display: none;
}

/* コメントエリア削除 */
div#comments {
    display: none;
}


/* こいけやだよりサムネイル画像削除 */
body.post-type-archive-news div.vk_post_imgOuter {
    display: none;
}

/* こいけやだより続きを読むボタン削除 */
body.post-type-archive-news div.vk_post_btnOuter {
    display: none;
}

/* こいけやだより余白削除  */
body.post-type-archive-news div.vk_post-postType-news {
    padding: 0 !important;
}




/*投稿ページの装飾----------------------------------*/
body.single-post div.main-section,
body.single-post div.main-section--col--two,
body.single-event div.main-section,
body.single-event div.main-section--col--two,
body.single-news div.main-section,
body.single-news div.main-section--col--two {
    background-color: #f5f5f5;
    padding: 45PX;
}

header.entry-header {
    display: flex;
    flex-direction: column-reverse;
}

i.fa-calendar-days {
    display: none;
}

header h1.entry-title {
    margin-top: 15px;
}

article.entry {
    margin-bottom: 50px;
}

div.entry-footer {
    margin: 50px auto;
    padding: 22px 20px;
    background: #fff;
}

div.entry-footer dl dt {
    display: none;
}

/*こいけやだより装飾----------------------------------*/
body.post-type-archive-news div.type-news {
    padding: 28px 4.81928% 24px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
}

body.post-type-archive-news h5,
body.post-type-archive-news div.vk_post_date,
body.post-type-archive-news div.media-date,
body.post-type-archive-news div.published {
    background: #f5f5f5;
    border-bottom: none;
    padding: 15px 4.81928%;
    margin: 0;
}

/*スマホ用左右の余白消す。--------------------------------------------------------------------------------4/20ここ、見る！*/
@media screen and (max-width:991px) {
    div.site-body-container.container {
        padding: 0;
    }
}

/* ------------------------------------------------------------- */
/* 固定ページ↓↓                                */
/* ------------------------------------------------------------- */
/* パンくずリスト削除
.page-id-1 div#breadcrumb,
.page-id-3 div#breadcrumb,
.page-id-14 div#breadcrumb,
.page-id-15 div#breadcrumb,
.page-id-16 div#breadcrumb,
.page-id-33 div#breadcrumb,
.page-id-105 div#breadcrumb,
.page-id-123 div#breadcrumb,
.page-id-530 div#breadcrumb,
.page-id-538 div#breadcrumb,
.page-id-553 div#breadcrumb,
.page-id-569 div#breadcrumb,
.page-id-573 div#breadcrumb,
.page-id-577 div#breadcrumb,
.page-id-580 div#breadcrumb,
.page-id-738 div#breadcrumb,
.page-id-748 div#breadcrumb,
.page-id-754 div#breadcrumb,
.page-id-758 div#breadcrumb {
    display: none;
} */
div#breadcrumb {
    display: none;
}

/* ページ上部に出るアイキャッチ画像削除 */
div.entry div.veu_autoEyeCatchBox {
    margin-bottom: 0px;
    display: none;
}

/* 本文内の線削除 */
.entry-title--post-type--page,
h2:where(:not(.wp-block-post-title)) {
    border-top: none;
    border-bottom: none;
}

/* 本文内の線削除 */
h3 {
    border-bottom: none;
}

/* -------------------------------------------- */
/* トップページ↓↓                                */
/* -------------------------------------------- */



/* トップページ３つの画像を拡大 */
.page-id-13 figure.has-custom-border {
    cursor: pointer;
    overflow: hidden;
}

.page-id-13 figure.has-custom-border img {
    height: auto;
    transition: transform .6s ease;
    /* ゆっくり変化させる */
}

.page-id-13 figure.has-custom-border:hover img {
    transform: scale(1.1);
    /* 拡大 */
}












/* ---------------------------------------------- */
/*   404ページ↓↓                                   */
/* ---------------------------------------------- */

/* ① 全体中央揃え */
.error404 .main-section-no-posts {
    text-align: center;
}

/* ③ 各要素の余白（文章・ボタン・検索） */
.error404 .entry-content>* {
    margin-bottom: 5%;
}

/* ② 検索フォームの横幅を半分＆中央 */
div.main-section-no-posts div.entry-content form.searchform {
    max-width: 50%;
    margin: 0 auto;
}


/* ---------------------------------------------- */
/*   問合せフォーム                              */
/* ---------------------------------------------- */
/* スマホの時は２段で表示 */
@media screen and (max-width:991px) {

    .inquiry table,
    .inquiry thead,
    .inquiry tbody,
    .inquiry tr,
    .inquiry th,
    .inquiry td {
        display: block;
        width: 100%;
    }

    .inquiry tr {
        margin-bottom: 15px;
    }

    .inquiry th {
        font-weight: bold;
        margin-bottom: 5px;
    }

    .inquiry td {
        margin-bottom: 10px;
    }

    /* 電話とFAX番号記入欄のpadding狭めます */
    .inquiry td.number {
        padding-left: 10px;
        padding-right: 10px;
    }
}