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

.fs-14 {
	font-size: 14px;
}

.fs-16 {
	font-size: 16px;
}

.fs-20 {
	font-size: 20px !important;
	margin: 0;
}

.fs-24 {
	font-size: 24px;
}

.fs-28 {
	font-size: 28px !important;
}

.lh-16 {
	line-height: 1.6;
}

.lh-25 {
	line-height: 2.5;
}

body {
    font-family: "游明朝" !important;
	background-color: #3a8484 !important;
}

.site-header {
	background-color: transparent;
}

.site-body {
    background-color: #fff;
    padding-top: 0;
}

h2 {
    font-family: serif;
    font-weight: lighter;
}

h3 {
	font-size: 18px;
}

h4 {
	font-size: 14px;
}

table {
	font-size: 16px;
    letter-spacing: 0.1em;
    font-family: serif;
    font-weight: lighter;
}

.container {
    width: 100%;
    max-width: none !important;
    padding: 0;
}

.sideline:after {
	border-top: 1px solid black;
    content: "";
    width: 160px;
    display: inline-block;
    position: absolute;
    left: 260px;
    top: 29px;
}

.sideline-about:after {
	left: 170px;
    top: 17px;
}

.block-center {
	width: 70%;
	margin: 0 auto;
}

.serif {
	font-family: serif;
	letter-spacing: 0.1em;
}

.page-header {
	display: none;
}

.sub-section.sub-section--col--two {
	display: none;
}

.mobile-nav-btn-right .vk-mobile-nav-menu-btn, .vk-mobile-nav-menu-btn.position-right {
	top: 30px;
	left: 15px;
}

.vk-mobile-nav-menu-btn {
	width: 90px !important;
	height: 90px !important;
}

/* pc時でもバーガーメニュー表示 */
body.device-pc .vk-mobile-nav-menu-btn, body.device-pc .vk-mobile-nav {
	display: block;
}

/* pcメニュー削除 */
nav#global-nav {
    display: none;
}

#breadcrumb {
    margin-top: 60px;
    border: none;
	display: none;
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1300px;
    }
}

.vk-mobile-nav-menu-btn {
	width: 45px;
	height: 50px;
	border: none !important;
	background: var(--vk-mobile-nav-menu-btn-bg-src) center 50% no-repeat rgba(255, 255, 255, 0);
	display: block !important;
	margin: 20px 10px;
}

.site-header {
	box-shadow: none;
	margin-bottom: 0;
    padding-top: 0;
}
.site-header-logo img {
	max-height: 100px;
}
#header-top {
	display: none;
}
.breadcrumb-list i {
	display: none;
}
.breadcrumb-list li:after {
	content: ">";
}
.wp-block-cover.alignfull.is-light{
	padding: 0;
}
.wp-block-cover__inner-container.is-layout-flow.wp-block-cover-is-layout-flow {
    margin: 0;
    width: 100%;
	max-width: none;
}

.vk_button .vk_button_link.btn {
    padding: .6em 3em;
}

.wp-block-image.top01_img {
    margin-left: 600px !important;
    width: 70%;
}

 .wp-block-image.top03_img {
    margin-left: -300px !important;
    width: 70%;
}

.fv-text {
    opacity: 0; /* 完全に透明 */
    transform: translateY(30px); /* 下に30px移動 */
    animation: fadeInUp 1.3s ease forwards; /* アニメーション適用 */
    animation-delay: 3s; /* 全体を0.5秒遅らせる */
}
/* アニメーション定義 */
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.vertical-write {
	writing-mode: vertical-rl;
	margin: -70px auto 0;
	letter-spacing: 0.2em;
	text-shadow: -14px -10px 15px #0b0b0b;
}
.vertical-write:after {
	border-top: 180px solid white;
    content: "";
    width: 1px;
    display: inline-block;
	margin-top: 70px;
	opacity: 0; /* 完全に透明 */
    transform: translate(0, 0) scale(0); /* 中心から0サイズで始まる */
    animation: expandCircle 0.8s ease forwards; /* アニメーション設定 */ 
	animation-delay: 5s; /* 上の文字アニメーション後に開始 */
}
/* :afterのアニメーション定義 */
@keyframes expandCircle {
    0% {
        transform: translate(0, 0) scale(0);
        opacity: 0;
    }
    100% {
        transform: translate(0, 0) scale(1.5); /* 円を拡大 */
        opacity: 1;
    }
}

/* top */
.top01-text:after, .top04-text:after {
	border-top: 1px solid black;
    content: "";
    width: 160px;
    display: inline-block;
    position: absolute;
    left: 260px;
    top: 29px;
}
.top02-text:after, .top03-text:after {
	border-top: 1px solid black;
    content: "";
    width: 160px;
    display: inline-block;
    position: absolute;
    left: 190px;
    top: 30px;
}
.top01-box, .top04-box {
    width: 65%;
    margin: 0 auto;
}
.top01-box h2, .top04-box h2{
	font-size: 36px;
	letter-spacing: 0.2em;
	line-height: 1.7;
}
.top01-box h3 {
	font-family: "EB Garamond", serif;
  	font-optical-sizing: auto;
  	font-weight: <weight>;
  	font-style: italic;
}

