@charset "utf-8";

/*--------------------------------------
	Reset
----------------------------------------*/
.restContents ul, .restContents ol {
	list-style: none;
}
.restContents table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	font-size: 100%;
}
/*--------------------------------------
		Main title images
----------------------------------------*/
#mainImageArea {
	height: 333px !important;
	background-repeat: no-repeat;
	background-position: top center;
}
/*--goods category--*/
body#shop #mainImageArea.dtl21, body#shop #mainImageArea.dtl20, body#shop #mainImageArea.dtl19, body#shop #mainImageArea.dtl22, body#shop #mainImageArea.dnr12 {
	border-top: solid 4px #fffa3f;
	border-bottom: solid 4px #fffa3f;
	background-color: #fffa3f;
}
/* BG */
body#shop #mainImageArea.food { background-image: url(/shop/food/images/top/index_mainimg.jpg); }
body#shop #mainImageArea.dtl01 { background-image: url(/shop/food/images/shop/bg_dtl01.webp); }
body#shop #mainImageArea.dtl02 { background-image: url(/shop/food/images/shop/bg_dtl02.jpg); }
body#shop #mainImageArea.dtl03 { background-image: url(/shop/food/images/shop/bg_dtl03.webp); }
body#shop #mainImageArea.dtl05 { background-image: url(/shop/food/images/shop/bg_dtl05.jpg); }
body#shop #mainImageArea.dtl08 { background-image: url(/shop/food/images/shop/bg_dtl08.jpg); }
body#shop #mainImageArea.dtl09 { background-image: url(/shop/food/images/shop/bg_dtl09.jpg); }
body#shop #mainImageArea.dtl12 { background-image: url(/shop/food/images/shop/bg_dtl12.webp); }
body#shop #mainImageArea.dtl17 { background-image: url(/shop/food/images/shop/bg_dtl13.jpg); }
body#shop #mainImageArea.dtl14 { background-image: url(/shop/food/images/shop/bg_dtl14.jpg); }
body#shop #mainImageArea.dtl15 { background-image: url(/shop/food/images/shop/bg_dtl15.jpg); }
body#shop #mainImageArea.dtl16 { background-image: url(/shop/food/images/shop/bg_dtl16.jpg); }
body#shop #mainImageArea.dtl18 { background-image: url(/shop/food/images/shop/bg_dtl18.webp); }
body#shop #mainImageArea.dtl19 { background-image: url(/shop/food/images/shop/bg_dtl19.jpg); }
body#shop #mainImageArea.dtl20 { background-image: url(/shop/food/images/shop/bg_dtl20.jpg); }
body#shop #mainImageArea.dtl21 { background-image: url(/shop/food/images/shop/bg_dtl21.jpg); }
body#shop #mainImageArea.dtl22 { background-image: url(/shop/food/images/shop/bg_dtl22.jpg); }
body#shop #mainImageArea.dnr06 { background-image: url(/shop/dinner/images/shop/bg_dnr06.jpg); }
body#shop #mainImageArea.dnr07 { background-image: url(/shop/dinner/images/shop/bg_dnr07.jpg); }
body#shop #mainImageArea.dnr08 { background-image: url(/shop/dinner/images/shop/bg_dnr08.jpg); }
body#shop #mainImageArea.dnr09 { background-image: url(/shop/dinner/images/shop/bg_dnr09.jpg); }
body#shop #mainImageArea.dnr10 { background-image: url(/shop/dinner/images/shop/bg_dnr10.jpg); }
body#shop #mainImageArea.dnr12 { background-image: url(/shop/dinner/images/shop/bg_dnr12.webp); }
/* POSITION */
#mainImageArea h1 {
	top: 34px;
	left: 60px;
}
body#shop #mainImageArea.food h1 {
	top: 24px;
	left: 29px;
}
body#shop #mainImageArea.dtl18 h1, body#shop #mainImageArea.dnr07 h1 { top: 20px !important; }
body#shop #mainImageArea.dtl12 h1, body#shop #mainImageArea.dtl19 h1, body#shop #mainImageArea.dnr12 h1 { top: 21px !important; }

