@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:#333;
	--rounded:1rem;
	--vk-color-border:#ccc;
}

body,p,a,li,th,td,div {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing:.05rem;
}

h1, h2, h3, h4, h5, h6, .page-header-title,
h2 span, h3 span {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.fw400 {
	font-weight:400!important;
}
.fw500 {
	font-weight:500!important;
} 
.fw700 {
	font-weight:700!important;
} 
.fw900 {
	font-weight:900!important;
} 

.rounded {
	border-radius:var(--rounded)!important;
	overflow:hidden;
}
.fw-bold{
	font-weight:bold;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Common 汎用パーツ系
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 繰り返しボタン・見出し、余白設計など 汎用パーツへの上書き */

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

/*枠ボタン角丸*/
.vk_button_link.btn.is-style-outline {
	border-width:2px;
	border-radius:100px;
	min-width:250px;
	text-align:left;
	padding:1.2rem 3rem 1.2rem 2rem;
	position:relative;
}
.vk_button_link.btn.is-style-outline .vk_button_link_caption span {
	font-weight:700;
}
.vk_button_link.btn.is-style-outline .vk_button_link_after {
  position:absolute;
  top:50%;
  transform: translateY(-50%);
  right:1.5em;
  transition:.5s;
}
.vk_button_link.btn.is-style-outline:hover .vk_button_link_after {
  right:1em;
}
.vk_button .has-text-color.is-style-outline:hover {
	background-color:var(--wp--preset--color--vk-color-primary)!important;
	border:2px solid var(--wp--preset--color--vk-color-primary)!important;
}

/*見出し（下バー）*/
.is-style-vk-mds-underbar.has-white-color:after {
  background:#fff;
}

/*見出しem装飾*/
.point-em em {
  background:var(--vk-color-primary);
  color:#fff;
  aspect-ratio:1;
  border-radius:100%;
  padding:1rem;
  line-height:1;
  display:inline-block;
}

/*見出しサブテキスト中央*/
.step-heading .vk_heading_subtext {
  font-size:2rem;
  display:flex;
  justify-content:center;
  flex-direction:column;
  align-items:center;
  gap:1rem;
}
.step-heading .vk_heading_subtext:after {
  content:"";
  width:40px;
  height:5px;
  background:var(--vk-color-primary);
}

/*テキストアンダーライン*/
.text-decoration-underline {
	text-decoration:underline;
	text-underline-offset:15px;
	line-height:2.5;
}
/*リスト（ダイア）*/
ul.list-diamond {
	list-style:none;
}
ul.list-diamond li {
	position:relative;
	margin: calc(1rem * 0.8) 0;
    line-height: calc(1rem * 1.65);
}
ul.list-diamond li::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    content: "\f219";
    left: -1.5em;
}

/*下固定*/
.position-bottom {
	position:absolute;
	left:0;
	bottom:0;
}

/**テーブル**/
figure:not(.is-style-border-rows) table th {
	background:#888;
	color:#fff;
}
figure:not(.is-style-border-rows) table td {
	background:#fff;
}
.subhead {
	background-color:#dfeaf5ed!important;
}
.subhead2 {
	background:rgba(190, 19, 19,.1)!important;
}

.gridcol-align-center .row {
    display: flex;
    justify-content: space-around;
}

/*ラベリング*/
.ttl {
	background:var(--vk-color-primary);
	color:#fff;
	display:inline-block;
	padding:.1rem .5rem;
	margin:0;
	font-size:.8rem;
	white-space:nowrap;
}

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

/* ヘッダーレイアウト（変則） */
#site-header-container {
    display: grid;
    grid-template: auto auto / 480px auto 130px;
	max-width: unset;
	padding: 0;
}
.site-header .site-header-logo {
    grid-area: 1 / 1 / 3 / 2;
}
.header_cta_container {
    grid-area: 1 / 3 / 3 / 4;
}
.header_sub_container{
	grid-area: 1 / 2 / 2 / 3;
}
nav#global-nav{
	grid-area: 2 / 2 / 3 / 3;
}

