/*
Theme Name: Lightning Child
Theme URI: 
Template: lightning
Description: 
Author: KZ laboratory
Tags: 
Version: 0.6.0
*/

/**** Header *****/

/* サイトロゴとヘッダーナビを縦に積む */
div#site-header-container {
    display: block;
    text-align: center;
}
/* ヘッダーナビをコンテンツ幅いっぱいに広げる */
body:not(.header_scrolled) .global-nav--layout--float-right {
    display: block;
    width: 100%;
}
.global-nav-list {
    justify-content: space-between;
    width: 100%;
}
/* サイトロゴを中央配置とする */
.site-header--layout--nav-float .site-header-logo {
    display: inline-block;
    width: auto;
}
/* スクロール時にロゴ画像を非表示とする */
.header_scrolled .site-header-logo {
      display: none;
}
/* モバイルではヘッダーメニューを非表示とする */
@media (max-width: 991.98px) {
    body:not(.header_scrolled) .global-nav--layout--float-right {
      display: none;
  }
}


/* ヘッダー透過処理 */
/*
body.home header.site-header {
    background-color: rgba(233, 224, 209,0.25)!important;
}
*/

/* ヘッダー透過処理 */
/*
body .site-header {
    background-color: rgba(0,0,0,0.35);
}
body.header_scrolled .site-header {
    background-color: rgba(0,0,0,0.5);
}
body:not(.header_scrolled) .site-header {
    position: absolute;
}
body .page-header {
    min-height: min(400px, 50vw);
    padding-top: 60px;
}
*/

header.site-header {
    background-color: #E9E0D1;
}
body.header_scrolled .site-header {
    background-color: #E9E0D1;
}

@media (min-width: 992px) {
    /* サイトヘッダーを透過にする（PCだけ） */
    body.home .site-header {
        background-color: rgba(233, 224, 209,0.25);
    }
    body.home.header_scrolled .site-header {
        background-color: rgba(233, 224, 209,0.5);
    }
    body.home:not(.header_scrolled) .site-header {
      position: absolute;
    }
}



/**** Footer *****/
/* フッターエリアの背景色を白から任意の色に変更する */
footer.site-footer {
    /* プライマリーカラーと同一にする場合 */
    background-color: var(--vk-color-primary);
    /* カスタムカラー1と同一にする場合 */
    /*
    background-color: var(--vk-color-custom-1);
    */
    /* 任意の色に変更する場合 */
    /*
    background-color:  #dbcdb6!important;
    */
    color: #fff!important;
}

/* PAGE TOPへボタン */
/* 四角を丸くする */
#page_top.page_top_btn {
    border-radius:50%;
    /*
    background-color: var(--vk-color-primary);
    */
    background-color: var(--vk-color-custom-2);
    box-shadow: none;
    /* ボタンの中の画像を変更する場合 */
    background-image: url("https://petshop.keiz-labo.site/wp/wp-content/uploads/2024/09/pet_page_top.png");
    
}


/* オンマウスで一回り大きく表示 */
#page_top.page_top_btn:hover {
    transform: scale(1.1, 1.1);
}


/* 電話リンク(スマートフォン・タブレットのみ)横幅が751px以内で、電話番号リンクが有効 */
@media (min-width: 751px) {
    a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    }
}


/* H2,H3,H4を明朝体にする */
/*
.entry-body h2,
.entry-body h3,
.entry-body h4 {
    font-family: 'Noto Serif JP', serif!important;
}
*/


/***** TOPPAGE *****/

/* カスタマイズ→Lightningトップページスライドショー機能 */
/* ページネーション非表示 */
.ltg-slide-button-next,
.ltg-slide-button-prev,
.swiper-pagination {
    display: none;
}


.swiper-container .swiper-slide h3.ltg-slide-text-title {
    margin-top: 3em!important;
    margin-bottom: 1.5em!important;
}

/* スライダー上の文字を明朝体にする */
/*
.swiper-container .swiper-slide {
    font-family: 'Noto Serif JP', serif!important;
    font-size: 1.2em!important;
    font-weight:700!important;
}
*/

/* オンマウスで画像拡大 */
.zoom_img {
    max-width: 500px;
    overflow: hidden;
    width: 100%;
}
.zoom_img img {
    cursor: pointer;
    height: auto;
    transition: transform .6s ease; /* ゆっくり変化させる */
}
.zoom_img:hover img {
    transform: scale(1.1); /* 拡大 */
}

/* ページタイトルのアイキャッチ画像 */
.page-header {
    /* デフォルトの背景色をなくす場合 
    background: none!important;
    */
    /*
    background-image: url("https://petshop.keiz-labo.site/wp/wp-content/uploads/2024/09/010906-e1726038955164.png")!important;
    */
    background-image: url("https://petshop.keiz-labo.site/wp/wp-content/uploads/2024/09/22710040-e1726139097141.png")!important;
    background-repeat: no-repeat!important;
    background-position: center;
    width: 100%;
    height: 250px;
    overflow: hidden;
}


/***** 投稿ページ共通 *****/
/* 投稿ページのパンくずからカテゴリを非表示にする(投稿カテゴリが一つの場合のみ) */
body.single-post #breadcrumb.breadcrumb li:nth-child(3) {
    display:none;
}
/* 投稿記事下のカテゴリーを非表示にする(投稿カテゴリが一つの場合のみ) */
body.single-post .entry-meta-data-list.entry-meta-data-list--category {
    display: none;;
}
/* 投稿者名を非表示にする */
span.entry-meta-item.entry-meta-item-author{
    display: none;
}