@import url('https://fonts.googleapis.com/css?family=BioRhyme+Expanded');
/*
Theme Name: Lightning Child 
Theme URI: Lightningの子テーマです。
Template: lightning
Description: Lightningの子テーマです。
Author: I.M
Tags: 
Version: 0.6.1
*/

/* 既存クラスの変更 ここから */
/* Lightningコピーライト非表示 */
.site-footer-copyright p:nth-child(2) {
	display:none !important;
}

/* reCAPTCHAバッジ非表示 */
.grecaptcha-badge {
	visibility: hidden;
}

/* グローバルナビ：スクロール時配色 */
.header_scrolled .site-header {
	background-color: rgba(255, 255, 255, 80%);
}

/* グローバルナビ：フォント */
.global-nav-list>li .global-nav-name {
	font-family: 'BIZ UDPゴシック', noto sans Japanese;
	font-weight: 500;
}

/* グローバルナビ：ホバー時配色 */
.global-nav-list>li a:hover {
 	color: white;
	background-color: var(--vk-color-primary);
}

/* グローバルナビ：サブメニュー配色 */
.global-nav-list>li>ul.sub-menu {
	background-color: rgba(255, 255, 255, 80%);
}

/* グローバルナビ：サブメニュー文字色 */
.global-nav-list .sub-menu li a {
	color: #333333;
}

/* グローバルナビ：サブメニューホバー時配色 */
.global-nav-list .sub-menu li a:hover {
	color: white;
	background-color: var(--vk-color-primary);
}

/* グローバルナビ：サブメニュー2層目ボタン配色 */
.global-nav-list .sub-menu .acc-btn {
	background-color: var(--vk-color-primary);
}

/* ページヘッダー背景 */
/* 背景メインカラーから透明にグラデーション */
.page-header {
/*	background: linear-gradient(to left, url(https://yok-toku.jp/yoktoku/wp-content/uploads/header.webp), transparent); */
    background: url(https://yok-toku.jp/wp-content/uploads/header.jpg) no-repeat;
    background-size: cover;
    height: 10vw;
    display: flex;
    align-items: center;
}
 
/* ページヘッダー 文字色・位置 */
.page-header-title, h1.page-header-title {
    color: white;
	text-shadow: 3px 3px 3px var(--vk-color-primary-dark);
	filter: dropshadow(color= var(--vk-color-primary-dark), offx=1, offy=1);
    text-align: left;
}
/* 既存クラスの変更 ここまで */

/* ボディががら空きだぜ */
body{
	font-size: 1rem;
	font-family: 'BIZ UDPゴシック', noto sans Japanese;
	color: #333333;
	letter-spacing: 0.1rem;
	line-height: 1.5;
}

/* リンク設定 */
a:link{
	color: #006ccc;
}

a:hover{
	color: #ea6f46;
	text-decoration: none;
}

a:visited{
	color: #AB47BC;
}

/* 見出し（h1は使用禁止） */
h2{
	padding: 0.25em 0.5em;/*上下 左右の余白*/
	background: transparent;/*背景透明に*/
	border-left: solid 5px var(--vk-color-primary);/*左線*/
}

h3{
	position: relative;
	padding: 0.2em 0;/*上下の余白*/
 	border-bottom: solid 3px var(--vk-color-custom-1);
}

h3:after{
	position: absolute;
	padding: 0.2em 0;/*上下の余白*/
	content: " ";
	display: block;
	border-bottom: solid 3px var(--vk-color-primary);
	bottom: -3px;
	width: 20%;
}

/* 区切り線 */
hr{
	border-top: 1px dotted var(--vk-color-primary);
}

/* テーブル */
table{
	background-color: white;
	border: solid 1px #333333;
}

table th{
	font-weight: 500;
 	background-color: var(--vk-color-custom-2);
	border: solid 1px #333333;
	white-space: normal;
}

table td{
	border: solid 1px #333333;
}

/* ---以下追加クラス--- */
/* カラム詰めたい */
.wp-block-columns-fit{
	gap: 0;
}

/* 文字小さくしたい */
.font-small{
	font-size: 0.8rem;
}

/* 文字太くしたい */
.strong{
	font-weight: bold;
}

/* 文字背景色 */
.text-background {
  display: inline;
  line-height: 1rem;
  padding: 0.25rem 1.75rem; /*上下 左右の余白*/
  background: linear-gradient(transparent 0%, white 0%);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

/* 文字を見やすくする */
.text-shadow{
	text-shadow: 1px 1px 1px white;
	filter: dropshadow(color=white, offx=1, offy=1);
}

.text-shadow2{
	text-shadow: 1px 1px 1px #333333;
	filter: dropshadow(color=#333333, offx=1, offy=1);
}

.text-bokashi1{
	filter: drop-shadow(0px 0px 5px #4e67b0);
}

/* 数字用フォント */
.font-number{
	font-family: 'Quicksand', sans-serif;
}

/* 透明化 */
.paragraph-background {
	background-color: rgba(255, 255, 255, 80%);
}

/* 普通の区切り線 */
.normalhr{
	border-top: 2px solid var(--vk-color-primary);
}