.site-header-logo {
	padding-inline:15px;
}

/* グローバルナビ */
.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);
}
.device-pc .global-nav-list>li .global-nav-name {
    font-size: 15px;
}
.device-pc .global-nav-list>li>a {
    padding: 1em;
}

/*グローバルなび上*/
.head-call .vk_button_link_caption {
	font-size:24px;
}
.head-call .vk_button_link_subCaption {
	color:var(--vk-color-text-body);
}



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

/*CTA*/
.cta-btns .vk_buttons_col {
	flex-wrap:nowrap;
}
.cta-btns .vk_button_link.btn {
	padding:1.5rem 1rem;
}
.cta-btns .vk_button_link.vk_button_link-type-text .vk_button_link_caption {
	font-size:38px;
}
.cta-btns .vk_button_link_subCaption {
	color:var(--vk-color-text-body);
}


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

/*ティーザー*/
.topteaser {
	position:relative;
}
.topteaser-cap {
	position:absolute;
	width:fit-content;
	top:50%;
	left:5%;
	transform:translateY(-50%);
}
.mv-cap p {
	font-weight:900;
	font-size:clamp(1.375rem, 1.057rem + 1.59vw, 2.25rem);
}
.mv-cap p.large {
	font-size:clamp(1.75rem, 1.295rem + 2.27vw, 3rem);
}

#mc-text{
	font-weight:900;
	font-size:clamp(1.75rem, 1.051rem + 2.94vw, 2.875rem);
	text-align:center;
	margin:0;
	line-height:1.8;
}
#mc-text em {
    font-style: normal;
}
span.line1 em {
    font-size: 1.2em;
}
span.line2 {
    letter-spacing: 0.1em;
    font-size: 1.2em;
}
span.line2 em {
    font-size: 1.1em;
}
span.line3 {
    font-size: 1.3em;
}
#mc-text strong {
    color: var(--vk-color-custom-1);
}
.topteaser-image,
.topteaser-image img {
    max-height: 80vh;
    background: #f6f0e6;
}
.topteaser-image img {
    object-position: bottom;
    object-fit: cover;
}



/*バナー画像*/
.flt-bnr {
	transform:translateY(-3rem);
}
/*画像上下反転*/
.reflect-y {
  transform: scaleY(-1);
}

/* maskスライダー＋ゲート */
#top-ann-wrap {
    position: relative;
}
#top-car-gate {
    position: absolute;
    bottom: 0;
    left: 0;
}
#top-slide-ann .slick-slide {
    padding: 0 !important;
    margin: 0 !important;
}
#top-slide-ann {
	mask-image: url("../../../wp-content/uploads/carclip.svg");
    mask-repeat: no-repeat;
    mask-position: 0 0;
    mask-size: 100%;
}

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



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

/* 会社概要 */

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

/* まいどプロメンテテーブル */
.table-promainte tr>* {
    padding: .5em !important;
}

td.cell-vertical {
    writing-mode: vertical-rl;
}

/*FAQ*/
.vk_faq {
	border-bottom:none;
}
.vk_faq .vk_faq_title p,
.vk_faq .vk_faq_title:before,
.vk_faq .vk_faq_content:before {
	font-weight:700;
}
.vk_faq .vk_faq_title {
	border-bottom:none;
}
.vk_faq .vk_faq_title {
	padding-left:3.5rem!important;
}
.vk_faq .vk_faq_title:before {
	left:1rem;
}
.vk_faq_content {
	background:#f2f2f2;
	padding:1.5rem 1.5rem 1.5rem 3.5rem!important;
	border-radius:var(--rounded);
}
.vk_faq .vk_faq_content:before {
	left:1rem;
	top:1.4rem;
}

/*アコーディオン*/
.wp-block-vk-blocks-accordion {
	background:#fff;
	padding:.8rem 1rem;
	border-radius:var(--rounded);
}

