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

夏のZAKKA市特集
PC用

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

#pageContents.zakkaCnt{
 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{ }
.ttlCnt p{padding: 30px 0% 5%!important;text-align:center;}


.menuCnt{padding-bottom: 10%;}
.menuCnt dl{ width: 100%;background: #e6e5df; padding-bottom:20px}
.menuCnt dl dt{position: relative;display: inline-block; width: 100%;color: #555; font-weight:bold;}
.menuCnt dl dt p {  margin: 0;  padding: 0;}
.menuCnt dl dd{margin: 0 200px;overflow: hidden;padding: 5px 0 0 0;}
.menuCnt dl dd a {width: 230px;margin: 0;float: left;text-align: left;padding: 0 20px;}
.menuCnt dl dd a:first-child{border-right:2px solid #333;text-align: right;}
.menuCnt dl dd a img{width: 85%;}


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

/*common*/
.ctgCnt{text-align:center;overflow: hidden;background:#e6e5df;padding-bottom: 150px;margin-top: 50px;}
.ctgCnt .ctgttl{width:100%; background:#fff}
.ctgCnt mark{background:none;width: 23%;margin: 0 auto 34px;display:block;}
.ctgCnt mark img{width: 100%;}
.ctgCnt h2 {display:block;font-size: 32px!important;font-weight: bold;line-height: 50px;padding: 5px 0 20px;letter-spacing: 2px;text-align: center;color: #000;margin-top: 10px !important;}


.ctgCnt p.ctgcom{margin: 2% 5% 0;text-align:left;font-size: 17px;text-align: center;line-height: 2.0em;}
.ctgCnt p.ctgcom br{}
.ctgCnt a,
.ctgCnt a p.Price{text-decoration:underline;text-align:center!important;color: #333!important;/* margin-bottom: 0; *//* overflow: hidden; *//* line-height: 0; */}
.ctgCnt h3 {display: inline-block;text-align:center;font-size: 23px;font-weight: bold;letter-spacing:1px;margin-top: 50px;background:none!important;border-bottom: 1px solid #000;}

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

/*pickup*/
.puCtg{margin: 2% 0 50px 0;}
.puItem{margin: 0 20px 10px;}
.puItem.long{}
.puItem .itemCatch{font-size: 31px;/* color:#fff; */font-weight:bold;text-align: center;margin: 50px auto 30px;display:block; letter-spacing: 3px;}
.puItem .itemCatch strong{color:#f08800}
.puItem p.Comm{padding: 60px 50px 0px 120px!important;text-align:left;background: #fff;margin: -10px 0 0 0;overflow: hidden;font-size: 15px;line-height: 2.5em;}
.puItem .itembuyer{float:right;width: 16%;margin: -50px 80px 10px 50px;}

.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{}
.puItem img.itemImg{margin-bottom: 0;width: 100%;  height: 400px;  object-fit: cover;}
.puItem .itemCatch::after {letter-spacing:-14px;font-size:20px;}

#ctg01 .itemBtn3 img.itemImgs,
#ctg01 .itemBtn2 img.itemImgs{height: 90px;}

/*lineup*/
.itemBtn1 a span.Name small{font-size:0.8em}
.itemBtn1 a{font-size: 15px;float: left;display: inline-block;border-radius: 2px;} 

.itemBtn1 a{width: 100%;/* margin: 1% 0; */padding: 20px 0px;background: #fff;text-decoration:none;position:relative;border-radius: 16px;} 
.itemBtn1 a span.Name{text-decoration:underline}
.itemBtn1 p.Price{font-size:1.2em;margin-top: 10px;font-weight: bold;}
.itemBtn1 a:hover{background:#c3bfa6}

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

.itemBtn1{margin: 1% 2%;}

.itemCnt{text-align:center}
ul.itemCnt a{text-decoration:none;background: #fff;padding: 10px;display: block;}
ul.itemCnt a:hover{background:#c3bfa6}
.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: #fff; */margin: 0px 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}

.puItem{position:relative}
span.newicon{position:absolute;  top:50px; right:-20px;text-align: right;}
span.newicon img{width:60%;}


/**/


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

}
.itemInfo{
	padding: 0 0px 0px;
}

@media screen and (orientation: landscape) {
}

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

}

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