@charset "UTF-8";
/* ///////////////////////////////

ちょっと贅沢なディナー特集
PC用

///////////////////////////////
*/

#pageContents.dinnerCnt{width:950px !important; float:none !important; padding-bottom:50px; text-align:center; margin:0 auto; font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Verdana,Helvetica,Arial; font-weight:500;background:#d8d8d8}



/*ttlCnt
---------------------------------------*/
.ttlCnt{color:#333; margin-bottom:0 !important; }
.ttlCnt p{text-align:center!important}

.menuCnt ul{padding: 20px 10%;}
.menuCnt ul li{display:inline-block; padding:0 10px; }
.menuCnt ul li img{width: 170px;}
#pageContents .ttlCnt p.otodoke{font-size:0.9em;width: 70%;margin:0 auto;padding:10px;background:#976b5f;}
p.otodoke br{display:block!important; }
.bnrtoriyose{margin:0 auto; display:block}
.bnrtoriyose img{width:780px}

/*ctgcnt
---------------------------------------*/

/*common*/
.ctgCnt{text-align:center !important;padding-bottom: 40px;color:#fff;overflow:hidden;margin-bottom: 100px;}
.ctgCnt img.ttlen{width: 100%!important;}
.ctgCnt h2 {display:block;text-align:center;border:none!important;font-family:"はんなり明朝","游明朝","Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝";font-size: 42px;padding: 20px 0 30px;line-height: 1.0em;}
.ctgCnt h2 img{/* height:350px; */width:auto !important;text-align:center; filter: drop-shadow(0px -2px 8px rgba(0, 0, 0, 0.3));
padding: 12px 0 0;}
img.ctgimg{width: 100%;height: 320px;object-fit: cover;}
.ctgCnt p.ctgcom{margin:0% 16% 5%; text-align:left; color:#fff; font-size:17px; text-align:center; line-height:2.0em; }
.ctgCnt p.ctgcom br{/* display:none */}
.ctgCnt a,
.ctgCnt a p.Price{color: #fff !important;text-decoration:underline;text-align:center !important;}
.ctgCnt h3{display:inline-block; text-align:center; }
.ctgCnt h3 img{width:70%; }



/*lineup*/
.itemBtn1{position:absolute; top:382px; left:70px; width:95%; }
.itemBtn2{position:absolute; top:382px; left:30px; width:53%; }
.itemBtn2 a span.Name small,
.itemBtn1 a span.Name small{font-size:0.8em; }
.itemBtn2 a,
.itemBtn1 a{font-size:15px ;float:left; display:inline-block; border-radius:2px; } 
.itemBtn2 a{width:44%; margin:1% 2%; padding:8px 0px; background:rgba(0,0,0,0.2); text-decoration:none; } 
.itemBtn1 a{width:44%; margin:0% 1% 5%; padding:8px 0px; background: rgba(0,0,0,0.2); text-decoration:none; } 



.itemCnt{text-align:center; }
.itemCnt a{text-decoration:none; }
.itemCnt li{position:relative; }
.itemCnt mark.newicon{position:absolute;top:0%;left: 2%;background:none;width: 86px;z-index:999;}
.itemCnt mark.newicon img{width:100% !important; border-radius:50%!important; }
ul.itemCnt mark.officon{position:absolute;top: 39%;right:2%;background:none;width: 70px!important;z-index: 999;}
ul.itemCnt mark.officon img{border-radius:50%; width:100%!important}
.itemCnt.item3col{padding-bottom:30px;margin: 0 60px;}
.itemCnt.item3col li{background:#fff;margin: 20px 15px 0 5px !important;padding:0;width: 245px!important;position: relative;}
.itemCnt.item3col .itemCatch{font-size: 18px;padding:10px 0px;line-height:1.6em !important;/* letter-spacing: 1px; */color:#947d37;font-weight:bold;display:block;}
.itemCnt.item3col .itemInfo p.Price{text-align:center; color:#000 !important; font-size:16px; font-weight:bold !important; text-decoration:none; margin-bottom:10px; }
.itemCnt.itemInfo p.Price small{font-size:8px; /* display: block;*/} 
.itemCnt.item3col span.Name{font-size:12px;display:block!important;line-height:1.7em!important;height: 5em!important;color:#333;} 
img.itemImg{height: 240px;width:100%;object-fit: cover;}

ul.itemCnt.item3col li.pickup,
ul.itemCnt.item3col li.pickup2{
    width: 380px!important;
}

/*ctg01のみ*/
#ctg01 {background:#402727}
/*ctg02のみ*/
#ctg02 {background:#273740}
/*ctg03のみ*/
#ctg03 {background:#2f4027}



@keyframes fadeIn{
	from{opacity: 0;}
	to{opacity: 1;}
}
@keyframes fadeOut{
	from{opacity: 1;}
	to{opacity: 0;}

}
.itemInfo{
	padding: 0 10px 0px;
}

@media screen and (orientation: landscape) {
}

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

}

@media (min-width: 768px){
}