/*
Theme Name: Lightning Child
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/

/* ヘッダーとフッターの色を背景と同じに設定 */
.site-header {
	background-color: #FFF9EE;
}
.footer-nav {
	background-color: #FFF9EE;
}

/* ヘッダーナビの最後2項目も色を変える */
li#menu-item-106 {
    background-color: #abeaae;
}
li#menu-item-79 {
    background-color: #cefff9;
}

/* TOPページスライドショーの高さを変更 */
.swiper {
	max-height: 800px;
}
/* TOPページスライドショー文字調整 */
.ltg-slide-text-title {
	font-size: 1.8em;
	text-shadow: 1px 1px 4px #444444;
}
.ltg-slide-text-caption {
	font-size: 1.6em;
	text-shadow: 1px 1px 4px #444444;
	margin-bottom: 100px;
}
.ltg-slide-text-title+.ltg-slide-text-caption {
	margin-bottom: 5rem;
}
a.btn.btn-ghost {
	background-color: #558454;
	border: none;
}
a.btn.btn-ghost:hover {
	background-color: #279e2d;
}

/* TOPページ、キャッチコピーの文字調整 */
.main-catch-copy {
	width: 100vw;
	margin-left: calc(-50vw + 50%);
	background-image:  url("../../uploads/2024/09/about-head.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}
.main-catch-copy::before {
  background-color: rgba(0,0,0,0.2);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: ' ';
}
.main-catch-copy-content {
	z-index: 1;
}
.catch-copy {
	color: #ffffff;
}

/* 見出しの修飾 */
.title-heading {
	position: relative;
}
.title-heading p {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

/* TOPページProductのボタンの位置調整 */
.top-product-button {
	position: relative;
	top: -50px;
}

/* TOPページ、投稿の間隔 */
ul.columns-3 {
    gap: 40px;
}

/* ページヘッダーのタイトル文字調整 */
.page-header-title, h1.page-header-title {
    font-size: 2.5rem;
    font-weight: 700;
	letter-spacing: 0.1em;
	text-shadow: 1px 1px 2px black;
}

/* Aboutページヘッダー */
.page-id-66 .page-header {
	height: 300px;
	background-image: url("../../uploads/2024/09/about-head.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}

/* Aboutページ、大表示の時の最大幅の規定 */
@media(min-width: 992px) {
	.page-id-66 .container {
		max-width: 900px;
	}
}

/* Aboutページ、カラムの順番調整 */
.about-column, .about-column-reverse {
	gap: 60px;
}
@media(max-width:781px) {
	.about-column-reverse {
		flex-direction: column-reverse;
	}
	.about-column, .about-column-reverse {
		gap: 20px;
	}
}

/* Aboutページ、文字の上下中央揃え */
@media(min-width:782px) {
	.about-content-outer {
		position: relative;
	}
	.about-content {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		-webkit- transform: translateY(-50%);
	}
}

/* Aboutページ、会社概要の表の修飾 */
.wp-block-table td {
	border-bottom: 1px solid #00000020;
	border-top: none;
	border-left: none;
	border-right: none;
}
.wp-block-table td:nth-child(1) {
	width: 25%
}

/* Product、shopページヘッダー */
.page-id-116 .page-header, .page-id-61 .page-header, .single-product .page-header, .tax-product_cat .page-header {
	height: 300px;
	background-image: url("../../uploads/2024/09/product-head.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}

/* Productページ見出し */
.title-heading-product {
	position: relative;
}
.title-heading-product p {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

/* Productページ、ジャンル検索のカラム */
.genre-search-column {
	position: relative;
}
.genre-search-heading {
	color: #ffffff;
	text-shadow: 1px 1px 4px #444444;
	position: absolute;
	right: 0;
	left: 0;
	margin: auto;
	z-index: 1;
}
.genre-image {
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    cursor: pointer;
	transition: box-shadow 0.3s, transform 0.3s;
	width: 100%;
}
.genre-image img {
	width: 100%;
}
.genre-search-group:hover {
	box-shadow: 0 6px 14px rgba(0, 0, 0, 0.24);
	transform: translate(0, -2px);
}


/* Productページ、商品カードの大きさ */
ul.columns-3.product-card {
	gap: 50px;
	margin-left: 50px;
	margin-right: 50px;
}

/* Productページ、商品カードのCSS */
.product-card li {
	border: 1px solid #b7b7b7;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    cursor: pointer;
	transition: box-shadow 0.3s, transform 0.3s;
}
.product-card li:hover {
	box-shadow: 0 6px 14px rgba(0, 0, 0, 0.24);
    transform: translate(0, -2px);
}

/* Newsページヘッダー */
.post-type-post .page-header {
	height: 300px;
	background-image: url("../../uploads/2024/09/news-head.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}

/* Contactページヘッダー */
.page-id-67 .page-header {
	height: 300px;
	background-image: url("../../uploads/2024/09/contact-head.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}
/* Contactページの最大横幅を設定 */
.page-id-67 .entry-body {
	max-width: 750px;
	margin: 0 auto;
}

/* プライバシーポリシー、特商法ページヘッダー */
.page-id-3 .page-header, .page-id-108 .page-header {
	height: 300px;
	background-image: url("../../uploads/2024/09/policy-head.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}

/* 商品ページの説明欄の文字並びを修正 */
.woocommerce-Tabs-panel dt {
	float: left;
	clear: left;
	margin-right: 0.5em;
	width: 180px;
	font-size: 0.85em;
}
.woocommerce-Tabs-panel dd {
	float: left;
	margin-left: 1em;
	font-size: 0.85em;
}

@media screen and (max-width: 767px) {
	.woocommerce-Tabs-panel dt {
		float: unset;
		clear: left;
		width: 180px;
		margin-bottom: 3px;
	}
	.woocommerce-Tabs-panel dd {
		float: left;
		margin-left: 0;
		margin-bottom: 10px;
	}
}

/* 商品ページ以外の検索サイドバーを非表示 */
.blog .product-sidebar, .single-post .product-sidebar {
	display: none;
}

/* フッターナビにSNSボタンを追加 */
.x-logo-img {
	height: 15px !important;
}
.facebook-logo-img {
	height: 17px !important;
}

/* フッターウィジェット部の余白をカット */
.site-footer-content {
	padding-top: 0;
}

/* フッター部のLightningのライセンスを非表示 */
.site-footer-copyright p:nth-child(2) {
    display: none;
}

/* フッターの背景色を変更 */
.site-footer {
	background-color: #558454;
}
.site-footer p {
	color: #ffffff;
}