/*
Theme Name:lightning-child
Theme URI:
Description:
Template:lightning
Author:
Author URI:
*/


body {
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif !important;
}

a img:hover {
	opacity: 0.5;
	transition: all .3s;
}

/* --------------------
 * site header
 * -------------------- */

@media screen and (min-width: 992px) {
	.site-header-container {
		display: block !important;
		position: relative;
		/* lang-areaのため */
	}
}

/* ---------------------
 * global nav
 * --------------------- */

.global-nav {
	background: #eee4d3;
	box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
	width: 100vw;
	margin-left: calc(50% - 50vw) !important;
}

.global-nav-list {
	padding: 15px 0;
}

.global-nav-list>li:before,
.menu-item-has-children::after {
	display: none;
}

.global-nav-list>li+li {
	border-left: 1px solid #000;
}

.global-nav-list>li>ul.sub-menu {
	background-color: #eee4d3;
}

.header_scrolled .global-nav-list {
	margin: 0 auto;
}

.global-nav-name {
	font-size: 15px;
}

.global-nav-list .sub-menu li {
	margin: 10px 0;
}

.global-nav-list .sub-menu.acc-child-close li:last-child {
	margin: 0;
}

.global-nav-list .sub-menu li a,
.global-nav-list .sub-menu li a:hover {
	color: #333 !important;
}

.menu-item a {
	padding: 9px 20px !important;
	transition: all .2s ease;
}

.menu-item a:hover {
	color: #fff;
}

@media (min-width: 992px) {
	body:not(.header_scrolled) .global-nav--layout--float-right {
		justify-content: center;
	}
}


/* ------------------------------
 * language menu
 * ------------------------------ */

.lang-area {
	position: absolute;
	right: 10%;
	top: -15px;
}

.lang-menu {
	top: 40px;
	width: 100%;
	-webkit-transition: all .2s ease;
	display: flex;
	list-style: none;
	justify-content: center;
}

.lang-menu li+li {
	padding-left: 30px;
}

@media screen and (max-width: 992px) {
	.lang-area {
		position: static;
	}
}


/* --------------------------------------
 * HOME news list
 * -------------------------------------- */

.news_list th {
	background-color: rgb(224 189 107);
	padding: 50px 0.7rem !important;
	width: 10%;
	color: white;
	text-align: center;
	position: relative;
}

.news_list td {
	padding: 10px 1rem !important;
	width: 45%;
	text-align: center;
	background-color: #fafbff;
}

.news_list {
	margin-bottom: 1.5rem;
}

.news_list th:after {
	display: block;
	content: "";
	width: 0px;
	height: 0px;
	position: absolute;
	top: calc(50% - 10px);
	right: -10px;
	border-left: 10px solid #e0bd6b;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
}

.news_list .post-title {
	font-size: 17px;
}

.news_list .post-content {
	padding: 0 20px;
}

.wp-block-latest-posts__post-title {
	font-size: 1.2rem;
}

/* -----------------------------
 * site-body
 * ----------------------------- */

@media screen and (min-width: 991px) {
	.home.header_scrolled .site-body {
		margin-top: 180px !important;
	}
}

@media screen and (max-width: 990px) {
	.header_scrolled .site-body {
		margin-top: 0 !important;
	}
}

.home .site-body {
	background-color: #c8a552cf;
	padding-bottom: 0;
}

@media (min-width: 1200px) {
	.home .site-body {
		padding: 0;
	}
}


/* -------------------------
 * footer
 * ------------------------- */

.site-body-bottom {
	background: #f8f8f8;
	padding-top: 1em;
}

.entry-body .wp-block-columns {
	padding-top: 40px;
}

.site-footer {
	background: #d3b482;
}

.site-footer li a {
	color: #4e3814;
}

.site-footer-copyright {
	background: #b78511;
	max-width: 100%;
}

.profile_text a {
	color: #4e3814;
}

/* ---------------------
 * Event and News 投稿一覧ページ
 * --------------------- */
.cat-item-24 { /* カテゴリー非表示（トップページに表示） */
	display: none;
}

/* ---------------------
 * parts
 * --------------------- */


.vk_posts.next-prev {
	display: none;
}

.img-inline img {
	display: inline;
}

.borderless table td,
.borderless table th,
.borderless table {
	border: none !important;
}

h1.page-header-title {
	color: #515151;
}

#google_language_translator select.goog-te-combo {
	width: 100px;
	background: #fff;
	box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	padding: 3px !important;
	height: auto !important;
	border: 1px solid lightgray !important;
	border-radius: 0px !important;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px !important;
	-o-border-radius: 0px !important;
}

