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

/*************************************************
* WrorPressの不具合と思われる対応（暫定的）
* 投稿者権限でインライン文字の色を設定すると背景色が黄色になる不具合
**************************************************/

/*************************
* インライン文字色	 	 *
**************************/
mark{
	background-color: initial;
}

/**************************************************/
/*********   ここまで    **************************/
/**************************************************/


/** 全体 ***********/
/* リンク色 */
a{
	color: #3264e9;
}
a:hover{
	color: var(--vk-color-text-link-hover);
}

/**********************
 カテゴリページ、投稿ページ、アーカイブページの背景色
**********************/
body.category,
body.single,
body.archive {
//	background-color:#f8f8f8!important;
}

/**********************
 パンくずリストを非表示 
**********************/
body .breadcrumb {
    display: none;
}

/**********************
 ヘッダーロゴの高さ
**********************/
.site-header{
	@media screen and (max-width:992px){
//		background-color:#ffffff;
	}
}

.site-header-logo{
	display: flex;
	align-items: center;
	height: 100px;
	@media screen and (max-width:992px){
		height: 60px;
//		background-color:#ffffff;
	}
}
.site-header-logo img{
	max-height: 70px;
	@media screen and (max-width:992px){
		margin-top:30px;
		max-height: 45px;
	}
}

/**********************
 ヘッダー右側ウィジット
**********************/
.site-header-sub{
	width:500px;
	display:block;
	margin-top: 1.5rem;
	margin-bottom:0;
}
	
/**********************
 見出し
**********************/
h1,h2,h3,h4,h5,h6{
	font-weight:normal;
}

h2 {
	margin-top: 1em;
	margin-bottom: 2em;
	padding: 1em 0.6em;
	color:#2c7ad1;/*文字色*/
	border-left: solid 5px #0074ac;/*左線*/
	border-top: none;
	border-bottom: none;
	font-size:1.5em;
}

h3{
	position: relative;
	font-size:1.3rem;
	margin-top:2em;
	margin-bottom: 1.5em;
	padding: 0.3em 0 0.3em;
	color:#333333;/*文字色*/
	border-bottom: solid 2px #b3dc06;
}

h3::after{
  	position: absolute;
  	content: " ";
  	display: block;
  	border-bottom: solid 3px #9dc798;
  	bottom: -2px;
  	width: 30%;
}
h3::before{
	content: "■ ";
	color:#2c7ad1;/*文字色*/
}

h4{
	display: inline-block;
	font-size:1.1rem;
	padding: 0.3em 2em;
	background-color:#84a3d8;
	color: #ffffff;
	border-radius: 10px;
}

h5{

}

/* 投稿タイトルの見出し */
h1.entry-title{
	font-size: 1.6rem;
}

/**********************
 ページヘッダータイトル
**********************/
.page-header{
	height:300px;
	@media screen and (max-width: 576px){
		height:180px;
	}
}

/* TOPページのタイトル */
.toppage-header-title{
	font-family:'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif;align-content	letter-spacing: 0.05em;
	font-size: 2.3rem;
	text-align: center;
	font-weight:normal;
	@media screen and (max-width: 768px){
		font-size: 1.4rem;
	}
}

/* ページヘッダタイトル */
.page-header-title,
h1.page-header-title{
	color:#ffffff;
	text-shadow: 0px 0px 10px #000000;	
	font-family:'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif;align-content	letter-spacing: 0.05em;
	font-size: 2rem;
	text-align: center;
	font-weight:700;
	padding: 15px 10px;
	@media screen and (max-width: 992px){
		font-size: 1.4rem;
	}
}

/**********************
 トップページ透明の場合、トップページ以外のヘッダ背景
***********************/
.site-header {
//	background-color:#f0f0f0;
}

/**********************
 グローバルメニュー文字サイズ
**********************/
.global-nav{
	border-top: 1px outset #f4f4f4;
}

.global-nav-list>li{
//	border-left: 1px outset #8dbff4;
	border:none;
}

