@charset "UTF-8";

/* --------------------------------------------------------------------------------------
	一覧
--------------------------------------------------------------------------------------- */

.winery-wrap {
	margin-bottom: 94px;
	margin-top: 82px;
}

.winery-wrap .head-section {
	align-items: center;
	display: flex;
	justify-content: space-between;
}

.winery-wrap .head-section section {
	max-width: 38.181%;
	width: 100%;
}

.winery-wrap .head-section section .head-title {
	font-size: 28px;
	font-weight: var(--Bold);
}

.winery-wrap .head-section section .head-text { margin-top: 36px; }

.winery-wrap .head-section section .head-text p { line-height: 1.8; }

.winery-wrap .head-section section .head-text p:nth-of-type(n+2) { margin-top: 28px; }

.winery-wrap .head-section .map {
	max-width: 58.378%;
	width: 100%;
}

.area-row {
	align-items: center;
	display: flex;
	margin-top: 28px;
}

.area-row .head {
	font-weight: var(--Bold);
}

.area-row .select-area {
	border: 1px solid #a7a7a7;
	border-radius: 4px;
	min-width: 240px;
	position: relative;
}

.area-row .select-area::before,
.area-row .select-area::after {
	content: '';
	display: block;
	pointer-events: none;
	position: absolute;
}

.area-row .select-area::before {
	background-color: #000;
	border-bottom-right-radius: 4px;
	border-left: 1px solid #a7a7a7;
	border-top-right-radius: 4px;
	height: 100%;
	right: 0;
	top: 0;
	width: 34px;
}

.area-row .select-area::after {
	background-color: #fff;
	clip-path: polygon(50% 100%, 0 0, 100% 0);
	height: 10px;
	right: 11px;
	top: 50%;
	transform: translateY(-50%);
	width: 12px;
}

.area-row .select-area select {
	appearance: none;
	background-color: transparent;
	border: none;
	cursor: pointer;
	font-size: 14px;
	outline: none;
	padding: 6px 46px 6px 20px;
	width: 100%;
}

.winery-list-wrap {
	display: flex;
	flex-wrap: wrap;
	margin-top: 38px;
}

.winery-list-wrap .winery-column {
	display: block;
	margin-right: 22px;
	max-width: 31.877%;
	transition: all .3s ease-in-out;
	width: 100%;
}

.winery-list-wrap .winery-column:nth-of-type(3n) { margin-right: 0; }
.winery-list-wrap .winery-column:nth-of-type(n+4) { margin-top: 48px; }

.winery-list-wrap .winery-column:nth-of-type(n+10) {
	margin-top: 0;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
}

.winery-list-wrap .winery-column.display-open {
	display: block;
	margin-top: 48px;
	max-height: inherit;
	opacity: 1;
}

.winery-list-wrap .winery-column .image {
	align-items: center;
	border: 1px solid #a7a7a7;
	display: flex;
	height: 234px;
	justify-content: center;
	padding: 32px;
	position: relative;
}

.winery-list-wrap .winery-column.thumbnail-photo .image { padding: 0; }

.winery-list-wrap .winery-column.thumbnail-photo .image img {
	height: 100%;
	max-height: inherit;
	object-fit: cover;
	width: 100%;
}

.winery-list-wrap .winery-column .image.no-image::before {
	background: url(../img/common/logo.svg) no-repeat;
	background-size: 100% auto;
	content: '';
	display: block;
	filter: brightness(0) saturate(100%);
	height: 84px;
	width: 96px;
}

.winery-list-wrap .winery-column .image img { max-height: 200px; }

.winery-list-wrap .winery-column h2 {
	font-size: 20px;
	font-weight: var(--Bold);
	margin-top: 14px;
}

.winery-wrap .more-btn {
	margin-top: 64px;
	text-align: center;
}

.winery-wrap .more-btn .banner a { cursor: pointer; }

.winery-wrap .more-btn.more-end { display: none; }

@media (max-width: 1099px) {

	.winery-wrap { margin: 12.438vw 4.975vw; }

	.winery-wrap .head-section { display: block; }

	.winery-wrap .head-section section { max-width: 100%; }

	.winery-wrap .head-section section .head-title { font-size: 5.97vw; }

	.winery-wrap .head-section section .head-text {
		margin-top: 4.975vw;
		text-align: left;
	}

	.winery-wrap .head-section section .head-text p:nth-of-type(n+2) { margin-top: 3.98vw; }

	.winery-wrap .head-section .map {
		margin-top: 7.96vw;
		max-width: 100%;
	}

	.winery-wrap .head-text br { display: none; }

	.area-row { margin-top: 9.95vw; }

	.area-row .head {
		font-size: 3.234vw;
		white-space: nowrap;
	}

	.area-row .select-area select {
		font-size: 2.985vw;
		padding: 1.244vw 10.333vw 1.244vw 3.333vw;
	}

	.winery-list-wrap {
		justify-content: space-between;
		margin-top: 7.463vw;
	}

	.winery-list-wrap .winery-column {
		margin-right: 0;
		max-width: 48%;
	}


	.winery-list-wrap .winery-column:nth-of-type(n+3) { margin-top: 6.333vw; }
	.winery-list-wrap .winery-column:nth-of-type(n+10) { margin-top: 0; }

	.winery-list-wrap .winery-column.display-open { margin-top: 6.333vw; }

	.winery-list-wrap .winery-column .image {
		height: 39.333vw;
		padding: 3.333vw;
	}

	.winery-list-wrap .winery-column .image img { max-height: 18.333vw; }

	.winery-list-wrap .winery-column h2 {
		font-size: 3.731vw;
		margin-top: 2.488vw;
	}

}

