﻿@charset "utf-8";
/*menuの設定ここから*/
dl,dt,dd {
	margin: 0;
	padding: 0;
	line-height: 1.0em;
}
.Menu-Sec {
	width: 100%;
	height:auto;
	padding:5.857vw 0 6.442vw 0;
	margin: 0 auto;
	background: #000;
	color:#fff;
	border-bottom:1px solid #444;
}
#Food-Menu {
	border-bottom:1px solid #000;
}
.Menu-Header {
	height:auto;
	text-align: center;
}
.Menu-Header p {
	font-size: 24px;
	font-weight: 500;
	font-family: 'EB Garamond', serif;
	color: #bc9d51;
	margin-top:0px;
	margin-bottom: 28px;
}
.Menu-Header h2 {
	font-size: 25px;
	font-family: YuMincho,'Yu Mincho',serif;
	font-weight: normal;
	line-height:28px;
	margin-bottom:4.857vw;
}
@media screen and (max-width:1200px){
.Menu-Header h2 {

	font-size: calc(20px + 5 * (100vw - 769px)/431);
	line-height:24px;
}
}
.Menu-Header-F {
	text-align: center;
}
.Menu-Header-F p {
	font-size: 24px;
	font-weight: 500;
	font-family: 'EB Garamond', serif;
	color: #bc9d51;
	margin-top:0px;
	margin-bottom: 28px;
}
.Menu-Header-F h2 {
	font-size: 25px;
	font-family: YuMincho,'Yu Mincho',serif;
	font-weight: normal;
	line-height:22px;
	margin-bottom:4.857vw;
}
.Menu-Header h2 span {
	line-height:40px;
}
#Pranzo-Box,#Course-Box {
	display: flex;
	flex-wrap: wrap;
	width: 85%;
	margin: 0 auto;
}
#Pranzo-A,#Pranzo-B,#Pranzo-C,
#Course-A,#Course-B,#Course-C {
	margin: 0 auto;
	width: 33%;
}
div.Course-Bor {
	margin: 0px auto 24px;
	width: 182px;
	height: 182px;
	border: solid 10px #bc9d51;
	text-align: center;
}
p.font_ym {
	font-weight: 500;
   font-family: 'EB Garamond', serif;
	font-size: 38px;
	line-height:0.8em;
	margin-top: 22px;
	margin-bottom: 15px;
	color: #bc9d51;
}
p.font_ym2 {
	font-weight: 500;
   font-family: 'EB Garamond', serif;
	font-size: 38px;
	line-height:0.8em;
	margin-bottom: 16px;
	color: #bc9d51;
}
p.font_yg {
	font-size: 28px;
	line-height:0.8em;
	margin-bottom: 12px;
}
p.font_sam {
	font-size: 12px;
	font-weight: normal;
	line-height:0.8em;
	margin-bottom: 22px;
}
div.Info {
	width:100%;
	height: auto;
	margin:0 auto 22px;
}
p.PC-Info {
	font-size: 16px;
	font-family: YuMincho, "Yu Mincho" , sans-serif;
	text-align: center;
	line-height: 1.5em;
	white-space: pre-wrap;
}

@media screen and (min-width:768px) and ( max-width:960px) {
p.PC-Info {
	font-size: calc(12px + 4 * (100vw - 768px)/256);
}

} 
p.List {
	margin: 0 auto;
	padding-left:24px;
	width:192px;
	font-size: 12px;
	line-height: 2.5em;
	text-align:left;
	white-space: pre-wrap;
}
div.Course-List {
	width:100%;
	margin:0 auto;
}

