/*
Theme Name: Lightning-Child
Theme URI:
Template: lightning
Description:
Author:
Tags:
Version: 0.6.1
*/

/* **************************************************** */
/* デザインスキン：プレーン */
/* **************************************************** */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500&display=swap');
body, html {
font-family: Lato, 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif
}

/* **************************************************** */
@media (max-width: 991px) {
.site-header {
background-color: rgba(255,255,255,1);
box-shadow: 0 1px 3px rgb(0 0 0 / 5%)!important;
}

.lightning_swiper-container {
margin-top: 0;
}
}

/* **************************************************** */
/* 検索結果（投稿）ページの「投稿日」を非表示にする*/
.vk_post .vk_post_date {
	display: none;
}

/* **************************************************** */
/* 投稿ページの「関連記事」を非表示にする*/
.veu_contentAddSection {
	display: none;
}

/* **************************************************** */
/* 投稿ページの「前の記事」「次の記事」を非表示にする*/
.next-prev {
	display: none;
}

/* **************************************************** */
/*FAQの「Q」と「A」*/
dt.wp-block-vk-blocks-faq2-q.vk_faq_title::before {
color: #0067b1!important;
}

dd.wp-block-vk-blocks-faq2-a.vk_faq_content::before {
color: #00a5e3!important;
}

/* **************************************************** */
/*テキストに背景色あり角丸枠を追加（トップページ日時のカスタムHTMLで利用）*/
.txt-bgcolor-on {
display: inline-block;
padding: 0.1em 1em;
margin: 0 0.5rem 0.5rem 0!important;
background-color: #D8D8D8;
border-radius: 0.4rem;
}


/* **************************************************** */
/* 追加CSSクラス欄に追加する用*/
.add-mb005 {
margin-bottom: 0.5rem!important;
}
.add-mb01 {
margin-bottom: 1rem!important;
}

/* **************************************************** */
/* サイトヘッダー＞ロゴとグローバルナビ部分を非表示にする場合はdisplay: none;*/
.site-header {
}

/* **************************************************** */
/* Contact Form 7 個人情報取扱い同意書の囲み*/
.contact-privacy {
height: 300px;
overflow-y: scroll;
padding: 1.5rem;
margin: 2rem 0 2rem 0;
border: 1px solid #ccc;
background-color: #fff;
}

.contact-privacy-title {
display: block;
text-align: center;
padding: 0.5rem 0 0.5rem 0;
margin: 0 0 1rem 0;
border-top: 1px solid #333;
border-bottom: 1px solid #333;
}

.contact-privacy-title p {
margin-block-end: 0!important;
}

.contact-privacy-company {
display: block;
text-align: right;
}


/* **************************************************** */
/* テーブルの枠のカラー */
.wp-block-table td, .wp-block-table th {
	border: 1px solid #ccc;
}

/* **************************************************** */
/* googleマップ */
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}


/* **************************************************** */
/* 固定・投稿ページh1見出し背景 */
.page-header_ {
background: url(https:) center no-repeat!important;
}

/* **************************************************** */
/* reCAPTCHAアイコン位置調整 */
.grecaptcha-badge { bottom: 80px!important; }

/* **************************************************** */
/* リンク */
p a {
	position: relative;
	transition: all 0.2s ease;
	text-decoration: none;
	color: #333;
}

p a:hover,
p a:active {
color: #00a2fc;
text-decoration: underline;
}

p a:visited {
text-decoration: none;
color: #333;
}

/* リンク テキストの効果を無しにしたい場合（高度な設定の欄に入力）*/
.link-no-effect p a {
	position: relative;
	padding: 0em 0.2em;
	transition: all 0.2s ease;
	text-decoration: none;
	color: #333;
}

.link-no-effect p a:hover,
.link-no-effect p a:active {
color: #333;
background: none;
border-radius: 0rem;
text-decoration: none;
}

.link-no-effect p a:visited {
color: #333;
}


/* **************************************************** */
/* サブメニューのフォントサイズ */
ul.global-nav-list li ul.sub-menu li {
font-size: 0.9rem;
}

/* **************************************************** */
/* サブメニュー吹き出しの枠を角丸にする */
.global-nav-list>li>ul.sub-menu {
border-radius: 0.6rem;
}

/* **************************************************** */
/* サブメニュー最後のリストのボーダーを削除 */
.global-nav-list>li>ul.sub-menu li:last-child a {
border-bottom: 0px!important;
}

/* **************************************************** */
/* サブメニュー背景色変更 */
.global-nav-list>li>ul.sub-menu {
background-color: #5B5B5B;
}

.global-nav-list>li>ul.sub-menu a:hover {
background-color: #6F6F6F;
}

/* サブメニュー展開時のスクロールバー非表示 */
.vk-menu-acc ul.acc-child-close {
overflow: hidden!important;
}

/* **************************************************** */
/* ページトップボタンのビジュアル変更 */
.page_top_btn {
background: rgba(51,51,51,1);
background-image: var(--ver_page_top_button_url);
box-shadow: 0 0 0 0px rgb(255 255 255 / 80%), 0 0 0 0px rgb(0 0 0 / 80%);
border-radius: 0.4rem;
	transition: .3s;
}

.page_top_btn:hover {
background-color: #6F6F6F;
}

/* **************************************************** */
/* フッターpowered削除 */
.site-footer-copyright p:nth-child(2) {
display: none;
}


/* **************************************************** */
/* SP＞ハンバーガーメニュー*/
.vk-mobile-nav-menu-btn {
border-color: rgba(255,255,255,0);/* aを０にするとボーダーが消える*/
background: var(--vk-mobile-nav-menu-btn-bg-src) center 50% no-repeat rgba(255,255,255,0.8);
border-radius: 0.5rem;
}