.global-nav-list>li a{
	color:#333333;
}

.global-nav-list>li .global-nav-name{
	font-size: 16px;
	font-weight:normal;
}

/** グローバルメニュー カレント **/
.global-nav-list>li[class*=current]{
	background-color: #649dd6;
}
.global-nav-list>li[class*=current] a{
	color: #ffffff;
}

.global-nav-list>li[class*=current]::before {
	/* border-bottom: 4px solid #006393; */
	border: none;
}
/** グローバルメニューのhover時 **/
.device-pc .global-nav-list>li>a:hover{
	color:#ffffff;
	background-color: #649dd6;
}

/* 病児保育室 */
.device-pc .global-nav-list > li#menu-item-3649 a{
	color:#FB9764;
}  
.device-pc .global-nav-list > li#menu-item-3649>a:hover {
	background-color: #FB9764;
	color:#ffffff;
}  

/**********************
 サブメニュー文字位置・文字サイズ
**********************/
.global-nav-list .sub-menu{
	border-radius: 10px;
}
.global-nav-list .sub-menu li {
	font-size: 16px;
	text-align: center;
	font-weight:normal;
	background-color: #396bc4;
}
/* ボーダーの太さ・線種・色 */
.global-nav-list .sub-menu li a{
	margin-top:0;
	color: #ffffff;
}
/* 突起部分の色 */
.global-nav-list>li.menu-item-has-children::after {
  border-bottom-color: #396bc4;
}
/* マウスホバー時の背景色 */
	/* サブメニューをクリックしたままフォーカスを外すとキーカラーが表示されるのでfocusをhoverよりも先に設定 */
.global-nav-list .sub-menu li a:focus{
	background-color: #396bc4;
}
.global-nav-list .sub-menu li a:hover{
	background-color: #649dd6;
	color: #ffffff;
}


/**********************
 copyright 設定 
***********************/
.site-footer-copyright{
//	height: 105px;
}


/**********************
 TOPへ戻るボタン変更
**********************/
.scrolled .page_top_btn{
	opacity: 0.8;
}

.page_top_btn{
    width: 52px;
    height: 52px;
    border: none;
    background: none;
    box-shadow: none;
    background-image: url("../../uploads/2025/02/button-top.png");
    background-size: 100%;
}
.mobile-fix-nav_enable .page_top_btn{
	right: 5px;
	@media (max-width: 992px){
		bottom: calc(72px + 10px);
	}
}

/**********************
 投稿日付・タイトル文字色
**********************/
.postListText_date{
//	color: #169a7c;
}

.postListText_title a{
	/* color: #3264e9; */
}
.postListText_title a:hover{
	color: var(--vk-color-text-link-hover);
}
/* 文字サイズ*/
.postListText_date,
.postListText_title{
	font-size: 1rem;
}

/**********************
 ハンバーガーメニュー
**********************/
.vk-mobile-nav-menu-btn {
	top: 10px;
	width: 60px;
	height: 64px;
	border: none;
//	border-radius: 5px;
    background-image: url("../../uploads/2025/02/btn_menu.png");
  	background-size: cover;
	opacity: 0.8;
}
.vk-mobile-nav-menu-btn.menu-open {
    border: none;
	background-image: url("../../uploads/2025/02/btn_close.png");
	background-size: cover;
	opacity: 0.8;
}

