@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 {
	--vk-color-border-hr:#ccc;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.gyo {
  font-family: "Klee One", cursive;
  font-weight: 400;
  font-style: normal;
}

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


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

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

.site-body {
	padding-bottom:0;
}

/*テーブルセル内余白*/
.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;
}

a[target="_blank"]::after{
 content: "\f35d";
 font-family: "Font Awesome 5 Free";
 font-weight: bold;
 padding-left: .3em;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  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: var(--vk-color-custom-1)!important;
    border-bottom: 3px solid var(--vk-color-custom-1);
}

#site-header-container.container {
	max-width:100%;
	padding-block:10px;
}
.header_scrolled .site-header {
	background:rgba(0,0,0,.5);
}

.nav li a, nav li a {
	color:#fff;
}


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

.breadcrumb-list {
	padding:3rem 0 1rem;
}

.footernav ul {
	list-style:none;
	padding-left:0;
}
.footernav ul li {
	font-size:13px;
	white-space:nowrap;
}
.footernav ul li a {
	text-decoration:none;
}
.footernav ul li a:hover {
	color:var(--wp--preset--color--vk-color-primary);
	text-decoration:underline;
}
.footernav ul li ul li:before {
	content:"-";
	margin-right:5px;
}

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

/*About Us*/
.img-flt1 {
	width:85%;
	transform:translateY(-8rem);
	margin-left:auto;
}
.img-flt2 {
	width:40%;
	position:absolute;
	left:0;
	bottom:0;
}
.img-flt1 img,
.img-flt2 img {
	width:100%;
}


/**イメージバナー**/
.imgbnr {
	position:relative;
}
.imgbnr .vk_button {
	margin-bottom:0;
}
.imgbnr figure {
	margin:0!important;
	overflow:hidden;
}
.imgbnr figure img {	
	transition: .5s;
	width:100%;
}
.imgbnr:hover figure img {
	transform: scale(1.1)
}
.imgbnr .wp-block-vk-blocks-button {
	font-weight: 700;
	font-size:1.125rem;
}
.imgbnr .wp-block-vk-blocks-button a {
}
.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;
}
.imgbnr .wp-block-vk-blocks-button a:hover:before {
	background:rgba(0,0,0,.1);
}
.imgbnr .vk_button_link_caption {
	position:absolute;
	left:0;
	right:0;
	text-align:center;
	bottom:2rem;
	flex-direction:column;
	gap:10px;
}
.imgbnr .vk_button_link_after {
	margin-left:0;
}


/*取扱実績　タブ*/
.wp-block-vk-blocks-tab {
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
	gap:3rem;
}
.vk_tab_labels {
	flex-wrap:wrap;
	gap:15px 0;
	min-width:250px;
}
.vk_tab_labels li.vk_tab_labels_label {
	width:100%;
}
.is-style-vk_tab_labels-line .vk_tab_bodys {
	border-top:none;
	margin-right: calc(50% - 50vw);
	flex-grow:1;
}
.wp-block-group {
	border-width: 0 !important;
    background-color: transparent !important;
	padding:0!important;
}

.is-style-vk_tab_labels-line .vk_tab_labels .vk_tab_labels_label>div {
	padding:1rem;
	border:1px solid #000;
	background-color:#f2f2f2!important;
	color:#000;
	text-align:left;
	position:relative;
	transition:.5s;
}
.is-style-vk_tab_labels-line .vk_tab_labels .vk_tab_labels_label>div:hover,
.is-style-vk_tab_labels-line .vk_tab_labels .vk_tab_labels_label.vk_tab_labels_label-state-active >div {
	color:#fff;
	background-color:#000!important;
}
.is-style-vk_tab_labels-line .vk_tab_labels .vk_tab_labels_label>div:after {
  content: "\f35a";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
	position:absolute;
	right:1rem;
	top:50%;
	transform:translateY(-50%);
}



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

.postListText_title a {
	text-decoration:none;
}

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

/* 会社概要 */

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


/*お問い合わせ*/
.smf-button-control button[type="submit"] {
	padding:1.5rem 5rem;
}

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

.sub-section .widget {
	background:#f2f2f2;
	padding:1rem;
}
.sub-section .widget h4 {
	font-weight:700;
	border-bottom:1px solid #000;
	padding-bottom:1rem;
}

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



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


/* ページネーション */
ul.page-numbers {
    display: flex;
    gap: 10px;
}
ul.page-numbers li {
    float: none;
}
ul.page-numbers li>.page-numbers {
    font-size: 20px;
    font-weight: bold;
}
ul.page-numbers li>.page-numbers{
    border: solid 2px transparent !important;
		border-radius: 0 !important;
		margin-left: 0 !important;
}
ul.page-numbers li>.page-numbers:not(.current) {
    border: solid 2px #eee !important;
    border-radius: 0 !important;
    margin-left: 0 !important;
    font-size: 20px;
    font-weight: bold;
}
ul.page-numbers li>.page-numbers:not(.current){
	transition:.3s;
}
ul.page-numbers li>.page-numbers:not(.current):hover{
	filter: brightness(0.9);
}