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




/*トップページのイメージ画像を固定ページに入れた時に上部の余白を0にする*/
body.home .site-body {padding-top:0!important;}


/*ヘッダーdiscriptionを非表示*/
p.header-top-description{color:rgba(255,255,255,.0);}

/*ロゴのサイズ調整と余白*/
.site-header-logo img {	max-height: 80px;}
@media screen and (max-width: 680px) {
	.site-header-logo  {padding-top:1em; padding-bottom:1em; }
	.site-header-logo img {max-height:60px;}
}

p.htel{line-height:1em;}
p span.ht_small{font-size:.7em;}
p.htel{margin-block-end: 0;}

/*ヘッダー右ウィジットの文字サイズと余白調整：>>>追加CSS*/
div.site-header-sub { padding-top:20px; padding-bottom:0; font-size:1.4rem!important; }
div.site-header-sub .widget {margin-bottom:0!important;}

 /*ヘッダーナビのボーダー ;*/
.global-nav, .header_scrolled .site-header{
border-top: 1px solid var(--vk-color-primary);
}

.site-body p {line-height:2;}

/*ドロップダウンのフォントサイズ*/
.global-nav-list li {font-size:.85em;}

/*=================トップページ=====================*/

body.home div.entry-boy h2 {font-size:1.2rem; text-align:center; padding-bottom:0; line-height:1;}

/*-----新着のマーク----*/
body.home .postListText{padding-left:1.5em;}
body.home .postListText::before{
	font-family: "Font Awesome 5 Free";
   font-weight: 900;
	color:#3E9EF0;
	line-height:1.5;
   position: absolute;
   content: "\f105";
   left: 6.5em;
}
@media screen and (max-width: 680px) {
  body.home .postListText::before{
	font-family: "Font Awesome 5 Free";
   font-weight: 900;
	color:#3E9EF0;
   position: absolute;
   content: "\f105";
	 left: 2em;
	}
}

body.home .postListText_date,
body.home .postListText_title {font-size:1em;}

/*body.archive #breadcrumb,
body.category #breadcrumb {display:none;}*/

/*-------------------------------------------------------------------------------
  ===============　コンテンツページ　===================
  ------------------------------------------------------------------------------------*/


/*----------パンくずエリアのボーダをなくす >>>追加CSS------*/
#breadcrumb { border-top: none!important; border-bottom: none!important; }
.breadcrumb-list{ border-bottom: none;	}



/*============　見出しスタイル　===================*/

h1.entry-title {/*投稿ページはこれでしか効かない：これをベースサイズに固定ページのサイズを決める*/
font-size:1.7rem;
}

/*-----見出し２　と1のタイトル----*/
.entry-body h1,
body.page h1.entry-title,
body.page h2.entry-title{
	 font-size:1.7rem;
	position: relative;
	background: #F8FCEF;
	padding: 1rem 1.5rem;
	text-align:center!important;
	border:none!important;
}
.entry-body h1::before,
.entry-body h1::after,
body.page h1.entry-title::before, 
body.page h1.entry-title::after,
body.page h2.entry-title::before, 
body.page h2.entry-title::after{ 
	content:'';
	width: 20px;
	height: 40px;
	position: absolute;
	display: inline-block;
}
.entry-body h1::before,
body.page h1.entry-title::before,
body.page h2.entry-title::before{
	border-left: solid 3px #1B840E;
	border-top: solid 3px #1B840E;
	top:0;
	left: 0;
}
.entry-body h1::after,
h1.entry-title::after,
h2.entry-title::after{
	border-right: solid 3px #1B840E;
	border-bottom: solid 3px #1B840E;
	bottom:0;
	right: 0;
}

