@charset "utf-8";

/* ================================================================================
	1;メインコンテンツ設定
================================================================================ */

/* --------------------------------------------------------------------------------
	1-1：基礎設定
-------------------------------------------------------------------------------- */
.main-content {
	overflow: hidden;
	width: 100%;
	padding: 60px 0 0;
	background: url(../img/index/bg_img.png) 0 -50px no-repeat;
	background-size: 100% auto;
}

@media all and (max-width: 768px) {
.main-content {padding-top: 30px;}
}


/* --------------------------------------------------------------------------------
	1-2：ヘッダー・スライドショー設定
-------------------------------------------------------------------------------- */
.main-header {
	position: relative;
	width: 100%;
}
	.main-header-heading {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translateY(-50%) translateX(-50%);
		z-index: 9;
		width: 970px;
		padding: 20px 0 0;
		color: #FFF;
		font: 700 32px/1 'Montserrat', sans-serif;
		letter-spacing: 0;
	}
			.main-header-heading-large {
				display: block;
				padding: 4px 0 0;
				font: 700 normal 56px 'Montserrat', sans-serif;
			}

	.main-header-slider-item {
		overflow: hidden;
		aspect-ratio: 200 / 51;
	}
		.main-header-slider-item-img {
			object-fit: cover;
			object-position: 50% 50%;
			height: 100%;
			width: 100%;
		}

	.slick-slider {font-size: 0;}
		.slick-slider > div {height: 100%;}

	.slick-dots {
		position: absolute;
		bottom: 29px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 100%;
		text-align: center;
	}

	.slick-dots li {
		display: inline-block;
		height: 17px;
		width: 17px;
		margin: 0 4px;
		border-radius: 100%;
		background-color: #FFF;
		cursor: pointer;
	}
			
	.slick-dots li button {display: none;}
	.slick-dots li.slick-active {background-color: #e34d06;}

@media all and (max-width: 1200px) {
.main-header-heading {
	width: calc(var(--vw) * 80.83);
	font-size: 2.67vw;
}
	main-header-heading-large {font-size: 4.67vw;}
}

@media all and (max-width: 768px) {
.main-header-heading {
	box-sizing: border-box;
	width: 100%;
	padding: 20px 20px 0;
	font-size: 21px;
}
	.main-header-heading-large {font-size: 36px;}
	.main-header-slider-item {aspect-ratio: 128 / 77;}
	.slick-dots {bottom: 10px;}
}

@media all and (max-width: 428px) {
.main-header-heading {
	padding: 20px 15px;
	font-size: 16px;
}
	.main-header-heading-large {font-size: 28px;}
}


/* --------------------------------------------------------------------------------
	1-3：ニュース設定
-------------------------------------------------------------------------------- */
.main-content-news {
	display: flex;
	position: relative;
	left: 26px;
	width: 1150px;
	margin: 0 auto 0;
	background-color: rgba(255, 255, 255, 0.5);
}
	.main-content-news::after {
		clear: both;
		display: block;
		overflow: hidden;
		height: 0px;
		content: "";
	}

	.main-content-news-heading {
		padding: 42px 30px 30px 20px;
		font: 500 36px/1.25 'Montserrat', sans-serif;
		text-align: right;
	}

	.main-content-news-inner {padding: 16px 0 30px;}
	.main-content-news-date,
	.main-content-news-text {
		font: 500 18px/1.33 'Montserrat', sans-serif;
		letter-spacing: 0;
	}

	.main-content-news-date {padding: 36px 0 0;}
	.main-content-news-text {padding: 12px 0 0;}
		.main-content-news-text a {
			color: #E34D06;
			text-decoration: underline;
		}

@media all and (max-width: 1200px) {
.main-content-news {
	left: calc(var(--vw) * 2.16);
	width: calc(var(--vw) * 95.83);
}
	.main-content-news-heading {
		padding-right: calc(var(--vw) * 2.5);
		padding-left: calc(var(--vw) * 1.66);
		font-size: 3vw;
	}

	.main-content-news-date,
	.main-content-news-text {font-size: 1.5vw;}
}

@media all and (max-width: 768px) {
.main-content-news {
	box-sizing: border-box;
	left: 0;
	width: 100%;
	padding: 0 20px;
	background-color: transparent;
}
	.main-content-news-heading {
		float: none;
		padding: 0;
		font-size: 18px;
		text-align: center;
	}

	.main-content-news-date,
	.main-content-news-text {font-size: 14px;}
	.main-content-news-date {padding-top: 14px;}
	.main-content-news-text {padding-top: 6px;}
}


/* --------------------------------------------------------------------------------
	1-4：記事一覧設定
-------------------------------------------------------------------------------- */
.main-content-articles {
	width: 1150px;
	margin: 0 auto;
	padding: 75px 0 100px;
}
		.main-content-articles::after {
			clear: both;
			display: block;
			overflow: hidden;
			height: 0px;
			content: "";
		}
			.main-content-articles-post-img img {		
				object-fit: cover;
				object-position: 50% 50%;
				height: 100%;
				width: 100%;
			}

			.main-content-articles-post-img.left img {object-position: 0% 50%;}
			.main-content-articles-post-img.right img {object-position: 100% 50%;}

		.primary.main-content-articles-post {
			float: left;
			width: 566px;
		}
			.primary.main-content-articles-post-img {
				display: block;
				overflow: hidden;
				aspect-ratio: 283 / 193;
				width: 566px;
			}

			.primary.main-content-articles-post-category {
				padding: 12px 0 1px;
				font: 500 20px/1 'Montserrat', sans-serif;
			}

			.primary.main-content-articles-post-title {font: 500 41px/1.1 'Montserrat', sans-serif;}
			.primary.main-content-articles-post-date {
				padding: 10px 0 0;
				font: 500 14px/1 'Montserrat', sans-serif;
				letter-spacing: 0;
			}

			.primary.main-content-articles-post-read {
				display: block;
				width: fit-content;
				margin: -1em 0 0 auto;
				color: #2D345F;
				font: 500 18px/1 'Montserrat', sans-serif;
				letter-spacing: 0;
				text-decoration: underline;
			}
				.primary.main-content-articles-post-read:hover {color: #E34D06;}

		.secondary.main-content-articles-post {
			float: left;
			width: 566px;
			padding: 0 0 28px 18px;
		}
			.secondary.main-content-articles-post:nth-last-of-type(1) {padding-bottom: 146px;}
			.secondary.main-content-articles-post::after {
				clear: both;
				display: block;
				overflow: hidden;
				height: 0px;
				content: "";
			}

			.secondary.main-content-articles-post-img {
				float: left;
				display: block;
				overflow: hidden;
				aspect-ratio: 167 / 179;
				width: 167px;
				padding: 0 20px 0 0;
			}

			.secondary.main-content-articles-post-category {
				float: left;
				width: 379px;
				padding: 10px 0 3px;
				font: 500 14px/1 'Montserrat', sans-serif;
			}

			.secondary.main-content-articles-post-title {
				float: left;
				width: 379px;
				margin: 0 0 1em;
				font: 500 32px/1.25 'Montserrat', sans-serif;
			}

			.secondary.main-content-articles-post-date {
				clear: both;
				position: relative;
				top: -25px;
				left: 187px;
				margin: 0 0 -1em;
				font: 500 14px/1 'Montserrat', sans-serif;
				letter-spacing: 0;
			}

			.secondary.main-content-articles-post-read {
				display: block;
				position: relative;
				top: -25px;
				width: fit-content;
				margin: -1em 0 -1em auto;
				color: #2D345F;
				font: 500 18px/1 'Montserrat', sans-serif;
				text-decoration: underline;
			}
				.secondary.main-content-articles-post-read:hover {color: #E34D06;}

		.main-content-articles-footer {clear: both;}
			.main-content-articles-footer-button {
				display: block;
				position: relative;
				left: 693px;
				top: -84px;
				width: fit-content;
				padding: 16px 26px;
				border-bottom: 3px solid #A23704;
				background: #E34D06;
				color: #FFF;
				font: 500 24px/1 'Montserrat', sans-serif;
			}

@media all and (max-width: 1200px) {
.main-content-articles {
	width: calc(var(--vw) * 95.83);
	padding: calc(var(--vw) * 6.25) 0 calc(var(--vw) * 8.33);
}
	.primary.main-content-articles-post {width: calc(var(--vw) * 47.16);}
		.primary.main-content-articles-post-img {width: 100%;}
		.primary.main-content-articles-post-category {font-size: 1.67vw;}
		.primary.main-content-articles-post-title {font-size: 3.42vw;}
		.primary.main-content-articles-post-date {font-size: 1.17vw;}
		.primary.main-content-articles-post-read {font-size: 1.5vw;}
		
	.secondary.main-content-articles-post {
		width: calc(var(--vw) * 47.16);
		padding-left: calc(var(--vw) * 1.5);
	}
		.secondary.main-content-articles-post-img {
			width: calc(var(--vw) * 13.91);
			padding-right: calc(var(--vw) * 1.67);
		}

		.secondary.main-content-articles-post-category {
			width: calc(var(--vw) * 31.58);
			font-size: 1.17vw;
		}

		.secondary.main-content-articles-post-title {
			width: calc(var(--vw) * 31.58);
			font-size: 2.67vw;
		}

		.secondary.main-content-articles-post-date {
			left: calc(var(--vw) * 15.58);
			font-size: 1.17vw;
		}
		
		.secondary.main-content-articles-post-read {font-size: 1.5vw;}
		.main-content-articles-footer-button {
			left: calc(var(--vw) * 57.75);
			font-size: 2vw;
		}
}

@media all and (max-width: 768px) {
.main-content-articles {
	box-sizing: border-box;
	width: 100%;
	padding: 42px 20px 100px;
}
	.primary.main-content-articles-post {
		float: none;
		width: 100%;
	}
		.primary.main-content-articles-post-category {
			padding: 17px 0 7px;
			font-size: 12px;
		}

		.primary.main-content-articles-post-title {font-size: 16px;}
		.primary.main-content-articles-post-date {font-size: 11px;}
		.primary.main-content-articles-post-read {font-size: 13px;}

	.secondary.main-content-articles-post {
		float: none;
		width: 100%;
		padding: 60px 0 0;
	}
		.secondary.main-content-articles-post:nth-last-of-type(1) {padding-bottom: 60px;}
		.secondary.main-content-articles-post-img {
			float: none;
			aspect-ratio: 283 / 193;
			width: 100%;
			padding: 0;
		}

		.secondary.main-content-articles-post-category {
			float: none;
			width: auto;
			padding: 17px 0 7px;
			font-size: 12px;
		}

		.secondary.main-content-articles-post-title {
			float: none;
			width: auto;
			margin: 0;
			font-size: 16px;
		}

		.secondary.main-content-articles-post-date {
			position: static;
			margin: 0;
			padding: 10px 0 0;
			font-size: 11px;
		}

		.secondary.main-content-articles-post-read {
			position: static;
			margin: -1em 0 0 auto;
			font-size: 13px;
		}

		.main-content-articles-footer-button {
			position: static;
			margin: 0 auto;
			padding: 16px 30px;
			font-size: 15px;
		}
}

@media all and (max-width: 428px) {
.main-content-articles {padding: 42px 20px 60px;}
}


/* --------------------------------------------------------------------------------
	1-5：Why Choose Fukushima Sake?設定
-------------------------------------------------------------------------------- */
.main-content-choose {
	height: 640px;
	width: 100%;
	background: url(../img/index/photo02.jpg) center center no-repeat;
	background-blend-mode: multiply;
	background-color: rgba(0, 0, 0, 0.47);
	background-size: 100% auto;
}
	.main-content-choose-body {
		width: 900px;
		margin: 0 auto;
		color: #FFF;
	}
		.main-content-choose-body-heading {
			padding: 100px 0 32px;
			font: 500 48px/1 'Montserrat', sans-serif;
			text-align: center;
		}

		.main-content-choose-body-lead {
			float: left;
			aspect-ratio: 162 / 159;
			width: 162px;
			margin: 0 20px 0 33px;
			border: 2px solid #FFF;
			text-align: center;
		}
			.main-content-choose-body-lead-huge {
				display: block;
				padding: 18px 0 9px;
				font: 700 76px/1 'Montserrat', sans-serif;
			}
				.main-content-choose-body-lead-text {
					font: 500 29px/1 'Montserrat', sans-serif;
					letter-spacing: 0;
				}

			.main-content-choose-body-text {
				padding: 8px 0 20px;
				font: 500 18px/1.33 'Montserrat', sans-serif;
				letter-spacing: 0;
			}

			.main-content-choose-body-list {
				clear: both;
				display: flex;
				justify-content: center;
				width: 100%;
				padding: 18px 0 0;
			}
				.main-content-choose-body-list-item {padding: 0 80px;}
					.main-content-choose-body-list-item-icon {
						display: block;
						position: relative;
						aspect-ratio: 1 / 1;
						width: 103px;
						border-radius: 100%;
						background: #000;
					}
						.main-content-choose-body-list-item-icon-img {
							position: absolute;
							left: 50%;
							top: 50%;
							transform: translateY(-50%) translateX(-50%);
							aspect-ratio: 67 / 71;
							width: 67px;
						}

					.main-content-choose-body-list-item-text {
						font: 500 19px/1 'Montserrat', sans-serif;
						letter-spacing: 0.1em;
						text-align: center;
					}
						.main-content-choose-body-list-item-text-huge {
							display: block;
							padding: 10px 0 8px;
							font: 700 44px/1 'Montserrat', sans-serif;
							letter-spacing: 0;
						}

@media all and (max-width: 2265px) {
.main-content-choose {background-size: auto 100%;}
}

@media all and (max-width: 1200px) {
.main-content-choose {height: calc(var(--vw) * 53.33);}
	.main-content-choose-body {width: calc(var(--vw) * 75);}
		.main-content-choose-body-heading {
			padding: calc(var(--vw) * 8.33) 0 calc(var(--vw) * 2.66);
			font-size: 4vw;
		}

		.main-content-choose-body-lead {
			width: calc(var(--vw) * 13.5);
			margin: 0 calc(var(--vw) * 1.66) 0 calc(var(--vw) * 2.75);
		}
			.main-content-choose-body-lead-huge {
				padding: calc(var(--vw) * 1.5) 0 calc(var(--vw) * 0.75);
				font-size: 6.33vw;
			}

			.main-content-choose-body-lead-text {font-size: 2.42vw;}

		.main-content-choose-body-text {
			padding: calc(var(--vw) * 0.66) 0 calc(var(--vw) * 1.66);
			font-size: 1.5vw;
		}

		.main-content-choose-body-list {padding-top: calc(var(--vw) * 1.5);}
			.main-content-choose-body-list-item {padding:  0 calc(var(--vw) * 6.66);}
				.main-content-choose-body-list-item-icon {width: calc(var(--vw) * 8.58);}
					.main-content-choose-body-list-item-icon-img {width: calc(var(--vw) * 5.58);}

				.main-content-choose-body-list-item-text {font-size: 1.58vw;}
					.main-content-choose-body-list-item-text-huge {
						padding: calc(var(--vw) * 0.83) 0 calc(var(--vw) * 0.66);
						font-size: 3.67vw;
					}
}

@media all and (max-width: 768px) {
.main-content-choose {height: auto;}
	.main-content-choose-body {
		box-sizing: border-box;
		width: 100%;
		padding: 0 20px;
	}
		.main-content-choose-body-heading {
			padding: calc(var(--vw) * 13.02) 0 calc(var(--vw) * 3.9);
			font-size: 18px;
		}

		.main-content-choose-body-lead {
			float: none;
			max-width: 215px;
			width: calc(var(--vw) * 27.99);
			margin: 0 auto;
		}
			.main-content-choose-body-lead-huge {
				padding: calc(var(--vw) * 3.125) 0 calc(var(--vw) * 1.17);
				font-size: 14.06vw;
			}

			.main-content-choose-body-lead-text {font-size: 4.68vw;}

		.main-content-choose-body-text {
			padding: calc(var(--vw) * 5.2) 0 0;
			font-size: 12px;
		}
			.main-content-choose-body-text:nth-last-of-type(1) {padding-top: calc(var(--vw) * 3.9);}
			.main-content-choose-body-list {padding: calc(var(--vw) * 6.77) 0 calc(var(--vw) * 10.41);}
				.main-content-choose-body-list-item {
					width: calc(var(--vw) * 19.53);
					padding: 0 calc(var(--vw) * 5.85);
				}
					.main-content-choose-body-list-item-icon {width: calc(var(--vw) * 19.53);}
						.main-content-choose-body-list-item-icon-img {width: calc(var(--vw) * 13.02);}

					.main-content-choose-body-list-item-text {
						position: relative;
						left: 50%;
						transform: translateY(0) translateX(-50%);
						width: fit-content;
						font-size: 3.125vw;
						white-space: nowrap;
					}
						.main-content-choose-body-list-item-text-huge {
							padding: calc(var(--vw) * 2.6) 0 calc(var(--vw) * 0.66);
							font-size: 7.8125vw;
						}
}

@media all and (max-width: 428px) {
.main-content-choose-body-list-item-text {font-size: 13px;}
}


/* --------------------------------------------------------------------------------
	1-6：Why Fukushima's Sake Brewers Excel設定
-------------------------------------------------------------------------------- */
.main-content-excel {
	width: 1052px;
	margin: 60px auto 0;
}
	.main-content-excel-heading {
		font: 500 48px/1 'Montserrat', sans-serif;
		text-align: center;
	}

	.main-content-excel-text {
		padding: 36px 10px 18px;
		font: 500 18px/1.33 'Montserrat', sans-serif;
		letter-spacing: 0;
	}

@media all and (max-width: 1200px) {
.main-content-excel {width: calc(var(--vw) * 87.66);}
	.main-content-excel-heading {font-size: 4vw;}
	.main-content-excel-text {font-size: 1.5vw;}
}

@media all and (max-width: 768px) {
.main-content-excel {
	box-sizing: border-box;
	width: 100%;
	margin-top: calc(var(--vw) * 7.8125);
	padding: 0 20px;
}
	.main-content-excel-heading {font-size: 18px;}
	.main-content-excel-text {
		padding: 24px 0;
		font-size: 14px;
	}
}


/* --------------------------------------------------------------------------------
	1-7：FUKUSHIMA SAKE Brewery Map設定
-------------------------------------------------------------------------------- */
.main-content-brewery {
	margin: -12px 0 0;
	padding: 162px 0 0;
}
	.main-content-brewery-wrap {
		height: 472px;
		width: 100%;
		margin: -75px 0 0;
		background: url(../img/index/breweries_bg.png) center center no-repeat;
		background-size: 100% auto;
	}

	.main-content-brewery-body {
		width: 1150px;
		margin: 0 auto;
	}
		.main-content-brewery-body-heading {
			padding: 70px 0;
			color: #FFF;
			font: 500 48px/1 'Montserrat', sans-serif;
			text-align: center;
		}

		.main-content-brewery-body-list {
			display: flex;
			justify-content: center;
		}
			.main-content-brewery-body-list-item {
				position: relative;
				aspect-ratio: 371 / 141;
				width: 371px;
				margin: 0 18px 0 0;
				background-color: rgba(255, 255, 255, 0.7);
			}
				.main-content-brewery-body-list-item:nth-last-of-type(1) {margin: 0;}
				.main-content-brewery-body-list-item::after {
					position: absolute;
					right: 6px;
					top: 43.97%;
					width: 0;
					height: 0;
					border-style: solid;
					border-width: 11.5px 0 11.5px 12px;
					border-color: transparent transparent transparent #E34D06;
					content: "";
				}

				.main-content-brewery-body-list-item-link {
					display: block;
					aspect-ratio: 371 / 141;
					width: 371px;
				}

				.main-content-brewery-body-list-item-img {
					position: absolute;
					top: 50%;
					transform: translateY(-50%) translateX(0);
					aspect-ratio: 133 / 106;
					width: 133px;
					margin: 0 19px;
				}

				.main-content-brewery-body-list-item-text {
					padding: 0 0 0 152px;
					font: 500 18px/1 'Montserrat', sans-serif;
					letter-spacing: 0;
					text-align: center;
				}
					.main-content-brewery-body-list-item-text-large {
						display: block;
						padding: 15px 0 4px;
						font: 500 36px/1 'Montserrat', sans-serif;
					}

					.main-content-brewery-body-list-item-text-huge {
						display: block;
						padding: 0 0 7px;
						font: 800 42px/1 'Montserrat', sans-serif;
					}

@media all and (max-width: 1600px) {
.main-content-brewery-wrap {background-size: auto 100%;}
}

@media all and (max-width: 1200px) {
.main-content-brewery-wrap {height: calc(var(--vw) * 39.33);}
.main-content-brewery-body {width: calc(var(--vw) * 95.83);}
	.main-content-brewery-body-heading {
		padding: calc(var(--vw) * 5.83) 0;
		font-size: 4vw;
	}

	.main-content-brewery-body-list-item {
		width: calc(var(--vw) * 30.91);
		margin-right: 1.5vw;
	}
		.main-content-brewery-body-list-item-link {width: calc(var(--vw) * 30.91);}
		.main-content-brewery-body-list-item-img {
			width: calc(var(--vw) * 11.08);
			margin: 0 1.58vw;
		}

		.main-content-brewery-body-list-item-text {
			padding-left: calc(var(--vw) * 12.66);
			font-size: 1.5vw;
		}
			.main-content-brewery-body-list-item-text-large {font-size: 3vw;}
			.main-content-brewery-body-list-item-text-huge {font-size: 3.5vw;}
}

@media all and (max-width: 768px) {
.main-content-brewery {padding-top: 134px;}
	.main-content-brewery-wrap {
		box-sizing: border-box;
		height: auto;
		margin-top: -54px;
		padding: 0 20px calc(var(--vw) * 7.8125);
	}

	.main-content-brewery-body {width: 100%;}
		.main-content-brewery-body-heading {
			padding: calc(var(--vw) * 7.8125) 0 calc(var(--vw) *  7.03);
			font-size: 18px;
		}

		.main-content-brewery-body-list {
			display: block;
			padding: 0 20px;
		}
			.main-content-brewery-body-list-item {
				max-width: 390px;
				width: 100%;
				margin: 0 auto 18px;
			}
				.main-content-brewery-body-list-item:nth-last-of-type(1) {margin: 0 auto;}
				.main-content-brewery-body-list-item::after {
					top: 50%;
					border-width: 6px 0 6px 6px;
				}

				.main-content-brewery-body-list-item-link {
					aspect-ratio: 195 / 74;
					width: 100%;
				}

				.main-content-brewery-body-list-item-img {
					width: 35.89%;
					margin: 0 5.12%;
				}

				.main-content-brewery-body-list-item-text {
					position: absolute;
					left: 69.23%;
					top: 50%;
					transform: translateY(-50%) translateX(-50%);
					width: fit-content;
					padding: 0;
					font-size: 2.34vw;
					white-space: nowrap;
				}
					.main-content-brewery-body-list-item-text-large {
						padding: 0 0 4.1%;
						font-size: 4.68vw;
					}

					.main-content-brewery-body-list-item-text-huge {
						padding-bottom: 3.07%; 
						font-size: 5.46vw;
					}
}

@media all and (max-width: 428px) {
.main-content-brewery {padding-top: 104px;}
	.main-content-brewery-body-list-item-text {font-size: 3.27vw;}
		.main-content-brewery-body-list-item-text-large {font-size: 7.47vw;}
		.main-content-brewery-body-list-item-text-huge {font-size: 8.87vw;}
}


/* --------------------------------------------------------------------------------
	1-8：FIND SAKE設定
-------------------------------------------------------------------------------- */
.find-sake {
	width: 100%;
	background: #DCDBD4;
	
}
	.find-sake-content {
		width: 1150px;
		margin: 0 auto;
		padding: 100px 0 0;
	}
		.find-sake-content::after {
			clear: both;
			display: block;
			overflow: hidden;
			height: 0px;
			content: "";
		}

		.find-sake-content-heading {
			padding: 0 0 46px;
			font: 500 46px/1 'Montserrat', sans-serif;
			text-align: center;
		}

		.find-sake-content-lead {
			color: #285050;
			font: 500 39px/1 'Montserrat', sans-serif;
			text-align: center;
		}
			.find-sake-content-lead::after {
				display: block;
				height: 3px;
				width: 156px;
				margin: 24px auto 0;
				background-color: #285050;
				content: "";
			}

		.find-sake-content-store {
			width: 473px;
			padding: 32px 51px 0 0;
		}
			.find-sake-content-store:nth-of-type(2n+1) {padding-left: 51px;}
			.find-sake-content-store-wrap {
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
				padding: 0 0 96px;
			}

			.find-sake-content-store-tag {
				width: fit-content;
				padding: 3px 14px;
				border-radius: 3px;
				background-color: #000;
				color: #FFF;
				font: 500 18px/1 'Montserrat', sans-serif;
				letter-spacing: 0;
			}
				.find-sake-content-store-tag.ny {background-color: #285050;}
				.find-sake-content-store-tag.ec {background-color: #D78606;}

			.find-sake-content-store-heading {
				padding: 5px 0 13px;
				font: 500 32px/1.25 'Montserrat', sans-serif;
				letter-spacing: 0;
				white-space: nowrap;
			}
				.ec.find-sake-content-store-heading {white-space: normal;}

			.find-sake-content-store-address {
				font: 500 22px/1 'Montserrat', sans-serif;
				letter-spacing: 0;
				padding: 0 0 16px;
			}

			.find-sake-content-store-photo {
				display: flex;
				justify-content: space-between;
				width: 100%;
				padding: 5px 0 0;
			}
				.find-sake-content-store-photo-img {
					max-height: 100%;
					height: auto;
					width: 100%;
				}
					.find-sake-content-store-photo-img:nth-of-type(2) {margin: 0 0 0 9px;}

			.find-sake-content-store-map {
				position: relative;
				overflow: hidden;
				aspect-ratio: 473 / 235;
				width: 100%;
				margin: 22px 0 0;
			}

			.find-sake-content-store-link {
				display: block;
				width: fit-content;
				margin: 10px 0 0 auto;
				color: #2D345F;
				font: 500 18px/1 'Montserrat', sans-serif;
				text-decoration: underline;
			}
				.find-sake-content-store-link:hover {color: #E34D06;}

@media all and (max-width: 1200px) {
.find-sake-content {width: calc(var(--vw) * 95.83);}
	.find-sake-content-heading {font-size: 3.83vw;}
	.find-sake-content-lead {font-size: 3.25vw;}
	.find-sake-content-store {
		width: calc(var(--vw) * 39.41);
		padding-right: 4.25vw;
	}
		.find-sake-content-store:nth-of-type(2n+1) {padding-left: calc(var(--vw) * 4.25);}
		.find-sake-content-store-tag {font-size: 1.5vw;}
		.find-sake-content-store-heading {font-size: 2.67vw;}
		.find-sake-content-store-address {font-size: 1.83vw;}
			.find-sake-content-store-photo-img {width: calc(var(--vw) * 19.33);}
			.ec.find-sake-content-store-photo-img {width: 100%;}
			.find-sake-content-store-photo-img:nth-of-type(2) {margin-left: calc(var(--vw) * 0.75);}

		.find-sake-content-store-link {font-size: 1.5vw;}
}

@media all and (max-width: 768px) {
.find-sake-content {
	box-sizing: border-box;
	width: 100%;
	padding: calc(var(--vw) * 7.8125) 20px 0;
}
	.find-sake-content-heading {
		padding-bottom: calc(var(--vw) * 5.98);
		font-size: 18px;
	}

	.find-sake-content-lead {font-size: 16px;}
		.find-sake-content-lead::after {margin-top: calc(var(--vw) * 3.125);}

	.find-sake-content-store {
		width: 100%;
		padding-right: 0;
	}
		.find-sake-content-store:nth-of-type(2n+1) {padding-left: 0;}
		.find-sake-content-store-wrap {
			display: block;
			padding-bottom: calc(var(--vw) * 7.8125);
		}

		.find-sake-content-store-tag {font-size: 12px;}
		.find-sake-content-store-heading {
			padding: 5px 0 calc(var(--vw) * 1.69);
			font-size: 16px;
		}

		.find-sake-content-store-address {
			padding-bottom: calc(var(--vw) * 2.08);
			font-size: 14px;
		}
			.find-sake-content-store-photo-img {width: 49%;}
			.ec.find-sake-content-store-photo-img {width: calc(var(--vw) * 94.79);}

		.find-sake-content-store-map {
			aspect-ratio: 728 / 345;
			margin-top: calc(var(--vw) * 2.86);
		}

		.find-sake-content-store-link {font-size: 12px;}
}


/* --------------------------------------------------------------------------------
	1-9：Fukushima Sake Retailers and Restaurants設定
-------------------------------------------------------------------------------- */
.find-sake-content-retailer {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 107px;
}
	.find-sake-content-retailer-area {
		display: flex;
		width: 100%;
		padding: 43px 0 0;
	}

	.find-sake-content-retailer-search {
		box-sizing: border-box;
		overflow-x: hidden;
		overflow-y: scroll;
		height: 425px;
		width: 311px;
		padding: 34px 33px 34px 25px;
		background: #FFF;
		font-size: 14px;
		line-height: 2;
	}
		.find-sake-content-retailer-search::-webkit-scrollbar {width: 10px;}
		.find-sake-content-retailer-search::-webkit-scrollbar-thumb {
			height: 8px;
			margin: 3px;
			border: transparent solid 3px;
			border-radius: 10px;
			background: #e04d07;
		}

		.find-sake-content-retailer-search::-webkit-scrollbar-track-piece:start {
			padding: 3px;
			border-radius: 15px;
			background: #fff;
		}

		.find-sake-content-retailer-search::-webkit-scrollbar-track-piece:end {
			padding: 3px;
			border-radius: 15px;
			background: #fff;
		}

		.find-sake-content-retailer-search-select {border: 1px solid #000;}
			.find-sake-content-retailer-search-select-all {
				box-sizing: border-box;
				overflow: hidden;
				padding: 6px;
				background: url(../img/icon_search_array.svg) right 15px center no-repeat;
				text-align: left;
			}
				.find-sake-content-retailer-search-select-all img {vertical-align: middle;}
				.find-sake-content-retailer-search-select-list li {
					box-sizing: border-box;
					cursor: default;
					text-align: left;
				}
					.find-sake-content-retailer-search-select-list li:hover {background: #F8F8F8!important;}
					.find-sake-content-retailer-search-select-list li.selected:hover {background: #E04D07!important;}
					.find-sake-content-retailer-search-select-list li:first-child::before {
						display: block;
						height: 1px;
						margin: 0 15px;
						background: #000;
						font-size: 0;
						content: "";
					}

					.find-sake-content-retailer-search-select-list li img {padding: 13px 30px;}

		.find-sake-content-retailer-search-list {margin-top: 22px;}
			.find-sake-content-retailer-search-list .store_box {
				margin-top: 15px;
				padding-top: 20px;
				border-top: 1px solid #000;
				text-align: left;
			}

			.find-sake-content-retailer-search-list .store_box:first-child {
				border-top: none;
				padding-top: 0;
			}

			.find-sake-content-retailer-search-list .store_box .name {
				font: 400 18px/1.5 'Montserrat', sans-serif;
				letter-spacing: 0.05em;
				margin-top: -9px;
			}

			.find-sake-content-retailer-search-list .store_box .name a {
				padding-bottom: 2px;
				border-bottom: 1px solid #000;
				color: #111;
			}

			.find-sake-content-retailer-search-list .store_box .add {
				margin-top: 19px;
				font: 600 12px/1.5 'Montserrat', sans-serif;
			}

			.find-sake-content-retailer-search-list .store_box .tel {
				margin-top: 27px;
				font: 600 14px/1.5 'Montserrat', sans-serif;
			}

	.find-sake-content-retailer-map {
		position: relative;
		overflow: hidden;
		width: calc(100% - 311px);
		height: 425px;
	}
		.find-sake-content-retailer-note-img {
			display: block;
			aspect-ratio: 172 / 39;
			width: 172px;
			margin: 8px 13px 0 auto;
		}

@media all and (max-width: 1200px) {
.find-sake-content-retailer-search {
	width: calc(var(--vw) * 25.91);
	padding-right: calc(var(--vw) * 2.75);
	padding-left: calc(var(--vw) * 2.08);
}
	.find-sake-content-retailer-search-select-list li img {
		padding-right: calc(var(--vw) * 2.5);
		padding-left: calc(var(--vw) * 2.5);
	}

	.find-sake-content-retailer-map {width: calc(100% - calc(var(--vw) * 25.91));}
		.find-sake-content-retailer-note-img {
			width: calc(var(--vw) * 14.33);
			margin-right: calc(var(--vw) * 1.08);
		}
}

@media all and (max-width: 768px) {
.find-sake-content-retailer {padding-bottom: calc(var(--vw) * 10.41);}
	.find-sake-content-retailer-area {padding-top: 32px;}
	.find-sake-content-retailer-search {
		height: calc(var(--vw) * 44.92);
		width: calc(var(--vw) * 26.04);
		padding: calc(var(--vw) * 2.73) calc(var(--vw) * 1.5625) calc(var(--vw) * 2.73) calc(var(--vw) * 1.95) ;
	}
		.find-sake-content-retailer-search-select-all {
			padding: 0 29px 0 8px;
			background: url(../img/icon_search_array.svg) right 8px top 12px no-repeat;
			background-size: 14px;
		}
			.find-sake-content-retailer-search-select-all img {
				width: auto;
				vertical-align: middle;
			}

			.find-sake-content-retailer-search-select-list li img {
				max-width: calc(100% - calc(var(--vw) * 5));
				width: auto;
			}
				.find-sake-content-retailer-search-list .store_box .name {font-size: 11px;}
				.find-sake-content-retailer-search-list .store_box .add {font-size: 9px;}
				.find-sake-content-retailer-search-list .store_box .tel {font-size: 10px;}

	.find-sake-content-retailer-map {
		height: calc(var(--vw) * 44.92);
		width: calc(100% - calc(var(--vw) * 26.04));
	}
		.find-sake-content-retailer-note-img {width: 124px;}
}

@media all and (max-width: 428px) {
.find-sake-content-retailer-search {width: calc(var(--vw) * 34.11);}
.find-sake-content-retailer-map {width: calc(100% - calc(var(--vw) * 34.11));}
}