/* オートローン */
.autoloan sup {
    font-size: 14px;
    background: #f5bc35;
    display: inline-block;
    padding: .3em 1em;
    border-radius: 99px;
    margin-top: -20px;
    position: relative;
}
.autoloan sup::before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 50%;
    transform: translate(-50%,100%);
    width: 10px;
    height: 10px;
    border: solid 10px transparent;
    border-top: solid 10px #f5bc35;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Archive　ブログ一覧ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */

.card-noborder .vk_post_imgOuter {
	border-radius:var(--rounded);
	border:none;
}

.swiper-wrapper {
	padding-bottom:30px;	
}
.flow-slider {
    width: calc((100% + (100vw - 100%) / 2) - 10px);
}
.flow-slider button.slick-prev.slick-arrow {
    top: 100%;
    left: 0;
}
.flow-slider button.slick-next.slick-arrow {
    top: 100%;
    left: 70px;
}
.swiper-pagination {
	width:1110px!important;
	bottom:0;
}
.swiper-pagination-bullet {
	width:10px;
	height:10px;
	border-radius:100px;
}
.vk_slider .swiper-button-next {
	display:none;
}
.vk_slider .swiper-button-prev {
	background:none;
}
.vk_slider .swiper-button-prev:after {
	font-size:2.5rem;
}


.img-followme {
	position:absolute;
	right:0;
	top:-120px;
}
figure.wp-block-image.is-style-vk-image-rounded img {
	border-radius:var(--rounded);
}

/* ページネーション */
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);
}
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: #eee;
    aspect-ratio: 1 / 1;
    max-width: 10vw;
}
ul.page-numbers li>a.prev.page-numbers,
ul.page-numbers li>a.next.page-numbers {
    background: #fff;
    border-color:transparent !important;
}

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

.sub-section .widget {
	background:var(--wp--preset--color--vk-color-custom-2);
	padding:1.5rem 1.5rem .5rem;
	border-radius:var(--rounded);
}
.sub-section .widget h4 {
	font-weight:700;
}

/* フッタータグ・カテゴリ */
.entry-footer {
    margin-top: var(--vk-margin-section-bottom);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2rem;
}
.entry-meta-data-list {
    padding: 0;
}
.entry-meta-data-list dl {
    display: flex;
    align-items: baseline;
}
.entry-meta-data-list dt {
    background: none;
    color: unset;
    font-size: 0.875rem;
    padding: 0;
    min-width: unset;
    text-align: left;
    float: unset;
    margin-right: 1em;
}
.entry-meta-data-list dd.tagcloud {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px;
}
.entry-meta-data-list dd a {
    font-size: 14px !important;
    padding: 0.3em 1em;
    text-decoration: none;
    border: solid 1px #aaa;
    border-radius: 50px;
    margin: 0;
}
.entry-meta-data-list dd a:hover {
    text-decoration: none;
    color: #333;
    background: #ddd;
}

