.taw_navbar{
	display: block !important;
}
.content_beerpage p,
.content_schoolpage p{
	color: #000000;
}
.content_schoolpage h2,
.content_schoolpage h3{
	color: #003240;
}
p, h2, h3, h4{
	font-family: "Noto Sans JP", メイリオ, "Meiryo,", arial, helvetica, "sans-serif", clean !important;
}

/* ヘッダー画像 スマホ版 */
.top-bg-comingimg:before{
	background:url(/images/top_commingsoon1440.jpg) center/cover no-repeat;
}
.top-bg-mainimg:before{
	background:url(/images/top/topmainsp.jpg) center/cover no-repeat;
}
.top-bg-aboutimg:before{
	background:url(/images/about/aboutmainsp.jpg) center/cover no-repeat;
}
.top-bg-lineupimg:before{
	background:url(/images/lineup/lineupmainsp.jpg?20220825) center/cover no-repeat;
}
.top-bg-pairing-001:before{
	background:url(/images/pairing/pairing001mainsp.jpg) center/cover no-repeat;
}
.top-bg-pairing-002:before{
	background:url(/images/pairing/pairing002mainsp.jpg) center/cover no-repeat;
}
.top-bg-pairing-003:before{
	background:url(/images/pairing/pairing003mainsp.jpg) center/cover no-repeat;
}
.top-bg-pairing-004:before{
	background:url(/images/pairing/pairing004mainsp.jpg) center/cover no-repeat;
}
.top-bg-pairing-005:before{
	background:url(/images/pairing/pairing005mainsp.jpg) center/cover no-repeat;
}
.top-bg-pairing-006:before{
	background:url(/images/pairing/pairing006mainsp.jpg) center/cover no-repeat;
}
.top-bg-pairing-007:before{
	background:url(/images/pairing/pairing007mainsp.jpg) center/cover no-repeat;
}
.top-bg-pairing:before{
	background:url(/images/pairing/pairinglistmainsp.jpg?20220825) center/cover no-repeat;
}
.top-bg-pairing-floral:before{
	background:url(/images/pairing/pairingfloralmainsp.jpg) center/cover no-repeat;
}
.top-bg-pairing-citrus:before{
	background:url(/images/pairing/pairingcitrusmainsp.jpg) center/cover no-repeat;
}
.top-bg-pairing-herbal:before{
	background:url(/images/pairing/pairingherbalmainsp.jpg) center/cover no-repeat;
}
.top-bg-pairing-fruity:before{
	background:url(/images/pairing/pairingfruitymainsp.jpg) center/cover no-repeat;
}
.top-bg-recipesimg:before{
	background:url(/images/recipes/recipesmainsp.jpg) center/cover no-repeat;
}

/* natalia menu*/
.farrbrothers_navbar{
	width: 100%;
	position: fixed;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	z-index: 17;
	/* padding: 0.5rem 1rem; */
}
.farrbrothers_navbar .collapse{
	width: 100%;
}

.navbar-light .navbar-toggler {
	border-color: rgba(0, 0, 0, 0);
	outline: none;
}

.navbar-light .navbar-toggler-icon {
	background-image: none;
}

.navbar-toggler-icon {
	position: relative;
	width: 40px;
	height: 40px;
	background: none;
	appearance: none;
	cursor: pointer;
}
.navbar-toggler-icon,
.navbar-toggler-icon span {
	display: inline-block;
	transition: all 0.4s;
	box-sizing: border-box;
}
.navbar-toggler-icon span {
	position: absolute;
	left: 5px;
	width: 80%;
	height: 2px;
	background-color: #a5a5a5;
	border-radius: 1px;
}
.navbar-toggler-icon span:nth-of-type(1) {
	top: 8px;
}
.navbar-toggler-icon span:nth-of-type(2) {
	top: 20px;
}
.navbar-toggler-icon span:nth-of-type(3) {
	top: 32px;
}

.navbar-toggler[aria-expanded=true] span.navbar-toggler-icon span:nth-of-type(1) {
	transform: translateY(12px) rotate(-315deg);
}
.navbar-toggler[aria-expanded=true] span.navbar-toggler-icon span:nth-of-type(2) {
	opacity: 0;
}
.navbar-toggler[aria-expanded=true] span.navbar-toggler-icon span:nth-of-type(3) {
	transform: translateY(-12px) rotate(315deg);
}
.taw_navbar .taw_list-group li{
	border: 0;
}
.taw_navbar_list{
	padding: 200px 30px 30px;
	box-shadow: 0 10px 25px 0 rgb(53 79 84 / 47%);
}

.taw_navbar .taw_list-group{
	text-align: center;
}

/* natalia menu*/


/* トップページ */

