/*
Theme Name: Lightning Child
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.5.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
}


/* **************************************************** */
/* コンテンツエリア＞画像の下のマージンリセット*/
:where(figure) {
    margin: 0 0 0em;
}

/* **************************************************** */
/* ウィジェットエリア＞マージン調整*/
.widget {
    margin-bottom: 1rem!important;
}

/* **************************************************** */
/* SP…フッターとコンテンツの隙間を無くす*/
@media (max-width: 991.98px) {
.main-section {
margin-bottom:0;
}
}


/* **************************************************** */
@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;
}
}

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

.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;
}



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

/* **************************************************** */
/* リンク */
p a {
	position: relative;
	padding: 0.1em 0.2em;
	transition: all 0.2s ease;
	text-decoration: underline;
	color: #00a2fc;
}

p a:hover,
p a:active {
color: #00a2fc;
background: rgba(0,162,252,0.2);
border-radius: 0.4rem;
text-decoration: none;
}

p a:visited{
color: #00a2fc;
}

/* **************************************************** */
/* トップページスライダーではなく普通に画像でKV設置するときの上パディングをゼロにする */
/* フッターの上のパディングをなくす */
.site-body {
padding: 0 0 0 0;
}

/* **************************************************** */
/* サブメニューのフォントサイズ */
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;
}

/* **************************************************** */
/* フッター背景色変更 */
.site-footer{
border-top: none;
background-color: #191919;
}

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

/* **************************************************** */
/* フッターコピーライトテキストカラー変更 */
.site-footer-copyright p {
color: #ffffff;
}

/* **************************************************** */
/* フッターボタン画像マウスオン */
.site-footer figure {
  transition: filter 0.2s ease;
 }

.site-footer figure:hover {
	 filter: brightness(1.4)!important;
}



/* **************************************************** */
/* 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
}

h2:after {
  content: ".";
  line-height: 0;
  display: block;
  overflow: hidden;
  position: absolute;
  bottom: -1px;
  width: 30%;
  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)
}

.widget {
	color: #fff;
}

.site-header {
background-color: rgba(255,255,255,1);
}

.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)
}

.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)
  }
}