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

雨雑貨特集
PC用

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

#pageContents.rainCnt{
 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;}

/*ttlCnt
---------------------------------------*/
.rainCnt h1{}
.ttlCnt{/* position:relative */}
.ttlCnt h1{
 font-size: 28px;
 color: #fff;
 line-height: 1.8em;
 font-weight: bold;
 letter-spacing: 2px;
 margin-top: 206px;
 display: inline-block;
 }
.ttlCnt h1 small{display: block;border-top: 2px solid #fff;padding: 5px 30px;font-size: 17px!important;margin-top: -50px 0 0 0;}

.ttlCnt{}
.ttlCnt p{padding: 130px 15% 5%!important; text-align:center}


.menuCnt{padding-bottom: 10%;}
.menuCnt dl{width:46%; display:inline-block}
.menuCnt dl dt{position: relative;display: inline-block;margin: 1.5em 5% 15px;padding: 10px 10px;width: 90%;color: #555;font-size: 20px;background: #fff;border-radius: 5px;font-weight:bold; text-align:center}
.menuCnt dl dt:before { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -15px; border: 15px solid transparent; border-top: 15px solid #fff;}
.menuCnt dl dt p {  margin: 0;  padding: 0;}
.menuCnt dl dd a {width: 41%;margin: 0 2%;display: inline-block;}
.menuCnt dl dd a img {width: 100%;}

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

/*common*/
.ctgCnt{text-align:center;margin: -100px 0 0px;padding: 150px 0 0 0;}
.ctgCnt mark{background:none;width: 12%;margin:0 auto 10px;display:block;}
.ctgCnt mark img{width: 100%;}
.ctgCnt h2 {display:block;text-align:center;/* border:none!important; */font-size: 43px;font-weight: bold;line-height: 94px;/* border-bottom: 10px solid #50d4e7; */letter-spacing: 6px;padding-top: 40px;color: #fff;}
.ctgCnt h2 strong{text-align:center;font-size: 54px;border-bottom: 1px solid #333;padding-bottom: 0;margin-bottom: 0;line-height: 45px;display:inline-block;}
.ctgCnt h2 small{text-align:center;display: block;font-size: 25px;font-weight: normal;line-height: 20px;letter-spacing: 2px;}


.ctgCnt p.ctgcom{margin: 2% 5% 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:#e9e0c1!important; */text-decoration:underline;text-align:center!important;color: #333;}
.ctgCnt h3 {display:block;text-align:center;font-size: 34px;font-weight: bold;letter-spacing:1px;margin-top: 60px;}

.ctgCnt img.ctgmainimg{width: 100%; height: 300px; object-fit: cover;}

/*pickup*/
.puCtg{margin: 2% 0 0 0;overflow:hidden;/* padding-bottom: 5%; */}
.puItem{margin: 0 20px 20px;/* overflow:hidden; */position:relative;height: 334px;background: #fff;padding: 10px;}
.puItem.long{height: 334px;}
.puItem .itemCatch{font-size: 25px;/* color:#fff; */font-weight:bold;text-align: left;margin-bottom:10px;display:block;/* letter-spacing: 1px; *//* color:#e9e0c1; */position: absolute;top: 40px;left: 60%;line-height: 1.5em;}
.puItem .itemCatch strong{color:#f08800}
.puItem .Comm{padding: 0px 15px 0 0;text-align:left;/* color:#e9e0c1; */position: absolute;top: 89px;left: 60%;font-size: 16px;line-height: 1.8em;}
.puItem .itemInfo{font-weight:500;color:  #557b13!important;line-height: 23px;}
.puItem .itemInfo span.Name{color: #557b13 !important;text-decoration: underline;/* line-height: 12px!important; */}
.puItem p.Price{font-weight:bold; margin-top:10px; font-size:1.0em; color: #557b13 !important;}
.puItem p.Price small{font-size:0.7em; font-weight:normal}
.puItem img.itemImg{position: absolute;top: 30px;left: 30px;}
.puItem img.itemImg{width: 52%!important;}
.puItem .itemCatch::after {/* content: "／／"; */letter-spacing:-14px;font-size:20px;}

#ctg01 .itemBtn3 img.itemImgs,
#ctg01 .itemBtn2 img.itemImgs{/* display:none */height: 90px;}

/*lineup*/
.itemBtn3 a span.Name small,
.itemBtn2 a span.Name small,
.itemBtn1 a span.Name small{font-size:0.8em}
.itemBtn3 a,

.itemBtn2 a,
.itemBtn1 a{font-size: 15px;float: left;display: inline-block;border-radius: 2px;} 

.itemBtn3 a{width: 21%;margin: 0% 0;padding: 5px;/* background: rgba(0,0,0,0.2); */text-decoration:none;/* position:relative; */} 
.itemBtn2 a{width: 34%;margin: 0% 4px;padding: 5px 0px;background: #62aace;text-decoration:none;/*position:relative*/ border-radius:5px;} 
.itemBtn1 a{width: 70%;margin: 1% 0;padding: 8px 0px;background: #4f8286;text-decoration:none;position:relative; border-radius:5px;} 

.setName{font-weight:bold;text-align:center;margin-top: 20px;position:absolute;top: 170px;left: 620px;}

.itemBtn1,
.itemBtn3{position: absolute;top: 210px;left: 530px;width: 56%;}
.itemBtn2,
.itemBtn3{position: absolute;top: 250px!important;left: 510px;width: 60%;}
#ctg01 .itemBtn3,
#ctg01 .itemBtn2{top: 198px;}

.itemCnt{text-align:center}
.itemCnt a{text-decoration:none}
.itemCnt li{position:relative;}
.itemCnt mark.newicon{position: absolute;top: 0%;right: 0;background:none;width: 50px;z-index: 999;}
.itemCnt mark.newicon img{width: 100%!important;}
.itemCnt.item3col{padding-bottom:30px}
.itemCnt.item3col li{background:#8bbbd4;margin: 20px 15px 0 5px!important;padding:0;width: 200px!important;}
.itemCnt.item3col .itemCatch{font-size: 15px;padding: 10px 0px;line-height: 1.6em!important;font-weight:bold;display: block;color: #fff;}
.itemCnt .itemInfo p.Price{text-align:center;color: #fff!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 .Name{font-size: 12px;display: block;line-height: 1.7em!important;min-height: 4em!important;color: #fff!important;} 

.Nameb{
    position: absolute;
    left: 60%;
    top: 180px;
    font-size: 17px;
    font-weight: bold;
}


.puItem .itemBtn1 .itemInfo span.Name,
.puItem .itemBtn1 .itemInfo p.Price,
.puItem .itemBtn2 .itemInfo span.Name,
.puItem .itemBtn2 .itemInfo p.Price{ color:#fff!important; border:none}



p.onayami{margin: 100px 0 10px;display:block;text-align:center;}
p.onayami img{width: 540px;}
/**/

/*ctg01のみ*/
#ctg01 h2 ,
#ctg02 h2 {background:#62aace;}
#ctg01 .puItem .itemCatch{ color:#62aace}

/**/

#ctg03 h2 ,
#ctg04 h2{background:#78a3a7;}
#ctg03 .puItem .itemCatch{ color:#78a3a7}
#ctg03 ul.itemCnt.item3col li,
#ctg04 ul.itemCnt.item3col li{background:#78a3a7;}


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