/* -----------------------------------------------------------------------

alacarte.css

----------------------------------------------------------------------- */

/*----------------------------------------------------------

	Display：768px → （ pc ）
	
----------------------------------------------------------*/


/* ---------- メインイメージ ---------- */

#lunch #main {
	background-image:url(../images/lunch/mainimg.jpg);
	background-repeat:no-repeat;
	background-position:50% -50px;
	background-color:#000000;
}
#dinner #main {
	background-image:url(../images/dinner/mainimg.jpg);
	background-repeat:no-repeat;
	background-position:50% -50px;
	background-color:#000000;
}


/* ---------- メンバー割引 ---------- */

.menuArea .specialTxt {
	max-width:1080px;
	margin-bottom:40px;
}


/* ---------- おすすめメニュー ---------- */

.recommendMenu {
	padding:20px 4% 70px;
}
.recommendMenu .inner {
	max-width:1280px;
	margin:0 auto;
	padding:50px 20px 40px;
	border:4px double #b1b1b1;
	box-sizing:border-box;
	position:relative;
	background:#fff6f3;
	background:#ffffff;
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);
}
.recommendMenu .inner .midashi{
	margin:0 auto;
	padding:8px 0;
	width:280px;
	font-size:16px;
	display:block;
	color:#ffffff;
	text-align:center;
	letter-spacing:0.1em;
	background:#111111;
	position:absolute;
	top:-23px;
	left:0;
	right:0;
	-webkit-transition: all 0.3s;
}


.recommendMenu .planList{
	width:100%;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	
	display:-webkit-box;
	display:flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.recommendMenu .planList li {
	max-width:320px;
	margin:0 10px;
	padding:0;
	text-align:center;
}

.recommendMenu .planList.c3 li {
	max-width:300px;
	width: calc(33.33% - 20px);
}
.recommendMenu .planList.c4 li {
	max-width:300px;
	width: calc(25% - 20px);
}

.recommendMenu .planList li .photo {
	width:100%;
	margin:0;
	padding:0;
	position:relative;
}
.recommendMenu .planList li .data {
	margin:0;
	padding:25px 5% 10px;
}
.recommendMenu .planList li .data .catchcopy {
	font-size:100%;
	line-height:1.5;
	letter-spacing:0.1em;
	font-family:SourceHanSerifJP;
}
.recommendMenu .planList li .data .planName {
	margin-top:10px!important;
	padding:0;
	font-size:24px;
	line-height:1.3;
	letter-spacing:0.1em;
}
.recommendMenu .planList li .data .planName.no-catchcopy {
	margin-top:28px!important;
}
.recommendMenu .planList li .data .txt {
	margin-top:15px;
	text-align:left;
}
.recommendMenu .planList li .data .price {
	margin-top:0;
	letter-spacing:0.1em;
	font-family:SourceHanSerifJP;
}
.recommendMenu .planList li .data .price span {
	color:#8f002e;
}
.recommendMenu .planList li .data .price span em {
	font-size:28px;
}

.recommendMenu .planList li .data .price.s em {
	color:#8f002e;
	font-size:20px;
}

@media screen and (min-width: 769px) {
	.recommendMenu .planList li .data .catchcopy.l1 {
		line-height:3;
	}
}

/* ---------- メニュー一覧 ---------- */

.menu {
	padding:0;
}

.menuArea #lunchimg {
	margin-top:30px;
	height:300px;
	background:url(../images/lunch/img_lunch.jpg) no-repeat 50% 0%;
}
.menuArea #dinnerimg {
	margin-top:30px;
	height:300px;
	background:url(../images/dinner/1709/img_dinner.jpg) no-repeat 50% 0%;
}

.menuArea h3 {
	padding-top:30px;
}
.menu_a_d h3 {
	padding-top:30px;
}
.menuArea .menuList {
	max-width:1200px;
	min-width:1020px;
	margin:0 auto;
	overflow:hidden;
}
.menuArea .menuList .menuBox {
	margin-bottom:50px;
	padding-top:35px;
	width:33.33%;
	text-align:center;
	background:url(../images/common/img_menutop.png) no-repeat 50% 0%;
	float:left;
	position:relative;
}
.menuArea .menuList .menuBox .icon{
	width:120px;
	margin:0 auto;
	font-size:12px;
	background:#111111; 
	color:#ffffff; 
	position:absolute; 
	top:10px; 
	left:0; 
	right:0;
}

