@charset "utf-8";
/*
Theme Name: Lightning Child
Template: lightning
Author:アートフレア株式会社
Version: 1.2
*/
/* 標準データ最終更新日：2025/04/14  */


/*
 * WEBフォントの読み込み（@import url('https://fonts～'); ）はHeader.phpで行う
*/


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  General　全体的な設定
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* :root設定、bodyへの上書き、カラー変数設定など */

:root {
	--en:"Oswald", sans-serif;
	--boxshadow:0px 5px 20px rgba(0, 0, 0, 0.2);
	--bgc:rgba(232, 123, 43,.1);
	--vk-color-text-link-hover:#e64b15;
}

.fw-bold{
	font-weight:bold;
}
.fw-bolder {
	font-weight:900;
}
 .fs-1 {font-size:2.5rem!important}
 .fs-2 {font-size: 2rem!important}
 .fs-3 {font-size: 1.75rem!important}
 .fs-4 {font-size: 1.5rem!important}

.en {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

.txtshadow {
	text-shadow:0px 4px 0px rgba(0, 0, 0, 0.5);
}
.boxshadow {
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
}
.bgc {
	background:var(--bgc);
}
.wp-block-separator {
    border-top: 1px solid;
}


/*テーブル*/
.table-center table {
	margin-inline:auto;
}
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr th, .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr td {
	padding:1rem;
}
:where(:not(.wp-block-table))>table,
:where(:not(.wp-block-table))>table :is(thead,tbody,tfoot,th,td) {
	border-color:#ccc;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Common 汎用パーツ系
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 繰り返しボタン・見出し、余白設計など 汎用パーツへの上書き */

/*ボタンのリセット（下線消しとか）*/
.vk_button .vk_button_link.btn {border-radius: 0}
.vk_button .vk_button_link.btn:hover {box-shadow:none; opacity:1;}
.vk_button .has-text-color.vk_button_link-type-text:hover .vk_button_link_txt, .vk_button .has-text-color.vk_button_link-type-text:hover .vk_button_link_subCaption{
  text-decoration:none!important;
}

/*ベタ塗りボタン　右アイコン有り*/
.vk_button_link.btn.has-background .vk_button_link_caption {
	width:100%;
	/*justify-content:space-between;*/
}
/*ボタンホバー*/
.vk_button_link.has-vk-color-custom-2-background-color:hover {
	background:var(--vk-color-primary)!important;
}

.gap-0 {
	gap:0;
}
.gap-3 {
	gap:1rem;
}
.w-60 {
	width:60%;
}

/*ボタン　枠アイコン*/
.btn-iconwaku .vk_button_link.btn {
	border-radius:100px;
	padding:.8rem;
}

.ipros .vk_button_link_caption:before {
	content:url(../../../wp-content/uploads/icon-ipros.png);
	margin-right:8px;
}
.ipros:hover .vk_button_link_caption:before {
	filter: contrast(0) brightness(3);
}

/*CTA電話*/
a[href^="tel:"] {
        pointer-events: auto;
    }
.cta-tel .vk_button_link {
	display:flex;
	flex-direction:row;
	gap:1rem;
	align-items:center;
	width:fit-content;
}
.cta-tel .vk_button_link_caption {
	font-size:clamp(1.875rem, 1.42rem + 2.27vw, 3.125rem);
	font-family: var(--en);
  font-weight: 600;
}
.cta-tel .vk_button_link_subCaption {
	font-size:1rem;
	color:#000;
}

/*CTA*/
.is-style-en-jp.cta-title .vk_heading_title,
.is-style-en-jp.cta-title .vk_heading_title {
	font-size:clamp(1.75rem, 1.568rem + 0.91vw, 2.25rem)!important;
}
.cta2 .vk_buttons_col {
	flex-wrap:nowrap;
}


/*大きめボタン*/
.vk_button_link.btn.btn-lg {
	width:400px;
	margin-inline:auto;
	text-align:center;
}
.vk_button_link.btn.btn-lg .vk_button_link_caption {
	justify-content:center;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Header ヘッダーまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ヘッダー固定 */
body  {
	overflow-x: unset !important;
    display: flex;
    flex-direction: column;
}
.device-pc #site-header {
    position: sticky;
    top: 0;
}
.logged-in.device-pc #site-header {
    top: 32px;
}

/* グローバルナビ */
.global-nav-list>li>a {
	transition: .3s;
	border-bottom: 3px solid transparent;
}
.global-nav-list>li>a:hover,
.global-nav-list>li.current-menu-item>a {
    color: #fff;
    border-bottom: 3px solid #fff;
}

.device-pc .menu-item-has-children > a .global-nav-name::after,
.device-pc .global-nav-list>li>a {
	color:#fff;
}

.site-header {
	background:linear-gradient(90deg,rgba(232, 123, 43, 1) 0%, rgba(230, 75, 21, 1) 100%);
}
.site-header-container.container {
	max-width:calc(100% - 50px);
	margin-right:50px;
}



/*ヘッダー内ボタン*/
.header_nav_search_container {
	min-width:unset;
}
.header-btn .vk_buttons_col {
	gap:0;
	padding:15px 0 10px;
}
.header-btn .vk_buttons_col > div {
	border-left:1px solid #fff;
	padding:5px 10px;
}
.header-btn .vk_buttons_col > div:last-child {
	border-right:1px solid #fff;
}
.header-btn .vk_button_link_caption {
	flex-direction:column;
}
.header-btn .vk_button_link_before {
	margin-right:0;
	font-size:26px;
}
.header-btn .vk_button_link_txt {
	font-size:10px;	
	margin-top:5px;
}

/*右固定SNS*/
.fixed-icon-right .vk_icons_col {
	flex-direction:column;
}
.fixed-icon-right {
	position:fixed;
	right:0;
	top:50%;
	transform:translateY(-50%);
}

/*ハンバーガー*/
body.device-pc .vk-mobile-nav-menu-btn {
	display:block;
}
body.device-pc .vk-mobile-nav {
	display:block;
	overflow:auto;
}
#vk-mobile-nav-menu-btn {
    background: none;
    background-color: none;
    border: none;
	overflow:visible;
}
#vk-mobile-nav-menu-btn::after {
    content: '\f0c9';
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 30px;
    color: #fff;
    position: absolute;
    top: 5px;
    right: 5px;
    line-height: 44px;
    width: 44px;
    text-align: center;
    text-indent: 0;
}

