/*
Theme Name: Lightning Child
Theme URI:
Template: lightning
Description: Child Theme of Lightning
Author: LC-JAPAN
Version: 0.6.1-kai
*/


/*------------------------------------------------------------------
   SVG
--------------------------------------------------------------------*/
img[src*='.svg']{ width: 100%; height: auto;}


/*------------------------------------------------------------------
   Hide Post Entry Meta Items
--------------------------------------------------------------------*/
.entry-meta-item-date    { /* display: none; */}  /* Post Date */
.entry-meta-item-updated { display: none;}  /* Update Date */
.entry-meta-item-author  { display: none;}  /* Author Name */


/*------------------------------------------------------------------
   POST ENTRY-BODY
--------------------------------------------------------------------*/
.single .entry-body {
	padding-bottom: 40px;
}


/*------------------------------------------------------------------
   SLIDER-TEXT [HERO] - HOME
--------------------------------------------------------------------*/
.swiper-slide h2 {
	font-size: 60px;
	line-height: 1.3;
}
.swiper-slide p {
	font-size: 36px;
	line-height: 1.3;
	font-family: "Ÿà–¾’©", YuMincho, "Hiragino Mincho ProN W3", "ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN", "HG–¾’©E", "‚l‚r ‚o–¾’©", "‚l‚r –¾’©", serif;
}
@media screen and (max-width: 1025px) {
	.swiper-slide h2 {
		font-size: 60px;
	}
	.swiper-slide p {
		font-size: 32px;
	}
}
@media screen and (max-width: 768px) {
	.swiper-slide h2 {
		font-size: 40px;
	}
	.swiper-slide p {
		font-size: 20px;
	}
}
@media screen and (max-width: 480px) {
	.swiper-slide h2 {
		font-size: 24px;
	}
	.swiper-slide p {
		font-size: 16px;
	}
}

/*------------------------------------------------------------------
   INFORMATION - HOME
--------------------------------------------------------------------*/
.wp-elements-af40b1c08ffd032b3823bb27ca1c54c3 a:where(:not(.wp-element-button)) {
	color: #FFF !important;
	padding: 2px 6px;
	margin: 0 2px;
	background: #666;
	border-radius: 4px;
	white-space: normal;
	text-decoration: none;
	font-size: 0.85em;
}
.wp-block-post-terms .wp-block-post-terms__separator {
	display: none;
}


/*------------------------------------------------------------------
   DARK HEADER DESIGN
--------------------------------------------------------------------*/
.site-header {
	background-color: #111;
}
.header_scrolled .site-header {
	background-color: #222;
}
.nav li a, nav li a {
	color: #FFF;
	text-decoration: none;
}
.page-header {
	color: #222;
	background-color: #EEE;
}
.global-nav-list>li:before {
	border-bottom: 1px solid #D2B48C;
}
.site-footer {
	background: #111;
	color: #FFF;
	border-top: none;
	font-size: 14px;
}
.site-footer-copyright p {
	font-size: 14px;
}
.widget_nav_menu>div>ul li a:link,
.widget_nav_menu>ul li a:link,
.widget_nav_menu>div>ul li a:visited,
.widget_nav_menu>ul li a:visited {
	color: #FAFAFA;
}
.widget_nav_menu>div>ul li a:hover,
.widget_nav_menu>ul li a:hover,
.widget_nav_menu>div>ul li a:active,
.widget_nav_menu>ul li a:active {
	color: #00fdff;
}


/*------------------------------------------------------------------
   MOBILE-NAVI OPEN
--------------------------------------------------------------------*/
.vk-mobile-nav-open .veu_postList {
	margin-top: 3.0em;
}
.vk-mobile-nav-open .subSection-title {
	font-size: 1.5em;
	text-align:center;
}
.widget_vkexunit_post_list .widget-title[class*=title] {
	margin-bottom: 0.25em;
}