.g-translator {
	text-align: end;
	padding-right: 10px;
	position: absolute;
	right: 0;
}

.header_scrolled .header-top,
.header_scrolled .site-header-logo,
.header_scrolled .site-header-sub,
.header_scrolled .vk-campaign-text {
	display: block;
}

div#comments,
.entry-meta-data-list,
.vk_posts.next-prev,
.entry-meta-item.entry-meta-item-author,
.entry-meta-item.entry-meta-item-updated,
.entry-meta-data-list {
	display: none;
}

.btn-primary {
	background-color: #aaaad2;
	border-color: #bbbbcc;
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active {
	background-color: #c6c6f6;
	border-color: var(--vk-color-primary);
}

/* トップ イベント＆ニュースの日付用　右向き吹き出し */
.speech-bubble-01 {
	position: relative;
	display: inline-block;
	padding: 1em 0.8em;
	background: #E0BD6B;       /* 吹き出しの色 */
	color: #fff;
	font-size: 1.2em;
	border-radius: 6px;
}
/* 吹き出しの「しっぽ」 */
.speech-bubble-01::after {
	content: "";
	position: absolute;top: 50%;
	right: -10px;              /* 右向き */
	transform: translateY(-50%);
	border-width: 6px 0 6px 10px;
	border-style: solid;
	border-color: transparent transparent transparent #E0BD6B;
}

/* トップ イベント＆ニュースのタイトルのマージン調整 */
.bottom-margin-0 {
	margin-bottom: 0px !important;
}


/* ------------------------------------------------------------------------------------------------------------------------------------------------ */


/* ------------------------
 * table
 * ------------------------ */

table th {
	background-color: #fff3df;
}

table td,
table th {
	border: 1px solid rgb(224 189 107);
}

/*
 * table block
 * ---------------------- */
.table_block th {
	border: solid 1px #ccc;
	padding: 10px;
}

.table_block td {
	border: solid 1px #ccc;
	padding: 10px;
}

@media screen and (max-width: 768px) {
	.last td:last-child {
		border-bottom: solid 1px #ccc;
		width: 100%;
	}

	.table_block th,
	.table_block td {
		white-space: normal !important;
		border-bottom: none;
		display: block;
		width: 100%;
	}
}

/* ----------------------------------
 * Responsive
 * ---------------------------------- */
@media (max-width: 992px) {
	table.news_list td .post-content {
		padding: 0 !important;
	}
}

@media (max-width: 768px) {
	table {
		overflow: auto;
		white-space: nowrap;
	}

	table.news_list {
		white-space: normal !important;
	}
}

@media (max-width: 410px) {
	.menu__second-level li {
		padding-right: 1rem !important;
	}
}

/* ----------
 * Lightning single responsive block スマホ表示でサムネ画像大きく
 * ---------- */
@media (max-width: 992px) {
	.vk_post.media {
		display: block;
	}

	.vk_post .media-img {
		width: 100%;
	}

	.vk_post .media-body {
		width: 100%;
		margin-top: 2rem;
	}

	.vk_post-btn-display.media .vk_post_body {
		padding-bottom: 0;
	}

	.vk_post-btn-display .vk_post_btnOuter {
		position: static;
		margin: 1rem 0;
	}
}

/* ----------
 * 言語セレクター
 * ---------- */
.custom-lang-switcher {
    display: inline-flex;
    align-items: center; /* 垂直方向の中央揃え */
    margin: 30px 0px 0px;
    padding: 0 10px 0 15px; /* 右側は矢印の余白に合わせて調整 */
    border: 2px #ddd solid;
    border-radius: 3px;
    background-color: #fff;
    height: 50px; /* 全体の高さを固定 */
    box-sizing: border-box;
}

.custom-lang-switcher i {
    color: #666;
    margin-right: 5px;
    display: flex;
    align-items: center;
}

.selectlink {
    height: 100%;       /* 親要素（50px）いっぱいに広げる */
    border: none;
    background-color: transparent;
    cursor: pointer;
    outline: none;
    font-size: 16px;    /* 文字サイズを指定 */
    line-height: 1;     /* 行高をリセット */
    display: block;
    padding-right: 25px; /* 下矢印用のスペース */
    /* 自作の下矢印をつける場合はここに追加設定が必要ですが、
       まずは標準矢印のズレを直すため、背景に少し余白を持たせています */
}

/* 下矢印のズレが解消されない場合、こちらで微調整 */
.custom-lang-switcher form {
    display: flex;
    align-items: center;
    height: 100%;
}

.custom-lang-switcher:hover {
    border: 2px #333 solid;
}

#block-43 select{
	margin: 0;
}