.menuArea .menuList .menuBox .catchcopy{
	text-align:center;
	font-family:SourceHanSerifJP;
}
.menuArea .menuList .menuBox h4{
	margin-top:5px;
	font-size:22px;
	text-align:center;
	font-family:SourceHanSerifJP;
}
.menuArea .menuList .menuBox > .photo{
	width:82%;
	margin:0 auto;
	padding:10px 0;
}
.menuArea .menuList .menuBox .menuTTL{
	width:70%;
	margin:10px auto 0;
	color:#ffffff;
	background:#b1b1b1;
}
.menuArea .menuList .menuBox ul {
	padding-bottom:30px;
}
.menuArea .menuList .menuBox ul li {
	margin:18px 0 0;
	font-size:12px;
}
.menuList .menuBox ul li.select {
	border-radius:3px;
	border:2px solid #ececec;
	width:90%;
	max-width:400px;
	margin-left:auto!important;
	margin-right:auto!important;
	padding:15px 0;
}
#receptionPlan .menuList .menuBox ul li.select {
	border:2px solid #c4ad76;
}
.menuList .menuBox ul li.select ul.meet {
	margin:3px 0 0;
	padding:0;
	overflow:hidden;
	box-sizing:border-box;
}
.menuList .menuBox ul li.select ul.meet li{
	margin:0;
	padding:0;
	text-align:center;
	float:left;
}
.menuList .menuBox ul li.select ul.meet li span{
	font-size:0.86em;
}
.menuList .menuBox ul li.select ul.meet.c2 {
	padding:0 30px;
}
.menuList .menuBox ul li.select ul.meet.c2 li{
	width:50%;
}
.menuList .menuBox ul li.select ul.meet.c3 li{
	width:33.33%;
}


.menuArea .menuList .menuBox h5 {
	font-size:15px;
	margin:0;
	text-align:center;
	font-family:SourceHanSerifJP;
}
.menuArea .menuList .menuBox .btnBox {
	display:-webkit-box;
	display:flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width:90%;
	max-width:320px;
	margin:15px auto 0;
}

.menuArea .menuList .menuBox .btnBox h5{
	width:100%;
}

.menuArea .menuList .menuBox .btnBox .normalBtn,
.menuArea .menuList .menuBox .btnBox .memberBtn,
.menuArea .menuList .menuBox .btnBox .priceBox {
	width:50%;
	margin:0 auto;
	display:block;
	text-align:center;
}
.menuArea .menuList .menuBox .btnBox .reservBtn {
	width:100%;
	margin:8px 0 0;
}
.menuArea .menuList .menuBox .btnBox .reservBtn a {
	max-width:180px;
	margin:0 auto;
}

.menuArea .menuList .menuBox .price {
	padding:5px 0 8px;
	font-family:SourceHanSerifJP;
	font-size:12px;
	line-height:1.5em;
}
.menuArea .menuList .menuBox .price em {
	font-size:24px;
	color:#8f002e;
}
.menuArea .menuList .menuBox .price.s {
	font-size:11px;
}
.menuArea .menuList .menuBox .price.s em {
	font-size:18px;
}

.menuArea .menuList .menuBox .btnBox .normalBtn a,
.menuArea .menuList .menuBox .btnBox .memberBtn a {
	width:86%;
	min-width:140px;
	margin:0 auto;
	padding:8px 0 8px;
	border-radius:3px;
	display:block;
	font-size:12px;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	font-family:SourceHanSerifJP;
	letter-spacing:0;
	line-height:20px;
}
.menuArea .menuList .menuBox .btnBox .reservBtn a {
	width:86%;
	min-width:140px;
	margin:0 auto;
	padding:10px 0;
	border-radius:4px;
	display:block;
	font-size:14px;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	font-family:SourceHanSerifJP;
	letter-spacing:0;
	line-height:20px;
}
.menuArea .menuList .menuBox .btnBox .normalBtn a span,
.menuArea .menuList .menuBox .btnBox .memberBtn a span {
	width:32px;
	margin:0 5px 0 0;
	display:inline-block;
	border-radius:3px;
	background:#000;
	text-align:center;
	font-size:11px;
	line-height:18px;
}
.menuArea .menuList .menuBox .btnBox .normalBtn a {
	background:#8f002e;
	transition:all 0.5s ease;
}
.menuArea .menuList .menuBox .btnBox .memberBtn a {
	background:#bd9421;
	transition:all 0.5s ease;
}
.menuArea .menuList .menuBox .btnBox  a.member {
	background:#bd9421;
}
.menuArea .menuList .menuBox .btnBox .reservBtn a {
	background:#8f002e;
	transition:all 0.5s ease;
}

