@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.2
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
body {
	background-color: #FCFCFC;
	min-width: 320px;
}
.entry-content > *, .article p, .demo .entry-content p, .article dl, .article ul, .article ol, .article blockquote, .article pre, .article table, .article .toc, .article .column-wrap, .article .new-entry-cards, .article .popular-entry-cards, .article .navi-entry-cards, .article .box-menus, .article .ranking-item, .article .rss-entry-cards, .body .widget, .body .author-box, .body .blogcard-wrap, .body .login-user-only, .body .information-box, .body .question-box, .body .alert-box, .body .information, .body .question, .body .alert, .body .memo-box, .body .comment-box, .body .common-icon-box, .body .blank-box, .body .button-block, .body .micro-bottom, .body .caption-box, .body .tab-caption-box, .body .label-box, .body .toggle-wrap, .body .wp-block-image, .body .booklink-box, .body .kaerebalink-box, .body .tomarebalink-box, .body .product-item-box, .body .speech-wrap, .body .wp-block-categories, .body .wp-block-archives, .body .wp-block-archives-dropdown, .body .wp-block-calendar, .body .ad-area, .body .wp-block-gallery, .body .wp-block-audio, .body .wp-block-cover, .body .wp-block-file, .body .wp-block-media-text, .body .wp-block-video, .body .wp-block-buttons, .body .wp-block-columns, .body .wp-block-separator, .body .components-placeholder, .body .wp-block-search, .body .wp-block-social-links, .body .timeline-box, .body .blogcard-type, .body .btn-wrap, .body .btn-wrap a, .body .block-box, .body .wp-block-embed, .body .wp-block-group, .body .wp-block-table, .body .scrollable-table, .body .wp-block-separator, .body .wp-block, .body .video-container, .is-root-container > *, [data-type="core/freeform"] {
	margin-bottom: 0 !important;
}
.article {
	margin-bottom: 0 !important;
}
.article dd {
	margin-left: 0;
}
/* ヘッダー */
.header-container {
	padding-top: 30px;
	background-image: url("images/top-ornament.svg");
	background-position: top;
	background-repeat: repeat-x;
	background-color: transparent;
	background-size: 110%;
}
.header-in {
	position: relative;
}
.tagline {
	margin: 0 0 5px 0;
	font-size: 16px;
}
.logo-header:after {
	content: url("images/contact-phonenumber.svg");
	display: block;
	position: absolute;
	right: 80px;
	top: 26px;
	background-color: #176A29;
	width: 170px;
	height: 40px;
	padding: 10px 20px;
	line-height: 40px;
	border-radius: 5px;
}
.logo-image {
	padding: 0 0 10px 0;
}

/* ナビゲーション */
.navi {
	background-color: transparent;
	margin-top: -20px;
}
.navi-in > ul li {
	width: auto;
	margin: 0 30px;
	line-height: 50px;
}
.navi-in a:hover{
	background-color: transparent;
	border-bottom: solid 10px #D43328;
}

/* トップの電話番号ボタン */
.top-contact-button-sma {
	display: none;
}

/* トップスライド */
.top-slide-area {
	width: 100%;
	max-width: 1580px;
	height: auto;
	position: relative;
    margin: -10px auto 0 auto;
	padding: 5px;
	overflow: hidden;
}
.top-slide-area:after {
	display: block;
	content: '';
	width: 100%;
	height: 101%;
	position: absolute;
	top: 1px;
	left: 0;
	background-image: url("images/top-slide-cover.svg");
	background-size: contain;
	background-repeat: no-repeat;
}

/* コンテンツ */
.home .wrap {
	width: 100%;
}
.main {
	background-color: #FCFCFC;
	padding: 0;
}
.home.page .entry-title{
  display: none;
}
.entry-content {
	margin: 0;
}