/**********************
スライドショー文字
**********************/
.ltg-slide-text-title{
	font-size: 30px;
}
@media screen and (min-width:1200px){
	.ltg-slide-text-title{
		font-size: 42px;
	}
}
@media screen and (max-width: 576px){
	.ltg-slide-text-title{
		font-size: 22px;
	}
}
/**********************
 モバイルメニュー
**********************/
.vk-mobile-nav{
//	background-color:#faf8ef;
}
/*******************
 モバイル時のフッターにひまわりを出すため
********************/
/*
@media (max-width: 991.98px){
	.mobile-fix-nav_enable .site-footer {
    	padding-bottom: 0px;
		margin-bottom: 110px;
	}
}
*/
/**********************
 バナー ボタン
***********************/
.banner-button{
	width: 100%;
    max-width: 290px;
	margin-left: auto;
	margin-right: auto;
}
/**********************
フローティングバナー
(画面右端)
**********************/
.floating-banner {
    position: fixed;
    z-index: 99999;
	top: 240px;
    right: 5px;
}
.banner-right,
.banner-right1,
.recruit {
	width: 7.5em;/* バナーの横幅 */
	margin-bottom: 50px;
	padding: 5px;
    font-weight: normal;
    text-align: center;
	border-right: none;
	border-radius: 50%;	
	opacity: 1;
}

.banner-right,
.banner-right1 {
	background-color: #1e73be;	/* バナーの背景色 */
    color: #ffffff;	/* バナー内の文字色 */
	border: solid 2px #ffffff;
}
.banner-right:hover,
.banner-right1:hover {
	background-color: #ffffff;	/* バナーの背景色 */
	color:#1e73be;	/* バナー内の文字色 */	
	border: solid 2px #1e73be;
}

/* スタッフ募集なし */
.recruit{
	display:none;
}
/* スタッフ募集あり */
.recruit {
	background-color: #a9d780;	/* バナーの背景色 */
	color: #ffffff; /* バナー内の文字色 */
	border: solid 2px #ffffff;
}
.recruit:hover{
	background-color: #ffffff;	/* バナーの背景色 */
	color:#477d15;	/* バナー内の文字色 */	
	border: solid 2px #477d15;	
}

.floating-banner a {
    text-decoration: none;/* リンクに下線が入らないように */
}
.copy {
//	writing-mode: vertical-lr;
//	text-orientation: upright;
	font-size: 1.2em;
    margin:10px auto 5px;
    line-height: 1.5em;
}

.copy-sub{
	font-size: 0.8em;
	margin-bottom: 10px;
}

@media screen and (max-width: 992px) {
    .floating-banner {
        display: none;
    }
}

/**********************
 ツールチップ
***********************/
.tooltip1{
    position: relative;
    cursor: pointer;
    display: inline-block;
}
.tooltip1 p{
//    margin:0;
//    padding:0;
}

.description1 {
    display: none;
    position: absolute;
    padding: 12px;
    font-size: 14px;
    line-height: 1.6em;
    color: #fff;
    border-radius: 5px;
    background: #222;
	width: 160px;
	text-align: left;
}
.description1::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    border: 15px solid transparent;
    border-top: 15px solid #222;
	margin-left: -15px;
}
.tooltip1:hover .description1{
    display: inline-block;
    top: -70px;
	left: -60px;
}

/**********************
 次の記事、前の記事カスタマイズ
**********************/
.next-prev-prev.card-horizontal .card-body {
	padding-left: 5.0em;
}
.next-prev-next.card-horizontal .card-body {
	padding-right: 5.0em;
}
/** 前の記事、次の記事の背景色 **/
.next-prev .vk_post_imgOuter_singleTermLabel{
	background-color: #007CBA;
}
/**********************
 リストアイコン いろいろ
**********************/
/* ひし形 */ 
ul.list-diamond li::before{
	content: '◆';  /* アイコンの右側スペースを空けたいのでcntents入れ替え */
}

/* 白丸 */
ul.list-circle li::before{
	content: '◯';  /* アイコンの右側スペースを空けたいのでcntents入れ替え */
}

/* 四角 */
ul.list-rect li::before{
	content: '■';  /* アイコンの右側スペースを空けたいのでcntents入れ替え */
}

/* ※印 **/
ul.list-comme{
	padding: 0 0 0 1em;
	list-style-type: "※";  /* コメントなのでline-style-typeを使用 */
}
/* ★マーク**/
ul.list-star{
	padding: 0 0 0 1em;
	list-style-type: "★";  /* コメントなのでline-style-typeを使用 */
}

