



/**********
 common
**********/
/* margin */
.mBtmNone{ margin-bottom:none;}
.mBtm10{ margin-bottom:10px;}
.mBtm20{ margin-bottom:20px;}
.mBtm30{ margin-bottom:30px;}

.mTop5{ margin-top:5px;}
.mTop10{ margin-top:10px;}
.mTop20{ margin-top:20px;}
.mTop30{ margin-top:30px;}

/* padding */
.pBtmNone{ padding-bottom:none;}
.pBtm05{ padding-bottom:5px;}
.pBtm10{ padding-bottom:10px;}
.pBtm20{ padding-bottom:20px;}
.pBtm30{ padding-bottom:30px;}

.pTop10{ padding-top:10px;}
.pTop20{ padding-top:20px;}
.pTop30{ padding-top:30px;}

/* color */
.cRed { color:#e24000;}
.cOrg { color:#c60;}
.cGry { color:#666;}
.cBrwn{ color:#553b27;}
.cDred{ color:#990000;}
.cBlue{ color:#0059B9;}
.cGren{ color:#39954a;}
.cBGren{ color:#00a29e;;}


/* fontsize */
.fs120{ font-size:120%;}
.fs80{ font-size:80%;}


/** border **/
.underB{
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px dotted #56503d;
}

/** align **/
.aCenter{ text-align:center;}
.aLeft{ text-align:left}
.aRight{ text-align:right;}


/** padding margin none **/
.pmNone{
	padding:0;
	margin:0;
}

/** margin center set **/
.centerSet{
	margin:0 auto;
}



/**********
 main
**********/
.menuWrap{
	width: 100%;
	max-width: 1080px;
	margin-right: auto;
	margin-left: auto;
	align-items: flex-start;
}

.menuWrap .text{
	width: 46%;
}

@media only screen and (max-width: 768px) {
	.menuWrap{
		width: 94%;
	}
	.menuWrap .text{
		width: 100%;
	}

}


.menuList li span{
	font-size: 0.9rem;
}
@media only screen and (max-width: 768px) {
	.menuList li span{
		font-size: 1.4rem;
	}
}

/* menu design */
dl.menu_priceList{
	width:100%;
}
dl.menu_priceList div{
	position: relative;
	display: flex;
	justify-content: space-between;
	margin: 4px 0;
	padding: 4px 0;
}
dl.menu_priceList div::after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	z-index: 1;
	width: 100%;
	border-bottom: dotted 1px #fff;
}
dl.menu_priceList dt{
	margin:0;
	padding: 0 10px 0 0;
	background-color: #000;
	z-index: 2;
	text-align: left;
}
dl.menu_priceList dd{
	margin:0;
	padding: 0 0 0 10px;
	background-color: #000;
	z-index: 2;
	text-align: right;
}


/*==========================================
 info お知らせ
===========================================*/
#info{}
#info #infoWrap{
	width: 100%;
	max-width: 1080px;
	margin-right: auto;
	margin-left: auto;
	align-items: flex-start;
}

#info #infoWrap .text:last-of-type{
	width: 56%;
}

#info #infoWrap .text:last-of-type{
	width: 38%;
	text-align: center;
}

#info #infoWrap .text:last-of-type img{
	display: block;
	width: 100%;
	max-width: 840px;
	margin: 0 auto;
}


@media only screen and (max-width: 768px) {
	#info #infoWrap{
		width: 94%;
	}
	#info #infoWrap .text:last-of-type,
	#info #infoWrap .text:last-of-type{
		width: 100%;
	}
	#info #infoWrap .text:last-of-type img{
		max-width: 640px;
	}

}


/*==========================================
 guide 店舗案内
===========================================*/
#guide{}
#guide #guideInner{
	display:flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	align-items:flex-start;
	max-width: 1080px;
	margin: 0 auto;
}
#guide #guideInner > div{
	width: 47%;
}

#guide #guideInner > div p{
	margin-bottom: 10px;
}

#guide #guideInner > div p span{
	color: #76dcff;;
	padding-right: 15px;
	line-height: 1.5;
	
}

@media screen and (max-width: 799px) {
	#guide #guideInner > div{
		width: 100%;
	}
	#guide #guideInner > div:last-of-type p:last-of-type{
		margin-bottom: 25px;
	}

}

/*==========================================
 map 地図埋め込み
===========================================*/
.ggmap {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
}

.ggmap iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}