@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

#metaslider-id-2982 {
  position: relative;
  z-index: 1;
}

.video-container {
max-width: 100%;
margin: 0px auto;
}

*{
	font-family: 'Kiwi Maru', serif;
}
html,body{
	overflow-x:hidden;
}

.post .date-tags,.new-entry-card-date,.post-date{
display:block!important;
}
.post-date{
	text-align:right;
}

.gallerybox{
	padding-bottom:30px;
}

/* ローディング------------- */
.loading {
  width: 100vw;
  height: 100vh;
  transition: all 1s;
  background-color: #FFF;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  opacity: 1;
  visibility: visible;
}
.loading.is-active {
  opacity: 0;
  visibility: hidden;
}
.loading-animation {
  width: 100vw;
  height: 100vh;
  transition: all 1s;
  background-color: #fafafa;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
	visibility: hidden;
}
.loading-animation.is-active {
	opacity: 1;
	visibility: visible;
}
.loading img{
	max-width:500px;
}

/* 日付----------------------- */
.date-tags{
	display:none;
}


/* 見出し------------------- */
.home .entry-title{
	display:none;
}
.archive h1 span{
	display:none;
}
.article h1,
.archive h1{
	text-align:center;
	position:relative;
}
.article h1:before,
.archive h1:before{
	content: '';
	display: block;
	width: 100px;
	height: 140px;
	background-image: url(https://kitamura-blueberry.com/wp-content/uploads/2023/12/bb-chara.png);
	background-size: contain;
	vertical-align: middle;
	margin:0 auto;
}
.article h2,.article h3{
	background:none;
	border:initial;
}
.article h2 {
	position: relative;
	padding:15px 20px;
	border-radius: 10px;
	background-color: #76d200;
	color: #fff;
}
.article h2::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 30px;
	width: 0;
	height: 0;
	border: 11px solid transparent;
	border-top: 11px solid #76d200;
}
.article h3:before{
	content:url(https://kitamura-blueberry.com/wp-content/uploads/2023/12/bb-midasi.png);
	vertical-align:middle;
	margin-right:5px;
}

/* ボタン--------------------------------------- */
.linkbtn{
	display:block;
	margin:0 auto;
	max-width:400px;
	text-align:center;
	padding:20px;
	background:#83CC0C;
	border:solid 2px #83CC0C;
	color:#fff;
	text-decoration:none;
	border-radius:100px;
	transition:0.3s;
}
.linkbtn:hover{
	background:#fff;
	color:#83CC0C;
}
.linkbtn:after{
	content:'\f0a4';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	margin-left:10px;
}
.articlebtn{
	display:block;
	margin-left: auto;
	max-width:200px;
	text-align:center;
	padding:10px;
	background:#6A6A6A;
	border:solid 2px #6A6A6A;
	color:#fff;
	text-decoration:none;
	border-radius:100px;
	transition:0.3s;
}
.articlebtn:hover{
	background:#fff;
	color:#6A6A6A;
}
/* 画像ボタン（バナー等） */
/* 予約 */
.wp-image-400,
.wp-image-402{
	border:solid 3px #624a94;
	transition:0.3s;
}
/* よくある質問 */
.wp-image-2971,
.wp-image-2938,
.wp-image-392{
	border:solid 3px #624a94;
	transition:0.3s;
}
.faq-question{
	border-radius:5px!important;
	padding:10px!important;
}

/* 画像ボタンホバー時の動き */
.wp-image-400:hover,
.wp-image-402:hover,
.wp-image-2971:hover,
.wp-image-2938:hover,
.wp-image-392:hover{
	opacity:0.6;
}

/* ヘッダー------------------------------ */
.header{
	display:none;
}

.header-container{
	background:#fff;
	padding:10px;
}
.header-item{
	display:flex;
	align-items:center;
	width:90%;
	margin:0 auto;
}
.header-right a{

}
.header-left{
	width:70%;

	margin-right:auto;
	display:flex;
	align-items:center;
	justify-content:end;
}
.header-right a,
.header-left a{
	position:relative;
	display:inline-block;
	transition: all 0.3s;
}
.header-right a:hover,
.header-left a:hover{
	transform: translateY(-3px);
}
.headerbtn{
	margin-left:20px;
}

.wp-image-2957{
	transition: all 0.3s;
}
.wp-image-2957:hover{
	transform: translateY(-3px);
}

/* .headerbtn{
position:relative;
display:block;
padding:10px;
	color:#fff;
	background:#76D200;
	text-align:center;
	border-radius:100px;
	border:solid 2px #76D200;
	text-decoration:none;
	transition:0.3s;
}
.headerbtn:hover{
	color:#76D200;
	background:#fff;
}
.resevebtn{
	background:#da462c;
	margin-right:20px;
	border:solid 2px #da462c;
}
.resevebtn:hover{
	color:#da462c;
}
.headerbtn:after{
	position:absolute;
	content:'\f073';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
} */

.sub-menu{
	border-radius: 0 0 10px 10px;
}
.sub-menu li a{
	border-bottom:2px dotted #707070;
}
.sub-menu li:last-child a{
	border-bottom:initial;
}
.sub-menu li:hover{
	border-radius:10px;
}
.sub-menu li a:hover{
	color:#76d200;
	background:initial;
	text-shadow:0 0 5px #e4fac8;
}

/* フッター--------------------- */
/* フッターバナー */
.bnr{
	border-radius:10px;
	background:#fff;
	padding:10px;
}
.bnr-cnt{
	display:flex;
}
.bnr-cnt div{
	width:50%;
	padding:10px;
}
.reseve-bnr{
	padding:10px;
}
.bnr img{
	border:solid 3px #624a94;
	transition:0.3s;
}
.bnr img:hover{
	opacity:0.6;
}
/* フッターロゴ */
.ftr-logo{
	display:block;
	margin:0 auto 30px;
}

.footer{
	margin-top:0!important;
	position:relative;
	z-index:1;
	background:#76d200;
}
.footer li a:hover{
	color:#76d200!important;
}

.content-bottom{
	margin:0!important;
}

#custom_html-2,#custom_html-3{
	margin-bottom:0!important;
}
#custom_html-3{
	position:relative;
	padding:50px 10px 20px;
	z-index:1;
}
#custom_html-3:before{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100vw;
	height: 100%;
	z-index: -1;
	margin: 0 calc(50% - 50vw);
  background: #76d200;
}
.shapedividers_com-5237{
	overflow:hidden;
	position:relative;
	height:90px;
	margin: 0 calc(50% - 55vw);
}
.shapedividers_com-5237::before{ 
	content:'';
	font-family:'shape divider from ShapeDividers.com';
	position: absolute;
	z-index: 3;
	pointer-events: none;
	background-repeat: no-repeat;
	bottom: -0.1vw;
	left: -0.1vw;
	right: -0.1vw;
	top: -0.1vw; 
	background-size: 100% 58px;
	background-position: 50% 100%;  background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.28 2.17" preserveAspectRatio="none"><path d="M35.28 1.16c-3.17-.8-7.3.4-10.04.56-2.76.17-9.25-1.47-12.68-1.3-3.42.16-4.64.84-7.04.86C3.12 1.31 0 .4 0 .4v1.77h35.28z" fill="%2376d200"/></svg>'); 
}