#vk-mobile-nav-menu-btn.menu-open::after {
    content: '\f00d';
	/*color:#000;*/
	right:15px;
}
.vk-mobile-nav-menu-outer {
	display:none;
}
#vk-mobile-nav {
	overflow-x: hidden;
	background:var(--vk-color-primary);
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Footer フッターまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* フッターウィジェット、フッターロゴ、コピーライト */

.fnav .vk_button_link:not(.is-style-outline) {
	display:block;
	border-bottom:1px solid #fff;
	padding-block:10px;
}
.fnav ul {
	margin-bottom:10px;
}
.fnav ul li {
	margin-block:.2em!important;
}
.fnav ul li a {
	text-decoration:none;
	color:#fff;
}
.fnav ul li a:hover {
	text-decoration:underline;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Toppage トップページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */


/*teaserスライダー*/
.vk_slider.teaser-slider {
	padding-bottom:0;
}
.teaser-inr {
	width:90%;
	margin-inline:auto;
}

/*ヒーローエリアnews*/
.heronews .wp-block-heading {
	border-right:1px solid #fff;
	padding-inline:1em;
}
.heronews .vk_post {
	padding:1rem!important;
	color:#fff;
}
.heronews .postListText {
	border-bottom:none;
}

/*スライダー*/
.vk_slider {
	padding-bottom:50px;
}
.vk_slider_item .vk_slider_item-background-area:not([class*=-background-color]) {
	background:none;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {
	border-bottom:0;
}

/*背景にロゴ（上*/
.bglogo-top .vk_outer-background-area {
	background-image:url(../../../wp-content/uploads/bglogo.png);
	background-repeat:no-repeat;
	background-position:right 15px top 15px;
	background-size:35%;
}

/*背景にロゴ（下*/
.bglogo-bottom .vk_outer-background-area {
	background-image:url(../../../wp-content/uploads/bglogo.png);
	background-repeat:no-repeat;
	background-position:right 15px bottom 15px;
	background-size:40%;
}

/*背景にロゴ（下左*/
.bglogo-bottom-left .vk_outer-background-area {
	background-image:url(../../../wp-content/uploads/bglogo.png);
	background-repeat:no-repeat;
	background-position:left 15px bottom 15px;
	background-size:40%;
}


/*おすすめ商品*/
.boxlink-list {
	position:relative;
	height:100%;
	padding:1.2rem;	
}
.boxlink-list a:before {
	content:"";
	width:100%;
	height:100%;
	background:transparent;
	position:absolute;
	top:0;
	left:0;	
	box-shadow:var(--boxshadow);
	transition:.5s;
	border:3px solid #fff;
}
.boxlink-list a:hover:before {
	box-shadow:none;
	border:3px solid var(--wp--preset--color--vk-color-custom-2);
}

.boxlink-list .vk_button_link_before {
	color:var(--wp--preset--color--vk-color-custom-2);
}
.boxlink-list .vk_button_link {
	font-size:20px;
	font-weight:900;
}

.bnr-img a img {
	box-shadow:var(--boxshadow);
	transition:.5s;
	border:3px solid #fff;
}
.bnr-img a:hover img {
	box-shadow:none;
	border:3px solid var(--wp--preset--color--vk-color-custom-2);
}


/*商品カテゴリーボタン*/
.btn-category .vk_button_link.btn {
	border-radius:100px;
	padding:1rem 1rem 1rem 1.5rem;
	position:relative;
	text-align:left;
}
.btn-category .vk_button_link_after {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:1rem;
}

/*導線バナー*/
.fullbnr {
	gap:0;
	border-bottom:1px solid #fff;
}
.fullbnr .wp-block-column:first-child {
	border-right:1px solid #fff;
}
.imgbnr {
	position:relative;
}
.imgbnr figure {
	margin:0!important;
	overflow:hidden;
}
.imgbnr figure img {	
	transition: .5s;
	width:100%;
	aspect-ratio:5/2;
	object-fit:cover;
}
.imgbnr:hover figure img {
	transform: scale(1.1);
}
.imgbnr .vk_heading {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left:8%;	
	z-index:100;
	pointer-events: none;
}
.imgbnr .vk_heading_title {
	font-size:30px;
}
.imgbnr .vk_heading_subtext {
	font-size:26px;
}

.imgbnr .vk_button {
	margin-bottom:0;
}
.imgbnr .wp-block-vk-blocks-button a:before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.5);	
	transition: .5s;
	z-index:99;
}
.imgbnr .wp-block-vk-blocks-button a:hover:before {
	background:rgba(0,0,0,.3);
}
.imgbnr .vk_button_link_caption {
	position:absolute;
	right:1.5rem;
	top:50%;
	transform:translateY(-50%);
	z-index:100;
}