/* --------------------------------------------------------------------------------------
  記事の中身のスタイルをデフォルトに戻す
--------------------------------------------------------------------------------------- */

.post-content { word-break: break-word; }

.post-content html,
.post-content address,
.post-content blockquote,
.post-content body,
.post-content dd,
.post-content div,
.post-content dl,
.post-content dt,
.post-content fieldset,
.post-content form,
.post-content frame,
.post-content frameset,
.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6,
.post-content noframes,
.post-content ol,
.post-content p,
.post-content ul,
.post-content center,
.post-content dir,
.post-content hr,
.post-content menu,
.post-content pre {
	font-feature-settings: "palt";
	line-height: 1.8;
	unicode-bidi: embed;
}

.post-content li { display: list-item; }
.post-content head { display: none; }
.post-content table { border-spacing: 2px; display: table; }
.post-content tr { display: table-row; }
.post-content thead { display: table-header-group; }
.post-content tbody { display: table-row-group; }
.post-content tfoot { display: table-footer-group; }
.post-content col { display: table-column; }
.post-content colgroup { display: table-column-group; }

.post-content td,
.post-content th { display: table-cell; }

.post-content caption {
	display: table-caption;
	text-align: center;
}

.post-content th {
	font-weight: bolder;
	text-align: center;
}

.post-content body { margin: 8px; }

.post-content h1 {
	font-size: 2.5em;
	margin: .67em 0;
}

.post-content h2 {
	font-size: 2em;
	margin: .75em 0;
}

.post-content h3 {
	font-size: 1.5em;
	margin: .83em 0;
}

.post-content h4,
.post-content p,
.post-content blockquote,
.post-content ul,
.post-content fieldset,
.post-content form,
.post-content ol,
.post-content dl,
.post-content dir,
.post-content menu { margin: 1.12em 0; }

.post-content h5 {
	font-size: .83em;
	margin: 1.5em 0;
}

.post-content h6 {
	font-size: .75em;
	margin: 1.67em 0;
}

.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6,
.post-content b,
.post-content strong { font-weight: 700; }

.post-content blockquote {
	margin-left: 40px;
	margin-right: 40px;
}

.post-content i,
.post-content cite,
.post-content em,
.post-content var,
.post-content address { font-style: italic; }

.post-content pre,
.post-content tt,
.post-content code,
.post-content kbd,
.post-content samp { font-family: monospace; }

.post-content pre { white-space: pre; }

.post-content button,
.post-content textarea,
.post-content input,
.post-content select { display: inline-block; }

.post-content big { font-size: 1.17em; }

.post-content small,
.post-content sub,
.post-content sup { font-size: .83em; }

.post-content sub { vertical-align: sub; }
.post-content sup { vertical-align: super; }

.post-content thead,
.post-content tbody,
.post-content tfoot { vertical-align: middle; }

.post-content td,
.post-content th,
.post-content tr { vertical-align: inherit; }

.post-content s,
.post-content strike,
.post-content del { text-decoration: line-through; }

.post-content hr {
	border-bottom: 1px solid #e1e1e1;
	border-top: none;
}

.post-content ol,
.post-content ul,
.post-content dir,
.post-content menu,
.post-content dd { margin-left: 40px; }

.post-content ol { list-style-type: decimal; }

.post-content ol ul,
.post-content ul ol,
.post-content ul ul,
.post-content ol ol {
	margin-bottom: 0;
	margin-top: 0;
}

.post-content u,
.post-content ins { text-decoration: underline; }

.post-content br:before {
	content: '\A';
	white-space: pre-line;
}

.post-content center { text-align: center; }

.post-content a:link,
.post-content a:visited { text-decoration: underline; }
.post-content a:focus { outline: thin dotted invert; }

.post-content img,
.post-details img {
	max-width: 100%;
	vertical-align: middle;
}

.aligncenter {
	display: block;
	margin: 0 auto;
}

.alignright { float: right; }
.alignleft { float: left; }

img[class*='wp-image-'],
img[class*='attachment-'] {
	height: auto;
	max-width: 100%;
}

.post-content p { min-height: 20px; }

.post-content p::after {
	clear: both;
	content: '';
	display: block;
}

/* .wp-block-image img { max-width: 666px; } */


.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before { display: none; }

