@charset "UTF-8";
/* CSS Document */

H2{
	text-align: center;
}
/*----------------------------------------
	トップページ上
----------------------------------------*/

.top_area{
	height:70vh;
	background: url("../images/photo-beer.jpg") no-repeat;
	background-size: cover;
	background-position: center;
	object-fit: cover;
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	color: #ffffff;

}
@media (min-width:769px){
	.top_area{
		height:80vh;
	}
}


.menu_wrapper{
	width: 100%;
	background-color: thistle;
	background: url("../images/background_menu2.jpg") no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 10px;
}
.menu_flm{
	margin: 10px;
	background-color: rgba(0,0,0,0.6);
	color: #ffffff;
	padding: 14px;
}
@media (min-width:769px){
	.menu_wrapper{
		padding: 30px;
	}
	.menu_flm{
		width: 960px;
		margin: 60px auto;
		padding: 60px;
	}
}
.menu_ttl{
	text-align: center;
}
.menu_table{
	margin: 25px auto;
}
.menu_table th {
	width: 450px;
	padding: 25px 10px 25px 0;
	text-align: left;
	font-size: 1.8rem;
	border-bottom: 2px solid #fff;
}
.menu_table td {
	width: 120px;
	padding: 25px 0;
	text-align: right;
	font-size: 1.8rem;
	border-bottom: 2px solid #ccc;
	white-space: nowrap;
}
.menu_table ul{
	margin: 1em 0;
	padding-left: 20px;
	list-style-type: disc;
}

.menu_table li{
	font-size:1.4rem;
}


.menu_left{
}
.menu_right{
}

@media (min-width:769px){
	.menu_left{
		float: left;
		width: 49%;
	}
	.menu_right{
		float: right;
		width: 49%;
	}
}


.menu_table1{
	width: 100%;
	border-top: 1px solid #fff;
	margin-bottom: 60px;
}
.menu_table1 th{
	text-align: left;
	font-weight: normal;
	border-bottom: 1px solid #fff;
	padding: 10px 25px 10px 5px;
	white-space: nowrap;
	color: #980002;
}
.menu_table1 td{
	border-bottom: 1px solid #fff;
	padding: 10px 5px 10px 0;
}

.menu_table3{
	width: 100%;
	border-top: 1px solid #666;
}
.menu_table3 th{
	text-align: left;
	font-weight: normal;
	border-bottom: 1px solid #666;
	padding: 10px 25px 10px 5px;
	color: #980002;
}
.menu_table3 td{
	text-align: left;
	border-bottom: 1px solid #666;
	padding: 10px 5px 10px 0;
}

.menu_table4{
	margin-bottom: 60px;
	width: 100%;
}
.menu_table4 th{
	text-align: left;
	font-weight: normal;
	border-bottom: 1px solid #666;
	padding: 10px 25px 10px 5px;
	color: #980002;
}
.menu_table4 td{
	text-align: left;
	border-bottom: 1px solid #666;
	padding: 10px 5px 10px 0;
}
@media (min-width:769px){
	.menu_table4{
		border-top: 1px solid #666;
	}
}

.menu_table5{
	margin-bottom: 60px;
	width: 100%;
	border-top: 1px solid #666;
}

.menu_table5 td{
	text-align: left;
	border-bottom: 1px solid #666;
	padding: 10px;
}
@media (min-width:769px){
	.menu_table5{
		width: 100%;
	}
}
table .menu_etc{
	border-bottom: none;
	text-align: right;
}