/*------------------------------------------------------------------
   FLOWCHART - TOP-PAGE
--------------------------------------------------------------------*/
:root {
	--flowchart-size: 30px;
	--flowchart-border: 3px;
}
.flowchart {
	list-style: none !important;
	counter-reset: flownum;
	margin: 1em 0;
	padding: 0 !important;
}
.flowchart li {
	position: relative;
	padding: 0 0 1em calc(var(--flowchart-size) + 6px);
}
.flowchart li::before {
	content: counter(flownum);
	counter-increment: flownum;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -5px;
	left: 0;
	z-index: 2;
	width: var(--flowchart-size);
	height: var(--flowchart-size);
	border-radius: 50%;
	background: rgb(44,182,150);
	color: white;
}
.flowchart li::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: calc(var(--flowchart-size) / 2 - calc(var(--flowchart-border) / 2));
	z-index: 1;
	width: var(--flowchart-border);
	height: 100%;
	background: rgb(200,200,200);
}
.flowchart-title {
	margin: 0 0 .5em;
	font-weight: bold;
	font-size: 1.04em;
	line-height: 1.4;
}
.flowchart-title small {
	margin-left:0.5em;
	font-weight: normal;
}
.flowchart li:last-of-type::after {
	content: none;
}
.flowchart li p {
	margin: 1em 0 !important;
}
.flowchart li p:last-of-type {
	margin-bottom: 0 !important;
}


/*------------------------------------------------------------------
   WORKS - TOP-PAGE
--------------------------------------------------------------------*/
ul.works-list {
	margin: 0;
	padding: 0;
}
ul.works-list li {
	display: inline-block;
	width: calc(25% - 13px);
	margin: 0 5px;
	padding: 0 0 30px;
	vertical-align: top;
}
ul.works-list li figure {
	margin: 0 0 0.125em;
}
ul.works-list li div.works_product { text-align: center; font-size: 1.0em;}
ul.works-list li div.works_site    { text-align: center; font-size: 0.8em;}
@media screen and (max-width: 768px){
	ul.works-list li {
		width: calc(50% - 13px);
	}
}

/*------------------------------------------------------------------
   WORKS
--------------------------------------------------------------------*/
.vk_post-postType-works .vk_post_imgOuter         { z-index: 1;}
.vk_post-postType-works .vk_post .vk_post_excerpt { display: none; margin: 0; padding: 0;}
.vk_post-postType-works .card-body                { z-index: 0; margin-top: -3.5em;}
.vk_post-postType-works .work_list_data           { z-index: 1; background-color: #FFF;}
.vk_post-postType-works .work_list_data .work_list_product  { padding:0.5em 0.75em; line-height:1.5; background:#111; font-size:1.25em; color:#FFF; text-align:center;}
.vk_post-postType-works .work_list_data .work_list_site     { padding:0.5em 0.75em; line-height:1.5; background:#447db6; color:#FFF; text-align:center;}
.vk_post-postType-works .work_list_data .work_list_overview { padding:0.5em 0.75em; line-height:1.5; background:#dce5f4; font-size: 0.95em;}
.archive .vk_post-postType-works .vk_post_imgOuter a { pointer-events: none !important; /* �¡”탊ƒ“ƒN�Ý’è�¡ */}
.vk_post_imgOuter_singleTermLabel { font-size: 13px;}


/*------------------------------------------------------------------
   WORKS - post
--------------------------------------------------------------------*/
.post-type-works .entry-body table th {
	background: #EEE;
}


/*------------------------------------------------------------------
   ContactForm7 STYLE
--------------------------------------------------------------------*/
table.CF7_table {
	width: 80%;
	margin: 0 auto;
	border: 2px solid #e5e5e5;
}
table.CF7_table tr {
	border-top: 1px solid #e5e5e5;
}
.single .entry-content table.CF7_table,
.page .entry-content table.CF7_table {
	display: table;
}
.CF7_table th {
	text-align: left;
}
.CF7_table input,
.CF7_table textarea {
	border: 1px solid #d8d8d8;
}
.CF7_table ::placeholder {
	color: #797979;
}
.CF7_req{
	font-size: .9em;
	padding: 5px;
	background: #f79034;
	color: #fff;
	border-radius: 3px;
	margin-right: 1em;
}
.CF7_unreq{
	font-size: .9em;
	padding: 5px;
	background: #bdbdbd;
	color: #fff;
	border-radius: 3px;
	margin-right: 0.75em;
}
@media screen and (min-width: 768px){
	.CF7_table th{
		width: 30%;
		background-color: #F5F5F5;
	}
}
@media screen and (max-width: 768px){
	table.CF7_table{
		width: 95%;
	}
	.CF7_table tr,
	.CF7_table td,
	.CF7_table th {
		display: block;
		width: 100%;
		line-height: 2.5em;
	}
	.CF7_table th{
		background-color: #F5F5F5;
	}
}
.wpcf7 input.wpcf7-submit {
	background-color: #f79034; /* ƒIƒŒƒ“ƒW*/
	border: 0;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 auto;
}
.CF7_btn{
	text-align: center;
	margin-top: 20px;
}
.wpcf7-spinner{
	display: block;
	width: 0;
	margin: 0;
}