@charset "utf-8";

#content4 {
	background:url(../img/bg_gray.png) 0 0 repeat #000;
	color: #fff;
	margin: 87px 0 0;
}
	#content4 .title {
		position: relative;
		padding: 42px 0 0;
		background: url(../img/top_12.png) no-repeat center center;
		background-size: cover;
		text-align: center;
	}
		#content4 .title .img_kura {width: 81px;}
		#content4 .title .img_map_fukushima {
			height: 387px;
			width: 487px;
		}
		
		#content4 .title h2 {
			margin: 25px 0 0 20px;
/*			font-size: 27px;*/
			font-size: 40px;
			letter-spacing: 0.22em;
			line-height: 1.625em;
		}

		#content4 .title .link {
			width: 794px;
/*			margin-top: 40px;*/
			margin: 30px auto 0;
			font-size: 0;
		}
			#content4 .title .link li {
				display: inline-block;
				width: 33.33%;
/*				padding: 0 5px;*/
				padding: 0 15px;
				box-sizing: border-box;
			}
				#content4 .title .link li img {
					width: 73.56%;
/*					padding: 14px 0;*/
					padding: 28px 0;
				}

				#content4 .title .link li a {
					display: block;
					background: rgba(0, 0, 0, 0.2);
					font-size: 30px;
				}

				#content4 .title .link li .tab {
					display: block;
					padding-top: 8px;
					background: #fff;
					color: #000;
					font-size: 13px;
					letter-spacing: 0.22em;
				}
					#content4 .title .link li .tab p {line-height: 1em;}
/*					#content4 .title .link li .tab .total,
					#content4 .title .link li .tab .text {display: none;}*/
					#content4 .title .link li .tab .total,
					#content4 .title .link li .tab .text {display: block;}
					#content4 .title .link li .tab .total {font-size: 36px;}
					#content4 .title .link li .tab .area {
/*						font-size: 12px;*/
						font-size: 26px;
						line-height: 1.15em;
					}

					#content4 .title .link li .tab .text {
						font-size: 16px;
						line-height: 1.15em;
					}

						#content4 .title .link li .tab::after {
							display: block;
/*							height: 7px;*/
							height: 12px;
/*							width: 13px;*/
							width: 25px;
							margin: auto;
