/*
Theme Name: Lightning Child
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/

/* 初期値の改修 */
li a:hover, p a:hover { color: var(--vk-color-text-link-hover); }
input[type=date], input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], select, textarea { width: auto; }/*管理画面の調整優先にするため*/

.site-header {
	box-shadow: 0 1px 3px rgb(0 0 0 / 22%);
}

.breadcrumb-list {
	padding: 2em 0;
}

.vk-mobile-nav {
	padding-top: 60px;
}

.vk-mobile-nav nav>ul {
	border-top: none;
}

.vk-mobile-nav-menu-btn.menu-open,
.vk-mobile-nav-menu-btn {
	border-color: #a7a7a7;
}
.vk-mobile-nav-menu-btn {
	top: 15px;
	left: 5px;
}

.page_top_btn {
    right: 20px;
    bottom: 100px;/*reCAPTCHAに配慮*/
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: rgb(165 165 165 / 0.8);
    box-shadow: none;
}

.scrolled .page_top_btn {
	bottom: 100px;/*reCAPTCHAに配慮*/
}

.vk_posts.next-prev { flex-wrap: nowrap; }

.site-footer { background: #40484c; }
.veu_profile .media_outer { margin-bottom: 2em; }
.site-footer .profile { color: #fff; }
.site-footer-copyright p { color: #fff; }

.site-body-bottom { padding: 3rem 0 0.5rem; }

.entry-meta-item-author { display: none; }

.entry-meta-item-updated { display: none; }

.entry-meta-data-list--category { display: none; }/*カテゴリー表示*/

.vk_post .vk_post_title a:hover { color: var(--vk-color-text-link-hover); }
.vk_post_title_new { color: #f7440e; }

.smf-form--simple-table .smf-item {
        align-items: center;
        border-bottom: 1px solid #ccc;
}

.wp-block-table td, .wp-block-table th { padding: 1em; }

@media screen and (max-width: 768px) {
	.vk_block-margin-lg--margin-bottom {
		margin-bottom: var(--vk-margin-sm) !important;
	}
	
	.page-header { min-height: 0; }
	.page-header-inner { margin: 0; }
	.site-footer-content { padding: 0; }
	.veu_profile .media_outer img { max-width: 60%; }
}/*end*/

@media screen and (max-width: 599px) {
.wp-block-media-text.is-stacked-on-mobile>.wp-block-media-text__media {
	grid-row: 2;
}
.wp-block-media-text.is-stacked-on-mobile>.wp-block-media-text__content {
	grid-row: 1;
}
	.wp-block-table td {
		padding: 0.5em 1em !important;
	}
	
	.vk-table--th--bg-bright :where(tr>*:first-child) {
		background-color: #dfdfdf;
	}

}/*end*/

/*テーマ搭載のSNSアイコン*/
.wp-block-social-links .wp-social-link svg {
	height: 1em;
	width: 5em;
}

/*テーマの不具合フォロー*/
.wp-block-group { min-width: 0; }
@media (max-width: 600px) {
body .is-layout-grid,
.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid {
	grid-template-columns: minmax(0, 1fr);
}
}/*end*/

/*追加機能*/
.scrollbox {
    border: 1px solid #ccc;
    height: 180px;
    overflow-y: auto;
    overflow-x: hidden;
    margin: auto;
    padding: 10px;
}

.thumbnail {
	order: 2;
}

/*フォームの必須マーク*/
.required .smf-item__label__text {
	vertical-align: middle;
}

.required .smf-item__label__text:after {
	content: "\5FC5\9808";
	display: inline-block;
	margin-left: 0.5em;
	padding: .15em .4em 0;
	color: #fff;
	font-size: 0.8em;
	line-height: 1.4;
	vertical-align: middle;
	vertical-align: 0.1em;
	border: none;
	background-color: #f7440e;
}

/* 各コンテンツ */
#areaInfo li {
	padding: 1em;
	border: 1px solid #ccc;
}

#areaContact dl {
	margin: 0;
}

#areaContact dl dd {
	width: 100%;
}

#areaContact .c-btn {
	padding-left: 72px;/*スピナー分*/
	text-align: center;
}

#areaContact .c-btn input[type=submit] {
	background: #666;
}

#areaAboutAccess iframe {
	width: 100%;
	height: 400px;
}

#areaProfile {
	place-items: center;
}

#areaMap,
#areaMap iframe {
	width: 100%;
	margin-bottom: 0;
}


@media screen and (max-width: 768px) {
	#areaProfile .profile {
		margin-bottom: 2em;
	}
	
	#areaProfile a {
		color: #fff;
	}
}

/*LP専用*/
body.lp { background-color: #efc82f; }

.lp #site-header, .lp #breadcrumb {display: none;}

.lp .wp-block-image figcaption { min-width: 10em; min-height: 36px; min-height: 2em; font-size: 1rem;  }

.lp .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background-color: initial; }

.lp .vk-mobile-nav-menu-btn { display: none; }

.lp .page-header {
width: 100%;
background: url("/wp-content/uploads/2025/03/img_lp_mainvisual.jpg") no-repeat top center;
background-size: cover;
 aspect-ratio: 4 / 3; /* アスペクト比を保持してレスポンシブ */
 }

.lp .page-header-inner {
position: absolute;
left: 0;
right: 0;
bottom: -6em;
width: 100%;
margin: 0 auto;
padding: 0;
}

.lp .page-header-inner h1 {
margin-left: 15px;
margin-right: 15px;
padding: 1em 1em 0.5em;
}

.lp .page-header-inner h1, .lp .titleInfo {
width: 24rem;
   background: #df2900;
    color: #fff;
}

.lp .titleInfo {
margin-top: 3em !important;
margin-left: 0;
font-size: 1.8rem;
	gap: 0;
}

.lp .titleInfoContents, .lp .titleInfoBottom {
	margin-bottom: 0;
	padding: 0 1.25em;
	font-size: 1.6rem;
}

.lp .titleInfoBottom {
padding-bottom: 1.25em;
}

.lp .site-body-container { z-index: 1; }

.lp .setContents {
padding: 1em;
}

.lp .setContentsVer01 {
border-radius: 42% 58% 28% 72% / 49% 50% 50% 51%;
background: #fff;
}

.lp .setContents h2 {
margin-top : -1em !important;
font-size: 2.8rem;
}

.lp #areaAbout h2 {
font-size: 1.8rem;
}


.lp #areaRecommendation p:nth-child(even)  {
margin-left: auto;
margin-right: 0;
}

.lp #areaRecommendation img {
margin: 0 0.5em;
vertical-align: middle;
}

.lp .lines {
position: relative;
border-radius: 35% 65% 29% 71% / 73% 31% 69% 27%;
    background: #fff;
    padding: 3em;
}

.lp .listVoice div:nth-child(even) .lines {
border-radius: 73% 31% 69% 27% / 35% 65% 29% 71%;
}

.lp .lines:before {
content: "";
position: absolute;
    top: -15px;
    left: 50%;
 width: 0;
  height: 0;
  border-style: solid;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-bottom: 24px solid #ffffff;
  border-top: 0;
}

@media screen and (max-width: 599px) {
.lp .wp-block-group[class*=wp-container] { gap:0; }
.lp .setContentsVer01 {
padding: 0;
border-radius: 0;
	background: none;
}
.lp .setContentsVer01 p {
	text-align: left;
}
	
.lp .setContents h2 {
		margin-bottom: 1em !important;
		font-size: 2rem;
}
	
.lp #areaRecommendation .wp-block-media-text__media {
		text-align: right;
}
	
.lp #areaRecommendation img {
		max-width: 50%;
}
	
}