@charset "utf-8";
/*
Theme Name: Lightning Child
Theme URI:
Template: lightning
Description:
Author:アートフレア株式会社
Tags: 
Version: 1.1
*/

/* 標準データ最終更新日：2024/11/22  */


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  general　全体的な設定
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* :root設定、@import、フォント読み込み、bodyへの上書き、カラー変数設定など */

@import url('https://fonts.googleapis.com/css2?family=Klee+One&family=Oswald:wght@600&display=swap');

:root {
	--round:16px;
	--vk-size-radius:16px;
	--gra: linear-gradient( 45deg, rgb(244,133,232) 0%, rgb(244,133,134) 100%);
	--gra2: linear-gradient( 180deg, rgb(244,133,232) 0%, rgb(244,133,134) 100%);
	--vk-color-border-hr:#ccc;
}

.klee {
  font-family: "Klee One", cursive;
  font-weight: 400;
  font-style: normal;
}
.oswald {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}


 a:not([class]) {
    text-decoration: underline;
	-webkit-text-decoration-style: solid;
	text-decoration-style: solid;
    text-underline-offset: 2px;
    text-decoration-thickness: 1px;
}
a:not([class]):hover {
    color: var(--vk-color-text-link-hover);
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  common 汎用パーツ系
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

	/* 繰り返しボタン・見出し、余白設計など */

/*ボタンのリセット（下線消しとか）*/
.vk_button .vk_button_link.btn:hover {box-shadow:none; opacity:1;}

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

/*画像角丸*/
figure.wp-block-image.is-style-vk-image-rounded img {
	border-radius:var(--round);
}

/*ボタンを下固定*/
/* .btn-bottom {
	position:absolute;
	left:0;
	bottom:0;
} */

/*お問い合わせボタン*/
.contactbtn .vk_button_link.btn {
	background: var(--gra);
	padding:1rem 3rem;
	transition:.5s;
}
.contactbtn .vk_button_link.btn:hover {
	/*background:var(--wp--preset--color--vk-color-custom-4)!important;*/
	transform: scale(1.1);
	opacity:1;
}
.contactbtn .vk_button_link_txt {  
  font-size:20px;
  font-weight: 700;
}

/*横固定お問い合わせ*/
.fixed-contact {
	position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
	z-index:100;
}
.fixed-contact .vk_button_link.btn {
	writing-mode: vertical-rl;
	letter-spacing:.1em;
    min-width: unset;
    padding: 1rem 1rem !important;
	border-radius:16px 0 0 16px;
	background: var(--gra2);
	transition:.5s;
}
.fixed-contact .vk_button_link_txt {  
  font-size:20px;
  font-weight: 700;
}
.fixed-contact .vk_button_link_before {
    margin-right: 0;
    margin-bottom: .5em;
}
.fixed-contact .vk_button_link.btn:hover {
	/*background:var(--wp--preset--color--vk-color-custom-4)!important;*/
	padding:1rem 1.5rem!important;
	opacity:1;
}

/*テーブルボーダーカラー*/
:where(:not(.wp-block-table))>table :is(thead,tbody,tfoot,th,td) {
	border-color:#ccc;
}

/*デフォルトテーブル*/
.wp-block-flexible-table-block-table th,
.wp-block-flexible-table-block-table td {
	padding:1rem!important;
}
.wp-block-flexible-table-block-table td {
	text-align:center;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  header ヘッダーまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

	/* ヘッダーウィジェット・グローバルナビ */

/* ヘッダー固定 */
body  {
	overflow-x: unset !important;
    display: flex;
    flex-direction: column;
}
.device-pc #site-header {
    position: sticky;
    top: 0;
}
.logged-in #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 var(--vk-color-custom-1);
}

.site-header-container.container {
	max-width:100%;
}
.header_nav_search_container {
	min-width:unset;
}

.site-header-logo img {
	margin-block:15px;
}
.site-header {
	box-shadow:none;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  footer フッターまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

	/* フッターウィジェット、フッターロゴ、コピーライト */

.footernav {
	gap:2rem;
}
.footernav p,
.footernav p a {
	font-size:.9rem;
	color:#333;
	text-decoration:none;
}
.footernav p a:hover {
	text-decoration:underline;
}

.footernav a[target="_blank"]::after{
 content: "\f08e";
 font-family: "Font Awesome 6 Free";
  font-weight: 900;
 padding-left: .3em;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  pageheader,breadcrumb 下層ページヘッダー
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

	/* 下層ページのページヘッダー、パンクズ設定 */

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

.page-id-5013 .page-header {
	background-position:center bottom 5%;
}
.post-type-post .page-header,
.page-id-4734 .page-header {
	background-size:contain;
	color:#333;
}

.page-header-subtext {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
	letter-spacing:.1em;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Toppage トップページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

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

/*ティーザー*/
.teaser-txt {
	position:absolute;
	left:8%;
	top:50%;
	transform:translateY(-50%);
}

/*リクルート画像重ね*/
.fltimg1 img,
.fltimg2 img {
	border:5px solid #fff;
	width:55%;
}
.fltimg1 img {
	margin-bottom:100px;
}
.fltimg2 img {
	position:absolute;
	right:0;
	bottom:0;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  page 下層ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

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


/*流れ（STEP）*/
.vk_step {
	margin:0 auto!important;
}
.vk_step .vk_step_item_content {
	padding-bottom:1rem;
}
.vk_step .vk_step_item .vk_step_item_dot {
	padding:0;
}
.vk_step .vk_step_item .vk_step_item_dot_num {
	font-size:1.4rem;
	line-height:46px;
	font-weight:700;
}

/*流れ（TIMELINE）*/
.vk_timeline {
	margin:0 0 0 80px!important;
	position:relative;
}
.vk_timeline .vk_timeline_item_caption {
	position:absolute;
	left:-80px;
	top:0;
	font-weight:700;
	color:var(--wp--preset--color--vk-color-custom-4);
}
.vk_timeline .vk_timeline_item_style.vk_timeline_item_style-outlined {
	border-color:var(--wp--preset--color--vk-color-custom-4);
	background-color:var(--wp--preset--color--vk-color-custom-4);
}

/*アコーディオン*/
.wp-block-vk-blocks-accordion,
.vk_accordion-trigger .vk_accordion-toggle-open {
	border-bottom:none!important;
}
.vk_accordion-trigger {
	padding:1.5rem;
	background:var(--wp--preset--color--vk-color-custom-3);
	border-radius:var(--round);
}
.vk_accordion-target-open {
	padding-block:2rem;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Archive / Single ブログ一覧ページ、ブログ詳細ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

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

.postListText {
	border-bottom:1px solid #999;
}
.postListText_title a {
	text-decoration:none;
}

.vk_post-postType-post a {
	text-decoration:none;
}
.sub-section .widget {
	background:var(--wp--preset--color--vk-color-custom-3);
	padding:1rem;
	border-radius:var(--round);
}
.veu_postList .postList_terms a {
	border-radius:0;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  メモ用
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/*横固定*/
.sticky-wrap {
  display: flex !important;
    overflow: visible !important;
    align-items: flex-start !important;
}
.sticky-left{
  position: sticky!important;
  top: 150px!important;
}
.wp-block-vk-blocks-outer.vk_outer {
  overflow:visible;
}