/*--------------------------------------
	Base style reset
----------------------------------------*/
.mainContentsArea .subTit, .mainContentsArea .subTit, .mainContentsArea .subTit span, .mainContentsArea h4, .mainContentsArea h3 {
	margin: 0;
	padding: 0;
	background: none;
}
body#shop #LeftContents .mainContentsArea h4 span {
	border: none;
}
.mainContentsArea .pageTit, .restDetail .pageTit2 {
	clear:both;
	margin: 30px 0 20px;
	padding: 0 15px 15px 0px;
	border-bottom: 4px solid #fffa3f;
	font-weight: bold;
	font-size: 153.9%;
}
.mainContentsArea .subTit {
	clear:both;
	margin-bottom: 20px;
	padding:10px 20px 10px 0;
	background:url(/common/images/bg_gray01.gif) repeat;
	font-weight:bold;
	font-size:123.1%;
}
	.mainContentsArea .subTit span {
			display: block;
			padding-left: 16px;
			border-left: 4px solid #fffa3f;
	}
.ImgArea {
	padding:0;
}
.cnotLayoutR01 {
	float: right;
	width: 340px;
}
.contTableA th {
	font-weight: bold;
	text-align: left;
}
.contTableA tr + tr th {
	border-top: 1px solid #E2E2E2;
}
.pos .sizeM {
	left: 0;
}
.image-popup img.icon {
	right: 1px;
	bottom: 1px;
}
.mainContentsArea h4 span.newIcon {
	display: inline;
	margin-right: 5px;
	padding: 1px 2px 1px 5px !important;
	background: #ED6939;
	color: #fff;
	font-size: 90%;
	font-weight: normal;
}
/*--------------------------------------
	Restaurant guide toppage
----------------------------------------*/
/* ------ 1.restGuideTop ------ */
.restContents, .restDetail .pageTit2 {
	padding-top: 55px;
	background: url(../food/images/common/bg_blue_flower.png) no-repeat 0 0;
}
#recomMenu    { background: url(../food/images/common/bg_green_flower.png) no-repeat 0 0; }
#recomLunch   { background: url(../food/images/common/bg_orange_flower.png) no-repeat 0 0; }
#recomDessert { background: url(../food/images/common/bg_red_flower.png) no-repeat 0 0; }
#recomDinner  { background: url(../food/images/common/bg_purple_flower.png) no-repeat 0 0; }