/*							padding: 7px 0;*/
							padding: 15px 0;
							background: url(../img/icon_tab_down.svg) no-repeat center center;
							background-size: contain;
							content: "";
						}

						#content4 .title .link li.active .tab::after {
							background: url(../img/icon_tab_up.svg) no-repeat center center;
							background-size: contain;
						}

						#content4 .title .link li.active a {background: rgba(0, 0, 0, 0.8);}

	#content4 .list_wrap {overflow: hidden;}
	#content4 #aizu,
	#content4 #nakadori,
	#content4 #hamadori {
		overflow: hidden;
		max-width: 1000px;
		margin: 0 auto 0;
		padding: 54px 50px 136px; 
	}
		#content4 #aizu .btn_more,
		#content4 #nakadori .btn_more,
		#content4 #hamadori .btn_more {
			margin-top: 40px;
			text-align: center;
		}
			#content4 #aizu .btn_more span,
			#content4 #nakadori .btn_more span,
			#content4 #hamadori .btn_more span {
				display: block;
				width: 234px;
				margin: auto;
				border: #fff 2px solid;
				border-radius: 60px;
				font-size: 20px;
				letter-spacing: 0.24em;
				line-height: 60px;
				cursor: pointer;
			}

		#content4 #aizu .slide_list,
		#content4 #nakadori .slide_list,
		#content4 #hamadori .slide_list {display: block;}

	#content4 .brewery_list {font-size: 0;}
		#content4 .brewery_list img {width: 100%;}
		#content4 .brewery_list li {
			display: inline-block;
			width: calc( (100% - 68px) / 5);
			margin: 17px 17px 0 0;
			vertical-align: top;
		}
			#content4 .brewery_list li:nth-child(odd) {
				margin-right: 17px;
			}

			#content4 .brewery_list li:nth-child(4n) {margin-right: 17px;}
			#content4 .brewery_list li:nth-child(5n+1) {margin-right: 0;}
			#content4 .brewery_list li img {vertical-align: bottom;}
			#content4 .brewery_list li .info {
				background: #fff;
				color: #000;
				letter-spacing: 0.12em;
			}
				#content4 .brewery_list li .info .text_wrap {
					position: relative;
					top: 50%;
					transform: translateY(-60%);
					padding: 0 11px;
					word-break: break-all;
				}
					#content4 .brewery_list li .info .text_wrap .area {
						margin-bottom: 18px;
						font-size: 12px;
						line-height: 1.15em;
					}
						#content4 .brewery_list li .info .text_wrap .area::after {
							display: block;
							height: 1px;
							width: 30px;
							margin-top: 12px;
							background: #000;
							content: '';
						}

					#content4 .brewery_list li .info .text_wrap .text {
						font-size: 15px;
						font-weight: 500;
						letter-spacing: 0;
						line-height: 1.15em;
					}

					#content4 .brewery_list li .info .text_wrap .languageUl {
						display: flex;		
						margin-top: 6px;
					}
						#content4 .brewery_list li .info .text_wrap .languageUl li {
							width: auto;
							margin: 0 7px 0 0;
							padding: 2px 5px;
							box-sizing: border-box;
							border-radius: 3px;
							color: #fff;
							font-size: 11px;
							font-weight: 500;
						}

						#content4 .brewery_list li .info .text_wrap .languageUl li.en {background-color: #e3885b;}
						#content4 .brewery_list li .info .text_wrap .languageUl li.ja {background-color: #e5a589;}
						#content4 .brewery_list li .info .text_wrap .languageUl li.ch {background-color: #e1c4b4;}

		#content4 .brewery_list.first li:nth-child(5n+1) {margin-right: 17px;}
		#content4 .brewery_list.first li:nth-child(5n) {margin-right: 0;}
		#content4 .brewery_list li.dispsp {display: none;}
		#content4 .brewery_list li.disppc {display: inline-block;}
		#content4 .brewery_list li.headline {font-family: 'Vollkorn', serif;}
			#content4 .brewery_list li.headline .info .text_wrap {transform: translateY(-50%);}
			#content4 .brewery_list li.headline .info .text_wrap .area,
			#content4 .brewery_list li.headline .info .text_wrap .total,
				#content4 .brewery_list li.headline .info .text_wrap .text {
					text-align: center;
					line-height: normal;
				}

				#content4 .brewery_list li.headline .info .text_wrap .area {
					margin-bottom: 10px;
					font-size: 21px;
				}
					#content4 .brewery_list li.headline .info .text_wrap .area::after {content: none;}

				#content4 .brewery_list li.headline .info .text_wrap .total {
					font-size: 36px;
					margin-bottom: 12px;
				}

@media all and (max-width: 1025px) {
#content4 #aizu,
#content4 #nakadori,
#content4 #hamadori {margin: 0 auto;}
#content4 .title h2 br {display: none;}
#content4 .brewery_list li {
	display: inline-block;
	width: calc( (100% - 15px) / 4);
	vertical-align: top;
	margin: 10px 5px 0 0;
}
	#content4 .brewery_list li:nth-child(odd) {Margin-right: 5px;}
	#content4 .brewery_list li:nth-child(5n+1) {margin-right: 5px;}
	#content4 .brewery_list li:nth-child(4n) {margin-right: 0;}
	#content4 .brewery_list.first li:nth-child(5n+1) {margin-right: 5px;}
	#content4 .brewery_list li.dispsp {display: inline-block;}
	#content4 .brewery_list li.disppc {display: none;}

}

@media all and (max-width: 768px) {
#content4 {
	margin-top: 54px;
	padding-bottom: 50px;
}
	#content4 #aizu,
	#content4 #nakadori,
	#content4 #hamadori {
		margin: 0 20px;
		padding: 26px 0 0;
	}
		#content4 .brewery_list li {width: calc( (100% - 5px) / 2);}
		#content4 .brewery_list li:nth-child(2n+0) {margin-right: 0;}
		#content4 .brewery_list.first li:nth-child(2n+0) {margin-right: 0;}
		#content4 .brewery_list.first li:nth-child(2n+1) {margin-right: 5px;}
		#content4 .brewery_list li .info .text_wrap .area {letter-spacing: 0;}
}