@charset "euc-jp";
/* ///////////////////////////////


デッドスペース活用術

PC用

///////////////////////////////
*/
/*body{background:none}
*/
#page{ width:100%}
.page1col #pageContents{ width:950px; margin:0 auto; float:none; color:#4c3334;}
#header_pc{margin:0 auto; width:950px;}
#footer_pc{width:950px; margin:0 auto}

/*●Mainctg*/
#Mainctg{}
#Mainctg h1{}
#Mainctg p{font-size:14px; line-height:2.0em; text-align:center; margin:20px auto 40px; font-weight:500}

/*●ctgMenu*/
#ctgMenu{width:910px;overflow:hidden;margin:0 auto 40px;padding: 0 0 7px 0;}
#ctgMenu ul{overflow:hidden; padding:15px 0px 0px 0px; width:910px}
#ctgMenu ul li{float:left; margin:0 20px 0}

/*●ctgCnt　*/
.itemblock{width:950px; padding:130px 0 100px; text-align:center; margin:-100px auto 0; background:#f2f2f2; overflow:hidden}
.itemblock li{margin:10px 0 0 35px; float:left; width:435px; text-align:left}
.dscom{background:#fff;border-radius:5px;padding:20px 10px 20px 20px;margin: 7px 25px 0 0;float:right;width: 270px;; line-height:20px}
.dscom h3{color:#333; font-size:18px; font-weight:bold; color:#3399cc}
.dscom p{font-size:14px; margin-top:11px}
.dsitemimg{width:100%}
.dsnuki{float:left; width:100px}
.dsnameInfo{float:right;width: 307px;margin-top: 15px;font-size: 14px;font-weight:bold;line-height: 23px;}
.dsnameInfo .Price{margin-top:10px; font-weight:bold;}
.dsnameInfo .tax{font-size: 12px; font-weight:normal; margin-left:5px}

.itemblock a:hover{color:inherit}

#ctg02 #ctg02-1 .dscom,
#ctg02 #ctg02-2 .dscom,
#ctg02 #ctg02-3 .dscom,
#ctg03 #ctg03-1 .dscom,
#ctg03 #ctg03-2 .dscom{width: 392px; margin: 7px 10px 0 0;}


#ctg02 #ctg02-1 ol{overflow:hidden; width:100%}
#ctg02 #ctg02-1 ol li{float:left; width:48%; margin:0 2% 0 0;}
#ctg02 #ctg02-1 ol li .dsnuki{width:50px}
#ctg02 #ctg02-1 .dsnameInfo{width:145px; font-size:13px!important}

#ctg02 #ctg02-2 ol{overflow:hidden; width:100%}
#ctg02 #ctg02-2 ol li{float:left; width:48%; margin:0 2% 0 0;}
#ctg02 #ctg02-2 ol li .dsnuki{width:50px}
#ctg02 #ctg02-2 .dsnameInfo{width:145px; font-size:13px!important}

#ctg02 #ctg02-3{overflow:hidden; width:100%; margin-top:50px}
#ctg02 #ctg02-3 .dscom{width: 392px; margin: 7px 20px 0 0;}
#ctg02 #ctg02-3 .dsitemimg{float:left; width: 435px}
#ctg02 #ctg02-3 .dsitemInfo{float:right;margin: 50px 40px 0 0px;width: 435px;}
#ctg02 #ctg02-3 .dsnameInfo{width:316px;}



ul.itemCnt li mark{background:none;position: absolute;top: 0;left: 0; text-align:left; z-index:10}
ul.itemCnt li mark img{width:auto;}




/*ブロックごとに現れる 用*/
.animate_item{position: absolute; top: 0; left: 0;z-index:996;opacity:0;}
.animate_item.fadeIn{-webkit-animation-duration: 2.4s; animation-duration: 2.4s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
-webkit-animation-name: fadeIn; animation-name: fadeIn; z-index:997;}
.animate_item.fadeOut{ -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
-webkit-animation-name: fadeOut; animation-name: fadeOut; z-index:996;}

@-webkit-keyframes fadeIn{
	from{opacity: 0;}
	to{opacity: 1;}
}
@keyframes fadeIn{
	from{opacity: 0;}
	to{opacity: 1;}
}
@-webkit-keyframes fadeOut{
	from{opacity: 1;}
	to{opacity: 0;}
}
@keyframes fadeOut{
	from{opacity: 1;}
	to{opacity: 0;}
}
.movebox{transition: 0.8s; opacity: 0; transform: translate(0,60px); -webkit-transform: translate(0,60px); }
.moveboxon{opacity: 1.0; transform: translate(0,0); -webkit-transform: translate(0,0);}

@keyframes fadein {
from {opacity:0;}
to {}
}