#restGuideTop .shoulderName {
	margin: 15px 0 5px !important;
}
.mainContentsArea #restGuideTop h4 {
	margin-bottom: 14px;
	padding-left: 26px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.mainContentsArea #restGuideTop h4.noIcon {
	padding-left: 0;
}
#restGuideTop .icoNo1 { background-image: url(../food/images/top/ico_no1.png); }
#restGuideTop .icoNo2 { background-image: url(../food/images/top/ico_no2.png); }
#restGuideTop .icoNo3 { background-image: url(../food/images/top/ico_no3.png); }
#restGuideTop .icoNo4 { background-image: url(../food/images/top/ico_no4.png); }
#restGuideTop .icoNo5 { background-image: url(../food/images/top/ico_no5.png); }
#restGuideTop .icoNo6 { background-image: url(../food/images/top/ico_no6.png); }
#restGuideTop .icoNo7 { background-image: url(../food/images/top/ico_no7.png); }
#restGuideTop .icoNo8 { background-image: url(../food/images/top/ico_no8.png); }
#restGuideTop .icoNo9 { background-image: url(../food/images/top/ico_no9.png); }
#restGuideTop .icoNo10 { background-image: url(../food/images/top/ico_no10.png); }
#restGuideTop .icoNo11 { background-image: url(../food/images/top/ico_no11.png); }
#restGuideTop .icoNo12 { background-image: url(../food/images/top/ico_no12.png); }
#restGuideTop .icoNo13 { background-image: url(../food/images/top/ico_no13.png); }
#restGuideTop .icoNo14 { background-image: url(../food/images/top/ico_no14.png); }
#restGuideTop .icoNo15 { background-image: url(../food/images/top/ico_no15.png); }
#restGuideTop .icoNo16 { background-image: url(../food/images/top/ico_no16.png); }
#restGuideTop .icoNo17 { background-image: url(../food/images/top/ico_no17.png); }
#restGuideTop .icoNo18 { background-image: url(../food/images/top/ico_no18.png); }
#restGuideTop .icoNo19 { background-image: url(../food/images/top/ico_no19.png); }
#restGuideTop .icoNo20 { background-image: url(../food/images/top/ico_no20.png); }
#restGuideTop .icoNo21 { background-image: url(../food/images/top/ico_no21.png); }
#restGuideTop .icoNo21_2 { background-image: url(../food/images/top/ico_no21_2.png); }
#restGuideTop .icoNo22 { background-image: url(../food/images/top/ico_no22.png); }
#restGuideTop .icoNo23 { background-image: url(../food/images/top/ico_no23.png); }
th.icoNo21, th.icoNo21_2 {
	padding-left: 36px;
	background-position: 10px 8px;
	background-repeat: no-repeat;
}
.mainContentsArea #restGuideTop h5 {
	margin-bottom: 12px;
	font-size: 120%;
	font-weight: bold;
}
.restDetail .pageTit2 {
	border-top: 1px solid #e7e8ea;
}
/* ------ 2.Contents nav ------ */
.contentsNav {
	clear: both;
	border-bottom: 5px solid #29A9CF;
	background: #f3f3f2;
}
.contentsNav li a {
  position: relative;
	display: block;
	float: left;
	width: 76px;
	height: 2.7em;
	margin-left: 1px;
	padding: 9px 10px 0 45px;
	border-top: 4px solid #29A9CF;
	border-right: 4px solid #29A9CF;
	border-left: 4px solid #29A9CF;
	background-color: #fff;
	background-image: url(../food/images/common/ico_cnav01.png);
	background-position: 7px 9px;
	background-repeat: no-repeat;
	color: #574433;
	text-decoration: none;
}
.contentsNav li:first-child a {
	margin-left: 0;
}
*+html .contentsNav li {
    float: left;
}

.contentsNav li span { display: block; }
.contentsNav .cNav01 span { padding-top: 0.5em; }

