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

母の日ギフト特集
PC用

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

#pageContents.motheritemCnt{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:#f5d3d2}



/*ttlCnt
---------------------------------------*/
.ttlCnt{text-align:center;padding: 182px 0 0 0;}
.ttlCnt b{font-size: 36px;font-weight: bold;letter-spacing: 1px;line-height: 58px;}
.ttlCnt img.ttlen{width: 30%;display:block;margin: 10px auto 7px;}
.ttlCnt h1{background:none;font-weight: bold;font-size: 13px;letter-spacing: 1px;}

p.ttltxt{margin: 5%;font-size: 16px;text-align: center;line-height: 1.7em;}
p.ttltxt br{display:block!important;}

dl.att{background:#fff;border-radius:5px;margin: 5% 15%;padding: 2%;width: 70%;}
dl.att dt{text-align:center; font-weight:bold; font-size:18px}
dl.att dd{text-align: center;font-size:14px;margin-top:10px;line-height:1.7em}

.menuCn{margin: 5%}
ul.menunav{display:flex;margin: 0 15% 50px;}
ul.menunav li{width:calc(100%/3);border-right:doted 2px #666;padding: 0 30px;}
ul.menunav li:last-child{background:none}
ul.menunav li img{width:100%}

a.menubnr{margin: 0% 3% 3% 0;width: 35%;display: inline-block;}
a.menubnr img{width:100%}


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

img.txtlineup{width: 45%!important;margin: 8% 20%;}

/*common*/
.ctgCnt{text-align:center;margin-top: -50px;padding-top: 110px;padding-bottom: 50px;/* color:#fff; *//* margin: 0!important; *//* padding: 0!important; *//* line-height: 0; *//* display: inline-block; */overflow: hidden;}

img.ctgicon{width: 230px;height:auto}
.ctgCnt h2 {/* display:block; */text-align:center;border:none!important;/* line-height: 0; */margin: 30px 0 21px 0;font-size: 34px;padding: 0;font-weight: bold;}
.ctgCnt img.ctgimg{/* width:auto!important; *//* text-align:center; *//* filter: drop-shadow(0px -2px 8px rgba(0, 0, 0, 0.3)); *//* padding: 12px 0 0; */}
.ctgCnt p.ctgcom{margin: 2% 5% 5%;text-align: center;/* color: #fff; */font-size: 15px;line-height: 1.7em;}
.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: 10px;right: 10px;background:none;/* width: 60px; */z-index: 999;border-radius: 50%;background: #333;height: 50px;width: 80px;color: #fff;letter-spacing: 2px;padding-top: 30px;display: inline-block;font-size: 16px;font-family:serif}
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: 5px 0px 15px;line-height:1.6em !important;/* letter-spacing: 1px; */color: #8e413e;font-weight:bold;display:block;}
.itemCnt.item3col .itemInfo p.Price{text-align:center;color: #8e413e !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: #fff!important;} 
img.itemImg{height: 240px;width:100%;object-fit: cover;}

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


/*ctg01のみ*/
.slidebox02pc {width: 100%;/* height: 370px !important; */overflow: hidden;_zoom: 1;}
.slidebox02pc ul li {width: 19%;margin: 0 5px 10px;background:#fff;border-radius:10px;display: inline-block;}
.slidebox02pc ul li img {width: 100%;	margin: 0 auto;	height: 100%; border-radius:10px 10px 0 0}
#flickity01 {height: 90px;}
#flickity02 {height: 370px;}

.slidebox02pc span.Name{color:#333;font-size: 11px;margin: 10px 0;line-height: 1.7em;display: block;font-weight: 500;}
.slidebox02pc span.Name small{font-size: 9px;/* display: block; */}
.button{display:none}

a.ctg01bnr{overflow:hidden;margin: 5% 0% 3%;padding-top: 11px;display: inline-block;width: 45%;}

a.ctg01bnr img{float:left;width: 37%;margin-left: 0;}
a.ctg01bnr span.Name{color: #333;text-decoration: underline;margin: 56px 0 0;display: inline-block;line-height: 2.0em;text-align: left;width: 217px;}
a.flowerlink{width: 36%;
    margin: 0% 0 3%;
    display: inline-block;}

/*ctg03のみ*/
.pickup{
    margin: 5% auto;
    padding: 0;
    width: 70%!important;
    overflow:hidden;
    text-align: center;
    }
.pickup .itemCatch{
    font-size: 18px;
    padding: 10px 0px;
    line-height: 1.6em;
    /* letter-spacing: 1px; */
    color: #8e413e;
    font-weight: bold;
    display: block;
    width: 45%;
    float: left;
    margin-left: 5%;
    }
.pickup img.pickitemimg{width:50%;float: left;}
.pickup p{text-align:center}
ul.btn3item{
    width: 45%;
    float: left;
    margin-left: 5%;
    margin-top: 12px;
}
ul.btn3item li{background:#fff; border-radius:10px; margin-bottom:10px}
ul.btn3item li a{display:block;color: #333!important;font-size: 14px;padding: 7px 0;}
ul.btn3item li a p.Price{color: #333!important;}

span.mark{background:#956765;color: #fff;padding: 2px 10px;text-decoration: none;font-size: 12px;display: block;margin-top: -1px;}

/*ctg04のみ*/

#ctg04{background:#fff}
.pr4000{color:#8e413e; width:100%}
.pr4000 h3{}
.pr4000 p.pricem{
    background: #8e413e;
    color:#fff;
    padding: 10px 0;
    font-size: 20px!important;
    letter-spacing: 2px;
    font-weight: bold!important;
    margin: 0 0 10px 0;
    text-align: center;
}
ul.ctgdtl{margin: 0 0%;}
ul.ctgdtl {
    overflow: hidden;
}
ul.ctgdtl li{background:#f2dedd;margin-bottom:5%;padding: 5% 0;width: 49%;margin-right: 2%;float: left;}
ul.ctgdtl li:nth-child(2) {margin-right: 0%;}
ul.ctgdtl li span{color:#333;font-size: 12px;font-weight: bold;letter-spacing: 2px;}
ul.ctgdtl li span small{color:#8e413e;display:block;font-size: 20px;font-weight:bold;text-decoration:underline;letter-spacing:2px;margin-bottom: 13px;}
ul.ctgdtl li .prcatch{color:#8e413e;display:block;font-size: 20px!important;font-weight: bold!important;letter-spacing:2px;margin: 15px 0;line-height: 1.5em!important;text-align: center;}
ul.ctgdtl li img{width:100%}

a.pritem2{width: 28%;margin:2%;display:inline-block}
a.pritem3{width: 28%;margin:2%;display:inline-block}
#ctg04 .itemName{height: 70px;line-height: 1.4em;font-size: 12px;}
#ctg04 .itemInfo{text-decoration:none;font-size: 11px;}
#ctg04 .itemInfo p.Price{color:#8e413e!important; font-weight:bold}
#ctg04 .itemInfo p.Price small{font-size:9px}
.prcom{text-align:left;background:#fff;color:#333;margin: 10px 30px;padding:20px}

.pr5000 p.pricem{
    background: #3e558e;
    color:#fff;
    padding: 22px 0;
    font-size: 20px!important;
    letter-spacing: 2px;
    font-weight: bold!important;
    margin: 0 0 10px 0;
    text-align: center;
}
.pr5000 ul.ctgdtl li{background:#e5e5ed;}
.pr5000 ul.ctgdtl li span{color:#333;font-size: 12px;font-weight: bold;letter-spacing: 2px;}
.pr5000 ul.ctgdtl li span small{color:#3e558e;display:block;font-size: 20px;font-weight:bold;text-decoration:underline;letter-spacing:2px;margin-bottom: 13px;}
.pr5000 ul.ctgdtl li .prcatch{color:#3e558e;display:block;font-size: 20px;font-weight:bold;letter-spacing:2px;margin: 15px 0;line-height: 1.5em;}



/*giftリンク*/
.giftlink{width: 90%;padding-top: 30px;padding-bottom: 80px;background: none!important;/* position:relative; */text-align:center;margin: 0 auto;}
.giftlink ul{text-align: center;}
.giftlink ul li{/* box-sizing:border-box; */vertical-align:top;/* position: relative; *//* margin:0 auto!important; */display: inline-block!important;width: 48%;/* float:left; */}
.giftlink ul li img{ width:90%; }


/*----------------------------
scroll_up ｜下から上へ出現
----------------------------*/
.scroll_up {
  transition: 0.8s ease-in-out;
  transform: translateY(30px);
  opacity: 0;
}
.scroll_up.on {
  transform: translateY(0);
  opacity: 1.0;
}


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

}
.itemInfo{
	padding: 0 10px 0px;
	text-decoration: underline;
}

@media screen and (orientation: landscape) {
}

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

}

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