/*白透過背景*/
.bgw-50 {
	background:rgba(255,255,255,.9);
	padding:3rem;
	box-shadow:var(--boxshadow);
	width:60%;
}
.bgw {
	background:rgba(255,255,255,.9);
	padding:3rem;
	box-shadow:var(--boxshadow);
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Pageheader, Breadcrumb 下層ページヘッダー・パンくずリスト
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 下層ページのページヘッダー、パンクズ設定 */
.breadcrumb {
	background:#444;
}
.breadcrumb-list,
.breadcrumb-list a {
	padding:1rem 0;
	color:#fff;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Page 下層ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ページごと、パーツごとにコメントアウトで注釈を入れてください。 */

/* 会社概要 */

/* 会社概要　＞　代表あいさつ */


/*枠リスト*/
.list-waku .vk_gridColumn_item > .wp-block-group {
	position:relative;
	border:1px solid var(--wp--preset--color--vk-color-custom-2);
	padding:2rem;
	height:100%;
}

/*おすすめ製品*/
.list-count > div {	
	row-gap:3rem;
}
.list-count .wp-block-group {
	position:relative;
	border:1px solid var(--wp--preset--color--vk-color-custom-2);
	padding:2rem;
	height:100%;
}
.list-count p.en {
	position:absolute;
	top:-25px;
	left:0;
	right:0;
	color:#fff;
	font-size:1.5rem;
	width:50px;
	height:50px;
	border-radius:100%;
	background:var(--wp--preset--color--vk-color-custom-2);
	line-height:50px;
	padding:0;
	margin:0 auto;
	text-align:center;
}
.list-count.column1 p.en {
	left:unset;
	right:1rem;
    background: none;
    color: var(--vk-color-primary);
    opacity: .2;
    font-size: 5rem;
    width: auto;
}

/*商品一覧*/
.vk_post.vk_post-postType-product.card {
	border:none;
	box-shadow:var(--boxshadow);
	transition:.5s;
	border:3px solid transparent;
}
.vk_post.vk_post-postType-product.card:hover {
	border: 3px solid var(--wp--preset--color--vk-color-custom-2);
	box-shadow:none;
	background:#fff;
}
.vk_post_title.card-title a {
	font-weight:900;
	text-decoration:none;
	border-bottom:none;
}
.vk_post_title.card-title a:before {
	content: "\f138";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
	color:var(--wp--preset--color--vk-color-custom-2);
	margin-right:8px;
}
.vk_post_title.card-title a:hover {
	border-bottom:none;
}
.vk_post.vk_post-postType-product.card .vk_post_imgOuter_singleTermLabel {
	top:5px;
	right:5px;
}
.vk_post_imgOuter {
	background-size:contain;
	background-repeat: no-repeat;
}

/*ページネーション*/
ul.page-numbers li>.page-numbers,
ul.page-numbers li>.page-numbers:not(.current) {
    width: 45px;
    border-radius: 50% !important;
    padding: 0 !important;
    display: grid !important;
    align-items: center;
    background: #fff;
    aspect-ratio: 1 / 1;
    max-width: 10vw;
}
ul.page-numbers li a {
	border:none;
}


/**動画**/
.yt {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.yt iframe {
  width: 100%;
  height: 100%;
}

/*beforeafter*/
.beforeafter {
	position:relative;
}
.beforeafter p {
	position:absolute;
	background:rgba(0,0,0,.6);
	color:#fff;
	font-weight:700;
	text-align:center;
	width:100%;
	left:0;
	bottom:0;
	padding:15px;
	letter-spacing:.1em;
}

/*タイムライン*/
.is-style-af-timeline-2col {
	--time-width: 100px;
}
.vk_timeline_item_caption {
	color:var(--wp--preset--color--vk-color-custom-2)!important;
	font-family:var(--en);
	font-weight: 600;
}

/* スクロール固定Column */
.position-sticky-wrap {
    overflow: visible !important;
}
.device-pc .wp-block-column.position-sticky-column {
    position: sticky;
    top: 100px;
    align-self: flex-start;
}

/*採用情報*/
.list-tag {
	list-style:none;
	padding-left:0;
	display:flex;
	gap:0 1rem;
}
.list-tag li {
	background:var(--wp--preset--color--vk-color-custom-2);
	color:#fff;
	padding:5px 20px;
	border-radius:100px;
}

.list-flow .wp-block-vk-blocks-grid-column-item:not(:last-child):after {
	content: "\f105";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	position:absolute;
	right:-8px;
	top:50%;
	transform:translateY(-50%);
	color:var(--wp--preset--color--vk-color-custom-2);
	font-size:1.5rem;
}
.list-flow .wp-block-group {
	background:var(--bgc);
	border-radius:100%;
	aspect-ratio:1;
	position:relative;
	margin:1rem;
}
.list-flow .wp-block-group p.txt {
	font-size:24px;
	font-weight:700;
	position:absolute;
	top:50%;
	transform:translate(-50%,-50%);
	left:50%;
	text-align:center;
}
.list-flow .wp-block-group p.num {
	font-size:48px;
	font-family:var(--en);
	font-weight: 600;
	color:var(--wp--preset--color--vk-color-custom-2);
	position:absolute;
	left:1rem;
	top:0;
}


/*働く環境*/
.card-list .wp-block-columns {
	gap:1rem;
}
.card-list .wp-block-group {
	border:1px solid var(--wp--preset--color--vk-color-custom-2);
	padding:1rem;
	height:100%;
}
.card-list .wp-block-heading {
	margin-bottom:.5em;
}


/**お問い合わせ**/
.is-style-smf-required .smf-item__label::after {
	background:var(--wp--preset--color--vk-color-custom-2);
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Archive　ブログ一覧ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */

.vk_post:hover {
	background:transparent;
}

/*カテゴリ*/
.sub-section .widget {
	background:var(--bgc);
	padding:1rem;
}
.sub-section .widget h4 {
	color:var(--wp--preset--color--vk-color-custom-2);
	border-bottom:1px solid var(--wp--preset--color--vk-color-custom-2);
	padding-bottom:.5em;
}

/*******取り扱い製品******/
.product header.entry-header {
	display:none;
}
.vk_post {
	border-radius:0;
	gap:1rem;
	position:relative;
}
.vk_post_imgOuter {
	aspect-ratio:1;
	border-bottom:none;
	position:static;
}
.vk_post_imgOuter_singleTermLabel {
	position:absolute;
	right:0;
	top:0;
}
.card-body {
	padding:0;
}
.card:hover {
	border-color:#444;
}
.entry-footer {
	display:none;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Single　ブログ詳細ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  その他・追加機能
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */

/*スライダーの左右アイコン*/
.vk_slider .swiper-button-next, .vk_slider .swiper-button-prev, .vk_post_list_slider .swiper-button-next, .vk_post_list_slider .swiper-button-prev {
	background:#000;
	border-radius:100%;
	color:#fff;
}
.vk_slider .swiper-button-next:after, .vk_slider .swiper-button-prev:after, .vk_post_list_slider .swiper-button-next:after, .vk_post_list_slider .swiper-button-prev:after{
	font-size:.8rem;
}