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

/******************************************
 * ヘッダー
 ******************************************/

/* ロゴを左寄せ */
.site-header-logo img {
	margin-left: 0;
}

/* ハンバーガーメニューの位置調整 */
.vk-mobile-nav-menu-btn {
	border: 0;
	right: 5%;
	left: auto;
	top: 12px;
	background-color: transparent;
}

/* ハンバーガーメニューの色と枠線削除 */
.vk-mobile-nav-menu-btn.menu-open {
	border: 0;
	background-color: transparent;
}

/* PC以下のロゴサイズ・ヘッダーの高さ調整 */
@media (max-width: 991.98px){
	.site-header-container {
		display: flex;
		flex-direction: column;
		justify-content: center;
		height: 60px;
	}
	
	.site-header-logo {
		width: 240px;
		max-width: 70%;
		padding-top: 0.5rem;
		margin-bottom: 0.5rem;
		white-space: normal;
	}	
}

/* ヘッダーの固定（検討中） */
/*@media (max-width: 991.98px){
	.site-header {
		position:fixed !important;
		top:0px;
		box-shadow: none;
	}
	.header_scrolled .site-header-logo{
		display:block;
	}
	
	.header_scrolled .lightning_swiper {
		margin-top: 0 !important;
	}
	.site-header-logo {
		padding-top: 1rem;
		margin-bottom: 1rem;
    }
}*/

.global-nav-list>li:before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 0;
    border-bottom: 1px solid var(--vk-color-primary);
    transition: all .5s ease-out;
}

.global-nav-list>li:hover:before{
	width: 100%;
}

/******************************************
 * トップページスライダー
 ******************************************/

/* テキスト装飾・余白調整 */
.ltg-slide-text-set .mini-content-container-1 {
	border-left: solid 5px #02aca9;
	width: 80%;
	padding: 20px 15px;
}

/* 画像サイズ調整 */
.ltg-slide-item-img {
	min-height: 600px; /* 高さの最低値600px */
	object-fit: cover; /* アスペクト比が変わらないように固定 */
}

/* タイトルテキストのサイズ調整 */
 .ltg-slide-text-title {
    font-size: 26px;
	letter-spacing: 0.02em;
}
@media (min-width: 768px){
	.ltg-slide-text-title {
		font-size: 32px;
	}
}
@media (min-width: 992px){
	.ltg-slide-text-title {
		font-size: 36px;
	}
}
@media (min-width: 1200px){
	.ltg-slide-text-title {
		font-size: 40px;
	}
}

/* キャプションの行間・文字間調整 */
.ltg-slide-text-caption {
	line-height: 1.8;
	letter-spacing: 0.02em;
}

/* タイトルとキャプション間の余白調整 */
.ltg-slide-text-title+.ltg-slide-text-caption {
	margin-top: 1em;
}
/* キャプションとボタン間の余白調整 */
.ltg-slide .btn {
	margin-top: 1em;
}

/* スライド内ボタンの色変更 */
.mini-content-container-1 .btn {
	border: solid 1px #02aca9 !important;
	background-color: #02aca9 !important;
	color: #fff !important;
}

.mini-content-container-1 .btn:hover {
	border: solid 1px #ff9b00 !important;
	background-color: #ff9b00 !important;
}

/* スライド内ボタンの余白調整 */
.ltg-slide .btn-ghost {
	padding: 0.5em 2.2em;
}

/* スライド内ボタンの文字サイズ等調整 */
.ltg-slide .btn {
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: 0.08em;
}

@media (max-width: 767.98px){
	.ltg-slide .btn {
		font-size: 1rem;
	}
}

@media (max-width: 781.98px) {
	.custom-button-responsive {
		
	}
}

/******************************************
 * トップページプロフィール画像
 ******************************************/

.custom-img-deco {
	position: relative;
	z-index: 0;
}

.custom-img-deco:before {
	content: "";
	position: absolute;
	top: -15px;
	left: -15px;
	width: 100%;
	max-width: 100%;
	height: 100%;
	border:solid 1px #02aca9;
	z-index: -1;
}

.custom-img-deco:after {
	content: "";
	position: absolute;
	top: 15px;
	left: 15px;
	width: 100%;
	max-width: 100%;
	height: 100%;
	background-color: #02aca9;
	z-index: -1;
}

/******************************************
 * ボタンホバーアクション
 ******************************************/

.vk_button-color-custom {
	transition: .3s ease 0s;
}

.vk_button-color-custom a:hover {
	border: solid 1px #ff9b00;
    background-color: #ff9b00 !important;
	box-shadow: none;
}

/******************************************
 * ライトニングコピーライト削除
 ******************************************/

.site-footer-copyright p:last-child {
	display: none;
}