/**********************
 リスト文字色
**********************/
ul.is-style-vk-arrow-mark li, ul.is-style-vk-triangle-mark li, ul.is-style-vk-check-mark li, ul.is-style-vk-check-circle-mark li, ul.is-style-vk-check-square-mark li, ul.is-style-vk-handpoint-mark li, ul.is-style-vk-pencil-mark li, ul.is-style-vk-smile-mark li, ul.is-style-vk-frown-mark li, ul.is-style-vk-numbered-circle-mark li, ul.is-style-vk-numbered-square-mark li, ol.is-style-vk-arrow-mark li, ol.is-style-vk-triangle-mark li, ol.is-style-vk-check-mark li, ol.is-style-vk-check-circle-mark li, ol.is-style-vk-check-square-mark li, ol.is-style-vk-handpoint-mark li, ol.is-style-vk-pencil-mark li, ol.is-style-vk-smile-mark li, ol.is-style-vk-frown-mark li, ol.is-style-vk-numbered-circle-mark li, ol.is-style-vk-numbered-square-mark li{
	color:#333333;
}

ul.is-style-default:not(.has-text-color), ul.is-style-default:not(.has-link-color), ul.is-style-vk-arrow-mark:not(.has-text-color), ul.is-style-vk-arrow-mark:not(.has-link-color), ul.is-style-vk-triangle-mark:not(.has-text-color), ul.is-style-vk-triangle-mark:not(.has-link-color), ul.is-style-vk-check-mark:not(.has-text-color), ul.is-style-vk-check-mark:not(.has-link-color), ul.is-style-vk-check-circle-mark:not(.has-text-color), ul.is-style-vk-check-circle-mark:not(.has-link-color), ul.is-style-vk-check-square-mark:not(.has-text-color), ul.is-style-vk-check-square-mark:not(.has-link-color), ul.is-style-vk-handpoint-mark:not(.has-text-color), ul.is-style-vk-handpoint-mark:not(.has-link-color), ul.is-style-vk-pencil-mark:not(.has-text-color), ul.is-style-vk-pencil-mark:not(.has-link-color), ul.is-style-vk-smile-mark:not(.has-text-color), ul.is-style-vk-smile-mark:not(.has-link-color), ul.is-style-vk-frown-mark:not(.has-text-color), ul.is-style-vk-frown-mark:not(.has-link-color), ul.is-style-vk-numbered-circle-mark:not(.has-text-color), ul.is-style-vk-numbered-circle-mark:not(.has-link-color), ul.is-style-vk-numbered-square-mark:not(.has-text-color), ul.is-style-vk-numbered-square-mark:not(.has-link-color), ol.is-style-default:not(.has-text-color), ol.is-style-default:not(.has-link-color), ol.is-style-vk-arrow-mark:not(.has-text-color), ol.is-style-vk-arrow-mark:not(.has-link-color), ol.is-style-vk-triangle-mark:not(.has-text-color), ol.is-style-vk-triangle-mark:not(.has-link-color), ol.is-style-vk-check-mark:not(.has-text-color), ol.is-style-vk-check-mark:not(.has-link-color), ol.is-style-vk-check-circle-mark:not(.has-text-color), ol.is-style-vk-check-circle-mark:not(.has-link-color), ol.is-style-vk-check-square-mark:not(.has-text-color), ol.is-style-vk-check-square-mark:not(.has-link-color), ol.is-style-vk-handpoint-mark:not(.has-text-color), ol.is-style-vk-handpoint-mark:not(.has-link-color), ol.is-style-vk-pencil-mark:not(.has-text-color), ol.is-style-vk-pencil-mark:not(.has-link-color), ol.is-style-vk-smile-mark:not(.has-text-color), ol.is-style-vk-smile-mark:not(.has-link-color), ol.is-style-vk-frown-mark:not(.has-text-color), ol.is-style-vk-frown-mark:not(.has-link-color), ol.is-style-vk-numbered-circle-mark:not(.has-text-color), ol.is-style-vk-numbered-circle-mark:not(.has-link-color), ol.is-style-vk-numbered-square-mark:not(.has-text-color), ol.is-style-vk-numbered-square-mark:not(.has-link-color){
	color:#333333;
}