/* トップページ */
.top-section {
	padding: 50px 0;
}
.top-section h2,
.page-contents h2 {
	background-color: transparent;
	color: #176A29;
	text-align: center;
	margin: 0 0 10px 0;
}
.top-section h2:after,
.page-contents h2:after {
	content: url("images/dot-red.svg");
	display: block;
	width: 136px;
	height: 9px;
	margin: 10px auto 30px auto;
}
.section-title-1:before {
	content: url("images/top-title-icon-1.png");
	display: block;
	text-align: center;
	margin-bottom: 20px;
}
.section-title-2:before {
	content: url("images/top-title-icon-2.png");
	display: block;
	text-align: center;
	margin-bottom: 20px;
}
.top-section h3 {
	border: none;
}
/* トップのお知らせ */
.top-section-info {
	text-align: center;
	font-size: 20px;
}
.top-section-info p {
	margin: 0;
}
.top-news-list {
	width: 1256px;
	margin: 0 auto;
}
.top-news-list .swiper-wrapper {
	justify-content: space-between;
}
.top-news-list .swiper-wrapper .widget-entry-card-link {
	max-width: 400px;
}
.top-news-list .swiper-wrapper .widget-entry-card {
	display: flex;
	gap: 1em;
}
.top-news-list .widget-entry-cards figure {
	width: 50%;
}
.top-news-list .widget-entry-cards.card-large-image .card-content {
	width: 45%;
	padding: 0;
}
.top-news-list .widget-entry-cards .card-title {
	height: auto;
}
.top-news-list .swiper-button-next {
	display: none;
}

