/*
Theme Name: Lightning Child Sample
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.5.1
*/

/* ------ GHP用カスタマイズ ------ */
/* =====================
ヘッダーの背景色変更
===================== */	
.site-header {
	background-color:#f1ffe1;
}

.header_scrolled .site-header {
	background-color:#f1ffe1;
}

/* =====================
PCでは固定ページのコンテンツ幅を狭める
===================== */	
@media screen and (min-width:1020px) {
  .entry-body {
    width: 87%;
    margin: 0 auto;
  }
}

/* =====================
ヘッダーのサイトロゴとメニューを縦積に変更
===================== */	
div#site-header-container {
  display: block;
}

/* メニューを中央配置に変更 */
.global-nav-list {
  justify-content: center;
}

/* スクロール時のヘッダーロゴ画像非表示 */
.header_scrolled .site-header-logo {
    display: none;
}

/* スマホでヘッダーメニュー非表示 */
@media (max-width: 768px) {
  body:not(.header_scrolled) .global-nav--layout--float-right {
    display: none;
  }
}


/* =====================
スライドショーのフェード効果
===================== */	
@keyframes zoom-in {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}

.swiper-slide-active picture img,
.swiper-slide-duplicate-active picture img,
.swiper-slide-prev picture img {
  animation: zoom-in 10s linear 0s 1 normal both;
}

/* スライドショー画像の左右および下部のボタン消去 */
.swiper-pagination {
    display: none;
}
.ltg-slide-button-prev {
	display: none;
}
.ltg-slide-button-next {
	display: none;
}

/* =====================
スライドショー文字の影
===================== */
.ltg-slide-text-title {
	text-shadow:3px 3px 1px #000000 !important;
	font-size: 38px !important;
}

@media (max-width: 768px) {
	.ltg-slide-text-title {
		font-size: 18px !important;
	}
}

/* =====================
ページヘッダの背景を画像に変更
===================== */	
.page-header {
    /* 文字色 */
    color: #ffffff;
	text-shadow:3px 3px 1px #000000;
    /* 背景画像 */
    background: url(/wp-content/uploads/2022/12/pageheaderimg.jpg) no-repeat 50% center;
    background-size: cover;
    min-height: 9rem;
    /* font-family: Hiragino Mincho ProN,"游明朝",serif; */
}

.page-header::before {
    /* 背景画像に黒を被せる */
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000000;
    opacity: 0.25;
    width: 100%;
    height: 100%;
}

/* =====================
フォント変更
===================== */
body,html {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-weight:500;
}

/* =====================
文字サイズ変更（PC表示時・段落など）
===================== */
/* 見出し文字サイズ変更：PC向け */
h2{
	font-size: 24px !important;
}
h3{
	font-size: 20px !important;
}

/* 見出し文字サイズ変更：スマホ向け */
@media (max-width: 768px) {
	h2{
		font-size: 22px !important;
		}	
	h3{
		font-size: 18px !important;
	}
}

/* =====================
記事本文内のマージン調整
===================== */	
p {
  margin-top: 0;
  margin-bottom: 1em;
}

/* =====================
見出しの装飾
===================== */	
/* H2 */
h2 {
	border-top: none;
	border-bottom: none;
	padding: 0.2em;/*文字周りの余白*/
	color: #494949;/*文字色*/
	background: #dbffcc;/*背景色*/
	border-left: solid 5px #43a300;/*左線（実線 太さ 色）*/
}

/* H3 */
h3 {
	border-bottom: none;
	position: relative;
	padding-left: 25px;
}

h3:before {
	position: absolute;
	content: '';
	bottom: 8px;
	left: 0;
	width: 0;
	height: 0;
	border: none;
	border-left: solid 15px transparent;
	border-bottom: solid 15px #43a300;
}

h3:after {
	position: absolute;
	content: '';
	bottom: 8px;
	left: 10px;
	width: 100%;
	border-bottom: solid 3px #43a300;
}

/* =====================
サイドバーの見出しスタイル変更
===================== */	
h4.widget-title {
	border-bottom: none;
	border-left: #43a300 8px solid;
	border-bottom: #43a300 2px solid; 
	padding: 0px 0px 1px 5px; 
	font-size: 15pt; 
	font-weight: bold;
}

/* =====================
フッターのライセンス非表示化
===================== */	
.site-footer-copyright{
	color: white;
}
.site-footer-copyright p:nth-child(2) {
	display:none;
}

/* =====================
ハイパーリンクの文字色を変更
===================== */	
#main .entry-body p a {
	color:#ac5000;
}
#main .entry-body p a:hover {
	color:#0000ff;
}

/* =====================
Download Managerのフォントサイズ設定
===================== */	
@media (max-width: 768px) {
	.w3eden .package-title a {
		font-size: 15px;
	}
}

/* =====================
Download Managerのウィジェットタイトルに表示される▲を消去
===================== */
h3.package-title:before{
	border-bottom: none;
}

h3.simcal-calender:before{
	border-bottom: none;	
}

/* =====================
アクセスカウンターの高さ調整
===================== */	
#mvcwid{
	height: 75px;
}

