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


/* ============================ デモサイト共通 ============================　*/

/* 固定ページのヘッダー削除 */
.page-id-12 .site-header, .page-id-122 .site-header, .page-id-660 .site-header{
	display: none;
}
/* 固定ページのタイトル削除 */
.page-header{
	display: none;
}
/* パンくずリスト削除 */
.breadcrumb{
	display: none;
}
/* フッター削除 */
.site-footer{
	display: none;
}
/* 投稿サムネイルを正方形に変更（バランス見て40％とかでもOK） */
.vk_post .media-img{
	width: 35%;
	aspect-ratio: 1;
}

/* ============================ サンプルAページ、胡椒専門店ページ ============================　*/
/*メディアクエリ（992,782,768,576）*/

@media (max-width: 782px){
	#pepper-top-item .item-grid{
		max-width: 700px;
	}
	#pepper-top-madein .madein-yokonarabi{
		max-width: 700px;
	}
}
@media (max-width: 576px){
	#pepper-top-item .item-grid{
		max-width: 400px;
	}
	#pepper-top-madein .madein-yokonarabi-right{
		flex-basis: 600px;
	}
}


/* ============================ 胡椒専門店ページ(２カラム) ============================　*/
@media (min-width: 992px) {
     .page-id-122 .container {
        max-width: 1300px;
    }
	.page-id-122 .sub-section--col--two {
        width: 300px;
	}
}

/* ============================ ホタテ下書きページ ============================　*/

.top-firstview .firstview-text {
	font-family: serif;
	font-size: 3rem;
    background-color: #ffffffdb;
    padding: 3rem 0px 2rem;
}
.top-message .wp-block-cover__image-background {
	object-fit: contain;
	right: 0;
    left: 30%;
	padding-bottom: 20px;
}
.top-quality .quality-text p {
	max-width: 360px;
}
.top-linkcard .linkcard-mobileflex{
		gap: 120px;
	}
.top-linkcard .linkcard-mobileflex .linkcard-text {
	max-width: 290px;
}

/*メディアクエリ（992,782,768,576）*/
@media (max-width: 992px){
	.top-quality .quality-figure {
		flex-basis: 40%;
	}
	.top-quality .quality-text {
		flex-basis: 60%;
	}
		.top-linkcard .linkcard-mobileflex{
		gap: 24px;
	}
}

@media (max-width: 782px){
	.top-linkcard .linkcard-mobileflex{
		display: flex;
	}
	.linkcard-titlesub, .linkcard-title {
		text-align: left;
	}
}

@media (max-width: 576px){
	.top-firstview .firstview-textgroup {
		gap: 12px;
		padding-right: 35px;
	}
	.top-firstview .firstview-text {
		font-size: 2rem;
	}
	.top-quality .quality-flex{
		flex-wrap: wrap-reverse;
		justify-content: center;
	}
	.top-quality .quality-figure {
		flex-basis: 85%;
	}
	.top-quality .quality-text {
		flex-basis: 90%;
	}
	
	.top-quality .quality-maruchikalogo{
		flex-basis: 120px;
	}
	.top-linkcard .linkcard-mobileflex{
		display: grid;
	}
	.linkcard-titlesub, .linkcard-title {
		text-align: center;
	}
}