@charset "utf-8";
/* ///////////////////////////////

母の日特集26PC

///////////////////////////////
*/
#pageContents.mtCnt{ background:#fff;width: 950px!important}
#pageContents.mtCnt #ttlCnt h1{font-size: 34px;color:#333;padding: 0px 0 40px;background: #fffce1}
#pageContents.mtCnt #ttlCnt h1 small{display: block;letter-spacing: 1px;}
#pageContents.mtCnt #ttlCnt h1 .underline{background: linear-gradient(transparent 60%, #eee 0%);}
#pageContents #ttlCnt p.ttl_txt{padding: 3% 5% 5%;text-align: center;}
#pageContents #ttlCnt h1 small{margin-bottom: -10px;font-size: 24px;}

/*バナー*/
#bnrCnt{padding: 0 5% 0;margin-top: -30px;}
#bnrCnt a{margin: 5% 0;display: block;}

/*メニュー*/
#menuCnt h2 img{height: 30px;width: auto;}
#menuCnt { margin-bottom: 30px;}
#menuCnt ul.pcOnly{text-align: center;padding: 0%;}
#menuCnt ul li{display: inline-block;margin-bottom: 2%;margin: 1% 1% 2%;width: 22%;}
#menuCnt ul li img{width:100%;}

.ctgCnt h2{padding: 10px 0 10px 0;font-size: 33px;font-weight: 600;}
.ctgCnt h2 img{height: 80px;width: auto;text-align: center;margin-top: 70px;}
ul.itemCnt{background: none;}
ul.itemCnt li{margin-bottom: 20px;}
ul.itemCnt li.img{;box-shadow: 3px 3px 3px #eee}


img.ttlicon{width: 100%!important;height:auto;text-align: center;margin: 0 auto;display: block;}

img.subttl{margin: 0 auto;text-align: center;height: 25px;display: block;}
img.itemImg{ box-sizing:border-box;}
li.widecol img.itemImg{box-sizing:border-box;margin-bottom: 0;}
.itemInfo p.itemCatch{text-align: center; margin-top: 20px;font-size: 20px!important;;font-weight: 600;color:#8d7d51;line-height: 1.5em;}

/*カテゴリー*/
#ctg1,#ctg3{background:#fffce1;margin-bottom: 0;overflow: hidden;}
#ctg2,#ctg4{background:#edeacf;margin-bottom: 0;overflow: hidden;}
#ctg1.ctgCnt h2,#ctg3.ctgCnt h2{background:#fffce1;color:#8e413e;margin-bottom: 30px;}
#ctg2.ctgCnt h2,#ctg4.ctgCnt h2{background:#edeacf;color:#8e413e;margin-bottom: 30px;}
#ctg4{width: 950px; margin: 0 auto;}
.ctgCnt h2 small{font-size: 28px!important;color: #8e413e;margin-bottom: 28px!important;font-weight: 500;}

/*カテゴリ内リンク*/
.ttlCnt ul{display: flex;justify-content: center;margin-bottom: 24px;flex-wrap: wrap;}
.ttlCnt ul li{margin:6px;padding:4px 10px;background-color:#8d7d51;}
.ttlCnt ul li a{text-decoration: none;color:#fff;}
.ttlCnt ul li a span{font-size:10px;margin: 4px;opacity: 0.6;}
#ctg4 ul li.widecol{width: 36%!important; padding: 20px;}
#ctg4 ul li.widecol{width: 36%!important; padding: 20px;}

/*注意書き*/
dl.att{background: #bab371;margin: 5%;padding: 3% 10%;}
dl.att dt.att01{text-align:center;font-weight:bold;font-size: 14px;color:#fff;}
dl.att dt.att02{text-align:center;font-weight:bold;font-size: 14px;color:#fff;padding-top:16px;}
dl.att dd{text-align:center;font-size: 14px;margin-top: 5px;line-height:1.7em;color: #fff}
/*dl.att dt:first-child + dd{border-bottom: dotted 4px #fff;padding-bottom:16px;text-align: center;}*/

/*カテゴリーメイン*/
.ctgCnt h2 small{font-size: 20px!important;color: #8e413e;margin-bottom: 0px!important;}
.itemcom{margin:5%;text-align: center;}

/*商品名*/
.itemInfo h3.itemName{color: #333;font-size: 12px;text-align: center;margin: 0 0 0px;flex-grow: 1;padding: 10px 5px 0;line-height: 1.8em;font-weight: 500;background: none;text-decoration:underline;text-underline-offset: 4px;text-decoration-color: #333;}

/*価格*/
.itemInfo p.Price{font-weight: 600;color:#666;}

/*商品画像*/
img.itemImg{box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2)}
ul.itemCnt li {background-color: transparent;}

.ctgCnt {margin-bottom: 0}

/*h1タイトル*/
#ttlCnt h1{right: 39%;top: 3%;}
.mtCnt #ttlCnt h1{margin: 0 !important;padding: 0;display: inherit;border: none !important;color: #666;line-height: 0.4em;}

/*メイン画像*/
.slick-slide img {display: block;}
#ttlCnt {position: relative;}
.frame-overlay {position: absolute;top: 0px;left: 0px;width: 100%; height: 100%;pointer-events: none;}

/*バナー*/
#ctgA li.widecol .banner img,#ctgA2 li.widecol .banner img{margin-bottom: 34px;}

.message-box {
    position: relative; background-color: #fff;width: 740px; height: 340px; display: flex;/*テキストを真ん中にするためにflexを使用*/
	justify-content: center;align-items: center;
    outline: 3px dashed #8e413e;/*outlineでドットの線を追加*/
    outline-offset: -17px;/*outline-offsetの値を-15pxにして内側に調整*/
	font-size: 20px;line-height: 50px;margin: 0 auto;margin: 30px auto 0;
}

.flower {
    position: absolute;
    bottom: -15px; /* 下にはみ出す量 */
    right: -10px;  /* 右にはみ出す量 */
    width: 120px;   /* 花のサイズ */
	height: auto;}

.catch {font-size: 15px;color: #8e413e;font-family: "Arabic Typesetting", "Times New Roman", serif;margin-top: 30px;}
