/*
Theme Name: Lightning子テーマ
Theme URI: https://lightning.vektor-inc.co.jp/
Template: lightning
Description: KODENSHA Custom
Author: T.Nakagawa
Tags: 
Version: 0.5.1
*/

.ltg-slide picture {
max-width:1200px;
height: auto;
}
.ltg-slide .swiper-slide>a {
    max-width:1200px;
    height: auto;
}

/* 2023/05/26 中川作成 */
/* フッターのコピーライト除去 */
.site-footer-copyright p:nth-child(2) {
    display: none;
}

/*reCaptchaロゴ削除*/
.grecaptcha-badge { visibility: hidden; }

/* 枠線追加 */
.waku {
  border: 1px solid #000;
}

/* 下部の隙間除去 */
.wp-block-image {
	margin-bottom: 0;
}

.wp-block-columns {
	margin-bottom: 0;
}

/*ブログ前後記事のタイトルヘッダ*/
.card-intext .card-intext-inner .vk_post_body .vk_post_title {
	color:#000;
}


/* グローバルメニュー装飾 */
.global-nav-list>li:before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 0;
    border-bottom: 1px solid var(--vk-color-primary);
    transition: all .5s ease-out;
}

/* フッター装飾 */
.site-footer {
    border-top: 1px solid var(--vk-color-primary);
}

.footer-nav {
    border-bottom: 1px solid var(--vk-color-border-hr);
}
.footer-nav-list li:first-child {
    border-left: 1px solid var(--vk-color-border);
}

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

/* h1 主にカテゴリーヘッダに使用される -------------------------------------------*/
/* [｜ 〇〇〇〇] 左端に装飾帯*/
h1 {
    background-color: rgba( 234, 245, 249, 0.70 );
	/*background: #eaf5f9;*/
	border-left: solid 10px #27acd9;
	padding: 0.75rem 1.5rem;
}

/* カテゴリーヘッダーの背景色変更 */
div.page-header {
	color:#000;
	background: #eaf5f9;
}

/* トップページ左上のロゴがh1につられて装飾されたので対処 */
h1.site-header-logo {
	background: transparent;
	border-left: solid 10px transparent;
	padding: 0.75rem 1.5rem;
}

/* h2 主にページ内大見出しに使用される ---------------------------------------------*/
/* [＞ 〇〇〇〇] 左端に丸矢印*/
h2 {
    background-color: rgba( 234, 245, 249, 0.70 );
	position: relative;
	/*background: #eaf5f9;*/
	padding: 0.5em 0.75em 0.5em 2.5em;
    border-top: solid 2px transparent;
    #box-shadow: 3px 3px 15px -5px #000;
}
h2:before {
	position: absolute;
	font-family: "Font Awesome 5 Free";
	content: "\f138";
	font-weight: 900;
	color: #27acd9;
	padding: 0;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
}

/* h3 主にページ内小見出しに使用される -----------------------------------------------*/
/* [　｜ 〇〇〇〇] 左の少し内側に装飾帯*/
h3 {
    background-color: rgba( 234, 245, 249, 0.70 );
	/*background: #eaf5f9;*/
	padding: 1rem 1rem 1rem 2.5rem;
	position: relative;
    #border-bottom: solid 2px transparent;
    #box-shadow: 3px 3px 15px -5px #000;
}
h3:before {
    position: absolute;
    top: 20%;
    left: 20px;
    width: 6px;
    height: 60%;
    content: '';
    border-radius: 3px;
    background: #27acd9;
}

/* h4 右カラムのカテゴリのタイトルに使用される ----------------------------------------*/

/* h5 主にブログ一覧の見出しに使用される ----------------------------------------------*/
/* [　｜ 〇〇〇〇] 左の少し内側に装飾帯*/
h5 {
    background-color: rgba( 234, 245, 249, 0.70 );
	/*background: #eaf5f9;*/
	padding: 1rem 1rem 1rem 2.5rem;
	position: relative;
    #border-bottom: solid 2px transparent;
}
h5:before {
    position: absolute;
    top: 20%;
    left: 20px;
    width: 6px;
    height: 60%;
    content: '';
    border-radius: 3px;
    background: #27acd9;
}

/* オブジェクトに影を付ける */
.shadow {
      box-shadow: 3px 3px 15px -5px #000;
}