/*
Theme Name: Lightning Child
Theme URI:
Template: lightning
Description:
Author: Freedom Hearts
Tags: 
Version: 1.0.1
*/

.marginb50 {
	margin-bottom: 50px;
}

@media (max-width: 991.98px) {
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
	padding-bottom: 5px;
}
.site-header-logo img {
	max-height: 30px;
}
.page_top_btn {
	display: none !important;
}
}
.site-header-logo img {
	max-width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
//	padding-left: 31px;
	padding-top: 5px;
}

.vk_staff .vk_staff_photo_image {
	max-width: 175px !important;
}
.vk_staff_text.vk_staff-headingFont-serif {
	padding-top: 2px;
}
.vk_staff_text_name {
	font-size: 24px !important;
}
.vk_staff_text_role {
	font-size: 14px !important;
	margin-bottom: 5px;
}
.vk_staff_text_profileTitle {
	margin-top: 0 !important;
	margin-bottom: 6px !important;
}
.vk_staff .vk_staff_text .vk_staff_text_profileText {
	font-size: 12px;
}
.wp-block-vk-blocks-staff.vk_staff.vk_staff-layout-imageLeft.profile_picture {
	margin-bottom: 15px;
}

@media (min-width: 600px) {
.vk_staff_photo {
	width: auto;
}
}

@media (min-width: 1024px) {
.vk_staff_photo {
	width: auto;
}
.wp-block-vk-blocks-staff.vk_staff.vk_staff-layout-imageLeft.profile_picture {
	margin-bottom: 20px;
}
.vk_staff_text.vk_staff-headingFont-serif {
	padding-top: 5px;
}
.vk_staff_text_name {
	font-size: 32px !important;
}
.vk_staff_text_role {
	font-size: 16px !important;
}
.vk_staff_text {
	width: 68%;
}
.vk_staff .vk_staff_text .vk_staff_text_profileText {
	font-size: 14px;
}
}

.post.type-post .entry-body img.size-medium {
	width: 100%;
}
@media (min-width: 769px) {
.post.type-post img.size-thumbnail,
.post.type-post img.size-medium,
.post.type-post figure.wp-block-image.size-full img {
	max-width: 350px;
}

.designs_right_text {
	text-align: justify;
}

.veu_followSet {
	margin: 60px 0;
}

.entry-body section.veu_contact.veu_contentAddSection.vk_contact.veu_card.veu_contact-layout-horizontal div.contact_frame.veu_card_inner a.btn.btn-primary.btn-lg.contact_bt {
	margin-top: 10px;
}

.page.page-id-186 li.linkcat {
	list-style: none;
}

/* フッター */
.widget.widget_block section.veu_contact.veu_contentAddSection.vk_contact.veu_card.veu_contact_section_block.veu_contact-layout-horizontal .contact_frame.veu_card_inner p.contact_txt {
	text-align: center !important;
	float: none !important;
}
.widget.widget_block section.veu_contact.veu_contentAddSection.vk_contact.veu_card.veu_contact_section_block.veu_contact-layout-horizontal .contact_frame.veu_card_inner a.btn.btn-primary.btn-lg.contact_bt {
	padding: inherit;
	float: none !important;
}
/* フッター メニュー横並び4列に変更 */
#menu-footer-menu-1 {
	column-count: 1;
}
}

@media (min-width: 769px) {
#menu-footer-menu-1 {
	column-count: 2;
}
}

/* PC */
@media (min-width: 992px) {
	/* フッターの会社情報カラムとメニューカラムの幅調整 */
	footer.site-footer div.container.site-footer-content div.row div.col-lg-6.col-md-6:first-child {
		flex: 0 0 30%;
		max-width: 30%;
	}
	footer.site-footer div.container.site-footer-content div.row div.col-lg-6.col-md-6:last-child {
		flex: 0 0 70%;
		max-width: 70%;
	}
}

@media (min-width: 1024px) {
#menu-footer-menu-1 {
	column-count: 3;
}
.last_column01 a {
//	margin-bottom: 33px;
}
}

/* フッター メニュー下線を削除 */
#menu-footer-menu-1 > li a {
	border-bottom: none;
	padding-bottom: 0.3em;
}
/* フッター メニュー フォントサイズ */
.site-footer {
	--vk-size-text-sm: 13px;
	font-size: var(--vk-size-text-sm);
}
#menu-footer-menu-1 > li > a:nth-child(1) {
	font-weight: bold;
}
.container.site-footer-content aside#block-22.widget.widget_block.widget_text p br:nth-child(2) {
	margin-bottom: .5em;
}

/* アコーディオン */
summary {
  display: block; /* display: list-item;以外を指定してデフォルトの三角形アイコンを消します */
}
summary::-webkit-details-marker {
  display: none; /* Safariで表示されるデフォルトの三角形アイコンを消します */
}
.summary_inner{
	cursor: pointer;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 16px 8px 16px 5px;
	border: 1px solid #228b22;
	font-weight: bold;
	color: #002255;
}
@media (min-width: 600px) {
.summary_inner{
	padding: 16px 24px;
}
}
/* --------アイコン作成-------- */
.summary_icon {
	display: block;
	position: relative;
	width: 24px;
	margin-left: 6px;
	flex-shrink: 0;
	transform-origin: center 43%;
	transition: transform 0.4s;
	margin-left: auto;
}
/* アコーディオンが開いた時のスタイル */
details[open] .summary_icon {
	transform: rotate(180deg);
}
/* アイコンのバーのスタイル */
.summary_icon::before,
.summary_icon::after {
	content: "";
	position: absolute;
	display: block;
	width: 15px;
	height: 3px;
	background-color: #228b22;
}
.summary_icon::before {
	left: 0;
	transform: rotate(45deg);
}
.summary_icon::after {
	right: 0;
	transform: rotate(-45deg);
}
/* --------summaryタグの疑似要素でアイコンを作る場合-------- */
.wrapper_pseudoElementsIcon .summary_inner::after {
	content: "";
	display: block;
	width: 25px;
	height: 16px;
	margin-left: 6px;
	flex-shrink: 0;
	background-image: url("summary_icon.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	transform-origin: center 43%;
	/* アコーディオンが閉じる時にアイコンをアニメーションさせます */
	animation: 0.4s close-animation;
}
@keyframes close-animation {
from {
	transform: rotate(180deg);
}
to {
	transform: rotate(0deg);
}
}
/* アコーディオンが開いた時にアイコンをアニメーションさせます */
details[open] .summary_inner::after {
	animation: 0.4s open-animation forwards;
}
@keyframes open-animation {
from {
	transform: rotate(0deg);
}
to{
	transform: rotate(180deg);
}
}
/* --------アコーディオンの中身のスタイル-------- */
.summary_content {
	background-color: #eef7ee;
	padding: 24px 48px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
/* --------レイアウト用のスタイル-------- */
.wrapper {
	display: block;
	margin: 0 auto;
}
.wrapper details {
	margin-bottom: 16px;
}
.wrapper details:last-child {
	margin-bottom: 0;
}
.wrapper_normalIcon, .wrapper_pseudoElementsIcon {
	width: 100%px;
	display: flex;
	flex-direction: column;
}
@media (min-width: 1071px) {
.wrapper_normalIcon {
	margin-right: 24px;
}
}
@media (max-width: 1070px) {
.wrapper {
	flex-direction: column;
}
.wrapper_normalIcon {
	margin-bottom: 24px;
}
}
@media (max-width: 760px) {
.wrapper_normalIcon, .wrapper_pseudoElementsIcon {
	width: 100%;
}
}
.wrapper_title {
	font-size: 22px;
}