@charset "utf-8";
/*
Theme Name: lightning子テーマ
Theme URI: 
Template: lightning
Description: Generation3 Origin3
Author: エヌエー・システムズ
Tags: 
Version: 0.1.0
*/

@import url('../../../../css2-2');
@import url('../../../../css2-3');

/*------------------------------------------------
　コピーライト非表示
------------------------------------------------*/
div.site-footer-copyright p:last-child {
	display:none;
} 

/*------------------------------------------------
 フォント
------------------------------------------------*/
body {
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-weight: 400;
	font-size:16px;
 ? ?color: #333;
}

/* フリーダイヤルのアイコンフォント */
@font-face{
    font-family:'condenseicon';
    src: url('font/CONDENSEicon.ttf') format('truetype'),url('font/CONDENSEicon.otf') format('opentype'),url('font/CONDENSEicon.woff') format('woff');
}
.mojiicon{
   font-family:'condenseicon';
}
a {
    text-decoration: underline;
    -webkit-text-decoration-style: dotted;
    text-decoration-style: dotted;
    text-underline-offset: 2px;
    -webkit-text-decoration-color: rgba(0,0,0,.3);
    text-decoration-color: rgba(0,0,0,.3);
    text-decoration-thickness: 1px;
}
a:hover {
	text-decoration:none;
}

/*------------------------------------------------
 へッター
------------------------------------------------*/
.site-header-container {
    max-width: var(--wp--style--global--wide-size);
    max-height: 95px;
}
@media (min-width: 992px) {
	.site-header-logo {
    	width: auto;
	}
	.device-pc .global-nav-list>li>a {
    	padding-top: 0;
	}
/* スクロール時もロゴ表示 */
	.site-header-logo, .header_scrolled .site-header-logo {
    	display: flex;
    	position: absolute;
	}
/* スクロール時のナビの位置揃えに必要 */
	.header_scrolled .site-header .global-nav {
    	display: flex;
	}
	.header_scrolled .global-nav-list {
    	height: auto;
	}
	.header_scrolled .global-nav--layout--float-right {
    	align-items: center;
	}
	.header_scrolled .site-header .global-nav {
    	margin-right: 0;
	}
/* 電話番号表示(htmlはfuncrtion.phpに) */
	.logo-after {
		order:3;
		display: flex;
		justify-content: center;
		align-items: center;
		padding-top: 5px;
	}
	.contact_txt span {
		display: block;
	}
	.contact_txt_catch, .contact_txt_time {
    	font-size: 12px;
	}
	.contact_txt_tel {
	    font-size: 28px;
	    letter-spacing: 1px;
	    font-weight: 700;
	}
}
@media (max-width: 991px) {
	.logo-after {
		display: none;
	}
}

.site-header-logo::after {
	content: '太陽光発電のことなら\Aファミデン';
	white-space: pre;
	font-size:1rem;
	line-height:1;
	padding-top:15px;
	padding-left:5px;
}
@media (max-width: 991px) {
	.site-header-logo::after {
		content: '太陽光発電のことならファミデン';
	}
}

/*------------------------------------------------
 グローバルメニュー
------------------------------------------------*/
.global-nav-list>li .global-nav-name {
	font-size:16px;
    font-weight:500;
}
.global-nav-list>li .global-nav-description {
	font-size:12px;		
}
.global-nav-list .sub-menu li {
	font-size:14px;	
}

/*------------------------------------------------
 フッター
------------------------------------------------*/
.site-footer  {
    color: #333;
    background-color:#E6E5FF;
	border-top:none;
}
.site-footer a {
	color: #333;
    -webkit-text-decoration-color: rgba(255,255,255,.5);
    text-decoration-color: rgba(255,255,255,.5);
}
.widget {
    margin-bottom: 1rem;
}

/*------------------------------------------------
 ページトップボタン
------------------------------------------------*/
.page_top_btn {
	background: rgba(181,178,255,.8);
	border: 1px solid rgba(181,178,255,.8);
	background-image: url(../../plugins/vk-all-in-one-expansion-unit/assets/images/to-top-btn-icon.svg);
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: center;
	box-shadow: 0 0 0 1px rgba(255,255,255,.8),0 0 0 2px rgba(181,178,255,.8);
	opacity: 0;
}

