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

/* 標準データ最終更新日：　2023/10/20  */

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

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

 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);
}
:root{
	--vk-size-radius:0;
}

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

	/* 繰り返しボタン・見出し、余白設計など */
/* リンクエリア拡大 */
.stretched-linkitem {
    position: relative !important;
}
.stretched-linkitem a::after{
	position:absolute;
	top:0;	right:0;	bottom:0;	left:0;
	z-index:1;
	pointer-events:auto;
	content:"";
	background-color:rgba(0,0,0,0);
}

/* button */
.btn {
    border-radius: unset;
}
.vk_button a:hover {
    box-shadow: none;
}
.vk_button .vk_button_link-type-text {
    border-bottom: solid 1px #555;
    padding: 0.6em 1.5rem;
    min-width: 250px !important;
    display: inline-block;
}
.vk_button .vk_button_link-type-text .vk_button_link_caption {
    display: flex !important;
    justify-content: space-between !important;
}
.vk_button .vk_button_link-type-text .vk_button_link_txt {
    transition:.3s;
	filter: grayscale(1) brightness(0.3);
}
.vk_button .vk_button_link-type-text:hover .vk_button_link_txt {
    text-decoration: none !important;
	filter: none;
}
.vk_button i.fas.fa-angle-right.vk_button_link_after {
    transition:.3s;
}
.vk_button .vk_button_link:hover i.fas.fa-angle-right.vk_button_link_after {
    transform: translateX(5px);
}

/* parts */
.wp-block-heading {
    letter-spacing: 0.08em;
}
.site-body p {
    line-height: 2;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  header ヘッダーまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

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

div#site-header-container {
    max-width: none;
	padding-right:0;
}
.site-header-logo img {
    padding: 10px 0;
}
.header_nav_search_container {
    height: 100%;
}

/* グローバルナビ */
.global-nav-list strong {
    font-weight: normal;
}
div#site-header-container, div#site-header-container>* {
    align-items: stretch;
}
.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 var(--vk-color-custom-1);
}
/* ヘッダーCTA */
.vk_button.header-button a.vk_button_link {
    height: 60px;
	min-width:120px;
}
.header-button .vk_button_link_caption {
    display: flex;
    flex-direction: column;
    align-content: center;
}
.header-button i.vk_button_link_before {
    font-size: 1.4rem;
    margin: 0;
}
.header-button .vk_button_link_txt {
    font-size: 14px;
}


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

	/* フッターウィジェット、フッターロゴ、コピーライト */
aside#block-42 {
    margin-bottom: 0;
}
div#breadcrumb {
    font-size: 1rem;
}

div#breadcrumb a:hover {
    color: var(--vk-color-primary-dark);
}

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

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

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

	/* ページごと、パーツごとにコメントアウトで注釈を入れてください。 */
#top-slider {
  opacity: 0;
  transition: opacity .1s linear;
}
#top-slider.slick-initialized {
  opacity: 1;
}
#top-slider .slick-list {
    padding: 0 !important;
}

#top-slider .slick-slide {
    margin: 0 !important;
}
.slick-dots li button:before {
    font-size: 14px;
}

.slick-dots li {
    width: 30px !important;
    height: 30px !important;
}

.slick-dots {
    bottom: -50px;
}
.stretched-linkitem figure{
    overflow:hidden;
}
.stretched-linkitem img {
    transition:.3s;
}
.stretched-linkitem:hover img {
    transform:scale(1.1);
    filter:brightness(0.8);
}


.postListText {
    border-bottom: 1px solid #ddd !important;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  page 下層ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#product-slider {
  opacity: 0;
  transition: opacity .1s linear;
}
#product-slider.slick-initialized {
  opacity: 1;
}

/* タイムライン2カラム */
@media (min-width: 768px) { 
.timeline-2column {
    --time-width:8em;
}
.timeline-2column.vk_timeline .vk_timeline_item {
    padding-left: calc( var(--time-width) + 20px);
}
.timeline-2column.vk_timeline .vk_timeline_item_lineStyle-default::before {
    left: var(--time-width);
    top: 30px;
}
.timeline-2column.vk_timeline .vk_timeline_item_style {
    left: calc( var(--time-width) - 5px);
    top: 12px;
}
.timeline-2column.vk_timeline .vk_timeline_item_caption {
    position: absolute;
    left: 0;
    top: 5px;
    width: calc( var(--time-width) - 20px);
    text-align: left;
}
}

/* Mediaとテキスト */
.wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__content {
    padding-right: 0;
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
    padding-left: 0;
}

@media (max-width: 768px) {
	.wp-block-media-text .wp-block-media-text__content {
		padding:0;
		margin-top:1em;
	}
}
.device-pc figure.wp-block-media-text__media {
    aspect-ratio: 1 / 1;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Archive / Single ブログ一覧ページ、ブログ詳細ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

	/* パーツごとにコメントアウトで注釈を入れてください。 */
.entry-meta-data-list {
    display: none;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Product
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.device-pc #product-slider-column {
    align-self: flex-start;
    position: sticky;
    top: 120px;
}

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

	/* メモの内容用 */


/* ペロっとしないヘッダー固定 */

body  {
	overflow-x: unset !important;
    display: flex;
    flex-direction: column;
}
.device-pc #site-header {
    position: sticky;
    top: 0;
}
.logged-in #site-header {
    top: 32px;
}