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

/* ==========================================================================
   全体共通
   ========================================================================== */
/* ページの背景色を薄緑のグラデーションに */
body.custom-background {
	background-image: #dededa;
}
/* CTAの上の余白を削除 */
/* .site-body {
	padding-bottom: 0;
}  */

/* ==========================================================================
   臨時追加
   ========================================================================== */
.project-list .wp-block-vk-blocks-gridcolcard-item:nth-child(2),
.project-list .wp-block-vk-blocks-gridcolcard-item:nth-child(3){
	/*.地域プロジェクト一覧の2つ目、3つ目が追加されるまで形を保って非表示 */
	visibility: hidden;
}

/* .vk_gridcolcard_item_body h3{margin-bottom:0;} */
.vk_gridcolcard_item_body h3{margin-top:1em;}
.vk_gridcolcard_item_header .wp-block-image img {
    -o-object-fit: contain;
    object-fit: contain;
    min-width: 67%;
	max-width: 55%;
    max-height: 80% !important;
    margin: auto;
}
.vk_gridcolcard_item {
	background-color: #ffffff8c !important;	
}
.CF7_table td{
	background: #ffffff8c;
}
.localNavi>div>ul li, .localNavi>ul li, .widget .localNavi>div>ul li, .widget .localNavi>ul li, .widget_archive>div>ul li, .widget_archive>ul li, .widget_categories>div>ul li, .widget_categories>ul li, .widget_link_list>div>ul li, .widget_link_list>ul li, .widget_nav_menu>div>ul li, .widget_nav_menu>ul li, .widget_pages>div>ul li, .widget_pages>ul li, .widget_postlist>div>ul li, .widget_postlist>ul li{
	font-size: 1em;
}
.localNavi>div>ul li a, .localNavi>ul li a, .widget .localNavi>div>ul li a, .widget .localNavi>ul li a, .widget_archive>div>ul li a, .widget_archive>ul li a, .widget_categories>div>ul li a, .widget_categories>ul li a, .widget_link_list>div>ul li a, .widget_link_list>ul li a, .widget_nav_menu>div>ul li a, .widget_nav_menu>ul li a, .widget_pages>div>ul li a, .widget_pages>ul li a, .widget_postlist>div>ul li a, .widget_postlist>ul li a{
	padding-left: 0;
}
/* ==========================================================================
   臨時追加ここまで
   ========================================================================== */

/* ==========================================================================
   ヘッダーメニュー
   ========================================================================== */
/* メインナビをPC時に2列に */
/* .site-header .site-header-logo {
	width: auto;
}
#global-nav {
	width: auto;
	max-width: 600px;
}
[lang=en] #global-nav {	max-width: 800px;}
[lang=zh-CN] #global-nav {	max-width: 500px;}
[lang=en] .site-header--layout--nav-float .site-header-logo {
	margin-right: 0;
}
@media(min-width: 992px) {
	[lang=en] #global-nav {	max-width: unset;}
}
#menu-header-nav2 {
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
	justify-content: flex-end;
}
@media (min-width: 992px) {
    .device-pc .global-nav-list>li>a {
        padding: 7px 1.5em 7px;
    }
} */

.header_scrolled .site-header {
	border-bottom: 4px solid #559892;
}
/* ヘッダーメニューを画面幅いっぱいに */
div#site-header-container {
	margin:0;
}

/* ヘッダーメニューロゴを大きく */
@media(min-width: 992px) {
.site-header-logo img {
	max-height: 70px;
}
}

/* ヘッダーメニューマージン調整 */
nav#global-nav {
	margin: auto;
}

/* ヘッダー部分だけ全幅にする */
.site-header {
  width: 100%;
  max-width: 100%;
  margin: 0;
  position: relative;
  z-index: 100;
}

/* 内側のコンテナ制限を解除（ヘッダーのみ） */
.site-header .container,
.site-header .container-lg,
.site-header .site-header-inner {
  max-width: 100% !important;
  width: 100% !important;

}