/*------------------------------------------------
 ページタイトルに背景画像を表示
------------------------------------------------*/
.page-header-title{
	letter-spacing:0.3rem;
}
.page-header {
    min-height: 15rem;
}
/* サービス概要 */
.page-id-18 .page-header {
	color:#FFF;
	background-image: url("../../uploads/2024/12/top_image_3.jpg");
	background-color:rgba(0,0,0,0.2);
	background-blend-mode:overlay;
	background-size:cover;
	background-position:left 75%;
}
/* 会社概要 */
.page-id-20 .page-header {
	color:#FFF;
	background-image: url("../../uploads/2024/12/top_image_2.jpg");
	background-color:rgba(0,0,0,0.0);
	background-blend-mode:overlay;
	background-size:cover;
	background-position:left 55%;
}
/* 施工の流れ */
.page-id-22 .page-header {
	color:#FFF;
	background-image: url("../../uploads/2024/12/top_image_5.jpg");
	background-color:rgba(0,0,0,0.3);
	background-blend-mode:overlay;
	background-size:cover;
	background-position:left 70%;
}
/* お問い合わせ */
.page-id-24 .page-header {
	color:#FFF;
	background-image: url("../../uploads/2024/12/top_image_4.jpg");
	background-color:rgba(0,0,0,0.3);
	background-blend-mode:overlay;
	background-size:cover;
	background-position:left 48%;
}

/* 投稿ページ */
.single .page-header,
.archive .page-header {
    min-height: 3rem;
}
.blog .page-header {
	color:#FFF;
	background-image: url("images/header_company.jpg");
	background-color:rgba(0,0,0,0.2);
	background-blend-mode:overlay;
	background-size:cover;
	background-position:left 70%;
}

/*------------------------------------------------
 見出し
------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-weight:700;
}
/* フォントサイズ調整 */
h3, .h3 {
    font-size: 1.5rem;
}
@media (max-width: 599px) {
	h2 {
		font-size: 1.5rem!important;
	}
	h3 {
		font-size: 1.25rem!important;
	}
	h4 {
		font-size: 1.25rem!important;
	}
}

