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


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


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

:root {
	--shadow:0px 10px 18px 2px rgba(0, 0, 0, 0.2);
}

.fw-bold {
	font-weight:700;
}
.fw-bolder {
	font-weight:900;
}
.border-black {
	border-color:#000!important;
}
.w-fitcontent {
	width:fit-content;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  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;
}


/*カラムgap*/
:where(.wp-block-columns.is-layout-flex) {
	gap:4rem;
}

.gap-3 {
	gap:1rem;
}

/*クラスなしのpdfリンク*/
a[target="_blank"]:not(.vk_button_link) {
	text-decoration:none;
}
a[target="_blank"]:not(.vk_button_link):after {
	content: "\f35d";
	font-family: "Font Awesome 7 Free";
	font-weight:900;
	margin-left:.5rem;
}


/*右側へ要素を広げる*/
.column-out-right{
    margin-right: calc(50% - 50vw);
}

/*左側へ要素を広げる*/
.column-out-left{
    margin-left: calc(50% - 50vw);
}

/*vkブロックボタン共通*/
.is-style-borderbtn .vk_button_link.btn,
.is-style-shopping-btn .vk_button_link.btn,
.is-style-bgcolorbtn .vk_button_link.btn {
	position:relative;
	overflow:hidden;
	transition: all 0.4s;
	isolation: isolate;
}
.is-style-borderbtn .vk_button_link.btn:before,
.is-style-shopping-btn .vk_button_link.btn:before,
.is-style-bgcolorbtn .vk_button_link.btn:before {
	content: '';
	position: absolute;
	inset: 0;
	background: #000;
	transform: scale(0,1);
  transform-origin: left;	
	transition: all 0.4s;
	z-index: -1;
}
.is-style-borderbtn .vk_button_link.btn:hover:before,
.is-style-shopping-btn .vk_button_link.btn:hover:before,
.is-style-bgcolorbtn .vk_button_link.btn:hover:before {
	transform: scale(1,1.1);
	transform-origin: left;
}
.vk_button .has-text-color.is-style-outline:hover.has-white-color {
	background:transparent;
}
.vk_button .has-text-color.is-style-outline:hover {
	border-color:#000;
}

.is-style-borderbtn .vk_button_link.btn:hover .vk_button_link_txt,
.is-style-borderbtn .vk_button_link.btn:hover .vk_button_link_after,
.is-style-shopping-btn .vk_button_link.btn:hover .vk_button_link_txt {
	color:#fff!important;
}


.btnw100 {
	width:100%;
}
.btnw100 .vk_button_link.btn {
	min-width:100%;
	width:100%;
	padding:.8rem 1rem .8rem 1.5rem!important;
}

/*テーブル*/
:where(:not(.wp-block-table))>table,
:where(:not(.wp-block-table))>table :is(thead,tbody,tfoot,th,td) {
	border-color:var(--wp--preset--color--cyan-bluish-gray);
}
.tablestyle table th,
.tablestyle table td {
	padding:1rem!important;
	font-size:1rem;
}

/*セパレーター*/
hr.wp-block-separator {
	border-color:var(--wp--preset--color--cyan-bluish-gray);
}
.wp-block-separator {
	border-width:1px;
}

/*timeline*/
.vk_timeline {
	margin:0 auto!important;
}
.is-style-af-timeline-2col {
	--time-width: 150px;
}
.is-style-af-timeline-2col.vk_timeline .vk_timeline_item_caption {
	font-size:1.5rem;
	color:var(--vk-color-primary);
	top:-.4rem;
	margin-bottom:0;
	font-weight:700;
}
.is-style-af-timeline-2col.vk_timeline .vk_timeline_item_lineStyle-default::before {
        left: calc(var(--time-width) + 1px);
}
.vk_timeline_item_lineStyle-default::before {
	width:1px;
	background:var(--vk-color-primary);
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Header ヘッダーまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ヘッダー固定 */
body  {
	overflow-x: unset !important;
    display: flex;
    flex-direction: column;
}
.device-pc #site-header {
    position: fixed;
    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: var(--vk-color-custom-1);
    border-bottom: 3px solid #fff;
}