.Menu-Box {
	width: 85%;
	margin:0 auto;
}
.Menu-Name {
	margin:0 auto;
	margin-top: 70px;
	margin-bottom: 42px;
	text-align: center;
}
.Menu-Name p {
	font-size: 26px;
	font-family: 'EB Garamond', serif;
  	font-weight: 400;
	margin-bottom: 27px;
}
.Menu-Name:after {
	display: block;
	content: "";
	width: 100%;
	border:  1px solid #fff;
}
.Menu-Container {
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.Menu-Left {
	width: 50%;
	margin-right: 24px;
}
.Menu-Right {
	width: 50%;
	margin-right: 9px;
	box-sizing: border-box;
}
.Menu-Category {
	font-size: 19px;
	font-weight: normal;
	margin-bottom: 27px;
}
dl {
	margin: 0 auto;
}
dt.Menu-List {
	font-size: 13px;
	font-weight: normal;
	float: left;
	clear: left;
	text-align: left;
	margin-bottom: 31px;
}
dt.Menu-List-I {
	font-size: 13px;
	font-weight: normal;
	float: left;
	clear: left;
	text-align: left;
	margin-bottom: 14px;
}
dd.Menu-Price {
	font-size: 13px;
	font-weight: normal;
	font-family: YuGothic, "Yu Gothic" , sans-serif;
	text-align: right;
	margin-bottom: 31px;
}
dd.Menu-Price-I {
	font-size: 13px;
	font-weight: normal;
	font-family: YuGothic, "Yu Gothic" , sans-serif;
	text-align: right;
	margin-bottom: 14px;
}
p.Column1 {
	font-size: 12px;
	font-weight: normal;
	line-height:1.5em;
	text-align: center;
	margin-top: 5.857vw;
}
p.Column2 {
	font-size: 14px;
	font-weight: bold;
	line-height:1em;
	text-align: center;
	margin-top: 27px;
}
p.Column3 {
	font-size: 13px;
	font-weight: normal;
	line-height:1em;
	text-align: center;
	margin-top: 56px;
	margin-bottom: 108px;
}
p.Menu-Info {
	font-size: 10px;
	margin-bottom: 31px;
}
img.Menu-Img{
	display: block;
	margin: 0 auto;
	margin-top: 81px;
}
/*menuの設定ここまで*/

/*menu内レコメンド画像ここから*/
#Recommend-IMG {
	width: 100%;
	height:auto;
	background: #000;
	color:#fff;
}
#Recommendimg-container {
	width: 85%;
	margin: 0 auto;
	background: #000;
	display: flex;
}
#Recommendimg-flex1,
#Recommendimg-flex2,
#Recommendimg-flex3{
	width: 33.3%;
	background: #000;
}
.ri-flex-item {
	width: 100%;
	position: relative;
	text-align: center;
}
.RI {
	width: 100%;
	height: 100%;
	display: block;
}
p.Food-Text-R {
	width: 85%;
	color: #fff;
	font-size: 14px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
/*menu内レコメンド画像ここまで*/

/*menu内フード画像ここから*/
#Food-IMG {
	width: 100%;
	height:auto;
	background: #000;
	color:#fff;
}
#Foodimg-container {
	width: 100%;
	margin: 0 auto;
	background: #000;
	display: flex;
}
#Foodimg-flex1 {
	width: 33.3%;
	background: #000;
}
#Foodimg-flex2 {
	width: 66.7%;
	height: 33.3vw;
	display: flex;
	flex-wrap: wrap;
}
.fi-flex-item1 {
	width: 100%;
	height: 33.3vw;
	position: relative;
	text-align: center;
}
.fi-flex-item2 {
	width: calc(100% / 4);
	position: relative;
	text-align: center;
}
.FI-B,.FI {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}	
.Food-Text-Box-B,
.Food-Text-Box,
.Food-Text-Box1,
.Food-Text-Box2,
.Food-Text-Box3,
.Food-Text-Box4,
.Food-Text-Box5,
.Food-Text-Box6,
.Food-Text-Box7,
.Food-Text-Box8,
.Food-Text-Box9,
.Food-Text-Box-R1,
.Food-Text-Box-R2,
.Food-Text-Box-R3 {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: rgba(0,0,0,0.3);
	transition: all 0.4s;
}
.Food-Text-Box-B:hover,
.Food-Text-Box:hover,
.Food-Text-Box1:hover,
.Food-Text-Box2:hover,
.Food-Text-Box3:hover,
.Food-Text-Box4:hover,
.Food-Text-Box5:hover,
.Food-Text-Box6:hover,
.Food-Text-Box7:hover,
.Food-Text-Box8:hover,
.Food-Text-Box9:hover,
.Food-Text-Box-R1:hover,
.Food-Text-Box-R2:hover,
.Food-Text-Box-R3:hover  {
	opacity: 1;
	cursor: pointer;
}
p.Food-Text {
	color: #fff;
	font-size: 10px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
/*menu内フード画像ここまで*/