/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 31 2025 | 17:54:35 */
/* ハンバーガー画像を変更：PC-SP共通 */
.vk-mobile-nav-menu-btn {
	border: none;
	background-image: url(https://frict-epc.co.jp/fewp2510a/wp-content/themes/lightning/_g3/inc/vk-mobile-nav/package/images/vk-menu-btn-white.svg);
	background-size: cover;
	background-color: transparent;
}
.vk-mobile-nav-menu-btn.menu-open {
	border: none;
	background-image: url(https://frict-epc.co.jp/fewp2510a/wp-content/themes/lightning/_g3/inc/vk-mobile-nav/package/images/vk-menu-close-white.svg);
	background-size: cover;
	background-color: transparent !important;
}
/* ナビ：PC-SP共通 */
.vk-mobile-nav {
	background-color: rgba(0,0,0,0.5);
	min-height: 100vh;
}
.vk-mobile-nav nav ul,
.vk-mobile-nav nav ul li {
	border-color: rgba(255,255,255,0.2) !important;
}
.vk-mobile-nav nav ul li a {
	color:#fff;
	border-bottom-color: rgba(255,255,255,0.2);
}
.vk-mobile-nav nav ul li a:hover {
	background-color: rgba(0,0,0,0.5);
}
.vk-mobile-nav .acc-btn {
	border-color: rgba(255,255,255,0.2);
	background-image: url(https://frict-epc.co.jp/fewp2510a/wp-content/themes/lightning/_g3/inc/vk-mobile-nav/package/images/vk-menu-acc-icon-open-white.svg);
}
.vk-mobile-nav .acc-btn.acc-btn-close {
	background-image: url(https://frict-epc.co.jp/fewp2510a/wp-content/themes/lightning/_g3/inc/vk-mobile-nav/package/images/vk-menu-close-white.svg);
}
/* スクロールバーを排除 */
.vk-mobile-nav {
	scrollbar-width: none;
	-ms-overflow-style: none;
}
.vk-mobile-nav::-webkit-scrollbar {
	display:none;
}





/* PCでもハンバーガーメニュー */
@media (min-width: 782px) {
	body.device-pc .vk-mobile-nav-menu-btn,
	body.device-pc .vk-mobile-nav {
		display: block;
	}
	.vk-mobile-nav {
		width: 25%;
}
	.vk-mobile-nav-menu-btn {
		top: 15px;
		left: 2%;
	}
	.admin-bar .vk-mobile-nav-menu-btn {
		top: calc(32px + 15px);
	}
	.vk-mobile-nav-menu-btn {
		width: 50px;
		height: 50px;
	}
	/* ハンバーガーにMENUの文字 */
	.vk-mobile-nav-menu-btn {
		text-indent: 8px;
		font-size: 12px;
		padding-top: 40px;
		overflow: visible;
		border: none;
		background-position: top;
		color: #fff !important;
	}
	.vk-mobile-nav-menu-btn.menu-open {
		border: none;
	}
	.vk-mobile-nav {
		padding-top: 50px;
	}
}





/* ヘッダー電話番号：色・リンク */
header .site-header-sub .contact-txt-tel a {
	text-decoration: none;
	color: #fff;
}

/* PC：ヘッダー幅を広げ、ロゴとキャッチフレーズをセンタリング */
@media (min-width: 782px) {
	header.site-header {}
	header .container {
		max-width: 96%;
		margin: 0 2% 0 2%;
		padding: 0;
	}
	header .site-header-container {}
	header .site-header-logo {
		display: block;
		width: 100%;
		max-width: 300px;
		text-align: center;
		position: relative;
		top: 100px;
		left: 50%;
		transform: translateX(-50%);
		/*
		display: inline-block !important;
		width: auto;
		position: relative;
		top: 50px;
		left: 50%;
		*/
		padding-top: 0 !important;
		margin-top: 0 !important;
	}
	header .site-header-logo a {
		color: #fff !important;
	}
	header .header-top-description {
		position: relative;
		top: 55px !important;
		text-align: center;
		margin: 0 !important;
		padding: 0 !important;
		color: #fff !important;
	}
	header .site-header-sub {
		display: flex;
		margin: 18px 0 0 0 !important;
		padding: 0 !important;
	}
	header .site-header-sub .contact-txt {
		padding-right: 10px;
	}
	header .site-header-sub .contact-txt span,
	header .site-header-sub .contact-txt span a.telnum {
		color: #fff !important;
		text-decoration: none !important;
	}
	header .site-header-sub .contact-btn {
		border-left: solid 1px #fff;
	}
	/* お問い合わせボタンの幅を小さく且つ二段に */
	header .site-header-sub .contact-btn {
		padding-left: 0px;
	}
	header .site-header-sub .contact-btn .btn {
		display: block;
		text-align: center;
		padding-top: 0;
		padding-left: 10px;
		padding-right: 10px;
		font-size: 12px;
		border: none;
		background-color: transparent !important;
	}
	header .site-header-sub .contact-btn .btn i {
		display: block;
		font-size: 24px;
		text-indent: 8px;
	}
	/* 電話番号リンクオフ */
	a[href^="tel:"] {
		pointer-events: none;
	}
}
/* PC～SP：画面幅を狭めるとヘッダーの配置が崩れるのを防止 */
@media (min-width: 782px) and (max-width: 991px) {
	header .site-header-container {
		height: auto;
		overflow: visible;
	}
	header .site-header-logo {
		top: 100px;
	}
	header .site-header-sub {
		margin-top: -20px !important;
	}
}





/* SP：ロゴ位置を下げ、TEL／お問い合わせを表示 */
@media screen and (max-width: 781px) {
	header .site-header-logo {
		margin-top: 120px;
	}
	header .site-header-logo a {
		color: #fff !important;
	}
	header .site-header-sub {
		display: inline-block;
		padding-left: 0;
		padding-top: 0;
		position: fixed;
		top: 0px;
		right: 10px;
	}
	header .site-header-sub .contact-txt {}
	header .site-header-sub .contact-txt span,
	header .site-header-sub .contact-txt span a.telnum {
		color: #fff !important;
		text-decoration: none !important;
	}
	/* お問い合わせボタンの幅を小さく且つ二段に */
	header .site-header-sub .contact-btn {
		display: block;
		padding-left: 0px;
		padding-top: 10px;
	}
	header .site-header-sub .contact-btn .btn {
		display: block;
		width: 80px;
		margin: 0 0 0 auto;
		text-align: center;
		padding-top: 0;
		padding-left: 0px;
		padding-right: 0px;
		font-size: 12px;
		border: none;
		background-color: transparent !important;
	}
	header .site-header-sub .contact-btn .btn i {
		display: block;
		font-size: 24px;
		text-indent: 8px;
	}
	header .site-header-sub .contact-btn .btn:hover {
		box-shadow: none;
	}
	
	.vk-mobile-nav-menu-btn {
		width: 50px;
		height: 50px;
	}

}





/* Home：画面下部ボタン群並び */
.topsldcovr { min-height: 88.75vh; }
.topsldclm1 {
	min-height: 11.25vh;
	gap: 0 !important;
	padding: 0;
	margin-bottom: 0;
}
.topsldclm1 .vk_button_link,
.topsldclm1 .vk_button_link:hover {
	box-shadow: none;
	border: none !important;
	border-top: solid 10px #000 !important;
	background-color: #000;
	height: 11.25vh;
}
.topsldclm1 .vk_button_link sup {
	color: #999999;
	display: inline-block;
	line-height: 1;
	padding-top: 0.1em;
}
/* 項目名を上下中央に */
.topsldclm1 .vk_button_link {
	position: relative;
}
.vk_button_link_caption {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}
@media screen and (max-width: 781px) {
	.topsldcovr {
		min-height: 100vh !important;
		min-height: 100svh !important;
	}
	.topsldclm1 { display: none !important; }
}





/* お問い合わせフォーム */
.fmbx {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}
.fmqbx {
	padding-bottom: 2em;
}
.fmtit {
	font-size: 1em;
	margin-bottom: 0.5em;
}
.hisu {
	color: #c40026;
	font-size: 0.85em;
}
.fmtxt {
	font-size: 0.85em;
	margin-bottom: 0.5em;
}
.fminp {}
.fmbtn {
	padding-top: 2em;
}
.fmbtn button {
	border: solid 1px #26705d;
	background: #308c74;
	color: #fff;
	padding: 0.81em 1.45em 0.70em 1.55em;
	border-radius: 5px; /* 角丸 */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.fmbtn button:hover {
	background: #26705d;
	cursor: pointer;
}
/* 確認画面で非表示 */
.post-name-confirm .confirmoff {
	display: none;
}




/* ヘッダー調整：404 */
/* ヘッダー調整：検索結果 */
/* ヘッダー調整：検索結果なし */
/* ヘッダー調整：サイトマップ */
/* ヘッダー調整：ブログ */
.error404 .site-header-logo, .error404 .site-header-sub,
.search-results .site-header-logo, .search-results .site-header-sub,
.search-no-results .site-header-logo, .search-no-results .site-header-sub,
.post-name-sitemap .site-header-logo, .post-name-sitemap .site-header-sub,
.blog .site-header-logo, .blog .site-header-sub {
	display: none;
}