/* 見出しデザイン追加 */
/* 左カラー+下線 */
.midashi01 {
	border-bottom: 1px solid #CCC;
	padding: 0.3em 0 0.5em 0.5em;
	border-left: solid 5px #3485F3;
}
/* 下斜線 */
.midashi02 { 
	position:relative;
	padding:1.5rem 0
}
.midashi02:after {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:10px;
	content:'';
	background-image:-webkit-repeating-linear-gradient(135deg,#CCC,#CCC 1px,transparent 2px,transparent 5px);background-image:repeating-linear-gradient(-45deg,#CCC,#CCC 1px,transparent 2px,transparent 5px);
	background-size:7px 7px;
	-webkit-backface-visibility: hidden;
	backface-visibility:hidden;
}

/* 既見出しデザイン修正 */
/* 直線 下線 黒 */
.is-style-vk-heading-solid_bottomborder_black, .editor-styles-wrapper .block-editor-block-list__layout .is-style-vk-heading-solid_bottomborder_black {
	border-bottom: solid 1px #ccc;
}
/* 背景塗り 灰色 */
.is-style-vk-heading-background_fill_lightgray {
    background-color: #F2F7FF;
}
/* 左右線 */
.is-style-vk-heading-both_ends::before, .is-style-vk-heading-both_ends::after, .editor-styles-wrapper .block-editor-block-list__layout .is-style-vk-heading-both_ends::before, .editor-styles-wrapper .block-editor-block-list__layout .is-style-vk-heading-both_ends::after {
	border-bottom: 1px solid #ccc;
}

/* 子ページリスト見出し */
.sub-section-title:after {
	border-bottom: 0;
}

/*------------------------------------------------
 投稿
------------------------------------------------*/
article.entry {
        font-family:"メイリオ", "Meiryo", sans-serif;	
}

/* 非表示項目 */
.entry-meta-item-author, .entry-meta-item-updated, .vk_post_date  {
	display:none!important;
}
/* アイコンの色 */
.entry-meta-data-list dt {
	background-color: rgba(52,133,243,.7);
}
.card-intext .card-intext-inner .vk_post_body {
    background-color: rgba(52,133,243,.7)
}

/*------------------------------------------------
 テーブル
------------------------------------------------*/
table th, table td {
	font-size:1rem;
}
table, table th, table td {
	border-left:0!important;
	border-right:0!important;
	border-top-color: #EFEFEF!important;
	border-bottom-color: #EFEFEF!important;
}
table th {
	background-color:#FCFCFC;
	white-space: nowrap;
	font-weight:600;
}

/* レスポンシブ用の追加クラス */
@media (max-width: 640px){
	table {
  		width: 100%;
		table-layout: fixed;
	}
	.table-resp th {
        display: block;
		max-width:100%;
    } 
    .table-resp td {
        display: block;
		max-width:100%;
    }
}
.scroll-box {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

/*------------------------------------------------
/* アンカーリンクのジャンプ位置調整
------------------------------------------------*/
.anchor {
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}

/*------------------------------------------------
 Googleマップ
------------------------------------------------*/
.gmap {
	margin-bottom:0;
}
.gmap iframe {
	width: 100%;
	aspect-ratio: 5/2;
	margin-bottom:0;
}

/*------------------------------------------------
 コンタクトフォーム
------------------------------------------------*/
input[type="text"],
input[type="url"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="tel"] {
	width: auto;
	max-width:100%;
}
@media (max-width: 640px){
	input[type="text"],
	input[type="url"],
	input[type="password"],
	input[type="email"],
	input[type="search"],
	input[type="tel"],
	textarea {
	width: 100%;
	}
	.table tbody tr td .form-control, .table tbody tr th .form-control, .table td .form-control, .table th .form-control, .table thead tr td .form-control, .table thead tr th .form-control, table tbody tr td .form-control, table tbody tr th .form-control, table td .form-control, table th .form-control, table thead tr td .form-control, table thead tr th .form-control {
	max-width: 100%;
	}
}
.attention {
	font-size:0.8em;
	font-weight:400;
}
.btn-lg {
	font-size: calc(var(--vk-size-text) * 1.25);
}

/*------------------------------------------------
 デザイン調整
------------------------------------------------*/
/* ページ遷移時のエフェクト */
body {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

/* スライドエフェクト */
@keyframes zoom-in {
  0% {
 ? ?transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
.swiper-slide-active picture img,
.swiper-slide-duplicate-active picture img,
.swiper-slide-prev picture img {
  animation: zoom-in 10s linear 0s 1 reverse both;
}

/* スライドテキスト */
.ltg-slide-text-set {
	top: 47%;
	left: 50%;
}
.ltg-slide-text-title {
	font-size:2.5rem;
}
@media (max-width: 640px){
	.ltg-slide-text-title {
		font-size:1.5rem!important;
	}
}

/* スライドテキストエフェクト */
.ltg-slide-text-title, .ltg-slide-text-caption {
  position: relative;
  opacity: 0;
  transform: translateY(30%);
  animation: fadeInFromBottom 2s forwards;
}
@keyframes fadeInFromBottom {
  to {
    opacity: 1; /* アニメーション終了時に完全に表示 */
    transform: translateY(0); /* アニメーション終了時の位置 */
  }
}

/* リンク画像エフェクト */
a:hover img{
	opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter: “alpha( opacity=50 )”;
}

/* ギャラリー */
.wp-block-gallery.has-nested-images figure.wp-block-image {
  flex-grow: 0;
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
    font-size: 16px;
	font-weight: 700;
}
.center .wp-block-gallery {
	justify-content: center;
}

/* 子ページインデックスタイトル */
.veu_card .veu_card_title {
	font-size:20px;
}

/* 区切線 */
.delimiterb {
	border: 3px solid var(--vk-color-border-hr);
	margin-bottom: var(--vk-margin-headding-bottom);
	width:50px;
}
.is-style-vk-heading-dotted_bottomborder_black {
	border-bottom: 1px dotted #CCC;
}

/* 書体 */
.mincho {
	font-family: 'Shippori Mincho B1', serif!important;
}

/* VKタイトル(サブテキスト有) */
h2.vk_heading_title {
	font-size:2.2rem;
}
@media (max-width: 599px) {
h2.vk_heading_title {
		font-size: 2.2rem!important;
	}
}

/* CTA */
.home ul.is-style-vk-check-mark li {
    margin: 0;
 ? ?line-height: 16px;
}
.mih-none {
	min-height:0!important;
}

/*------------------------------------------------
 他
------------------------------------------------*/
.vk-mobile-nav-menu-btn {
    border-color: #333;
    background: url("../../themes/lightning/_g3/inc/vk-mobile-nav/package/images/vk-menu-btn-black.svg") center 50% no-repeat rgba(255, 255, 255, .8);
}
.vk-mobile-nav-menu-btn.menu-open {
    border-color: #333;
    background: url("../../themes/lightning/_g3/inc/vk-mobile-nav/package/images/vk-menu-close-black.svg") center 50% no-repeat rgba(255, 255, 255, .8);
}