.vk-mobile-nav-menu-btn.menu-open {
border-color: rgba(255,255,255,0);
background: var(--vk-mobile-nav-menu-btn-close-bg-src) center 50% no-repeat rgba(255,255,255,0.8);
border-radius: 0.5rem;
}

.vk-menu-acc .acc-btn {
border: 0px solid var(--vk-menu-acc-btn-border-color);
background: var(--vk-menu-acc-icon-open-black-bg-src) center 50% no-repeat;
}

.vk-menu-acc .acc-btn-close {
background: var(--vk-menu-acc-icon-close-black-bg-src) center 50% no-repeat;
}

/* **************************************************** */
/* グローバルメニュー下のボーダー */
.global-nav-list>li {
  float: left
}

.global-nav-list>li:hover .global-nav-description,
.global-nav-list>li[class*=current] .global-nav-description {
  opacity: 1
}

/* グローバルメニュー下のボーダー横幅変更 */
.global-nav-list>li:hover:before,
.global-nav-list>li[class*=current]:before {
width: calc(100% - 2rem);
margin: 0 auto;
}

/* グローバルメニュー下のボーダーborder-bottomのサイズを0pxにすると非表示にできる */
.global-nav-list>li:before {
  position: absolute;
  left: 1rem;
  bottom: 0;
  content: "";
  width: 0;
  border-bottom: 1px solid #5B5B5B;
  transition: all .3s ease-out
}


/* **************************************************** */
/* グローバルニュー＞サブメニュー一番上の三角アイコン */
.global-nav-list>li.menu-item-has-children::after {
  transition: all .5s ease-out;
  content: "";
  position: absolute;
  padding: 0;/* -10pxなどにすると下から出てくる */
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  border: 10px solid transparent;
  z-index: 1000;
  opacity: 0;
  border-bottom-color: #5B5B5B;/* var(--vk-color-primary)にすると管理画面で選んだメインカラーが反映される */
}

/* サブメニュー一番上の三角アイコン表示時 */
.device-pc .global-nav-list>li.menu-item-has-children:hover::after,
.global-nav-list>li.acc-parent-open::after {
  opacity: 1;
  bottom: 0;
}

.global-nav-list>li.acc-parent-close::after {
  opacity: 0
}

.global-nav-list>li>ul.sub-menu {
  margin-top: -1px
}

/* **************************************************** */
/* 見出し>投稿タイトル・投稿日時部分 */
header.entry-header{
padding: 1.5rem;
background-color: var(--vk-color-border-hr);
border-radius: 1rem;
}

/* 見出し */
h2 {
border-top: 0px solid var(--vk-color-primary);
position: relative;
border-bottom: 1px solid var(--vk-color-border);
background_: 0 0;
padding: 0 0 .5em;
background: -webkit-linear-gradient(0deg, #004ca0, #004ca0); /* 背景色にグラデーションを指定 */
 color: #004ca0; /* 非対応のブラウザの為に色を設定 */
-webkit-background-clip: text; /* テキストで切り抜く */
-webkit-text-fill-color: transparent; /* 切り抜いた部分は背景を表示 */
}

h2:after {
content: "";
  line-height: 0;
  display: block;
  overflow: hidden;
  position: absolute;
  bottom: -1px;
  width: 100%;
height: 4px;
	background-image: -webkit-linear-gradient(0deg, #004ca0, #3caeac);
  border-bottom_: 1px solid var(--vk-color-primary)
}



.site-footer-title, .sub-section-title {
  position: relative;
  border-bottom: 1px solid var(--vk-color-border);
  background: 0 0;
  padding: 0 0 .5em
}

h3 {
  position: relative;
  border-bottom: 0px solid var(--vk-color-border);
  background: 0 0;
  padding: 0 0 .5em
}

.site-footer-title:after, .sub-section-title:after, h3:after {
  content: ".";
  line-height: 0;
  display: block;
  overflow: hidden;
  position: absolute;
  bottom: -1px;
  width: 30%;
  border-bottom: 1px solid var(--vk-color-primary)
}

h3:after {
  content: ".";
  line-height: 0;
  display: block;
  overflow: hidden;
  position: absolute;
  bottom: -1px;
  width: 30%;
  border-bottom: 0px solid var(--vk-color-primary)
}

h4 {
  padding: 0 0 0 0;
  background-color: none;
  border-radius: var(--vk-size-radius)
}

h5 {
  padding-bottom: .5em;
  border-bottom: 0px solid var(--vk-color-border-hr)
}

.wp-block-button__link:hover {
	background-color: #000!important;
}


.vk_button {
  margin-top: 0
}

.vk_button .vk_button_link.btn, .wp-block-button.is-style-outline .wp-block-button__link {
  border-width: 1px;
  padding-top: .6em;
  padding-bottom: .6em
}

.site-header {
  background-color: #fff
}

.page-header {
  color: #fff;
  background-color: var(--vk-color-primary)
}

.breadcrumb {
  border-top: 1px solid var(--vk-color-border-hr);
  border-bottom: 1px solid var(--vk-color-border-hr)
}

.site-footer {
  border-top: 1px solid var(--vk-color-border-hr)
}

.footer-nav {
border-bottom: 1px solid var(--vk-color-border-hr);
text-align: center;
}

.footer-nav-list {
  border-left: 1px solid var(--vk-color-border)
}

.footer-nav-list li {
  border-right: 1px solid var(--vk-color-border)
}

@media (max-width:767.98px) {
  .footer-nav {
    border-bottom: none
  }
  .footer-nav-list {
    border-left: none
  }
  .footer-nav-list li {
    border-right: none;
    border-bottom: 1px solid var(--vk-color-border-hr)
  }
}