/* ヘッダーロゴの幅を調整 */
.site-header--layout--nav-float .site-header-logo {
	width: 10%;
	margin-right: 0;
}
/* ヘッダーメニュー　About US、NEWS・新着情報を左寄せ */
#menu-header-nav > li:nth-child(2) {
	margin-right: 30em;
}

/* ヘッダーメニュー背景色 */
div#vk-mobile-nav {
	background-image: #dededa;
}

/* スクロール時About USの子メニューがロゴの上に表示されるように */
ul.sub-menu.acc-child-close {
	z-index: 9999 !important;
}

/* PCでもハンバーガーメニュー表示 */
@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: 5px;
}
.vk-mobile-nav-menu-btn.position-right {
    right: 5px;
}
.admin-bar .vk-mobile-nav-menu-btn {
    top: calc(32px + 50px);
}
/* ハンバーガーメニューのサイズ調整 */
.vk-mobile-nav-menu-btn {
    width: 40px;
    height: 40px;
	}
/* スクロール時のヘッダーメニューの高さ	 */
div#site-header-container {
	height:90px;
}
}

/* ハンバーガーメニュー中身 */
/* 既存のモバイルメニュー非表示 */
nav.vk-mobile-nav-menu-outer {
	display: none;
} 

/* メニューのボーダー非表示 */
.vk-mobile-nav .widget_nav_menu ul.menu,
ul#menu-header-nav2 a {
	border: none;
}

/* モバイル時施工エリア、メニューの並びを入れ替え */
/* @media (max-width:781px) {
.mobile-area {
  order: 2;
	}
.mobile-menu { 
  order: 1;
	}
} */

/* ハンバーガーメニューの見積依頼、問合せボタンの背景色設定 */
li#menu-item-6671,
li#menu-item-6672 {
    background-color: #2BB7A9;
    margin: 30px 10px;
    border-radius: 10px;
    padding: 10px;
    font-size: 16px;
}
li#menu-item-6671 a,
li#menu-item-6672 a {
	color: #fff;
}

/* 言語切り替えボタンサイズ調整 */
.gt_float_switcher .gt-selected .gt-current-lang {
	padding: 7px 7px !important;
}


/* モバイル時にヘッダー上にある余白削除 */
@media screen and (max-width: 767px) {
  .site-header-container,
  .l-header,
  .vk-header,
  .site-header {
    margin-top: 0 !important;
    padding-top: 0 !important;
    top: 0 !important;
  }
/* 万一ズレる場合に微調整 */
  header, .site-header-container {
    transform: translateY(0) !important;
  }
}

/* ==========================================================================
   パンくずリストフォントサイズ
 　========================================================================== */
@media screen and (min-width: 767px) {
ol.breadcrumb-list {
	font-size: 16px;
}
}

/* ==========================================================================
   HOME
   ========================================================================== */
html {
	background-color:#dededa;
}

/* HOMEの会社概要、事業概要のテキストを右寄せ（PCのみ） */
@media (min-width: 768px) {
  .overview-text  {
    text-align: right;
  }
  
}

/* 投稿カード（施工事例、ブログ）の角丸を強く */
.card {
	border-radius:20px !important; */
}



/* ==========================================================================
   footer
   ========================================================================== */
/* フッターメニューのリンクテキストに行間をもたせる */
nav.footer-nav {
line-height: 1.8;
}

/* コピーライト背景色 */
.container.site-footer-copyright {
	background-color: #2BB7A9;
	max-width: 100%;
}

/* ==========================================================================
   会社概要
   ========================================================================== */
.ggmap {
    position: relative;
    width: 100%;
/*     padding-top: 56.25%; */
    /* 16:9のアスペクト比 */
	padding: 200px;
	overflow: hidden;
    height: 0;
}

.ggmap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}