@charset "utf-8";

/*
===== breweries_taprooms_index ===========================*/

footer {
	background: #F1E2B0;
}

/* .c-headline_01
--------------------*/
#breweries_taprooms_index .c-headline_01 .bg {
	background: url(/assets/breweries_taprooms/img/index_bg_main.jpg) no-repeat 50% 50%;
	background-size: cover;
}

#breweries_taprooms_index .c-headline_01 h1 {
	min-width: 312px;
	padding-left: 32px;
	padding-right: 32px;
}

@media (max-width: 768px) {
	#breweries_taprooms_index .c-headline_01 .bg {
		background: url(/assets/breweries_taprooms/img/index_bg_main_sp.jpg) no-repeat 50% 50%;
		background-size: cover;
	}

	#breweries_taprooms_index .c-headline_01 h1 {
		min-width: 248px;
		padding-left: 25px;
		padding-right: 25px;
	}
}

/* p-breweries
--------------------*/
#breweries_taprooms_index .p-breweries {
	margin: 80px 0 0;
	padding: 0 0 64px;
}

#breweries_taprooms_index .p-breweries .l-inner {
	max-width: 1000px;
}

#breweries_taprooms_index .p-breweries .wrap {
	display: flex;
	gap: 32px;
	width: 100%;
}

#breweries_taprooms_index .p-breweries .wrap + .wrap {
	margin: 80px 0 0;
}

#breweries_taprooms_index .p-breweries .wrap .p-slide {
	width: calc((594 / 1000) * 100%);
}

#breweries_taprooms_index .p-breweries .wrap > div {
	width: calc((374 / 1000) * 100%);
}

#breweries_taprooms_index .p-breweries .wrap .area {
	display: flex;
	align-items: center;
	width: fit-content;
	height: 33px;
	margin: 40px 0 0;
	padding: 0 10px 1px;
	background: #112240;
	border-radius: 10px;
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
}

#breweries_taprooms_index .p-breweries .wrap h2 {
	margin: 16px 0 0;
}

#breweries_taprooms_index .p-breweries .wrap h2 em {
	display: block;
	margin-right: -1em;
	font-size: 32px;
	font-weight: 700;
	line-height: calc(44 / 32);
}

#breweries_taprooms_index .p-breweries .wrap h2 span {
	display: block;
	margin: 0 0 8px;
	font-size: 16px;
	font-weight: 700;
	line-height: calc(22 / 16);
}

#breweries_taprooms_index .p-breweries .wrap p {
	margin: 24px -1em 0 0;
}

#breweries_taprooms_index .p-breweries .wrap .c-note_01 {
	margin: 12px 0 0;
}

#breweries_taprooms_index .p-breweries .wrap .c-note_01 li + li {
	margin: 8px 0 0;
}

#breweries_taprooms_index .p-breweries .wrap nav {
	width: fit-content;
	margin: 40px 0 0;
}

@media (max-width: 960px) {
	#breweries_taprooms_index .p-breweries .wrap {
		display: block;
	}

	#breweries_taprooms_index .p-breweries .wrap .p-slide {
		width: 594px;
		margin: 0 auto;
	}

	#breweries_taprooms_index .p-breweries .wrap .area.u-sp_hidden,
	#breweries_taprooms_index .p-breweries .wrap h2.u-sp_hidden {
		display: none !important;
	}

	#breweries_taprooms_index .p-breweries .wrap .area.u-pc_hidden {
		display: flex !important;
		margin: 0;
	}

	#breweries_taprooms_index .p-breweries .wrap h2.u-pc_hidden {
		display: block !important;
		margin: 16px 0 32px;
	}

	#breweries_taprooms_index .p-breweries .wrap nav {
		margin: 40px auto 0;
	}
}


@media (max-width: 768px) {
	#breweries_taprooms_index .p-breweries {
		margin: 56px 0 0;
		padding: 0 0 56px;
	}

	#breweries_taprooms_index .p-breweries .wrap + .wrap {
		margin: 56px 0 0;
	}

	#breweries_taprooms_index .p-breweries .wrap .p-slide {
		width: 100%;
		max-width: 594px;
	}

	#breweries_taprooms_index .p-breweries .wrap > div {
		width: 100%;
		max-width: 594px;
	}

	#breweries_taprooms_index .p-breweries .wrap .area {
		height: 31px;
		margin: 0;
	}

	#breweries_taprooms_index .p-breweries .wrap h2 {
		margin: 8px 0 16px !important;
	}

	#breweries_taprooms_index .p-breweries .wrap h2 em {
		margin-right: 0;
		font-size: 24px;
		line-height: calc(33 / 24);
	}

	#breweries_taprooms_index .p-breweries .wrap h2 span {
		margin: 0 0 4px;
		padding: 4px 0 0;
	}

	#breweries_taprooms_index .p-breweries .wrap p {
		margin: 24px 0 0;
	}

	#breweries_taprooms_index .p-breweries .wrap .c-note_01 {
		margin: 8px 0 0;
	}

	#breweries_taprooms_index .p-breweries .wrap .c-note_01 li + li {
		margin: 8px 0 0;
	}

	#breweries_taprooms_index .p-breweries .wrap nav {
		margin: 24px auto 0;
	}
}

/* p-works
--------------------*/
#breweries_taprooms_index .p-works {
	padding: 64px 0 108px;
	background: #F1E2B0;
}