.menuArea .menuList .menuBox .btnBox .reservBtn a:hover,
.menuArea .menuList .menuBox .btnBox .normalBtn a:hover,
.menuArea .menuList .menuBox .btnBox .memberBtn a:hover {
	opacity:0.6;
}
.menuArea .menuList .menuBox .btnBox .telBtn {
	width:100%;
	text-align:center;
}
.menuArea .menuList .menuBox .btnBox .telBtn a{
	width:60%;
	margin:0 auto;
	padding:13px 0 12px;
	border-radius:3px;
	display:block;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	font-family:SourceHanSerifJP;
	letter-spacing:0.1em;
	line-height:16px;
	background:#8f002e;
	transition:all 0.5s ease;
	font-size:18px;
}
.menuArea .menuList .menuBox .btnBox .telBtn a span{
	font-size:11px;
}

.coutionList {
	font-size:12px;
	max-width:1080px;
	width:95%;
	margin:30px auto 20px;
	padding:0 1.5%;
}

.menuArea .menuList .menuBox .box {
	margin:0;
}
.menuArea .menuList .menuBox .specialBox {
	width:82%;
	max-width:400px;
	margin:10px auto 20px;
	padding:20px 15px 10px;
	border:3px double #dfd6ba;
	font-size:12px;
	border-sizing:border-box;
	position:relative;
}
.menuArea .menuList .menuBox .specialBox .ttl {
	width:200px;
	margin:0 auto;
	padding:2px 0;
	color:#ffffff;
	display:inline-block;
	background:#b1a170;
	position:absolute;
	top:-14px;
	left:0;
	right:0;
}









/*----------------------------------------------------------

	Display：320px → 768px（ sp ）

----------------------------------------------------------*/

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

/* ---------- メインイメージ ---------- */

#lunch #main {
	background-position:45% 0;
	background-size:940px auto;
}
#dinner #main {
	background-position:20% 0;
	background-size:940px auto;
}


/* ---------- おすすめメニュー ---------- */

.recommendMenu {
	padding:20px 4% 50px;
}
.recommendMenu .inner {
	padding:15px 4% 0px;
}
.recommendMenu .inner .midashi{
	padding:5px 0;
	width:240px;
	font-size:1em;
	position:absolute;
	top:-20px;
	left:0;
	right:0;
}

.recommendMenu .planList{
	width:100%;
	padding:20px 0;
}
.recommendMenu .planList li {
	width:100%!important;
	margin:0 0 50px!important;
	float:none;
}
.recommendMenu .planList li .photo {
	width:100%;
}
.recommendMenu .planList li .data {
	padding:25px 5% 10px;
}
.recommendMenu .plan-list #plan .planList li .data .planName {
	font-size:22px;
}
.recommendMenu .planList li .data .planName.no-catchcopy {
	margin-top:0!important;
}


/* ---------- メンバー割引 ---------- */

.menuArea .specialTxt {
	width:92%;
	margin:0 4% 20px;
}



.menuArea #lunchimg {
	margin-top:20px;
	height:150px;
	background-size:auto 150px;
}
.menuArea #dinnerimg {
	margin-top:20px;
	height:150px;
	background-size:auto 150px;
}

.menuArea h3 {
	padding-top:20px;
}
.menuArea .menuList {
	width:100%;
	min-width:320px;
}
.menuArea .menuList .menuBox {
	width:100%;
	float:none;
}
.menuArea .menuList .menuBox ul {
	padding-bottom:20px;
}
.menuArea .menuList .menuBox ul li {
	margin:14px 0 0;
}

.menuArea .menuList .menuBox .btnBox .normalBtn,
.menuArea .menuList .menuBox .btnBox .memberBtn {
	width:;
}
.menuArea .menuList .menuBox .btnBox.c2 .normalBtn,
.menuArea .menuList .menuBox .btnBox.c2 .memberBtn {
	float:;
}
.menuArea .menuList .menuBox .btnBox .normalBtn a,
.menuArea .menuList .menuBox .btnBox .memberBtn a {
	width:90%;
}


.menuArea .menuList .menuBox .price em,
.menuArea .menuList .menuBox .price em {
	font-size:22px;
}
.menuArea .menuList .menuBox .btnBox .telBtn a{
	font-size:20px;
	text-align:center;
}
.menuArea .menuList .menuBox .btnBox .telBtn a span{
	font-size:12px;
}

.menuArea .menuList .menuBox .btnBox .telBtn a{
	width:200px;
	margin:0 auto;
	font-size:18px;
}
.menuArea .menuList .menuBox .btnBox .telBtn a span{
	font-size:10px;
}
.grandmenu .coutionList {
	font-size:12px;
	width:90%;
	padding:30px 5% 0;
	margin:30px auto;
	border-top:1px solid #a1a1a1;
}


}

