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

/*    common
---------------------------------------------------------------------*/
html { scroll-padding-top: 100px; }
body {
	letter-spacing:1.4px;
	text-align: justify;
}
.site-body { padding-top:0; }
.vk_outer_separator { display:none !important; }
.wp-block-navigation__container li { margin-right:16px; }

@media (max-width: 991px) {
	.wp-block-social-link-label { display:none; }
}

@media (max-width: 781px) {
	.wp-block-social-links .wp-social-link span:not(.screen-reader-text) { display: none; }}

@media (max-width: 575.98px){
  :root{
    --vk-width-container-padding: 24px;
  }
}

/*    top-contents
---------------------------------------------------------------------*/
@media (max-width: 992.98px) {
	.home .swiper-slide{ background-position:bottom center !important; }
}
@media (min-width: 992px) {
	.home .swiper-slide{background-position:bottom center !important;}
}
@media (max-width:600px){
	.vk_slider_item_container .wp-block-heading { font-size:1.2rem !important; }
}

.vk_categoryBadge { background-color:#1d2b3d !important; }

@media (max-width: 575.98px){
	.vk_custom_css_10 br:nth-child(3),
	.vk_custom_css_10 br:nth-child(8){ display:none; }
}

@media (max-width: 575.98px){
	.home .site-body .wp-elements-8542633bb4d0295574d1f3619af82bf0 { padding:48px 0 !important; width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw); }
	.wp-elements-8542633bb4d0295574d1f3619af82bf0 .wp-block-cover__background { background: linear-gradient(180deg, rgb(79, 91, 105) 100%) !important; }
	.wp-elements-8542633bb4d0295574d1f3619af82bf0 .vk_gridcolcard_item a.vk_gridcolcard_item_container { padding-bottom:2.4rem !important; }
}



/*    共通cta
---------------------------------------------------------------------*/
.recruit-message1 { line-height: 2; text-shadow:1px 1px #000; }
.recruit-lead { text-align: center; }
.recruit-lead p { display: inline-block; padding: 12px 16px; }

@media (max-width: 991px) {
	.recruit-cta { min-height:480px !important; }
}

@media (max-width: 420px) {
	.recruit-message1 { font-size:140% !important; }
	.recruit-lead p  { font-size:18px !important; }
}

@media (min-width: 992px){
.ctaarea-tel{border-right:1px solid #FFFFFF70;}
}
.viewmore {
 position:relative;
 width: 100%;
 height:30px;
margin-top: auto;
}

.viewmore a{
  color:#fff;
 position: absolute;
 left:50%;
 transform: translateX(-50%);
 text-decoration:none;
border-bottom:1px dashed currentcolor; 
}
.viewmore a:hover{
 color:var(--wp--preset--color--vk-color-primary) ;
}
.viewmore a::after{
 content: "";
 position: absolute;
 top:50%;
 left: 0;
 width: 30px;
 height: 1px;
 background: currentcolor;
 animation: pathmoveside 1.4s ease-in-out infinite;
 opacity:0;
}
@keyframes pathmoveside{
	0%{
		width:0;
		left:110px;
		opacity: 0;
	}
	30%{
		width:30px;
		opacity: 1;
	}
	100%{
		width:0;
		left:160px;
		opacity: 0;
	}
}


/*    footer
---------------------------------------------------------------------*/
@media (max-width: 575px) {
	.vkb-outer-f9733bac-ea59-4482-ab08-6021bf643a75 { padding-left:24px; }
}


./*    page-common
---------------------------------------------------------------------*/
@media (max-width: 781px){
	body .smf-form--simple-table .smf-item{ padding: 1rem 0 0; }
	body .smf-form--simple-table .smf-item__col--label{
		padding-bottom: 8px !important;
	}
}
.smf-action .smf-button-control__control {
	padding: 24px 40px !important;
	color:#fff; font-weight:900;
	background-image:none;
	border:none;
	font-size:120%;
	background-color: var(--wp--preset--color--vk-color-primary); 
}


/*    discussion
---------------------------------------------------------------------*/
@media (max-width: 781px) {
	.page-id-100 .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column:first-child{ flex-grow: 1; }
	.page-id-100 .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column:last-child{ flex-grow: 2; }
	.page-id-100 .vk_block-margin-lg--margin-bottom { margin-bottom: 24px !important; }
}




/*    interview
---------------------------------------------------------------------*/
.page-id-480 .site-body,
.page-id-480 .vk_breadcrumb{ background-color: var(--wp--preset--color--vk-color-custom-4); }

/*中央寄せ*/
.is-style-vkp-heading-short_both_ends{
 display: flex;
 flex-wrap: nowrap;
 justify-content: center; 
 align-items: center;
 border:0;
}
/*短い左右線*/
.is-style-vkp-heading-short_both_ends:before,
.is-style-vkp-heading-short_both_ends:after {
 content: '';
 width: 30px;
 height: 1px;
 background-color:currentColor !important;
 /*Lightning見出しデザイン設定のCSS対策*/
 position: unset;
 border: unset;
 margin-left: unset;
 margin-right:unset;
 flex-grow: unset;
}
.is-style-vkp-heading-short_both_ends:before{
 margin-right:14px;
}
.is-style-vkp-heading-short_both_ends:after {
 margin-left:14px;
}
.vk_post.card{
  transition: transform .25s ease;
  will-change: transform;
}
.vk_post.card:hover{
  transform: translateY(-16px);
}
.interview-tagline { line-height:1.4; margin-top:12px; color:var(--wp--preset--color--vk-color-custom-3); font-weight:bold; }


/*   動的ページ設定
---------------------------------------------------------------------*/
body.error404,
body.blog,
body.archive,
body.single-post{
    .breadcrumb-list{
        text-align:right;
        margin-top:24px;
    }
	
    .site-body{
        margin-block:clamp(60px,6.9vw,100px);
    }
	
	.page-header{
		height:290px;
	}
}


/* 404ページ */
body.error404{
	.site-body{
		text-align:center;
	}
}


/* 投稿一覧 */
body.blog,
body.archive{
	.vk_post_title_new{
		/* newマーク */
		background:var(--wp--preset--color--vk-color-primary) !important;
		color:#fff;
		padding:4px 5px;
	}
}


/* 投稿詳細ページ */
body.single-post{
	.entry-header{
		border-bottom:solid 1px #000;
		padding-bottom:20px;
	}
	.entry-meta .fa-calendar-days{
		display:none;
	}
	.entry-footer{
		margin-top:80px;
	}
}