/*
Theme Name: Lightning Child
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/
/* @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap'); */


body, html {
/* 	font-family: "Noto Serif JP", serif; */
}
b {
    font-weight: bold;
}
:root {
/* ハンバーガーアイコン */
--vk-mobile-nav-menu-btn-bg-src: url(http://kokura.saishin-sp.com/wp-content/uploads/2025/04/menu01.svg);
--vk-mobile-nav-menu-btn-close-bg-src: url(http://kokura.saishin-sp.com/wp-content/uploads/2025/04/close01-6.svg);
--vk-color-text-body: #222222;
/* page-topアイコン */
/*     --ver_page_top_button_url: url(https://olistyle.saishin-sp.com/wp-content/uploads/2023/11/arrow.svg);*/
} 


li a, p a{
    text-decoration: unset;
	font-style: unset;
}
a:hover ,.add-hover-01:hover{
color: #797147 !important;
    text-decoration: underline !important;
}

@media screen and (max-width:781px) {
	.add-gap-unset{
		gap:unset;
	}
}

.add-Vertical-text {
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
}

@media (min-width: 992px) {
    body.device-pc .vk-mobile-nav-menu-btn,
    body.device-pc .vk-mobile-nav {
      display: block;
    }

    .vk-mobile-nav-menu-btn {
      top: 50px;
    }

    .vk-mobile-nav-menu-btn.position-right {
      right: 50px;
    }

    .admin-bar .vk-mobile-nav-menu-btn {
      top: calc(45px + 50px);
    }

    .vk-mobile-nav-menu-btn {
/*       width: 100px;
  height: 130px; */
  }

}

/* ハンバーガー背景など */
div#vk-mobile-nav-menu-btn {
  transform: scale(2.5,2.5);
  border: unset;
}
.vk-mobile-nav-menu-btn {
  background: var(--vk-mobile-nav-menu-btn-bg-src) center 50% no-repeat rgba(255,255,255,.0);
}
.vk-mobile-nav-menu-btn.menu-open {
  border-color: unset;
  background: var(--vk-mobile-nav-menu-btn-close-bg-src) center 50% no-repeat rgba(255,255,255,0);
}
@media screen and (min-width:992px) {
/*  .admin-bar .vk-mobile-nav-menu-btn {
    left: 50px;
  } */
  .vk-mobile-nav-menu-btn {
/*     top: 15px ; */
top: 60px ;
    left: 50px;
  }
}

.vk-mobile-nav {
    padding: unset;
}
@media screen and (min-width:992px) {

      .site-header--layout--nav-float .site-header-container {
        max-width: 100%;
        padding: 0;
      }

      .header_scrolled .site-header {
        display: flex;
        align-items: center;
      height: 130px;
      }
      /* PCヘッダー */
      .add-site-header-wrap {
        display: flex;
        justify-content: space-between;
        width: 100%;
        align-items: center;
      }
    /* ヘッダボタン */
    .header__online-button {
    /*    position: absolute; */
    /*    top: 50%; */
    /*    left: 14vw; */
    z-index: 9;
    margin-left: 200px;
    /*    transform: translateY(-50%); */
    }
	
    .header__online-button a:hover {
      color: #fff;
    }

    .header__online-button a {
      background-color: #cbc5a7;
      background-image: url(https://kokura.saishin-sp.com/wp-content/uploads/2025/04/jean-philippe-delberghe-75xPHEQBmvA-unsplash-scaled.jpg);
      background-size: cover;
      background-position: center center;
      display: block;
      width: 18.5vw;
      transition: all .3s ease-in-out 0s;
      -webkit-transition: all .3s ease-in-out 0s;
      border: 1px solid #797148;
      font-size: 1.1vw;
      text-align: center;
      letter-spacing: .03em;
      border-radius: 100px;
      color: #2d3931;
      padding: .7vw 6px;
      position: relative;
      overflow: hidden;
    }

    .header__online-button a .btext {
      position: relative;
      z-index: 2;
    }
    .header__online-button a span {
      display: block;
      text-align: center;
      font-size: .73vw;
      letter-spacing: .04em;
      margin-top: 2px;
    }

    .header__online-button a:hover:after {
      left: 0;
    }
    .header__online-button a:after {
      background-color: #797148;
      position: absolute;
      top: -1px;
      bottom: -1px;
      left: -79.5%;
      content: "";
      width: 100%;
      transform-origin: left top;
      transition: .2s cubic-bezier(.45,0,.55,1);
      border-radius: 150px;
      background-image: url(http://kokura.saishin-sp.com/wp-content/uploads/2025/04/bonl-arrow.png);
      background-repeat: no-repeat;
      background-position: right 6% center;
    }
    .header__online-button a:hover {
      color: #fff;
    }
    /* ボタンここまで */
    /* header logo */
    img.site-header__logo {
      width: 100%;
      max-width: 120px;
      object-fit: contain;
    }
    /*  ヘッダーボタン */
    .header__contact-box {
      background-color: #fff;
      opacity: 1;
      visibility: visible;
      transition: .5s ease-in-out;
      display: flex;
      align-items: center;
      height: 130px;

    }
    .header__contact-box p{
      margin-bottom:unset;
    }

    .header__contact-info {
      width: 225px;
      color: #364b3d;
      font-size: 14px;
      padding-right: 6%;
      line-height: 2;
      text-decoration: none;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      height: 100%;
    }
    .contact-button2 {
      width: 180px;
    /*    height: 100px; */
    font-family: "Noto Serif JP",serif;
    color: #fff;
    background-color: #797147;
    text-align: center;
    line-height: 1.6;
    /*    padding-top: 28px; */
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    }
	.contact-button2:hover{
		        color: #fff !important;
        text-decoration: unset;
        background: #7e9088;
	}
}

@media screen and (max-width:991px) {
    .vk-mobile-nav-menu-btn {
      left: 50px;
      top: 35px
    }
    div#vk-mobile-nav-menu-btn {
      transform: scale(2,2);
      border: unset;
    }

}
/*ハンバーガーボタン位置*/
.vk-mobile-nav-menu-btn {
  left: 50px;
}
/*デフォルトヘッダー*/
.site-header {
  display: none;
}

.page-header-inner {
    position: relative;
    z-index: 5;
    margin: 1.5em auto;
    margin: 0 auto;
}
h1.page-header-title {
    color: #fff;
}

/* ============フッター */
.site-footer {
    border-top: unset;
/*     background: #364b3d; */
/*     color: #fff; */
}
address , address em{
    font-style: unset;
}
address p{
    margin-bottom:unset !important;
}
@media screen and (min-width:782px) {
.add-to-up-par {
    position: relative;
	z-index: 0;
}
.add-to-up-child {
    position: absolute;
    bottom:15em;
    z-index: 99999;
}
}
/* ============ボタン */
.add-btn-01 a.vk_button_link.btn.has-background.btn-lg ,.add-btn-02 a.vk_button_link.btn.has-background.btn-lg , .add-btn-03 a.vk_button_link.btn.has-background.btn-lg {
    min-height: 100px;
    display: grid;
    place-items: center;
	position: relative;
	overflow: hidden;
	border: unset;
	box-shadow: unset;
}
/* 背景アニメーション */
/* ボタン本体 */
.add-btn-01 a.vk_button_link.btn.has-background.btn-lg {
  position: relative;
  overflow: hidden;
}

/* 背景用: 上下2つ */
.add-btn-01 a.vk_button_link.btn.has-background.btn-lg::before,
.add-btn-01 a.vk_button_link.btn.has-background.btn-lg::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 0;
  background: #fff;
  transition: height 0.4s ease;
  z-index: 0;
}

/* 上半分 */
.add-btn-01 a.vk_button_link.btn.has-background.btn-lg::before {
  top: 50%;
  transform: translateY(-100%);
}

/* 下半分 */
.add-btn-01 a.vk_button_link.btn.has-background.btn-lg::after {
  bottom: 50%;
  transform: translateY(100%);
}

/* ホバー時：上下に開く */
.add-btn-01 a.vk_button_link.btn.has-background.btn-lg:hover::before,
.add-btn-01 a.vk_button_link.btn.has-background.btn-lg:hover::after {
  height: 50%;
}

/* ▼ テキストを前面に出すため追加！ */
.add-btn-01 .vk_button_link_caption,
.add-btn-01 .vk_button_link_txt {
  position: relative;
  z-index: 2;
  transition: color 0.4s ease; /* テキストの色もなめらかに変化 */
}
/* ▼ ホバー時にテキスト色も黒に変える */
.add-btn-01 a.vk_button_link.btn.has-background.btn-lg:hover .vk_button_link_txt {
  color: #000;
}
.has-background {
    background-color: unset;
}

/* ハンバーガーメニュー内 */



/* 2カラムにする親ul */
/* .vk-mobile-nav-menu-outer ul.vk-menu-acc {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  padding: 0;
  list-style: none;
} */

/* 各liをきれいに整える */
/* .vk-mobile-nav-menu-outer ul.vk-menu-acc > li {
  width: 100%;
  box-sizing: border-box;
} */

/* リンク（aタグ）のスタイル（必要に応じて調整） */
/* .vk-mobile-nav-menu-outer ul.vk-menu-acc > li > a {
  display: block;
  width: 100%;
  padding: 12px;
  background: #f9f9f9;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 6px;
  text-decoration: none;
  color: #333;
} */
.vk-mobile-nav {
    background-color: #364b3d;
	    display: grid !important;
    place-items: center;

}

.vk-mobile-nav .widget_nav_menu ul li a, .vk-mobile-nav nav ul li a {
    color: #fff !important;
}

.vk-mobile-nav .vk-mobile-nav-menu-outer {
    max-width: 700px;
	margin:auto;
}
.vk-mobile-nav nav>ul {
    border-top: unset;
}
.vk-mobile-nav .widget_nav_menu ul li a, .vk-mobile-nav nav ul li a {
    color: #333;
    border-bottom: unset;
}
/* 子メニュー（ドロップダウン）はいったん無視しておく */


/* mapの色 */
.mono iframe{
  width: 100%;
  height: 350px;
  padding: 0;
  margin: 0;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  transition: 0.7s;
}
.mono iframe:hover{
  filter: none;
  -webkit-filter: none;
}

.add-margin-zero{
margin-bottom:0;
}

.add-pic-width-max  {
    width: 100%;
}
.add-pic-width-max img {
    width: 100%;
}

/* 画像ホーバー */
.add-img-link01 {
  display: inline-block; /* インライン要素の場合に必要 */
  transition: transform 0.2s ease;
}

.add-img-link01:hover {
  transform: scale(0.95);
  background-color:#f2fbfc;
}


/* TOPページのスライダー余白消す */
.slider-padding-01 .vk_slider_item_container.container {
    padding: 0;
}
/* 追尾ボタン */
.footer-bottom {
    position: fixed;
    height: 542px;
    right: 10px;
    bottom: 30px;
    z-index: 9000;
    margin-top: 90px;
    font-size: 14px;
    color: #000;
/*     font-family: Fira Sans,sans-serif,"Noto Serif",serif,"Noto Serif JP",serif; */
    display: flex;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: sideways;
    justify-content: space-between;
    white-space: nowrap;
}
@media screen and (max-width:781px) {
	.copyright-zone , .social-logo {
	 display:none;
	}

}
.footer-bottom .copyright-zone {
    padding-right: 10px;
    letter-spacing: .1rem;
}

.footer-bottom .social-logo {
    margin-top: 44px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/* #page-top-btn {
    right: 48px;
    padding-right: 10px;
    margin-top: 54px;
    display: flex;
    text-align: center;
    z-index: 100;
} */

.show .wp-block-vk-blocks-icon.vk_icon {
    writing-mode: horizontal-tb;
	margin-bottom: 1.5em;
}

.show .wp-block-vk-blocks-icon .vk_icon_link {
    color: #000;
}
.footer-bottom {
  opacity: 0;
  transition: opacity 0.3s;
}

.footer-bottom.show {
  opacity: 1;
}
.page_top_btn {
    display: none !important;
}


/* CTA */
@media screen and (min-width:782px) {
    .add-mgt-negative-01 {
        z-index: 99999;
        margin-top: -5em !important;
        max-height: 40em;
    }
}

.blog .site-body {
    padding: 3.5rem 0 4rem;
    padding-bottom: 0;
}


/* TOPタブメニュー */
.top-tab.is-style-vk_tab_labels-line .vk_tab_labels .vk_tab_labels_label.vk_tab_labels_label-state-inactive>div {
    background-color: #e5eae8;
}
.top-tab.is-style-vk_tab_labels-line .vk_tab_labels .vk_tab_labels_label.vk_tab_labels_label-state-active {
    color: #fff;
    background-color: #364b3d !important;
}