/* 枠線ボックス内の文字 */
.vk_borderBox .vk_borderBox_body>*:not([class*=alert-]):not(.has-text-color){
	color: #333333;
}

/**********************
 ボタンの後ろアイコンのみ左端/右端へ固定
***********************/
.vk_button_link:not(.vk_button_link-type-text) {
	position:relative;
}
.btn-icon-l .vk_button_link:not(.vk_button_link-type-text) .vk_button_link_before,
.btn-icon-r .vk_button_link:not(.vk_button_link-type-text) .vk_button_link_after{
	position:absolute;
}
.btn-icon-l .vk_button_link:not(.vk_button_link-type-text) .vk_button_link_before{
	left:1.0rem;
}
.btn-icon-r .vk_button_link:not(.vk_button_link-type-text) .vk_button_link_after{
	right:1.0rem;
}

/*******************
 固定モバイルナビウィジット
*******************/
.mobile-fix-nav-top{
	height: 0px;
	
}

/**********************
 モバイル固定ナビ 
**********************/
.mobile-fix-nav .mobile-fix-nav-menu{
	opacity: 1!important;
}
.mobile-fix-nav .mobile-fix-nav-menu{
	height: 72px;
}
.mobile-fix-nav .mobile-fix-nav-menu li .vk-mobile-nav-menu-btn, .mobile-fix-nav .mobile-fix-nav-menu li a{
	font-size:1.4em;
}

/**********************
 ギャラリーの画像サイズを統一
**********************/
.wp-block-gallery.has-nested-images.fg-0 figure.wp-block-image {
    flex-grow: 0;
}
/*  キャプション　*/
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{
	top: 0;
	left: 0;
	text-shadow: none;
	padding: 0.3em;
	color: #fff;
	font-size: 1rem;
	background-color: #55555560;
}
/*  これをしないと画像のクリック範囲が狭くなる */
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption, .wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption)::before{
	bottom: auto;
	right: auto;
}

/****************************
モバイルメニューのサブメニュのクリック位置を▽以外でも効くようにする
****************************/
@media (max-width: 992px) {
	.vk-menu-acc .acc-btn {
		border: none;
		background: var(--vk-menu-acc-icon-open-black-bg-src) right 50% no-repeat;
		width: 100%;
		right: 0;
		top: 0;
		height: calc( 24px + 1.4em );
		background-size: 30px;
	}

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

/******************
 ヘッダー上部エリア
*******************/
.header-top-description{
	font-size: 14px;
	padding: 2px 0 9px 0!important;
}


/**********************
 ヘッダーTOPナビ（ヘッダー右上)
***********************/
.header-top ul {
    margin-top: 0px;
}

.header-top ul>li {
    line-height: 1.4em;
    margin-right: 1.0em;
    margin-bottom: 0;
}

.header-top ul>li>a {
    border-radius: 0 0 .25rem .25rem;
    font-size: 14px;
    padding: .3rem .75rem;
//    line-height: 1.5;
}

.header-top ul>li>a:hover {
    text-decoration: none;
}

.header-top ul>li:nth-child(1)>a {
    background-color: #1e73be;
    border: solid 1px #1e73be;
}

.header-top ul>li:nth-child(1)>a:hover {
    background-color: #1e73be;
    border: solid 1px #1e73be;
}

.header-top ul>li:nth-child(2)>a {
    background-color: #ed79b0;
    border: solid 1px #ed79b0;
}

.header-top ul>li:nth-child(2)>a:hover {
    background-color: #ed79b0;
    border: solid 1px #ed79b0;
}

.header-top ul>li>a {
    color: #fff;
}