.winery-details-wrap .wp-block-gallery,
.post-type-winery .wp-block-gallery  {
	gap: 22px !important;
	margin-top: 96px !important;
}

.winery-details-wrap .wp-block-gallery > .wp-block-image,
.post-type-winery .wp-block-gallery > .wp-block-image,
.post-type-winery-en .wp-block-gallery > .wp-block-image {
	/* border: 1px solid #a7a7a7; */
	display: block !important;
	/* max-width: 32% !important; */
	max-width: 23% !important;
	width: 100% !important;
}

.winery-details-wrap .wp-block-gallery > .wp-block-image img,
.post-type-winery .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img,
.post-type-winery-en .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img  {
	height: auto !important;
	margin: auto;
	max-height: 478px !important;
	object-fit: inherit !important;
	width: auto !important;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
	background: transparent;
	box-sizing: border-box;
	color: var(--text-color);
	display: block;
	font-size: 14px;
	margin: 8px auto 0;
	overflow: auto;
	padding: 0;
	position: relative;
	text-shadow: none;
}

.wp-block-image :where(figcaption) { letter-spacing: .5px; }

@media (max-width: 1099px) {

	.wp-block-image img { max-width: 100%; }

}

/* --------------------------------------------------------------------------------------
	詳細
--------------------------------------------------------------------------------------- */

.winery-key-sub {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 325px;
}

.winery-details-wrap {
	margin-bottom: 86px;
	margin-top: 72px;
}

.winery-details-wrap h1 {
	font-size: 28px;
	font-weight: var(--Bold);
}

.english-page .winery-details-wrap h1 { font-family: var(--font-Antonio); }

.winery-details-wrap .post-content { margin-top: 42px; }

.winery-contact { margin-top: 62px; }

.winery-contact h3 {
	border-left: 4px solid #000;
	font-size: 20px;
	font-weight: var(--Bold);
	line-height: 1;
	padding-left: 8px;
}

.english-page .winery-contact h3,
.english-page .importer-contact h3,
.post-type-winery-en .winery-contact h3,
.post-type-winery-en h1.wp-block-post-title { font-family: var(--font-Antonio); }

.winery-contact .winery-contact-section {
	align-items: center !important;
	gap: 36px;
	margin-top: 32px;
}

.winery-contact .winery-contact-section:has(.wp-block-column:nth-of-type(2)) .wp-block-column:first-of-type { border: 1px solid #a7a7a7; }

.winery-contact .winery-contact-section .wp-block-column:first-of-type figure {
	align-items: center;
	box-sizing: border-box;
	display: flex;
	height: 100%;
	justify-content: center;
	margin: 0;
	padding: 20px;
}

.winery-contact .winery-contact-section .wp-block-column:first-of-type figure img { max-width: 220px; }

.thumbnail-photo .winery-contact .winery-contact-section .wp-block-column:first-of-type figure { padding: 0; }

.thumbnail-photo .winery-contact .winery-contact-section .wp-block-column:first-of-type figure img {
	height: 100%;
	max-width: inherit;
	object-fit: cover;
	width: 100%;
}

.winery-contact .winery-contact-section .wp-block-column:last-of-type {
	max-width: 75.454%;
	width: 100%;
}

.winery-contact .winery-contact-section .wp-block-column a,
.importer-contact p a { color: blue; }

.importer-contact {
	background-color: #f5f5f5;
	border-radius: 4px;
	margin: 54px auto 0;
	padding: 24px 42px;
}

.importer-contact h3 {
	font-size: 20px;
	font-weight: var(--Bold);
	margin: 0;
}

.importer-contact p { margin-bottom: 0; }

.banner-return { margin-top: 64px; }

@media (max-width: 1099px) {

	.winery-key-sub { height: 21.716vw; }

	.winery-details-wrap { margin: 12.438vw 4.975vw; }

	.winery-details-wrap h1 { font-size: 5.97vw; }

	.winery-details-wrap .post-content { margin-top: 5.224vw; }

	.winery-contact { margin-top: 12.438vw; }

	.winery-contact .winery-contact-section {
		gap: 2.975vw;
		margin-top: 4.975vw;
	}

	.winery-contact .winery-contact-section .wp-block-column:first-of-type figure {
		min-height: 56.333vw;
		padding: 4.478vw;
	}

	.winery-contact .winery-contact-section .wp-block-column:last-of-type *:first-child { margin-top: 0; }

	.winery-details-wrap .wp-block-gallery,
	.post-type-winery .wp-block-gallery {
		gap: 7.463vw 1.733vw !important;
		margin-top: 12.438vw !important;
	}

	.winery-details-wrap .wp-block-gallery > .wp-block-image,
	.post-type-winery .wp-block-gallery > .wp-block-image {
		max-width: 32% !important;
	}

	.importer-contact {
		margin-top: 12.438vw;
		padding: 4.975vw 7.96vw;
	}

	.importer-contact p { margin-top: 1.98vw; }

	.banner-return { margin-top: 9.95vw; }
}