@charset "UTF-8";

/*====== Concept =====*/
#area_concept {
	background: url("../image/bg01.jpg") center 0 no-repeat;
	background-size: cover;
	text-align: center;
}

/*====== Menu =====*/
#area_menu {
	text-align: center;
}
/*#area_menu .img_box {
	text-align: left;
	position: relative;
	padding-bottom: 12.26%;
}
#area_menu .img_box .img1 {
	width: 63.2%;
}
#area_menu .img_box .img2 {
	width: 49.86%;
	position: absolute;
	right: 0;
	bottom: 0;
}*/
#area_menu .img_box {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
#area_menu .img_box img {
	float: left;
	width: 50%;
}
#area_menu .menu_list {
	border-top: solid 1px #333;
	text-align: left;
}
#area_menu .menu_list dl {
	border-bottom: solid 1px #333;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
	-webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#area_menu .menu_list dl + p {
	margin-top: 20px;
}
#area_menu .menu_list dl .food {
	font-weight: 700;
}
#area_menu .menu_list dl .price {
	font-weight: 700;
}
#area_menu .menu_list dl .dsr {
	color: #c5c5c5;
	width: 100%;
	margin-top: 15px;
}
/*====== about =====*/
#area_about {
	background: url("../image/bg02.jpg") center bottom no-repeat;
	background-size: cover;
	text-align: center;
	padding: 100px 0;
}

#area_about h2 {
	margin-bottom: 50px;
}

/*====== Floor =====*/
#area_floor {
	background: url("../image/bg02.jpg") center bottom no-repeat;
	background-size: cover;
	text-align: center;
}
/*====== Access =====*/
#area_access {
	background: url("../image/bg03.jpg") center 0 no-repeat;
	background-size: cover;
}

/*====== Contact / Reserve =====*/
#area_contact a.btn_link {
	max-width: 264px;
}


@media screen and (min-width: 768px) {

	/*====== Concept =====*/
	#area_concept {
		padding: 160px 0 170px;
	}
	#area_concept .sec-tit-en {
		margin-bottom: 70px;
	}
	#area_concept .sec-cat {
		margin-bottom: 28px;
	}

	/*====== Menu =====*/
	#area_menu {
		padding: 120px 0 0;
	}
	#area_menu .tit_box {
		padding: 100px 0 80px;
	}
	#area_menu .tit_box .sec-tit-en {
		margin-bottom: 55px;
	}
	#area_menu .menu_list {
		max-width: 800px;
		margin: 0 auto;
	}
	#area_menu .menu_list dl {
		padding: 30px 0 25px;
	}

	/*====== Floor =====*/
	#area_floor {
		padding: 120px 0 0;
	}

	/*====== Access =====*/
	#area_access {
		padding: 120px 0 80px;
	}
	#area_access .sec-tit-en {
		margin-bottom: 70px;
	}
	#area_access .cont_box {
		padding-top: 25px;
	}
	#area_access .cont_box .sec-tit {
		margin-bottom: 15px;
	}

	/*====== Contact / Reserve =====*/
	#area_contact {
		padding: 60px 0;
		text-align: center;
	}
	#area_contact .sec-tit-en {
		margin-bottom: 70px;
	}
	#area_contact .btn {
		margin-top: 38px;
	}

}

@media screen and (max-width: 767px) {

	/*====== Concept =====*/
	#area_concept {
		padding: 19% 0 24%;
	}
	#area_concept .sec-tit-en {
		margin-bottom: 40px;
	}
	#area_concept .sec-cat {
		margin-bottom: 15px;
	}
	#area_concept p {
		letter-spacing: normal;
	}

	/*====== Menu =====*/
	#area_menu {
		padding: 21% 0 0;
	}
	#area_menu .tit_box {
		padding: 17% 0;
	}
	#area_menu .tit_box .sec-tit-en {
		margin-bottom: 38px;
	}
	#area_menu .menu_list dl {
		padding: 6% 0 5%;
	}

	/*====== Floor =====*/
	#area_floor {
		padding: 21% 0 0;
	}

	/*====== Access =====*/
	#area_access {
		padding: 21% 0 12%;
	}
	#area_access .sec-tit-en {
		margin-bottom: 45px;
	}
	#area_access .cont_box {
		padding-top: 7%;
	}
	#area_access .cont_box .sec-tit {
		margin-bottom: 10px;
	}

	/*====== Contact / Reserve =====*/
	#area_contact {
		padding: 15% 0;
		text-align: center;
	}
	#area_contact .sec-tit-en {
		margin-bottom: 45px;
	}
	#area_contact .btn {
		margin-top: 20px;
	}

}