/* 保険・方針 */
.terms p,
.terms li {
    font-family: 'Noto Sans JP' !important;
    letter-spacing: 0;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  在庫車情報　一覧・詳細
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.vk_post.type-cars {
    background: #fff;
	transition:.3s;
}
.vk_post.type-cars:hover {
    background: #fff;	/* ホバー時の背景色は、お好みで */
    border-color: #aaa;
    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
}
.vk_post.type-cars h5.vk_post_title {
    margin-bottom: 1rem;
}
.vk_post.type-cars h5.vk_post_title a {
    font-size: 1.2rem;
    font-weight: bold;
}
span.post_car-price-strike {
    text-decoration: line-through;
    color: #aaa;
    font-size: 14px;
	margin-right:1rem;
}
.post_car-price {
    border-bottom: solid 1px #ccc;
    margin-bottom: 0.3em;
    padding-bottom: .3em;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}
.post_car-price-title {
    background: var(--vk-color-custom-1);
    color: #fff;
    font-size: 14px;
    padding: .2em;
	margin-right: auto;
}
.post_car-price-large {
    font-size: 1.2em;
    font-weight: bold;
}
.post_car-price-num {
    font-size: 2rem;
    font-weight: bold;
    color: var(--vk-color-custom-1);
}

.post_car-price-notes {
    font-size: 12px;
    color: #555;
    text-align: right;
    margin-bottom: 1.5rem;
}

.post_car-spectable td {
    padding: .2em;
    text-align: center;
}
.post_car-spectable th {
    padding: .2em;
    background: #eee;
	font-size: 12px;
}
table.post_car-spectable {
    border-color: #eee;
}


p.car-price-title {
    padding: .3em;
    width: 100%;
    line-height: 1.2;
}
.car-price-wrap {
    display: flex;
    align-items: baseline;
    flex-direction: row;
    gap: 1em;
}
p.car-price {
    font-size: 1.5rem;
    font-weight: bold;
}
.car-strike {
    opacity: 0.7;
}
.car-price-numlarge {
    color: var(--vk-color-primary);
    font-size: 3rem;
    margin-right: 10px;
}
.car-spectable table,
.car-spectable table :is(thead,tbody,tfoot,th,td) {
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: #ccc;
    border-bottom-color: #ccc;
}
.car-spectable table tr th {
    background: var(--vk-color-custom-2);
    color: #777;
}
.car-detail-title {
    font-size: 1.2rem;
}
ul.car-checkbox {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: .5em;
}
ul.car-checkbox li {
    border: solid 1px #f1cd91;
    padding: .2em .5em;
	margin:0;
}

.car-notes,
.car-voice{
    background: #eee;
    padding: 1em 2em;
    margin-bottom: 2em;
}

h3.car-notes-title,
h3.car-voice-title {
    font-size: 1em;
    color: #777;
}
.car-notes-content p:last-child,
.car-voice-content p:last-child {
    margin: 0;
}
.single-cars .entry-footer {
    display: none;
}

.grid-gallery {
    gap: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
    gap: 5px;
}
.grid-gallery figure.wp-block-image {
    width: 100% !important;
}


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

/*お問い合わせフォーム*/
.smf-button-control button[type="submit"] {
	border-radius:100px;
	padding:1.5rem 5rem;
}

/* カレンダー */
table.simcal-calendar-grid {
    max-width: 500px;
    border-color: transparent;
}
td.simcal-day {
    padding: 0.2em;
    vertical-align: text-bottom;
    text-align: center;
}

td.simcal-day>div {
    min-height: unset !important;
    text-align: center;
    border: none !important;
}

ul.simcal-events {
    list-style: none;
    padding: 0;
    margin: 0;
}
li.simcal-event {
    margin: 0;
    font-size: 12px;
}

span.simcal-day-label.simcal-day-number {
    font-weight: bold;
    font-size: 1rem;
    /*background: #fff;*/
    padding: 0.5em;
    border-radius: 100px;
    display: inline-block;
    width: 3rem;
    line-height: 2;
}

thead.simcal-calendar-head tr:last-child {
	border-bottom:2px solid var(--vk-color-text-body);
}
.simcal-calendar-grid th.simcal-current h3 {
	text-align:center;
}
tbody.simcal-month {
	margin-top:1rem;
}

.simcal-default-calendar-grid.simcal-default-calendar-light .simcal-day-void,
.simcal-default-calendar-grid.simcal-default-calendar-light .simcal-day-number,
.simcal-default-calendar-grid.simcal-default-calendar-light .simcal-day:hover {
	background-color:transparent;
}
li.simcal-event {
	text-align:center;
}
.simcal-default-calendar-grid .simcal-day>div {
	height:70px;
	padding-top:10px;
}


/* ファンシーボックスの閉じる・矢印ボタン */
#fancybox-close:hover span,
#fancybox-next:hover span,
body.rtl #fancybox-prev:hover span {
    transform: scale(1.2) !important;
}

#fancybox-prev:hover span,
body.rtl #fancybox-next:hover span {
    transform: scale(1.2) !important;
}