@charset "utf-8";


#site-footer { background-color: #fff; }
#site-footer > .inner {
	width: 92%;
	max-width: 1150px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	display: flex;
	box-sizing: border-box;
	padding: 60px 0;
}
#site-footer .logo img{  width: 113px; }
#site-footer .cen{ margin-left: 40px; }
#site-footer .cen .menu{ overflow: hidden; font-size: 17px; color:#000; font-weight: 600; }
#site-footer .cen .menu ul{ margin-left: -40px; display:flex; overflow:hidden; }
#site-footer .cen .menu li{ position:relative; margin-left:20px; padding-left:20px;  }
#site-footer .cen .menu li:after{ position:absolute; left:0; top:calc( 50% - 8px); width:1px; height:16px; background:#ddd; content:""; }
#site-footer .cen .menu li a{ font-weight:700;  }
#site-footer .rgh{ margin-left:auto; }
#site-footer .rgh .sns{ display:flex; margin-top: -10px; }
#site-footer .rgh .sns li{ margin-left:20px; }
#site-footer .info{ margin-top: 20px; text-align: left; font-size: 14px; line-height: 1.6; }
#site-footer .info span.cols{ display: inline-block; margin-right: 10px; }

@media screen and (max-width: 1200px){
	#site-footer > .inner {
		width: calc( 100% - 8vw);
		max-width: none;
		margin: 10vw auto 10vw;
		position: relative;
		overflow: hidden;
		display: flex;
		padding: 0 0 10vw;
		flex-direction: column;
		align-items: flex-start;
	}
	#site-footer .lft .logo img{ width:20vw; }
	#site-footer .cen{ margin-top:4vw; margin-left: 0; }
	#site-footer .cen .menu{ font-size: 3.1vw;  }
	#site-footer .cen .menu ul{margin-left: -6vw; margin-top:-1vw; display:flex;overflow:hidden;flex-wrap: wrap;}
	#site-footer .cen .menu li{ position:relative; margin-left:3vw; padding-left:3vw; margin-top:2vw;  }
	#site-footer .cen .menu li:after{top: calc( 50% - 1.1vw);height: 2.2vw;}
	#site-footer .cen .menu li a{ font-weight:700;  }
	#site-footer .rgh{margin-left:auto;position: absolute;right: 0;top: 4vw;}
	#site-footer .rgh .sns{ display:flex; margin-top: -2vw; }
	#site-footer .rgh .sns li{ margin-left:4vw; }
	#site-footer .rgh .sns li img{ width:9vw }
	#site-footer .info{ margin-top: 5vw; text-align: left; font-size: 2.6vw; line-height: 1.6; }
	#site-footer .info span.cols{ display: inline-block; margin-right: 10px; }
	
}







.tab-type1{}
.tab-type1 ul{display: flex;align-items: center; flex-wrap: wrap;}
.tab-type1 ul li{  }
.tab-type1 ul li a span{font-size: 20px;padding: 6px 20px;display: inline-block;border-bottom: 2px solid transparent; color: #000;}
.tab-type1 ul li.on a{  }
.tab-type1 ul li.on a span{border-color: #ff9600; color:#ff9600;  font-weight: 600;}

.tab-type2{}
.tab-type2 ul{display: flex;align-items: center;justify-content: center;}
.tab-type2 ul li{  }
.tab-type2 ul li a span{  border:1px #e6e6e6 solid; border-radius:5px; margin:0 3px; font-size: 16px;padding: 6px 20px;display: inline-block; color: #626262;}
.tab-type2 ul li.on a{  }
.tab-type2 ul li.on a span{ background:#eaeaea; color:#363636;  font-weight: 600;}

@media screen and (max-width: 1200px){
	.tab-type1{}
	.tab-type1 ul{display: flex;align-items: center;justify-content: center;}
	.tab-type1 ul li{  }
	.tab-type1 ul li a span{font-size: 3.8vw;padding: 1vw 2vw;display: inline-block;border-bottom: 2px solid transparent;color: #000;}
	.tab-type1 ul li.on a{  }
	.tab-type1 ul li.on a span{border-color: #ff9600; color:#ff9600;  font-weight: 600;}
	
	.tab-type1.type1-mo{}
	.tab-type1.type1-mo ul{ display: flex; justify-content: flex-start; }
	.tab-type1.type1-mo ul li{ background: #efefef; border-radius: 2vw; padding: 1.1vw 0.7vw; margin-right: 1.4vw; margin-bottom: 1.5vw; }
	.tab-type1.type1-mo ul li a{}
	.tab-type1.type1-mo ul li a span{ font-size: 3.2vw; line-height: 1; border: 0; color:#696969; }
	.tab-type1.type1-mo ul li.on{ background:#000;}
	.tab-type1.type1-mo ul li.on a span{ color:#fff; }

	.tab-type2 ul{display: flex;align-items: center;justify-content: center;}
	.tab-type2 ul li{  }
	.tab-type2 ul li a span{ border-radius:1vw; margin:0 1vw; font-size: 3.6vwx; padding: 1vw 5vw;}

	.tab-type2.beerchange{
		margin-left: 0;
		width: 100%;
		overflow-x: scroll;
		overflow-y: hidden;
		border-bottom: 0px solid #ededed;
		padding: 0 0 1vw;
	} 
	.tab-type2.beerchange ul{
		border: 0;
		display: flex;
		flex-wrap: nowrap !important;
		justify-content: flex-start;
	} 
	.tab-type2.beerchange ul li{ width: auto; } 
	.tab-type2.beerchange ul li a span{ display: flex;  font-size: 2.6vw; }
	.tab-type2.beerchange ul li a span b{ margin-left: 1vw; }




}



.wrap-tag1{margin-top: 39px;}
.wrap-tag1 > .inner{  }
.wrap-tag1 a{font-size: 18px; border: 2px solid #d0dce7;border-radius: 500px;padding: 15px 30px;margin: 10px 4px; }