/*投稿ページのH1タイトル*/
body.singl .main-section--col--two h1.entry-title{font-size:1.2rem!important;border-bottom:1px solid #666;}


.veu_relatedPosts .relatedPosts_title {
    font-size: 1.2rem;
 	background-color:#F2F2F2;
	border-radius:6px;
	padding:.5em;}
.veu_relatedPosts .relatedPosts_title::before{display:none;}
.veu_relatedPosts .relatedPosts_title::after{display:none;}





/*-- タイトル直後にh２が来る場合の上部スペースを調整--*/
div.entry-body:has(> h2){padding-top:1.5em!important;}
div.entry-body div.item:has(> h2){padding-top:1.5em!important;}

/*-----コンテンツ見出し2 最上位下層のH2,H1に".style-vk-heading-plain"で絞り込み：固定ページで装飾なしを指定　-----*/
body.about-index .entry-body h2,
body.welfare-bs-index .entry-body h2,
body.vol-index .entry-body h2,
body.other-business-index .entry-body h2,
body.mt-iki2center .entry-body h2,
body.kifu-index .entry-body h2,
body.info-index h2{
	display: flex;
	align-items: center;/* 縦位置の調整 */
	font-size:1.5rem;
}

body.about-index .entry-body h2::before,
body.about-index .entry-body h2::after,
body.welfare-bs-index .entry-body h2::before,
body.welfare-bs-index .entry-body h2::after,
body.vol-index .entry-body h2::before,
body.vol-index .entry-body h2::after,
body.other-business-index .entry-body h2::before,
body.other-business-index .entry-body h2::after,
body.mt-iki2center .entry-body h2::before,
body.mt-iki2center .entry-body h2::after,
body.kifu-index .entry-body h2::before,
body.kifu-index .entry-body h2::after,
body.info-index h2::before,
body.info-index h2::after{
  content: '';
  flex-grow: 1;/* 余白を分け与える */
  height: 3px;
  background: #D8D8D8;
}

/* 見出しの文字と横棒の間隔を開ける */
body.about-index .entry-body h2::before,
body.welfare-bs-index .entry-body h2::before,
body.vol-index .entry-body h2::before,
body.other-business-index .entry-body h2::before,
body.mt-iki2center .entry-body h2::before,
body.kifu-index .entry-body h2::before,
body.info-index .entry-body h2::before{
	margin-right: 30px;
}
body.about-index .entry-body h2::after,
body.welfare-bs-index .entry-body h2::after,
body.vol-index .entry-body h2::after,
body.other-business-index .entry-body h2::after,
body.mt-iki2center .entry-body h2::after,
body.kifu-index .entry-body h2::after,
body.info-index .entry-body h2::after{
	margin-left: 30px;
}

/*-----ページコンテンツ内見出し3-----*/
body.about-index .entry-body h3,
body.welfare-bs-index .entry-body h3,
body.vol-index .entry-body h3,
body.other-business-index .entry-body h3,
body.mt-iki2center .entry-body h3,
body.kifu-index .entry-body h3,
body.info-index .entry-body h3{
	font-size:1.3rem; 
	position: relative;
	border-bottom: 3px solid var(--vk-color-border);
	background: 0 0;
	padding: 0 0 0.5em;
	border-radius: 0;
}

body.about-index .entry-body h3::after,
body.welfare-bs-index .entry-body h3::after,
body.vol-index .entry-body h3::after,
body.other-business-index .entry-body h3::after,
body.mt-iki2center .entry-body h3::after,
body.kifu-index .entry-body h3::after,
body.info-index .entry-body h3::after{
    content: ".";
    line-height: 0;
    display: block;
    overflow: hidden;
    position: absolute;
    bottom: -3px;
    width: 30%;
    border-bottom: 3px solid var(--vk-color-primary);
}


/*-----ページコンテンツ内見出し4-----*/
body.about-index .entry-body h4,
body.welfare-bs-index .entry-body h4,
body.vol-index .entry-body h4,
body.other-business-index .entry-body h4,
body.mt-iki2center .entry-body h4,
body.kifu-index .entry-body h4,
body.info-index .entry-body h4,
body.single-cus-vol h4{font-size:1.15rem; background-color:#FBF8EF; border: 1px solid #F3E2A9;}

body.bs-fureai-ikik .entry-body .vk_accordion h4{background-color:transparent; border-top:none;border-left:none;border-right:none; border-bottom:3px solid #F3E2A9;border-radius:0;}

/*-----ページコンテンツ内見出し5:カード内のH5に影響のないように.wp-block-headingで絞り込む-----*/
body.about-index .entry-body h5.wp-block-heading,
body.welfare-bs-index .entry-body h5.wp-block-heading,
body.vol-index .entry-body h5.wp-block-heading,
body.other-business-index .entry-body h5.wp-block-heading,
body.mt-iki2center .entry-body h5.wp-block-heading,
body.kifu-index .entry-body h5.wp-block-heading{ font-size:1rem; border-bottom:2px solid #D8D8D8;}

/*カテゴリページ*/
body.category-news h5.vk_post_title,
body.category-news h5.vk_post_title a{text-align:left!important;}

/*-----ページコンテンツ内見出し6-----*/
body.about-index .entry-body h6,
body.welfare-bs-index .entry-body h6,
body.vol-index .entry-body h6,
body.other-business-index .entry-body h6,
body.kifu-index .entry-body h6,
body.info-index .entry-body h6{
	font-size:1.1rem;
	/*background: #eaf5f9;*/
	padding: .5rem .5rem .5rem 1.5rem;
	position: relative;
}
body.about-index .entry-body h6::before,
body.welfare-bs-index .entry-body h6::before,
body.vol-index .entry-body h6::before,
body.other-business-index .entry-body h6::before,
body.kifu-index .entry-body h6::before,
body.info-index .entry-body h6::before{
	 position: absolute;
    top: 20%;
    left: 10px;
    width: 6px;
    height: 50%;
    content: '';
    border-radius: 3px;
    background: #27acd9;
}


/*-----！力技注意!いきいき支援センターのヘッダータイトルを強制的に変更：元のタイトルを極小透明に!------*/	
body.iki2-kenri div.page-header-title,
body.iki2-soudan div.page-header-title,
body.iki2-sien div.page-header-title,
body.iki2-mimamori div.page-header-title,
body.iki2-cafe div.page-header-title{font-size:.1rem;color:transparent;}

body.iki2-kenri div.page-header-title::after,
body.iki2-soudan div.page-header-title::after,
body.iki2-sien div.page-header-title::after,
body.iki2-mimamori div.page-header-title::after,
body.iki2-cafe div.page-header-title::after{content:'名東区北部いきいき支援センター'; font-size:2rem!important; color:#000!important;text-align:center;}



/*--------グリッドカラムカード：コンテンツ一覧(個ページリストを使用しない場合）：カード表示の調整　--------*/
.vk_post.card {padding:16px;}/*余白を作る*/
.vk_post_body.card-body{padding-left:0; padding-right:0;}/*見出しと段落の余白をなくして画像と左右を揃える*/
.vk_post-btn-display .vk_post_btnOuter {position: absolute;right:0;}/*ボタンの位置を右端ピッタリに*/

.vk_post.vk_post_title { text-align:center!important;}/*カード内のタイトルをセンターに*/
.vk_post .vk_post_title a {color:var(--vk-color-text-link); font-size:1rem; text-align:center!important;}/*カード内の文字サイズ、色などの調整*/

.entry-body.vk_gridcolcard_item_body_inner h2{background:none;}



/*--------------------ノーマルのテーブル-----------------*/
table{border-color: #A7A7A7!important;}
table th {background-color: #F2F2F2;}


/*-----------レスポンシブ対応のテーブル-------------*/

/*表の枠線　エディタで枠線を選択しておくこと*/
.is-style-vk-table-border td{ border:1px solid #A7A7A7!important;}

.is-style-vk-table-border th{ border:1px solid #A7A7A7!important; background-color:#F2F2F2;}


/*------------先頭列　標準　18文字分幅----------------*/
@media screen and (min-width: 690px){
	.mt-table-row tr td:nth-child(odd) {width:20em;}　/*2列の表1列目のセル幅を調整*/
}

@media screen and (min-width: 690px){
	.mt-table-row tr:nth-child(even) {background-color:#fafafa;}　/*2行目のセルの色*/
}
	
/*スマホ　2列の表を1列に表示*/
@media screen and (max-width: 680px) { 
	.mt-table-row table,
	.mt-table-row tr,
	.mt-table-row td {
 	  border-collapse: collapse;
		padding:1em!important;
	}

.mt-table-row tr td:nth-child(odd) {
		width:100%!important;
		background: #F0FBFC;
		border-bottom:none!important;
		text-align: center;
	}
	
	
.mt-table-row tr{border-bottom: 6px solid #fff; /*この線の太さでブロック間のスペースを調整*/}

	/*.ng-table-row th{
	background: #01214d;
  color: #fff;
  padding: 4px 12px;
  display: block;
  width: 100%
	  }*/
	
	.mt-table-row td {
 		 background:  #fff;
 		 padding: 4px 12px;
 		 display: block;
 	 	width: 100%;
	}
	
	.is-style-vk-table-border.mt-table-row thead th {
		display: none;
		}

}

/*--------------　先頭列50％タイプ---------------------*/

@media screen and (min-width: 690px){
	.mt-table-row50 tr td:nth-child(odd) {width:50%;}　/*2列の表1列目のセル幅を調整*/
}

@media screen and (min-width: 690px){
	.mt-table-row50 tr:nth-child(even) {background-color:#FBFBEF;}　/*2行目のセルの色*/
}
	
/*スマホ　2列の表を1列に表示*/
@media screen and (max-width: 680px) { 
	.mt-table-row50 table,
	.mt-table-row50 tr,
	.mt-table-row50 td {
 	  border-collapse: collapse;
		padding:1em!important;
	}

	.mt-table-row50 tr td:nth-child(odd) {
		width:100%!important;
		background: #F0FBFC;
		border-bottom:none!important;
		text-align: center;
	}
	
	
	.mt-table-row50 tr{border-bottom: 6px solid #fff; /*この線の太さでブロック間のスペースを調整*/}

	/*.ng-table-row50 th{
	background: #01214d;
  color: #fff;
  padding: 4px 12px;
  display: block;
  width: 100%
	  }*/
	
	.mt-table-row50 td {
 		 background:  #fff;
 		 padding: 4px 12px;
 		 display: block;
 	 	width: 100%;
	}
	
	.is-style-vk-table-border.mt-table-row50 thead th {
		display: none;
		}

}


/*======　　固定ページ：個別スタイル　=======*/

/*-------------------　いきいきサロン一覧ページのアンカーボタン　--------------------*/
body.page-id-194 .vk_button .vk_button_link.btn-sm, .editor-styles-wrapper .vk_button .vk_button_link.btn-sm {
    font-size: .7em!important; color:#585858!important; background-color:#EFFBFB!important; padding: 0.5em 1em!important; border:1px solid #D8D8D8;
}


.vk_accordion-trigger {background-color:#E3F6CE; font-size:1.2rem;font-weight:bold;}
.vk_accordion-trigger p {margin-bottom:0!important;}

/*-------------------------------------------------------------------------------
 * ====================投稿ページ========================
 * -------------------------------------------------------------------------------*/

/*投稿の更新日と投稿者を非表示*/
span.entry-meta-item-updated,
span.entry-meta-item-author{display:none;}


/*前の記事-次の記事エリアのデザイン*/
.next-prev-prev.card-horizontal .card-body {
display: flex;
padding: 0;
align-items: center;
justify-content: flex-start;
}

.next-prev-prev.card-horizontal .card-body:before {
font-family: "Font Awesome 5 Free";
content: "\f053";
font-weight: bold;
position: absolute;
font-size: 3rem;
color: rgba(0,0,0,0.1);
top: calc(50% - 1.5rem);
left: 1rem;
}

.next-prev-prev.card-horizontal.vk_post .card-body .vk_post_title a {
display: block;
padding: 1.5rem 1.0rem 1.5rem 3.5rem;
}

.next-prev-next.card-horizontal .card-body {
display: flex;
padding: 0;
align-items: center;
justify-content: flex-end;
}

.next-prev-next.card-horizontal .card-body:before {
font-family: "Font Awesome 5 Free";
content: "\f054";
font-weight: bold;
position: absolute;
font-size: 3rem;
color: rgba(0,0,0,0.1);
top: calc(50% - 1.5rem);
right: 1rem;
}

.next-prev-next.card-horizontal.vk_post .card-body .vk_post_title a {
display: block;
padding: 1.5rem 3.5rem 1.5rem 1.0rem;
}

/*文字サイズ*/
div.vk_posts.next-prev h5.vk_post_title.card-title,
div.vk_posts.next-prev h5.vk_post_title.card-title a{font-size:1rem!important;}


/*関連記事の見出し*/
aside.veu_relatedPosts{padding-top:4em;}
.relatedPosts_title　h1{}

/*タグとカテゴリを横並びに*/
div.entry-footer .entry-meta-data-list{float:left;}
div.entry-footer {clear:both; padding-bottom:2em;}

/*ギャラリーキャプション*/
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{padding:8px;}


/*-----------サイドバー　---------------*/
/*文字サイズ*/

.sub-section--col--two .media.vk_post:first-child {
   border-top: none;
}

/*項目下のボーダの色を少し濃く（フッターメニューも）*/
.vk_post.media,
.widget_link_list>ul li a,
.widget_nav_menu>div>ul li a{
    border-bottom: 1px solid #d8d8d8;
}



.sub-section--col--two h5.vk_post_title,
.sub-section--col--two h5.vk_post_title a{
	 font-size: .9rem!important;
	text-align:left!important;
    line-height: 1.4;
    font-weight: normal;
    margin-bottom: 0;
}

.sub-section--col--two h5.vk_post_title a:hover{color:#0071f2!important;}

/*子カテゴリーの行頭にマーカーを追加*/
.widget_link_list>ul li li a::before{
	font-family: "Font Awesome 5 Free";
   font-weight: 900;
	color:#3E9EF0;
	line-height:1.5;
   position: absolute;
   content: "\f105";
   left: 1em;
}

/*====寄付ページ：カスタム投稿本体のフッターを非表示（タグ）======*/

body.kifu-index div.entry-footer {
    display: none;
    clear: both;
    padding-bottom: 2em;
}



/*=============== お問合せフォーム ===============*/

span.attention {
	color: red;/* アスタリスクを赤色に */
}

#mw_wp_form_mw-wp-form-907 p {
	/*font-weight: bold;  項目名を太字 */
	padding-bottom: 1em;　/* 項目の間に余白を設置 */
}


button[type=submit]  {
    border: 1px solid var(--vk-color-primary-dark);
    background-color: var(--vk-color-primary);
    color: #fff;
    padding: 0.55em 2em;
    border-radius: var(--vk-size-radius);
	margin-right:1em;
}

button[type=submit] span{font-size: 1rem;}

#mw_wp_form_mw-wp-form-907 .agree{padding:0 2em;}


/*======= Google Map　レスポンシブ　カスタムHTML内にdivで追加：iframe全体をマーク=======*/
.map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 75%; /* 比率を4:3に固定 */
}

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

/*===========ゆめはーと==============*/

body.yumeheart-index .entry-body p{ line-height:2; margin-bottom:0!important;}


/*body.yumeheart-index a.has-vk-color-primary-background-color {
	background-color:#E0F8EC!important;border:1px solid #CEECF5;color:#045FB4!important;}*/

/*===========きら星==============*/

body.mt-vol-kira .entry-body p{ line-height:2; margin-bottom:0!important;}



/*===============　フッター　===================*/

/*ブロック下の空きを無しにする>>>追加CSS*/
footer.site-footer aside.widget { display: block; margin-bottom: 0; }


  

/*ハンバーガーメニュー画像を変更（150px150pxのサイズで）>>>追加CSS*/


	
	
/*-----　Go top ボタンデザイン変更　----->>>追加CSSへ
a.page_top_btn {
	position: fixed;
	right: 2%;
	bottom: 3%;
	z-index: 99999;
	width: 40px;
	height: 38px;
	color: transparent;
	border: none;
	background: rgba(0,123,255,.8);
   box-shadow: 0 0 0 1px rgb(255 255 255 / 80%), 0 0 0 2px rgb(0 123 255);
	background-image: var(--ver_page_top_button_url);
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0;
	transition: opacity .3s;
	text-decoration: none;
	border-radius:50%;
}
*/




/*トップページ内ナビ*/
div#top-dwm{}
@media  (max-width: 690px) {
	div#top-dwm{display:none;}
}

div.menu-top-in-navi-container { clear:both;}

ul#menu-top-in-navi { }
ul#menu-top-in-navi li { 
	padding .25em 4em;
	width:20vw;
	border:1px #bdbdbd solid;
	background-color:#fafafa!important;
}
@media  (min-width: 1280px) {
	ul#menu-top-in-navi li {width:250px;}
}


div#top-dwm ul#menu-top-in-navi li a {	text-decoration:none;}

/* 初期状態でサブメニューを非表示にしておく */
div.menu-top-in-navi-container #menu-top-in-navi .sub-menu {
  display: none; border:none; text-decoration:none;
}

/* 子を持つ親メニューにマウスオーバーしたとき、サブメニューを表示する */
div.menu-top-in-navi-container #menu-top-in-navi .menu-item-has-children:hover .sub-menu {
  display: block;
	background-color:#fafafa;/*サブメニューの背景色*/

}


#menu-top-in-navi{
  text-align: center;
}

/* 親メニューをinline-blockにしてセンターに配置 */
#menu-top-in-navi > .menu-item {
  display: inline-block;
  padding: .25em .3em;
}

/* リストの記号を消去 */
#menu-top-in-navi .menu-item {
  list-style-type: none;
}

/* サブメニューをabsoluteにするため、親メニューをrelativeに */
#menu-top-in-navi .menu-item-has-children {
  position: relative;
	z-index:990;
}

/* 親メニューにマウスオーバーしたときにカーソルを変更 */
#menu-top-in-navi .menu-item-has-children:hover {
  cursor: pointer;
}

/*サブメニューのリンク文字背景色を透明に*/
ul#menu-top-in-navi li {background-color:transparent;font-weight:bold;}	

/* 子を持つ親メニューにマウスオーバーしたときサブメニューを表示 */
#menu-top-in-navi .menu-item-has-children:hover .sub-menu {
  display: block;
}

/* サブメニューをabsoluteにして親メニューの下に配置。スタイルは適宜調整 */
#menu-top-in-navi .sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
	z-index:999;
  /*width: 300px;
  background: white;*/
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
  padding: 0;
}
#menu-top-in-navi .sub-menu li{border:none!important;}



/* サブメニューの境目をわかりやすくするため、一番下の項目以外下線を引いた */
#menu-top-in-navi .sub-menu > .menu-item:not(:last-child) {
	border-bottom: 1px solid #bdbdbd !important;
	padding-bottom:.25em;
}

/* サブニューのリンクタグをmenu-itemの大きさと合わせ、クリックしやすいように*/
#menu-top-in-navi .sub-menu > .menu-item a {
  display: inline-block;
	text-decoration:none;
	font-size:.8em;
	font-weight:normal!important;
  /*width: 100%;*/
  height: 100%;
  padding: 0;
}

/* サブメニューにマウスオーバーしたときリンクの背景色とテキストカラーを変更 */
#menu-top-in-navi .sub-menu > .menu-item a:hover {
  background: transparent;
  /*color: white;*/
}