.toppag_contentbox_pairingnum .contentbox_pict a img{
	box-shadow: 2px 2px 4px 1px #1d626e;
}

/* トップページ スライド */
.toppairing_slide{
	margin: 5px;
}
.carousel-control-prev,
.carousel-control-next{
	opacity: 0.8;
}
.carousel-control-prev-icon{
	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23519daa' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
.carousel-control-next-icon{
	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23519daa' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
.carousel-indicators li{
	background-color: #6cb9c7;
}
.carousel-indicators .active{
	background-color: rgb(187, 223, 230);
}


/* トップページのフレックスボックス */
.content_toppage, .content_beerpage,
.content_schoolpage	{
	max-width: 1000px;
	width: 100%;
	padding: 0 15px;
	margin-top: 45px;
}
/* .content_toppage1{
	margin-top: 45px;
} */
.toppag_contentbox,
.pags_contentbox {
	display:flex;
	flex-direction: column;
	margin-bottom: 0px;
}
.contentbox_text {
	width: 50%;
	text-align: center;
}
.contentbox_text p{
	padding-top: 40px;
	color: #fff;
}
.contentbox_text h3{
	font-size: 30px;
	letter-spacing: 1px;
	color: #000;
}
.contentbox_text h3 span{
	font-size: 16px;
}

.contentbox_btn a{
    padding: 10px 15px;
    background-color: #bb2b71;
    margin: 0 15px;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
	text-decoration: none;
	transition: all 0.3s;
}
.contentbox_btn a:hover{
	background-color: #89618d;
}

.contentbox_btn a span{
	font-size: 14px;
}

h3 {
	font-size: 21px;
	margin: 0;
}

.contentbox_pict {
	width: 50%;
	text-align: center;
	min-height: 0%;
	padding: 5px;
}

.contentbox_pict img {
	max-width: 100%;
	height:auto;
}

 /* 各ページの共通CSS */
.content_toppage h2{
	text-align: center;
}
.content_toppage h2 span{
	font-size: 16px;
	color: #000;
}


.content_toppage h2 img,
.toppag_contentbox h3 img,
.contentbox_text h3 img{
	max-height: 30px;
}
.content_toppage .pairingnumb h2 img{
	max-height: 72px !important;
}

/* ペアリングページ */
.Award_history h4{
	padding-left: 20px;
    color: black;
    font-weight: 700;
}
.Award{
	padding:5px 20px;
	border-bottom: 1px solid #398593;
}

.Award:nth-of-type(2n) {
    background-color: #3b95a5;
}
.Award:first-of-type {
    border-top: 1px solid #398593;
}

 /* レシピページ */
 .recipe_ingredients{
	display: flex;
    justify-content: space-between;
    padding: 0 10px;
    border-bottom: 1px solid #4c919d;
}
.recipe_ingredients p{
	margin: 10px 0;
    padding: 0;
}



/* フッター */

.copyright-color{
	color: #519daa;
}
.footer_icons {
    display: flex;
    justify-content: center;
	padding-top: 15px;
}
.footer_icons a{
	padding: 10px;
}



@media (max-width: 992px){
	.contentbox_btn1 {
		justify-content: space-evenly;
	}
	.contentbox_btn a {
		margin: 0;
		font-size: 14px;
	}

	.contentbox_text {
		padding: 0 30px;
	}
	/* ビールページ */
	.window{
		display: block;
	}
	.window_beer{
		width: 100%;
	}
	.window .text{
		width: 100%;
		padding: 0;
	}


}
@media (max-width:768px) {
	.contentbox_pict {
		width: 100%;
	}
	.contentbox_text {
		width: 100%;
		padding: 30px 5px 0;
	}
	.contentbox_btn{
		display: inline-flex;
	}
}

@media (min-width:768px) {

	/* ヘッダー */
	.top-bg-comingimg:before{
		background:url(/images/top_commingsoon1440.jpg) center/cover no-repeat;
	}
	.top-bg-mainimg:before{
		background:url(/images/top/topmain.jpg) center/cover no-repeat;
	}
	.top-bg-aboutimg:before{
		background:url(/images/about/aboutmain.jpg) center/cover no-repeat;
	}
	.top-bg-lineupimg:before{
		background:url(/images/lineup/lineupmain.jpg?20220825) center/cover no-repeat;
	}
	.top-bg-pairing-001:before{
		background:url(/images/pairing/pairing001main.jpg) center/cover no-repeat;
	}
	.top-bg-pairing-002:before{
		background:url(/images/pairing/pairing002main.jpg) center/cover no-repeat;
	}
	.top-bg-pairing-003:before{
		background:url(/images/pairing/pairing003main.jpg) center/cover no-repeat;
	}
	.top-bg-pairing-004:before{
		background:url(/images/pairing/pairing004main.jpg) center/cover no-repeat;
	}
	.top-bg-pairing-005:before{
		background:url(/images/pairing/pairing005main.jpg) center/cover no-repeat;
	}
	.top-bg-pairing-006:before{
		background:url(/images/pairing/pairing006main.jpg) center/cover no-repeat;
	}
	.top-bg-pairing-007:before{
		background:url(/images/pairing/pairing007main.jpg) center/cover no-repeat;
	}
	.top-bg-pairing:before{
		background:url(/images/pairing/pairinglistmain.jpg?20220825) center/cover no-repeat;
	}
	.top-bg-pairing-floral:before{
		background:url(/images/pairing/pairingfloralmain.jpg) center/cover no-repeat;
	}
	.top-bg-pairing-citrus:before{
		background:url(/images/pairing/pairingcitrusmain.jpg) center/cover no-repeat;
	}
	.top-bg-pairing-herbal:before{
		background:url(/images/pairing/pairingherbalmain.jpg) center/cover no-repeat;
	}
	.top-bg-pairing-fruity:before{
		background:url(/images/pairing/pairingfruitymain.jpg) center/cover no-repeat;
	}
	.top-bg-recipesimg:before{
		background:url(/images/recipes/recipesmain.jpg) center/cover no-repeat;
	}

	/* トップページのフレックスボックス */
	.toppag_contentbox,
	.pags_contentbox {
		flex-direction: row;
		justify-content: space-between;
	}
	.toppag_contentbox:nth-child(odd) {
		flex-direction: row-reverse;
	}
	.pags_contentbox:nth-child(odd) {
		flex-direction: row-reverse;
	}

	.contentbox_text {
		text-align: left;
		padding: 3%;
		position: relative;
	}
	/* .toppag_contentbox:nth-child(even) .contentbox_text {
	text-align: right;
	} */
	/* .contentbox_pict {
	width: 50%;
	} */
	.contentbox_pict img {
		width: 100%;
		height:auto;
	}
	.toppag_contentbox:nth-child(even) .contentbox_pict {
		margin-left: 0;
		margin-right: 0;
	}

	.contentbox_text h3 img{
		margin: 0;
	}
	.contentbox_btn{
		text-align: center;
		display: grid;
		justify-content: space-around;
		margin-top: 30px;
	}
	/* .contentbox_btn{
		display: flex;
		justify-content: center;
		position: absolute;
		bottom: 20%;
		right: 50%;
		transform: translate(50%, 50%);
	} */
	/* .btn-b10{
		bottom: 10%;
	} */
	.contentbox_btn_tap{
		margin: 5px 15px;
	}
	.toppag_contentbox_pairingnum{
		display: flex;
	}
	.toppag_contentbox_pairingnum .contentbox_pict a img{
		transition: all 1s;
	}
	.toppag_contentbox_pairingnum .contentbox_pict a img:hover{
		opacity: 0.8;
		transform: scale(0.98, 0.98);
	}

	/* レシピ */
	.contentbox_text p {
		text-align: justify;
	}

	/* スマホ用の改行クラス */
	.br-sp{
		display: none; 
	}


	/* taproom common ***********************************************************/

	.shop_info h2,
	.shop_info span
	{
		color: #003240;
		font-weight: 700;
	}

	/* Google Map ***************************************************************/

	/* Google Mapを囲う要素 */
	.googlemap {
		position: relative;
		width: 100%;
		height: 0;
		padding-top: 100%;
		overflow: hidden;
	}

	/* Google Mapのiframe */
	.googlemap iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 150%;
		margin-top: -300px; /* 表示位置の調整 */
	}
	/* Google Mapを囲う要素 */
	.googlemap {
		padding-top: 50%;
	}

	/* Google Mapのiframe */
	.googlemap iframe {
		height: 150%;
		margin-top: -190px; /* 表示位置の調整 */
	}
	/* .contentbox_btn {
		position: initial;
		transform: none;
	} */

	/* ビールページ */
	.open {
		cursor: pointer;
		width: 49%;
		display: inline-flex;
	}
}

@media (min-width:975px) {
	/* Google Mapを囲う要素 */
	.googlemap {
		padding-top: 50%;
	}
  
	/* Google Mapのiframe */
	.googlemap iframe {
		height: 180%;
		margin-top: -350px; /* 表示位置の調整 */
	}
	/* .btn-b10{
		bottom: 20%;
	} */
}

@media (min-width:1024px) {
	/* Google Mapを囲う要素 */
	.googlemap {
		padding-top: 53%;
	}

	/* Google Mapのiframe */
	.googlemap iframe {
		height: 150%;
		margin-top: -300px; /* 表示位置の調整 */
	}
}