.site-footer {
	border: none;
}
.footer-nav {
	display: none;
}
.widget_nav_menu>div>ul {
    display: flex;
    height: 80px;
	width: 100vw;
}
.widget_nav_menu>div>ul li {
	width: 60%;
}
.widget_nav_menu>div>ul li a {
    color: #3a8484;
    font-size: 1.6rem;
    font-family: Lato, "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: center;
	padding-left: 0;
}
.widget_nav_menu>div>ul li.current_page_item>a {
    background: transparent;
}
.row {
    display: block;
}
.veu_profile .profile {
	width: 100vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
.veu_profile .profile_text {
    display: none;
}

/* 私たちについて */
.about-img {
    margin-left: -200px !important;
}
.about-company td {
	vertical-align: top;
}
.wp-container-core-columns-is-layout-10.wp-block-columns-is-layout-flex {
    justify-content: center;
}

/* 投稿 */
.main-section {
	width: 100%;
}
.entry-header {
    text-align: center;
}
.entry-title {
	text-align: center;
	width: 50%;
    margin: 0 auto;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    padding: 16px 0;
}
.entry-meta, .next-prev-next {
	display: none;
}
.post-list.vk_posts.vk_posts-mainSection > div {
    border: none !important;
}
.vk_post .media-img {
    width: 64%;
    height: 320px;
}
.vk_post_body.media-body {
    padding: 10px 0 !important;
    border-top: 1px solid #333;
}
    display: none;
}
.vk_post .vk_post_title a {
    width: 17ch;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
	font-size: 18px;
}
.vk_post_taxonomy_title {
	display: none;
}
.vk_posts.next-prev {
	display: none;
}
.vk_post_imgOuter_singleTermLabel {
    display: none;
}
.vk_post_title.media-title {
    font-family: serif;
    letter-spacing: 0.1em;
    font-weight: 400;
}

.mobile-fix-nav {
    display: none;
}
.vk-mobile-nav-menu-outer {
    width: 40%;
    margin: 0 auto;
    font-family: serif;
    font-weight: bold;
}
.vk-mobile-nav nav>ul, .vk-mobile-nav nav ul li a {
    border: none;
}
.vk-mobile-nav.vk-mobile-nav-right-in {
    max-width: 600px;
    height: 100% !important;
    margin: 0 0 0 auto;
	opacity: 0;
	transition: opacity 0.5s ease-in-out;
}
.vk-mobile-nav.vk-mobile-nav-right-in.vk-mobile-nav-open {
	top: 0 !important;
    right: 0;
    opacity: 1;
}

@media (max-width:768px) {
	iframe {
		width; 100%;
	}
	.swiper-wrapper {
		height: 60vh !important;
	}
	.site-header-logo img {
		max-height: 40px;
	}
	.wp-block-cover__image-background.wp-image-2025 {
		height: 360px;
	}
	.fv-text {
		font-size: 24px;
		margin-top: -380px;
	}
	.vertical-write:after {
		border-top: 40px solid white;
		margin-top: 20px;
	}
	.wp-block-cover.alignfull.is-light {
		min-height: 300px !important;
		height: 400px;
		align-items: baseline;
	}
	.top01-box, .top04-box {
		width: 95%;
	}
	:where(.wp-block-columns.is-layout-flex) {
		gap: .5em;
	}
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.top01, .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.top04 {
		flex-basis: 8% !important;
	}
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.top01-text, .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.top04-text {
		flex-basis: 50% !important;
	}
	.top01-text:after, .top04-text:after {
		width: 80px;
		left: 210px;
	}
	.top01-box h2, .top04-box h2 {
		font-size: 28px;
	}
	.top02-text:after, .top03-text:after {
		width: 80px;
		left: 170px;
		top: 25px;
	}
	.wp-block-image.top01_img, .wp-block-image.top03_img {
		margin-left: 30px;
	}
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.top02, .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.top03 {
		flex-basis: 6% !important;
	}
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.top02-text, .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.top03-text {
		flex-basis: 67% !important;
	}
	
	.thought {
		flex-basis: 90% !important;
	}
	.about-img {
		margin-left: -50px !important;
	}
	.block-center {
		width: 100%;
	}
	.wp-block-table td, .wp-block-table th {
		padding: 0;
	}
	.wp-block-table td.has-text-align-left {
		width: 90px;
	}
	.sideline-about:after {
		left:160px;
	}
	
	.vk-mobile-nav-menu-outer {
		width: 60%;
	}
	.vk-mobile-nav-menu-btn {
		top: 25px !important;
		left: 0 !important;
		width: 60px;
		height: 60px;
	}
	
	.vk_post.media {
		display: block;
		width: 80%;
		margin: 0 auto;
	}
	.vk_post .media-img {
		width: 100%;
	}
	.vk_post_body.media-body {
		border: none;
		width: 100%;
	}
	
	.mobile-fix-nav_enable .site-footer {
		padding: 0;
	}
	.site-footer-content .row {
		display: block;
	}
	.site-footer-content .col-lg-6.col-md-6:nth-child(1) {
		display: none;
	}
	.widget_nav_menu>div>ul {
		display: block;
		height: inherit;
	}
	.widget_nav_menu>div>ul li {
		width: 50%;
    	float: right;
	}
	.widget_nav_menu>div>ul li a {
		padding: .5em 1em;
	}
	.site-footer-copyright {
		display: block;
	}
}