/*----------------------------------------------------------

	Display：← 320px（ sp ）

----------------------------------------------------------*/

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

.menuArea .menuList .menuBox .btnBox .normalBtn a,
.menuArea .menuList .menuBox .btnBox .memberBtn a {
	font-size:11px;
}

}


/*----------------------------------------------------------

	Display：← 769px（ pc ）

----------------------------------------------------------*/

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

.btnBox.noName {
	padding-top:36px;
}

}

/*----------------------------------------------------------
	プリント専用
----------------------------------------------------------*/
@media print {

}




/* ---------- 特典 ---------- */

.optionBox {
	width:92%;
	max-width:1080px;
	margin:30px auto 0;
	border:1px solid #a8a8a8;
	box-sizing:border-box;
	position:relative;
	box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 10%);
}
.optionBox .midashi{
	max-width:280px;
	min-width:200px;
	margin:0 auto;
	padding:4px 0;
	font-size:18px;
	line-height:36px;
	color:#ffffff;
	background:#111111;
	text-align:center;
	font-family:SourceHanSerifJP;
	position:absolute;
	top:-22px;
	left:0;
	right:0;
}
.optionBox .planName{
	margin:25px 0;
	padding:0 5px 10px;
	font-size:1.8rem;
	line-height:1.3;
	letter-spacing:0.05em;
	font-family:SourceHanSerifJP;
	text-align:left;
	border-bottom:1px solid #111;
}
.optionBox .flexBox{
	width:100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-pack: wrap;
	flex-wrap: wrap;
}
.optionBox .flexBox .photo{
	width:100%;
}
.optionBox .flexBox .photo img{
	width:100%;
}
.optionBox .planName{
	margin:25px 0;
	padding:0 5px 12px;
	font-size:24px;
	line-height:1.3;
	letter-spacing:0.05em;
	font-family:SourceHanSerifJP;
	text-align:left;
	border-bottom:1px solid #111;
}
.optionBox .txt{
	padding:0 5px 1.5em;
}
.optionBox .menu{
	padding:0 5px 10px;
	font-size:1.15em;
	font-family:SourceHanSerifJP;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-pack: wrap;
	flex-wrap: wrap;
}
.optionBox .menu .price{
	font-size:14px;
	font-family:SourceHanSerifJP;
}
.optionBox .menu .price em{
	display:inline-block;
	margin-right:2px;
	font-size:26px;
	line-height:1em;
}

/*----------------------------------------------------------

	Display：← 768px（ sp ）

----------------------------------------------------------*/

@media screen and (max-width: 768px) {
	
	.optionBox {
		padding:15px ;
	}
	.optionBox .flexBox .photo{
		width:100%;
		margin:0 auto;
	}
	.optionBox .flexBox .dataBox{
		width:100%;
		margin:0 auto;
	}
	.optionBox .planName{
		font-size:20px;
	}
	.optionBox .menu .name{
		padding:0 0 3px;
	}
	.optionBox .menu .price{
		width:100%;
		text-align:right;
	}
}

/*----------------------------------------------------------

	Display：769px →（ pc ）

----------------------------------------------------------*/

@media screen and (min-width: 769px) {
	
	.optionBox {
		padding:30px ;
	}
	.optionBox .flexBox .photo{
		max-width:360px;
	}
	.optionBox .flexBox .dataBox{
		width: calc(100% - 400px);
		padding:30px 0 0;
	}
	.optionBox .planName{
		font-size:28px;
	}
}




.spBox {
	width:1080px;
	margin:0 auto 70px;
	padding:35px 20px 20px;
	border:1px solid #e2e2e2;
	box-sizing:border-box;
	text-align:center;
	position:relative;
}
.spBox h2{
	width:240px;
	margin:0 auto;
	padding:5px 0;
	display:inline-block;
	color:#ffffff;
	letter-spacing:0.1em;
	background:#ad8c5d;
	position:absolute;
	top:-18px;
	left:0;
	right:0;
}


/*----------------------------------------------------------

	Display：320px → 768px（ sp ）

----------------------------------------------------------*/

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

.spBox {
	width:90%;
	margin:0 auto 70px;
	padding:35px 20px 20px;
	border:1px solid #e2e2e2;
	box-sizing:border-box;
	text-align:center;
	position:relative;
}
.spBox h2{
	width:240px;
	margin:0 auto;
	padding:5px 0;
	display:inline-block;
	color:#ffffff;
	letter-spacing:0.1em;
	background:#ad8c5d;
	position:absolute;
	top:-18px;
	left:0;
	right:0;
}

}