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

チョコレート特集
PC用

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

#pageContents.chocolateCnt{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: #7d7d4b;}



/*ttlCnt
---------------------------------------*/
.ttlCnt{color:#fff; margin-bottom:0 !important; }
.ttlCnt p{text-align:center!important;font-size: 16px;}

.menuCnt ul{padding: 45px;}
.menuCnt ul li{display:inline-block; padding:0 15px; }
.menuCnt ul li img{width: 230px;}
.menuCnt ul li:last-child img{width:490px}
#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: 170px;color:#fff;overflow:hidden;margin-top: -170px; padding-top: 170px;margin-bottom:0;}
.ctgCnt h2{/* display:block; */text-align:center;margin-bottom: 20px;font-size: 50px;letter-spacing: 2px;font-weight: bold;line-height: 1.3em;}
.ctgCnt h2 small{display:block;text-align:center;/* margin-bottom: 20px; */font-weight: normal;font-size: 35px;margin-top: 30px;}
.ctgCnt h2 img{/* height:350px; */width: 110px;text-align:center;/* filter: drop-shadow(0px -2px 8px rgba(0, 0, 0, 0.3)); */padding: 12px 0 0;margin: 0 auto;display: block;}
.ctgCnt img.ctgimg{width: 100%;height: 410px;object-fit: cover;}
.ctgCnt p.ctgcom{margin: 0% 14% 0%;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;line-height: 1.5em!important;}
.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  li mark.newicon{position:absolute;top:10px;right:0;background:none;width: 76px;z-index:999;}
.itemCnt  li.pickup mark.newicon{position:absolute;top:10px;right:0;background:none;width: 96px;z-index:999;}
.itemCnt mark.newicon img{width:100% !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: #474716;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:4.5em; 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{}

/*ctg02のみ*/
#ctg02{}

/*ctg03のみ*/
#ctg03 {}

.scenebox{position:relative;padding-bottom:20px;margin-bottom: -50px;text-align:left;}
.scenebox p{
	font-weight:500;
	color: #fff;
	padding: 40px 10px 20px 0px;
	text-align: left;
	position: absolute;
	top: 8%;
	left: 55%;
	font-size: 30px!important;
	letter-spacing: 3px;
	line-height: 1.5em!important;
	z-index:20;
	font-family:"はんなり明朝","游明朝","Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝";
	}
.scenebox dl.useitem{z-index:20;text-align:left;margin:20px;position: absolute;left: 53%;top: 40%;font-size: 16px;line-height: 1.9em;}
.scenebox dl.useitem dd a{text-decoration:underline!important; margin:0 0 5px}
.scenebox img.scenemark{width: 1em;margin-right: 7px;padding-top: 4px;
margin-top: 2px;}
.scenebox img.sceneimg{z-index:10;width: 478px;text-align: left;}

.scenebox.lebox{
    text-align: right;
}
.scenebox.lebox p{position: absolute;top: 40px;left: 50px;text-align: right;right:auto;padding-left:10px;}
.scenebox.lebox dl.useitem{text-align:right;position: absolute;left: 13%;}

#ctg03 .itemCnt.item3col{/* margin-top:100px; */}

/*ctg04のみ*/
#ctg04 {background:#000;padding: 0 0 60px;}
#ctg04 li{
    width: 183px!important;
    }
#ctg04 img.itemImg{height:200px}

@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){
}