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

お掃除特集
PC用

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

#pageContents.cleanupCnt{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: #fff;color: #333;}



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

#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}


/*menuCnt*/
.menuCnt{}
.menuCnt h2{text-align:center;margin: 3% 15% 0%;border:none!important;background:none!important;}
.menuCnt h2 img{width: 74%;}
.menuCnt ul{overflow:hidden;margin: 0 0 0 110px;}
.menuCnt ul li{float:left;width: 20%;margin: 0 1% 6%;}
.menuCnt ul li img{border-radius:5px;filter: drop-shadow(0px 4px 2px rgba(0,0,0,0.2)); width:100%}

/**/
#pickup_wrap {width: 100%;color:# 333;background: none;padding: 20px 0;margin-bottom: 20px;}
#pageContents .ttlCnt #pickup_wrap p {text-align:center!important;font-weight:bold;font-size: 22px;letter-spacing: 5px;padding: 0px 0 10px;}
#pickup_wrap ul.itemCnt{overflow:hidden;padding: 2% 10px 1%;/*! border: 5px solid #999; */border-radius: 10px;border-right: none;border-left: none;margin: 0 0px;background: #eee;}
#pickup_wrap ul.itemCnt li{width: 141px!important;float:left;padding: 0 7px;font-size:10px;position: relative;margin:0!important;}
#pickup_wrap ul.itemCnt li img{border-radius:50%;border: none;width: 133px!important;}
#pickup_wrap ul.itemCnt li .itemInfo{display:none}
#pageContents .ttlCnt #pickup_wrap p.itemCatch {font-size: 13px;padding: 0px 0px;line-height: 1.6em;/* letter-spacing: 1px; */color:#36709c;text-align:cente;letter-spacing:1px}


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

/*common*/
.ctgCnt{text-align:center !important;padding-bottom: 40px;color:#fff;overflow:hidden;/* margin-top: 20px; */padding-top: 30px;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 mark.newicon{position: absolute;top: 10px;left: 10px;background:none;/* width: 60px; */z-index: 999;border-radius: 50%;background: #000;height: 55px;width: 80px;color: #fff;letter-spacing: 2px;padding-top: 25px;display: inline-block;font-size: 18px;}
.itemCnt mark.newicon img{width: 100%!important;border-radius:50%;}

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: #256392;font-weight:bold;display:block;text-align: center;}
.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: 100%;width: 220px!important;object-fit: cover;border: 10px solid #fff;}
.pickup img.itemImg{height: 100%;width: 360px!important;object-fit: cover;border: 10px solid #fff;}

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

.colum {border-top: dashed 2px #cccccc;margin: 10px;padding: 20px 0 0;text-align: left!important;font-size: 10px;/* text-decoration: underline; */line-height: 1.5;color: #000;}
.colum a{color: #333!important;overflow:hidden;text-decoration: underline;font-size: 13px;}
.colum img{float:left;width: 20%!important;margin-right: 5%;/* margin-bottom: 10%; */}
.pickup .itemInfo{margin-bottom:10px;text-align: center;}
.colum a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-align: left!important;
  }


#ctg01{background:#ebf69d;overflow: hidden;}
#ctg02{background:#a9daff;overflow: hidden;}
#ctg03{background:#ebf69d}
#ctg04{background:#c0e4ff}

.ctgCnt h2{padding: 80px 0 10px;text-align: center;position: relative;font-size: 29px;}
.ctgCnt h2 small{display:inline-block;border-bottom:1px solid #000;font-weight: bold;letter-spacing: 2px;padding: 0 10px;color: #000;font-size: 30px;padding-bottom: 10px;margin-bottom: 10px;}
.ctgCnt h2 img.ctgimg{height: 100px;display: block;margin: 0 auto;}
.ctgCnt h2 img.ctgicon{position:absolute;}
#ctg01.ctgCnt h2 img.ctgicon{top: 93px;right: 21%;height: 123px;}
#ctg02.ctgCnt h2 img.ctgicon{top: 140px;left: 22%;height: 75px;}
#ctg03.ctgCnt h2 img.ctgicon{top: 145px;right: 29%;height: 100px;}
#ctg04.ctgCnt h2 img.ctgicon{top: 150px;left: 26%;height: 85px;}
#ctg05.ctgCnt h2 img.ctgicon{top: 87px;right: 25%;height: 86px;}
#ctg06.ctgCnt h2 img.ctgicon{top: 119px;right: 25%;height: 86px;}

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