@media (min-width:2100px){
	.shapedividers_com-5237::before{
		background-size: 100% calc(2vw + 58px);
	}
}

/* トップ------------------------------------------- */
body.page {
	background: linear-gradient(to top, rgba(243, 252, 232, 0.7) 0%, rgba(234, 255, 207, 0.7) 100%),url();
	background-position: bottom;
	background-size: auto;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
body.home {
  background-image: url("https://kitamura-blueberry.com/wp-content/uploads/2023/12/DSC03556-scaled-1.jpg");
  background-position: bottom;
  background-size: auto;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.main{
	background:initial;
}

/* .container{
	background:#fff;
} */

.sct{
	position:relative;
	padding:60px 0;
	margin-bottom:0!important;
}
.sct:before{
	position:absolute;
	content:'';
	top:0;
	left:0;
	width:100vw;
	height:100%;
	z-index:-1;
	margin: 0 calc(50% - 50vw);
	background:#f3fce8;
}

#metaslider-id-45{
	z-index:1;
}
/* #menu-mobile,
#navi-menu-content{
	z-index:11;
}
.menu-content{
	z-index:12;
}
*/
.sct1:before{
	height:130%;
	top:auto;
	bottom:0!important;
	z-index:-2;
}
.sct1-inr{
	background:#fff;
	padding:40px 10px;
	border-radius:10px;
}
.sct3{
	padding:0 0;
}
.sct3:before{
	background:initial!important;
}
.sct3-inr{
	background:rgba(255,255,255,0.8);
	padding:40px 10px;
	margin:60px 0!important;
	border-radius:5px;
}
.sct4:before{
	height:130%;
	z-index:-2;
}

.image-kugiri{
	margin: 0 calc(50% - 50vw);
	width:100vw!important;
	margin-bottom:0!important;
}

.wp-image-291,
.kugiripage{
	margin-top:-1px;
}
.wp-image-292{
	margin-bottom:-1px;
}

.home .kugiripage{
	display:none;
}
/* .sct3:before{
position:absolute;
content:'';
	top:0;
	left:0;
	width:100vw;
	height:100%;
	z-index:-1;
	margin: 0 calc(50% - 50vw);
	background-image:url(https://dflp.work/kitamura/wp-content/uploads/2023/11/Group-142.png);
	background-position:center;
	background-size:cover;
} */

/* 各ページ共通----------------------- */
.page .main{
	padding-top:0;
}
.cnt{
	position:relative;
	padding:40px 0;
	margin-bottom:0!important;
}
.cnt-inr{
	padding:20px;
}
.cnt-inr-w{
	border-radius:10px;
	background:#fff;
}
/* .cnt:before{
	position:absolute;
	content:'';
	top:0;
	left:0;
	width:100vw;
	height:100%;
	z-index:-1;
	margin: 0 calc(50% - 50vw);
} */



/* アクセス */
.access td{
	border:initial;
	border-bottom:1px dotted #333333;
}

/* 農園について---------------------- */
.fruit-item{
	padding-bottom:20px;
}

/* 農園主について------------------- */
.prof td{
	border:initial;
}

/* よくある質問--------------------------- */
.is-style-accordion .faq-question{
	background:#fff;
	border:solid 1px #9e9e9e;
}
.is-style-accordion .faq-question::before{
	opacity:1;
}
.faq-question-label{

}
.faq-answer{
  border-bottom: 2px dotted #9e9e9e;
}

/* ブルーベリー狩りについて */
.price th,
.price td{
	border:initial;
	background:none;
}
.price td{
	border-bottom:1px dotted #333;
}
.price tr td:first-child{
	width:35%;
}
.wp-block-table thead {
	border-bottom: 3px solid #76d200;
}
table tr:nth-of-type(2n+1) {
	background-color: initial!important;
}


/* お問い合わせ-------------------------------- */
select{
	background:#fff;
}

.wp-block-contact-form-7-contact-form-selector{
	width:80%;
	margin:0 auto;
}
.required,.optional{
	margin-left:10px;
	padding:0px 5px 2px;
	border-radius:5px;
}
.required{
	color:#f06565;
}
#booking-package_inputFormPanel .required{
	margin-bottom:10px;
	padding-bottom:0;
	margin-left:0;
	padding:0 0 0;
	border-radius:initial;
	background:#fff;
	border:initial;
	border-bottom:solid 1px #f06565;
	color:#1f0f00;
}
.optional{
	color:#5e94db;
}
.wpcf7 .wpcf7-submit:disabled{
	background:#fff;
	color:#707070;
	border:solid 1px #cfcfcf;
}
.wpcf7 .wpcf7-submit:disabled:hover{
	background:#fff;
	color:#707070;
}
#action-button button,.wpcf7 .wpcf7-submit{
	background:#da462c;
	border:solid 2px #da462c;
	color:#fff;
	font-size:1.2rem;
	transition:0.3s;
	padding:15px;
	border-radius:100px;
}
#action-button button{
	padding:10px 35px;
	border-radius:10px;
	cursor:pointer;
}
#action-button button:hover,.wpcf7 .wpcf7-submit:hover{
	background:#fff;
	color:#da462c;
}