/* =====================
ContactForm7の入力フォーム幅リセット
===================== */	
.wpcf7 input[name="your-name"] { /* 名前入力欄 */
	width: 30%;
	height: 20px;
}
.wpcf7 input[name="your-email"] { /* メール入力欄 */
	width: 50%;
	height: 20px;
}
.wpcf7 input[name="your-subject"] { /* タイトル入力欄 */
	width: 50%;
	height: 20px;
}
.wpcf7 textarea[name="your-message"] { /* 本文入力欄 */
	width: 80%;
}

/* =====================
カレンダーの表示変更
===================== */
/* カレンダーの月表示(h3)の装飾を削除 */
th.simcal-nav.simcal-current h3:before{
	border-bottom: none;
}
th.simcal-nav.simcal-current h3:after{
	border-bottom: none;
}

/* カレンダーの背景色変更 */
.simcal-month {
	background-color: white;
}
.simcal-calendar-head{
	background-color: #dbffcc;
}

/* 前月／翌月の矢印色変更 */
.simcal-icon-right{
	color: blue;
}
.simcal-icon-left{
	color: blue;
}

/* =====================
ハンバーガーメニューのボタンアイコン表示変更
===================== */
/* アイコン右寄せ */
.vk-mobile-nav-menu-btn {
	right:5px;
	left:inherit;
    border-radius: 7px;
}	
/* オープンアイコン */
.vk-mobile-nav-menu-btn {
    border: none;
    background-image: url("/wp-content/uploads/2023/02/humb-open2.png");
	background-size: cover;
}
/* クローズアイコン */
.vk-mobile-nav-menu-btn.menu-open {
    border: none;
    background-image: url("/wp-content/uploads/2023/02/humb-close.png");
	background-size: cover;
}
}

/* =====================
リストの番号を括弧数字にする（会則用）
===================== */
ol.vk_block-margin-0--margin-top {
	margin-left: 3.5em; /* サイトに合せて調整 */
}
 
ol.vk_block-margin-0--margin-top li {
	list-style-type: none;
	counter-increment: cnt;
	position: relative;
}
 
ol.vk_block-margin-0--margin-top li:before {
	content: "(" counter(cnt) ")";
	display: inline-block;
	margin-left: -3.5em; /* サイトに合せて調整 */
	width: 3em; /* サイトに合せて調整 */
	text-align: right;
	position: absolute;
	top: 0;
	left: 0;
}

/* =====================
フッターメニューの設定
===================== */
/* フッターエリアの背景色をテーマカラーに変更 */
.site-footer {
    background-color: #43a300;
}
/* メニュータイトルの文字サイズ・装飾・色を変更 */
.widget-title.site-footer-title{
	font-size: 14px;
	color: white;
	border: none;
}
/* 固定ページタイトルの文字色を変更 */
.menu-item.menu-item-type-post_type.menu-item-object-page a{
	color: white;
}
/* 上記によりヘッダーメニューの色も変更されるので黒に戻す */
.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-home a{
	color: black;
}
.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children a{
	color: black;
}
/* ヘッダーメニュー吹き出しの色を変更 */
.sub-menu.acc-child-close a{
	background-color: #dbffcc;  
}

/* 投稿ページタイトルの文字色を変更 */
.menu-item.menu-item-type-custom.menu-item-object-custom a{
	color: white;
}
/* カスタム投稿ページタイトルの文字色を変更 */
.menu-item.menu-item-type-post_type_archive a{
	color: white;
}

/* スマホではフッタ―メニューを非表示にする */
@media (max-width: 768px) {
	.container.site-footer-content {
		display:none !important;
	}
}

/* ショートコードによるブログカード */
.blog-card{
	background: #ffffff;
	border:1px solid #ddd;
	word-wrap:break-word;
	max-width:100%;
	border-radius:5px;
	margin-bottom: 30px;
}
 
.blog-card a {
	background: #ffffff;
	display: block;
	transition: 0.3s ease-in-out;
}
 
.blog-card a:hover{
	background: #f5f5f5;
}
 
.blog-card-thumbnail{
	float:left;
	padding:10px;
}
 
.blog-card-thumbnail img {
	display: block;
	padding: 0;
	transition: 0.3s ease-in-out;
}
 
.blog-card-content{
	line-height:120%;
}

.blog-card-title a {
	color: #AC5000;
	padding:10px 10px 10px 0;
	font-size:100%;
}

.blog-card-site-title {
	color: #333;
}

/* recaptcha表示設定 */
.recaptcha_policy {
  padding: 0;
  margin: 0;
  text-align: left;
  font-size: 11px !important;
  color: #fff !important;
}

.recaptcha_policy a {
  font-weight: bold !important;
  color: #ffd700 !important;
}

.grecaptcha-badge { visibility: hidden; }


/* wp-pollsウィジェットタイトルの色変更 */
.widget_polls-widget h4 {
	background-color: #43A300 !important;
	color: white !important;
	text-shadow: 2px 2px 3px #000 !important;
	margin-bottom: 0 !important;
}

.wp-polls {
	background: linear-gradient(135deg, #dbffb3 0%, #f1ffe1 20%, #dbffb3 100%);
	border-radius: 10px !important;
	box-shadow: -2px -2px 3px 0px rgba(0,0,0,0.6) inset !important;
}

.wp-polls-form {
	padding: 10px 5px 20px 0 !important;
	border-radius: 10px !important;
	box-shadow: -2px -2px 3px 0px rgba(0,0,0,0.6) inset !important;
}