#breweries_taprooms_index .p-works h2 + p {
	margin: 8px 0 0;
}

#breweries_taprooms_index .p-works .wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 64px 32px;
	max-width: 1000px;
	margin: 64px auto 0;
}

#breweries_taprooms_index .p-works .wrap > div {
	width: calc((100% - 32px) / 2);
}

#breweries_taprooms_index .p-works .wrap .p-slide {
	width: 100%;
}

#breweries_taprooms_index .p-works .wrap > div .area {
	display: flex;
	align-items: center;
	width: fit-content;
	height: 33px;
	margin: 16px 0 0;
	padding: 0 10px 1px;
	background: #112240;
	border-radius: 10px;
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
}

#breweries_taprooms_index .p-works .wrap > div h3 {
	margin: 16px 0 0;
}

#breweries_taprooms_index .p-works .wrap > div h3 em {
	display: block;
	font-size: 24px;
	font-weight: 700;
	line-height: calc(33 / 24);
}

#breweries_taprooms_index .p-works .wrap > div p {
	margin: 16px 0 0;
}

#breweries_taprooms_index .p-works .wrap > div nav {
	width: fit-content;
	margin: 32px auto 0;
}

@media (max-width: 768px) {
	#breweries_taprooms_index .p-works {
		padding: 32px 0 56px;
	}

	#breweries_taprooms_index .p-works h2 + p {
		margin: 16px 0 0;
	}

	#breweries_taprooms_index .p-works .wrap {
		display: block;
		margin: 0;
	}

	#breweries_taprooms_index .p-works .wrap > div {
		width: 100%;
		margin: 56px 0 0;
	}

	#breweries_taprooms_index .p-works .wrap > div .area {
		height: 31px;
		margin: 0;
	}

	#breweries_taprooms_index .p-works .wrap > div h3 {
		margin: 8px 0 16px;
	}

	#breweries_taprooms_index .p-works .wrap > div p {
		margin: 24px 0 0;
	}

	#breweries_taprooms_index .p-works .wrap > div nav {
		margin: 24px auto 0;
	}
}


/* p-slide
--------------------*/
#breweries_taprooms_index .p-slide {
	position: relative;
	padding: 0 0 56px;
}

#breweries_taprooms_index .p-slide .swiper {
	border-radius: 16px;
	overflow: hidden;
}

#breweries_taprooms_index .p-slide .swiper-button-prev,
#breweries_taprooms_index .p-slide .swiper-button-next {
	display: block;
	top: inherit;
	bottom: 0;
	width: 40px;
	height: 40px;
	margin: 0;
	border: 2px solid #112240;
	border-radius: 8px;
	transition: all .3s ease;
}

#breweries_taprooms_index .p-slide .swiper-button-prev {
	left: inherit;
	right: 64px;
}

#breweries_taprooms_index .p-slide .swiper-button-next {
	right: 0;
}

#breweries_taprooms_index .p-slide .swiper-button-prev:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 6px;
	height: 12px;
	background: url(/assets/img/common/bullet_arrow_05_n.svg) no-repeat 50% 50%;
	background-size: 6px auto;
}

#breweries_taprooms_index .p-slide .swiper-button-next:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 6px;
	height: 12px;
	background: url(/assets/img/common/bullet_arrow_01_n.svg) no-repeat 50% 50%;
	background-size: 6px auto;
}

#breweries_taprooms_index .p-slide .swiper-button-disabled {
	display: none !important;
}

#breweries_taprooms_index .p-slide .swiper-pagination {
	bottom: 8px;
	font-size: 0;
	line-height: 0;
	z-index: 10;
}

#breweries_taprooms_index .p-slide .swiper-pagination-bullet {
	margin: 0 8px;
	width: 16px;
	height: 16px;
	background: #ffffff;
	transition: all .3s ease;
	opacity: 1;
}

#breweries_taprooms_index .p-slide .swiper-pagination-bullet:hover {
	background: #112240;
}

#breweries_taprooms_index .p-slide .swiper-pagination-bullet-active {
	background-color: #112240 !important;
}

@media (min-width: 769px) {
	#breweries_taprooms_index .p-slide .swiper-button-prev:hover,
	#breweries_taprooms_index .p-slide .swiper-button-next:hover {
		background: #112240;
	}

	#breweries_taprooms_index .p-slide .swiper-button-prev:hover:after {
		background: url(/assets/img/common/bullet_arrow_05_y.svg) no-repeat 50% 50%;
		background-size: 6px auto;
	}

	#breweries_taprooms_index .p-slide .swiper-button-next:hover:after {
		background: url(/assets/img/common/bullet_arrow_01_y.svg) no-repeat 50% 50%;
		background-size: 6px auto;
	}
}

@media (max-width: 768px) {
	#breweries_taprooms_index .p-slide {
		padding: 0 0 24px;
	}

	#breweries_taprooms_index .p-slide .swiper {
		border-radius: 10px;
	}

	#breweries_taprooms_index .p-slide .swiper-button-prev,
	#breweries_taprooms_index .p-slide .swiper-button-next {
		display: none;
	}

	#breweries_taprooms_index .p-slide .swiper-pagination {
		bottom: 0;
	}

	#breweries_taprooms_index .p-slide .swiper-pagination-bullet {
		margin: 0 8px;
		width: 8px;
		height: 8px;
	}

	#breweries_taprooms_index .p-slide .swiper-pagination-bullet:hover {
		background: #ffffff;
	}
}