.sp,
.sp-header,
.sp-footer{
	display:none;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/

	.header-item{
		display:none;
	}

	.sp-header{
		display:block;
		z-index:1;
		background:#fff;
	}
	.sp-footer{
		display:block;
	}
	.sp-inr{
		text-align:center;
	}


	
/* モバイルヘッダー */
	.mobile-header-menu-buttons{
		box-shadow:0 2px 3px #fff;
	}
	#menu-mobile{
		background:#76d200;
	}
	.mobile-header-menu-buttons{
		padding:5px 10px 0;
	}
	.navi-menu-close-button{
		background:#76d200;
		color:#fff;
	}
	.navi-menu-button .menu-open{
		display:flex;
		align-items:center;
		width:100%;
	}
	.mobile-menu-buttons .menu-button:{
		width: 100%;
	}
	.navi-menu-button .menu-open span{
		color:#fff;
	}
	.navi-menu-button .menu-open .navi-menu-caption {
		font-size:1em;
	}
	.mobile-menu-buttons .menu-icon {
		text-align: left;
		width: auto;
		margin-right:10px;
	}

	.menu-drawer li a{
		padding:10px;
		border-bottom:1px dotted #333;
	}

	/* モバイルフッター */
	.sp-footer-fixed{
		position:fixed;
		bottom:0;
		z-index:99;
		background:#fff;
	}
	.sp-ftr-inr{
		display:flex;
	}
	.sp-ftr-inr a{
		width:50%;
	}
	.ftrbtn-close{
		padding:5px;
		background:#fff;
		border-radius:10px;
		cursor:pointer;
	}
	.ftrbtn-close:before{
		content:"×";
		margin-right:10px;
	}
	.mobile-footer-menu-buttons .custom-menu-icon{
		display:none;
	}
	.mobile-footer-menu-buttons .custom-menu-caption {
		font-size:0.8em;
		color:#fff;
	}
	.mobile-footer-menu-buttons .mobile-menu-buttons .menu-button{
		padding:10px 5px 0;
	}
	.mobile-footer-menu-buttons.mobile-menu-buttons{
		align-items:center;
		background:#da462c;
	}


}