/* トップのコンテンツ */
.top-guide {
	background-color: #F6F2ED;
}
.top-guide ul {
	width: 1256px;
	margin: 0 auto 50px auto;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: center;
}
.top-guide ul li {
	list-style-type: none;
}
.top-guide ul li span {
	display: block;
	margin-top: 20px;
}
.top-menu-1 li {
	width: 30%;
	max-width: 300px;
}
.top-menu-2 li {
	width: 25%;
	max-width: 230px;
}
.top-access {
	max-width: 1256px;
	margin: 0 auto;
}
.top-sns {
	background-color: #f7f7f7;
}
.top-sns-wrap {
	max-width: 720px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.top-sns-wrap > div {
	width: 340px;
	margin: 0 auto 30px auto;
}
.top-sns-facebook {
	text-align: center;
}
.top-sns-instagram {
	border: solid 1px #ddd;
	padding: 5px;
	background-color: #fff;
}
.top-sns-instagram .blogcard {
	display: none;
}
.top-sns-instagram .sbi_photo_wrap {
	color: transparent;
}

/* フッター */
.footer {
	margin-top: -1px;
	background-color: #176A29;
}

/* 固定ページ */
.page .main {
	background-image: url("images/seokankonoen-chara-bg.png");
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 20%;	
}
.entry-title,
.archive-title {
	color: #3A3A3A;
	font-size: 20px;
	border-bottom: solid 5px #D43328;
	padding-bottom: 10px;
	margin: 0 0 50px 0;
}
.page .entry-title:before {
	content: url("images/top-title-icon-1-s.png");
	position: relative;
	top: 10px;
}
.page-contents {
	margin-bottom: 100px;
	padding: 0 10px;
}
.page-contents-intro {
	max-width: 780px;
	margin: 0 auto 30px auto;
	font-size: 18px;
}
.page-contents-img {
	text-align: center;
}

/* 果物狩り */
.page-contents-fruitspick {
	background-image: url("images/seokankonoen-logomark-bg.png");
	background-repeat: no-repeat;
	background-position: center top 50px;
	background-size: 30%;
}
.fruit-picking-fee {
	max-width: 780px;
	margin: 0 auto;
}
.fruit-picking-fee table {
	margin-top: 30px;
}
.fruit-picking-fee table .row-1 td {
	text-align: center;
	font-weight: bold;
}
.fruit-picking-fee table td span {
	display: inline-block;
	color: #D43328;
	font-size: 24px;
	font-weight: bold;
	margin-right: 5px;
}
.fruit-picking-fee table .column-2 {
	text-align: right;
}
.fruit-picking-details {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 780px;
	margin: 0 auto;
}
.fruit-picking-details div:first-child {
	width: 30%;
}
.fruit-picking-details div:last-child {
	width: 65%;
}
.fruit-picking-details div p {
	border-bottom: solid 1px #ddd;
	padding: 10px 0;
}

/* 園内ガイド */
.page-contents-guide p {
	text-align: center;
}

/* 直売所 */
.fg-caption {
	color: #3A3A3A !important;
	font-size: 16px !important;
}
.page-contents-shipping table {
	border: solid 1px #ddd;
}
.page-contents-shipping table tr td {
	border: solid 1px #ddd;
}
.page-contents-shipping table tr td:not(.column-1) {
	text-align: center;
}
/* 農園概要 */
.about-us p {
	text-align: center;
}

/* お問い合わせ */
/* フォーム */
.contact-form dl {
	display: flex;
	margin: 10px 0;
}
.contact-form dl dt {
	width: 40%;
	padding: 5px 10px;
	background-color: #f1f1f1;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.contact-form dl dt span {
	font-size: 14px;
	color: #fff;
	text-align: center;
	background-color: #ff4900;
	padding: 3px;
}
.contact-form dl dd {
	width: 60%;
	padding: 5px 10px;
}
.contact-form dl dd input,
.contact-form dl dd textarea {
	width: 98%;
}
.contact-form dl dd input[type=radio],
.contact-form dl dd input[type=checkbox] {
	width: auto;
}
.contact-form dl dd input[type=number] {
	max-width: 100px;
}

.contact-form .contact-date dd p {
	margin-top: 20px;
	width: 200px;
}
.contact-form label span {
	opacity: 1 !important;
}

/* 投稿ページ */
.single .main {
	max-width: 1056px;
	margin: 0 auto !important;
	padding: 0 10px;
}


/* ページ下部お問い合わせ */
.content-bottom {
	margin: 0;
}
.content-bottom .wrap {
	width: 100%;
}
.page-bottom-contact {
	background-color: #F6F2ED;
	background-image: url("images/contact-bg-bottom.svg");
	background-position: bottom;
	background-size: cover;
	background-repeat: no-repeat;
	text-align: center;
	padding: 200px 0;
}
.page-bottom-contact ul {
	width: 600px;
	margin: 0 auto;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	list-style-type: none;
}

/* ボタン */
.btn-top a {
	position: absolute;
	right: 80px;
	top: 50px;
	background-color: #176A29;
	width: 200px;
	height: 60px;
	padding: 10px 20px;
	line-height: 40px;
	border-radius: 5px;
}
.btn-01 a {
	display: block;
	text-align: center;
	width: 155px;
	margin: 20px auto;
	padding: 20px 0;
	background-image: url("images/btn-bg-red.svg");
	background-size: contain;
	background-repeat: no-repeat;
}
.btn-01 a:hover {
	background-image: url("images/btn-bg-gre.svg");
}
.btn-02 a {
	display: block;
	text-align: center;
	width: 220px;
	margin: 20px auto;
	padding: 20px 0;
	background-image: url("images/contact-btn-red.svg");
	background-size: contain;
	background-repeat: no-repeat;
}
.btn-02 a:hover {
	background-image: url("images/contact-btn-gre.svg");
}

/* LINEボタン */
.line-button {
	text-align: center;
	padding: 30px 0;
}
.line-button p {
	margin: 10px;
}

/* PC表示ON-OFF */
.display-off-pc {
	display: none;
}
.display-on-pc {
	display: dlock;
}

/* Googlemap */
.google-map {
	position: relative;
	width: 100%;
	max-width: 1256px;
	height: 0;
	padding-top: 30%; /* 比率を4:3に固定 */
	margin: 0 auto;
}
.google-map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* レスポンシブ */
.pcnone {
	display: none;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1250px以下*/
@media screen and (max-width: 1250px){
  /*必要ならばここにコードを書く*/
	/* タブレット表示ON-OFF */
	.display-off-1250 {
		display:none;
	}
	.display-on-1250 {
		display: block;
	}
	/* ヘッダー */
	.navi {
		margin-top: 0;
	}
	.logo-header:after {
		content: "";
		display: none;
	}
	.top-slide-area {
		margin: 0 auto;
	}
	.content-top {
		margin-top: 0;
	}
	.top-contact-button-sma {
		display: block;
	}
	.top-contact-button-sma a {
		display: block;
		text-align: center;
		width: 100%;
		background-color: #176A29;
		padding: 10px;
	}
	/* トップページ */
	.top-news-list {
		width: 100%;
		max-width: 780px;
	}
	.top-news-list .swiper-wrapper {
		display: block !important;
	}
	.top-news-list .swiper-wrapper .widget-entry-card-link {
		max-width: 100%;
	}
	.top-news-list .swiper-wrapper .widget-entry-card {
		max-width: 100%;
		justify-content: space-between;
	}
	.top-news-list .widget-entry-cards figure {
		width: 25%;
	}
	.top-news-list .widget-entry-cards.card-large-image .card-content {
		width: 70%;
	}
	.top-news-list ul li {
		width: 100%;
	}
	.top-guide ul {
		width: 100%;
		flex-wrap: nowrap;
	}
	.top-guide ul li {
		padding: 0 10px;
	}
	/* ページ下部お問い合わせ */
	.page-bottom-contact {
		padding: 150px 0;
	}
	/* 固定ページ */
	.page .main {
		background-size: 30%;	
	}
	/* 果物狩り */
	.page-contents-fruitspick {
		background-size: 40%;
	}
	
	/* Googlemap */
	.google-map {
	  padding-top: 56.25%; /* 比率を4:3に固定 */
	}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	main.main {
		padding: 0;
	}
	.top-section h2 {
	}
	.top-section h2:after,
	.page-contents h2:after {
		content: url("images/dot-red-s.svg");
	}
	.section-title-1:before {
		content: url("images/top-title-icon-1-s.png");
	}
	.section-title-2:before {
		content: url("images/top-title-icon-2-s.png");
	}
	.top-news-list {
		padding: 0 5px;
	}
	.top-news-list ul li {
		width: 95%;
	}
	.page-bottom-contact {
		padding: 80px 20px;
	}
	.page-bottom-contact ul {
		width: 100%;
		max-width: 580px;
	}
	/* トップページ */
	.line-button img {
		width: 150px;
		height: auto;
	}
	/* 固定ページ */
	.page .main {
		background-size: 40%;	
	}
	/* 果物狩り */
	.page-contents-fruitspick {
		background-size: 70%;
	}
	.fruit-picking-fee {
		max-width: 580px;
	}
	.fruit-picking-details {
		display: block;
		max-width: 580px;
	}
	.fruit-picking-details div:first-child,
	.fruit-picking-details div:last-child {
		width: 100%;
		margin-bottom: 20px;
	}
	/* お問い合わせ */
	.contact-form dl {
		display: block;
	}
	.contact-form dl dt,
	.contact-form dl dd {
		width: 100%;
	}
	.contact-form dl dt {
		justify-content: left;
	}
	.contact-form dl dt span {
		margin-left: 15px;
	}
}
/*580px以下*/
@media screen and (max-width: 580px){
  /*必要ならばここにコードを書く*/
	.logo-image a {
		max-width: 250px;
	}
	.top-guide ul {
		text-align: left;
		flex-wrap: wrap;
		margin-bottom: 30px;
	}
	.top-guide ul li {
		width: 100%;
		max-width: 100%;
	}
	.top-guide ul li a {
		display: flex;
		align-items: center;
	}
	.top-guide ul li a span {
		display: inline-block;
	}
	.top-menu-1 li a {
		padding: 20px 10px !important;
		margin-bottom: 0;
		border-bottom: dotted 3px #707070;
	}
	.top-menu-1 li a > img {
		width: 25%;
		height: auto;
	}
	.top-menu-1 li a span {
		padding-left: 20px;
		margin-top: 0 !important;
		text-align: center;
		width: 75%;
	}
	.top-menu-2 li a {
		padding: 10px !important;
		margin-bottom: 10px;
	}
	.top-menu-2 li a > img {
		width: 20%;
		height: auto;
	}
	.top-menu-2 li a span {
		padding-left: 20px;
		margin-top: 0 !important;
		text-align: left;
		width: 80%;
	}
	li.btn-02 {
		width: 150px;
	}
	.btn-02 a {
		width: 150px;
		height: 50px;
		padding: 8px 20px;
		box-sizing: border-box;
	}
	/* 固定ページ */
	.page .main {
		background-size: 60%;	
	}
	/* 果物狩り */
	.page-contents-fruitspick {
		background-size: 90%;
	}
	
	/* Googlemap */
	.google-map {
	  padding-top: 75%; /* 比率を4:3に固定 */
	}
	
	/* レスポンシブ */
	.smanone {
		display: none;
	}
	.pcnone {
		display: block;
	}
}
/* 480px以下 */
@media screen and (max-width: 480px){
	#sb_instagram #sbi_images .sbi_item {
		width: 50% !important;
	}
}

/*380px以下*/
@media screen and (max-width: 380px){
	.page-bottom-contact {
		background-size: contain;
	}
	li.btn-02 {
		width: 130px;
	}
	.btn-02 a {
		width: 130px;
		height: 50px;
		padding: 5px 20px;
		box-sizing: border-box;
	}
	.line-button p {
		font-size: 14px;
	}
}