/*言語切り替え*/
.btn-language .vk_button_link {
	font-weight:900;
	font-size:14px;
	padding:4px 12px;
	transition:.5s;
}
.btn-language.active .vk_button_link,
.btn-language .vk_button_link:hover {
	background:#000;
}

.site-header--layout--nav-float .site-header-logo img {
	margin-top:15px;
}
.site-header-container.container {
	max-width:100%;
}
.header_nav_search_container {
	min-width:unset;
	position:absolute;
	top:5px;
	right:15px;
}
.global-nav {
	margin-top:2.5rem;
	padding-bottom:.5rem;
}
.nav li a, nav li a,
.global-nav-list>li>a:hover, .global-nav-list>li.current-menu-item>a {
	color:#fff;
}

/*スクロール時にヘッダー背景*/
body header#site-header {
	background-color:rgba(0,0,0,0)!important;
	box-shadow:none!important;
	transition:.5s;
}

body.parent-pageid-5376 header#site-header,
body.parent-pageid-5378 header#site-header {
	background-color:rgba(0,0,0,.5)!important;
	position:sticky!important;
	left:0;
	top:0;
}

body.scrolled header#site-header {
	background-color:rgba(0,0,0,.5)!important;
}

body.parent-pageid-5376 .breadcrumb,
body.parent-pageid-5378 .breadcrumb {
	display:none;
}

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

.site-footer {
	background-position:center top;
}


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

/*ティーザー*/
.teaser-txt {
  font-size:clamp(1.875rem, 1.193rem + 3.41vw, 3.75rem);
	position:absolute;
	left:8%;
	bottom:15%;
}
/*SCROLLライン*/
.scroll-line {
	position  : absolute;
    bottom : 50px;
	left:50%;
	transform:translateX(-50%);
	margin:0;
	z-index:99;
	font-size:12px;
	color:#fff;
}
.scroll-line:after {
    content : '';
    display : inline-block;
    position : absolute;
    background-color: #fff;
    left : 50%;
    bottom : -50px;
    transform : translateX(-50%);
    width : 1px;
    height : 40px;
    animation: scroll-line 1.5s infinite;
}

@keyframes scroll-line {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  50% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  50.1% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}

/*画像重なり*/
.fltimg1 {
	width:70%;
	margin-left:auto;
}
.fltimg2 {
	width:50%;
	position:absolute;
	left:-5%;
	top:30%;
}
.fltimg3 {
	width:35%;
	margin-left:auto;
	margin-right:10%;
}


/*スライダー*/
.slider-logo {
	align-items:center;
}
.slider-logo figure img {
	width:90%;
}

.swiper-pagination {
	text-align:left;
	padding-left:1rem;
}
.swiper-pagination-bullet {
	width:10px;
	height:10px
}
.swiper-pagination-bullet-active {
	background:var(--vk-color-primary);
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Pageheader, Breadcrumb 下層ページヘッダー・パンくずリスト
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 下層ページのページヘッダー、パンクズ設定 */



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

/* 会社概要 */

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

/*輸入製品　取扱メーカー*/
.makerlist figure {
	width:100%;
}
.makerlist figure img {
	object-fit:contain;
	aspect-ratio:3/1;
	width:100%;
}

/*メーカーページ*/
.fixed-right {
	position:fixed;
	right:0;
	top:50%;
	transform:translateY(-50%);
	z-index:100;
}
.fixed-right .vk_buttons_col {	
	flex-direction:column;
	gap:1rem;
}
.fixed-right .vk_button_link.btn {
	writing-mode: vertical-rl;
	padding:1rem .8rem;
	min-width:unset;
	transition:.5s;
}
.fixed-right .vk_button_link.btn:hover {
	background:#000!important;
}

/*youtube*/
.youtube {
	position: relative;
	padding-top: 56.25%;
	height: 0;
}

.youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

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

.sub-section .widget {
	background:#f2f2f2;
	padding:1rem;
}
.sub-section .widget h4 {
	font-weight:700;
	margin-bottom:.5em!important;
}

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



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