/*834px以下*/
@media screen and (max-width: 834px){
	/*必要ならばここにコードを書く*/

	.sct1:before{
		height:114%;
	}
}

@media screen and (max-width: 782px){
  /*必要ならばここにコードを書く*/

	.pc{
		display:none;
	}
	.sp{
		display:block;
	}

	.prof td{
		display:block;
		width:100%;
		font-size:1em;
	}
	.prof tr td:first-child{
		font-weight:bold;
	}
	.prof tr td:last-child{
		border-bottom:1px #333 dotted;
	}

	.inverted {
		flex-direction:column-reverse!important;
	}

	.bnr-cnt{
		display:block;
	}
	.bnr-cnt div{
		width:100%;
		padding:10px;
	}

}

/*480px以下*/
@media screen and (max-width: 480px){
	/*必要ならばここにコードを書く*/
	.g-nav ul {
		width:60%;
	}
	.mobile-footer-menu-buttons .custom-menu-caption {
		font-size:0.7em;
		color:#fff;
	}

}



/* 2024/06/03追記 */
.harvest-time{
	background: #dd5536;
	border-radius: 50px;
	padding: 0.3rem 1.2rem;
	width: fit-content;
	color: #fff;
}
.harvest-time span{
	vertical-align: super;
	font-size: 0.9rem;
}

/* 2025/07/08追記 */
.grecaptcha-badge { 
	visibility: hidden; 
}

.special-product {
	position: fixed;
 	background: #AC0102;
/* 	top: 176px; */
	bottom: 150px;
 	right: 0;
 	padding: 20px;
 	border-radius: 20px 0px 0px 20px;
 	-webkit-transition: linear 0.3s;
 	transition: linear 0.3s;
 	z-index: 10;
	color: #fff;
	text-decoration: none;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.special-product {
		bottom: 200px;
		padding: 15px;
	}
}

.special-product:hover {
 	background: #8a0102;
	color: #fff;
}

.special-product__text {
 	margin-top: 11px;
 	color: #fff;
 	font-weight: 700;
 	line-height: 130%; /* 18.2px */
	font-size: 14px;
	text-align: left;
}

@media screen and (max-width: 768px) {
	.special-product__text {
		font-size: 11px;
	}
}