.contentsNav .cNav02 a { border-color: #7EBA24; background-image: url(../food/images/common/ico_cnav02.png); }
.contentsNav .cNav03 a { border-color: #E87C1C; background-image: url(../food/images/common/ico_cnav03.png); }
.contentsNav .cNav04 a { border-color: #ED4B54; background-image: url(../food/images/common/ico_cnav04.png); }
.contentsNav .cNav05 a { border-color: #A24A8E; background-image: url(../food/images/common/ico_cnav05.png); }

.cNav01on .cNav01 a, .contentsNav .cNav01 a:hover { background-color: #29A9CF; background-image: url(../food/images/common/ico_cnav01_on.png); color: #fff; }
.cNav02on .cNav02 a, .contentsNav .cNav02 a:hover { background-color: #7EBA24; background-image: url(../food/images/common/ico_cnav02_on.png); color: #fff; }
.cNav03on .cNav03 a, .contentsNav .cNav03 a:hover { background-color: #E87C1C; background-image: url(../food/images/common/ico_cnav03_on.png); color: #fff; }
.cNav04on .cNav04 a, .contentsNav .cNav04 a:hover { background-color: #ED4B54; background-image: url(../food/images/common/ico_cnav04_on.png); color: #fff; }
.cNav05on .cNav05 a, .contentsNav .cNav05 a:hover { background-color: #A24A8E; background-image: url(../food/images/common/ico_cnav05_on.png); color: #fff; }

.cNav01on { border-bottom-color: #29A9CF; }
.cNav02on { border-bottom-color: #7EBA24; }
.cNav03on { border-bottom-color: #E87C1C; }
.cNav04on { border-bottom-color: #ED4B54; }
.cNav05on { border-bottom-color: #A24A8E; }

.cNav01on .cNav01 a:before, .cNav02on .cNav02 a:before, .cNav03on .cNav03 a:before, .cNav04on .cNav04 a:before, .cNav05on .cNav05 a:before {
  content: "";
	position: absolute;
  display: block;
  border: solid transparent;
  border-width: 8px;
  border-top-color: #29A9CF;
  margin-left: -8px;
  left: 50%;
  bottom: -20px;
}
.cNav02on .cNav02 a:before { border-top-color: #7EBA24; }
.cNav03on .cNav03 a:before { border-top-color: #E87C1C; }
.cNav04on .cNav04 a:before { border-top-color: #ED4B54; }
.cNav05on .cNav05 a:before { border-top-color: #A24A8E; }

/* ------ 3.contTxtbox02 ------ */
.contTxtbox02 dl {
	color: #666;
}
.contTxtbox02 dl + dl {
	margin-top: 4px;
}
.contTxtbox02 dt, .contTxtbox02 dd {
	display: inline;
}
.contTxtbox02 dt {
	margin-right: 5px;
	font-weight: bold;
}
/* ------ 4.col3 ------ */
.col3 {
	float: left;
	width: 210px;
}
.col3 + .col3 {
	margin-left: 40px;
}
/* ------ 5.shopDetail ------ */
.shopDetail {
	margin: 15px 0 5px;
	padding-bottom: 10px;
	border-bottom: 1px solid #E2E2E2;
}
.shopDetail dt {
	margin-bottom: 5px;
	padding: 10px;
	background: #F7F7F7;
	color: #555;
	font-weight: bold;
}
.shopDetail dd {
	padding: 10px;
}
.shopDetail dd th {
	padding-right: 10px;
	text-align: left;
}
.shopDetail dd tr + tr th,
.shopDetail dd tr + tr td {
	padding-top: 5px;
}
.emphasis { color: #c30; }

/*--Shop map--*/
.mapContents {
	clear: both;
	margin: 30px 0;
}
.pdfMapBtn {
	display: block;
	float: right;
	margin-bottom: 10px;
	padding: 6px 32px 6px 12px;
	border: 1px solid #E2D9CB;
	border-radius: 5px;
	background: #E8DDCD url(/shop/shopping/images/common/ico_pdf.png) no-repeat 97% 50%;
	color: #4B463A;
}
.pdfMapBtn, .pdfMapBtn:visited {
	text-decoration: none !important;
}
.pdfMapBtn:hover {
	border-color: #E8DFD3;
	background-color: #EDE4D7;
}
/*--------------------------------------
	Recommend menu
----------------------------------------*/
.recomMlist h3 {
	margin-top: 13px;
	color: #525252;
	font-size: 120%;
}
.recomMdetail {
	margin: 8px 0 12px;
	padding: 11px 3px;
	border-top: 1px dashed #77AF55;
	border-bottom: 2px solid #CBE2B3;
}
.recomMdetail span {
	margin-right: 5px;
	color: #71AA1F;
	font-weight: bold;
}
.recomMlist + .recomMlist {
	margin-top: 20px;
}
/*--------------------------------------
	Restaurant detail
----------------------------------------*/
.restDetail h2 {
	position: relative;
	margin-top: 0px !important;
}
.restDetail .shoulderName {
	position: absolute;
	top: 0.3em;
	right: 0;
	color: #666;
	font-size: 75%;
	font-weight: normal;
	text-align: right;
}
.mainContentsArea .restDetail .subTit {
	clear: both;
	margin-top: 30px;
}
.restDetail h4 {
	margin-bottom: 14px;
	padding-bottom: 8px;
	border-bottom: 2px dotted #b4b4b4;
	background: none;
	color: #525252;
}
.restDetail .price {
	padding: 14px;
	background: #F5F0EA;
}
.restDetail .price dt {
	margin-right: 10px;
	color: #554B3F;
	font-weight: bold;
}
.restDetail .price dt, .restDetail .price dd {
	display: inline;
}
/*--------------------------------------
	Restaurant guide 2016 add
----------------------------------------*/
/* ------ 1.Restct Nav ------ */
.restctNav {
	border-bottom: 5px solid #29A9CF;
	background: #f3f3f2;
	margin-bottom: 30px;
}
.restctNav li a {
  position: relative;
	display: block;
	float: left;
	width: 324px;
	height: 3.2em;
	margin-left: 1px;
	padding: 12px 10px 0;
	border-top: 5px solid #29A9CF;
	border-right: 5px solid #29A9CF;
	border-left: 5px solid #29A9CF;
	background-color: #fff;
	background-image: url(../food/images/common/ico_cnav01.png);
	background-position: 7px 12px;
	background-repeat: no-repeat;
	color: #574433;
	text-decoration: none;
	text-align: center;
}
.restctNav li:first-child a {
	margin-left: 0;
}
*+html .restctNav li {
    float: left;
}

.restctNav li span { display: block; }
.restctNav .cNav01 span,
.restctNav .cNav02 span { /* 2021.12.21 add */
	padding-top: 0.5em;
}

.restctNav .cNav02 a { border-color: #7EBA24; background-image: url(../food/images/common/ico_cnav02.png); }
.restctNav .cNav03 a { border-color: #E87C1C; background-image: url(../food/images/common/ico_cnav06.png); }

.cNav01on .cNav01 a, .restctNav .cNav01 a:hover { background-color: #29A9CF; background-image: url(../food/images/common/ico_cnav01_on.png); color: #fff; }
.cNav02on .cNav02 a, .restctNav .cNav02 a:hover { background-color: #7EBA24; background-image: url(../food/images/common/ico_cnav02_on.png); color: #fff; }
.restctNav.cNav03on .cNav03 a, .restctNav.restctNav .cNav03 a:hover { background-color: #E87C1C; background-image: url(../food/images/common/ico_cnav06_on.png); color: #fff; }

.cNav01on { border-bottom-color: #29A9CF; }
.cNav02on { border-bottom-color: #7EBA24; }
.cNav03on { border-bottom-color: #E87C1C; }

/* ------ 2.restmenuList ------ */
#restmenuList   { background: url(../food/images/common/bg_orange_flower.png) no-repeat 0 0; }
.restmlistNav {
	margin-bottom: 20px;
}
.restmlistNav li {
	float: left;
	margin-right: 22px;
}
.restmlistNav li:first-child,.restmlistNav li:nth-of-type(8) { margin-left: 0;}
.restmlistNav li a {
	display: inline-block;
	padding: 2px 0 2px 20px;
	height: 30px;
    line-height: 30px;
	background:url(../food/images/mlist/ico_listArrow.png) no-repeat 0 center;
	background-size: 12px 14px;
}
/* ------ 3.ContsBlock ------ */
#restmenuList .contsBlock {
	display: block;
	clear: both;
	margin-bottom: 20px;
	background: url(../food/images/mlist/bg_bdrTop.png) repeat-x 0 0;
}
#restmenuList .contsBlock h2 {
    clear: both;
	margin-bottom: 10px;
	padding: 20px 0 10px;
    font-weight: bold;
    font-size: 153.9%;
	color: #F07B00;
}
/* ------ 4.MenuDetail ------ */
.menuDetail h3{
	margin: 13px 0;
	font-size: 16px;
}
.menuPrice {
	padding: 10px 20px;
	background-color: #F5F0EA;
}
.menuPrice dt {
	margin-right: 10px;
	color: #554B3F;
	font-weight: bold;
}
.menuPrice dt, .menuPrice dd {
	display: inline;
}
.menuPrice dd + dd { margin-left: 20px;}
.menuPrice span {
	margin-right: 5px;
	color: #F07B00;
	font-weight: bold;
}
/* ------ 5.col2 ------ */
.col2 {
	float: left;
	width: 335px;
}
.col2:nth-child(even) {
	margin-left: 28px;
}
.col2:nth-child(odd) {
	clear: both;
}
.col2 p img{
	max-width: 100%;
	width: 100%;
	height: auto;
	border: 0;
	line-height: 0;
	font-size: 0;
	vertical-align: bottom;
}


/* 2019.07.22 add */
.restDetail dl.two_price dt {
	float:left;
	display: block;
}
.restDetail dl.two_price dd {
	margin-left: 3em;
	display: block;
}
/* 2019.07.22 end */

/* 2022.07.25 add */
.restDetail dl.three_price dt {
	float:left;
	display: block;
	margin-right: 0;
}
.restDetail dl.three_price dd {
	margin-left: 3em;
	display: block;
}
/* 2022.07.25 end */