@charset "utf-8";




/** announce ************************/
.announce{
	width:768px;
	margin:0 auto 20px auto;
	padding:10px 5px 10px 5px; 
	font-size:12px; 
	text-align:left; 
	text-indent:0; 
	background:#FFF;
}
.announceHead{
	width:768px; padding:5px; text-align:center; background:#FD2;
}




/**************************/
.wrap{
	width:106%;
	margin:0 auto 0 auto;
	background:#EEE;
	background:url(../../img/bg.png) repeat;
}

.contents{
	width:1084px; 
	font-size:12px; 
	color:#333;
	background:#EEE;
	background:url(../../img/bg.png) repeat;
	margin:0 auto;
	padding:0 0;
	
}
.main{
	width:768px; 
	margin:0 auto 10px auto; 
	font-size:12px; 
	color:#333;
	float:left;
}





/**************************/
.sideMenu{
	width:300px;
	min-height:1000px;
	margin:0 auto 10px auto; font-size:12px; color:#333;
	border:#CCC solid 0px;
	float:right;
	
}
.sideMenu .adBox{
	margin:0 0 10px 0;	
}
.sideMenu .googleadsence{
	height:250px;
	margin:0 0 10px 0;	
}





/**************************/
.slideDisplay{
	width:100%;
	height:351px;
	/*border:#CCC solid 1px;*/
	margin:0 0 10px 0;
	overflow:hidden;
}

.bxslider{
	height:313px;
}
.item{
	height:313px;
	border:#CCC solid 1px;
}
.bx-pager{
	bottom:-25px !important;
}

/**************************/
.rakutencard{
	text-align: center;
	width:100%;
	height: auto;
	background:none;
	padding: 10px 0;
	margin:0 auto 60px quto;
}


/**************************/
.moreAttentionBtn{
	width:100%;
	text-align:right;
	cursor:pointer;
	}
	
.moreAttentionTitle{
	width:100%; 
	padding:10px;
	color:#FFF; 
	margin:0 auto;
	font-size:18px;
	font-weight:light;
	position:relative;
	
	
	background: linear-gradient(#444,#333);
    background: gradient(linear,0 0,0 bottom,from(#444),to(#333));
    background: -webkit-gradient(linear,0 0,0 bottom,from(#444),to(#333));
	background:#01b0a7; 
}

.moreAttentionBox{
	width:100%;
	margin:0 auto 10px auto;
}
.moreAttentionText{
	display:block;
	text-decoration:none;
	width:50%; 
	height:auto; 
	float:left; 
	padding:10px 10px;
	margin:0 0 0 0;
	border:#ccc solid 1px; 
	background:#FFF;
	position:relative;
	/*
	background: linear-gradient(#FEFEFE,#DDD);
    background: gradient(linear,0 0,0 bottom,from(#FEFEFE),to(#DDD));
    background: -webkit-gradient(linear,0 0,0 bottom,from(#FEFEFE),to(#DDD));
	*/
	overflow:hidden;
	font-size:14px;
	line-height:1.5em;
}
.moreAttentionText:hover{color:#333;}
.moreAttentionText:link{color:#333;}
.moreAttentionText:active{color:#333;}
.moreAttentionText:visited{color:#333;}

.moreAttentionArrow{
	display: block;
	position: absolute;
	width: 20px;
	right: 10px;
	top: 4px;
}
.moreAttentionArrow img{
	width:100%;
}
	
	
	
	
	
	
	
	

/**************************/
.btn{
	display:block;
	width:97.3%;
	background:#FFF;
	color:#FFF;
	text-align:center;
	border:#CCC solid 1px;
	border-radius:0 0;
	padding:15px 5px;
	margin:0 auto 20px 12px;
	cursor:pointer;
	float:none;
	
	/*グラデボタン*/
	/*
	background: -moz-linear-gradient(top,#FFF 0%,#CCC);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#CCC));
	*/
	color:#111;
	font-size: medium;
	
}











/**************************/
*{
	box-sizing:border-box;
}
.recommendBox{
	width:100%; 
	margin:0 0 30px 0;
	text-align:left;
	position:relative;
	display:block;
}
.recommendTitle{
	width:100%; 
	padding:10px;
	color:#FFF; 
	margin:0 auto 15px auto;
	font-size:18px;
	font-weight:light;
	position:relative;
	background: linear-gradient(#444,#333);
    background: gradient(linear,0 0,0 bottom,from(#444),to(#333));
    background: -webkit-gradient(linear,0 0,0 bottom,from(#444),to(#333));
	background:#f30/*bf1900*/; 
}
.recommendBox .noMargin{
	margin:0 0 0 0;
}

.recommendProductBox{
    width: 149px;
    height: 288px;
	color:#FFF; 
	margin:0 5px 5px 0;
    padding: 5px;
    border: #CCC solid 1px;
    overflow: hidden;
	background:#FFF;
	box-sizing:border-box;
    float: left;
}
.recommendProductBox:nth-child(6){
	margin:0 0 5px 0;
}
.recommendProductBox.rakuten{
	border-top:#FC0 solid 3px;
}

.recommendProductBox.yahoo{
	border-top:#0DF solid 3px;
}
.recommendShopNameYahoo{
	width: 100%;
	height: 24px;
	margin: 0 0 5px 0;
	padding: 2px 5px 2px 5px;
	font-size: 10px;
	color: #333;
	background: #D1F3FF;
	line-height:2em;
	overflow: hidden;	
	box-sizing:border-box;
	word-break: break-all;
}
.recommendShopNameRakuten{
	width: 100%;
	height: 24px;
	margin: 0 0 5px 0;
	padding: 2px 5px 2px 5px;
	font-size: 10px;
	color: #333;
	background: #FEA;
	line-height:2em;
	overflow: hidden;
	box-sizing:border-box;
	word-break: break-all;
}
.recommendImage{
	width: 138px;
	height: 138px;
	margin: 0 0 0 0;
	padding: 0;
	overflow: hidden;
	text-align: center;
	overflow: hidden;
	box-sizing:border-box;
}
.recommendProductUrl,
.recommendProductUrl a:link,
.recommendProductUrl a:hover,
.recommendProductUrl a:active,
.recommendProductUrl a:visited{
	font-size: 12px;
	margin: 5px 0 0 0;
	height: 50px;
	overflow: hidden;
	color:#333;
	box-sizing:border-box;
	line-height: 1.35em;
}
.recommendPriceBox{
	text-align: right;
	margin: 0 0 10px 0;
	box-sizing:border-box;
}
.recommendPriceTag1{
	font-size: 10px;
	color: #000;
}
.recommendPriceTag2{
	font-size: 18px;
	color: #F00;
	padding:2px 0;
}
.recommendPriceMax{
	color:#999;
	font-size: 12px;
	
}


.recommendReviewBox{
	display:block;
	width:140px; 
	height:20px; 
	font-size:12px; font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; 
	color:#666;
	 position:relative; 
	float:left; 
}
.recommendReviewInnerBox{
	width:140px; height:20px; font-size:12px; font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; color:#666; position:relative; display:block;
}
.recommendReviewCount{
	width:40px; position:absolute; top: 3px; left: 73px; text-align:center; font-size:x-small;
}

.recommendReviewAverage{
	width:40px; position:absolute; top: 27px; left: 91px;
}



	
.recommendPriceDownTag{
	position:absolute;
	top:55px; 
	right:0px; 
	width:40px; 
	height:30px; 
	padding:5px 2px; 
	background:#F00; 
	text-align:center; 
	color:#FFF; 
	font-size:10px; 
	font-weight:bold;
	border-radius:3px; 
	overflow:hidden; 
	line-height:1.0em;
}
	
	
	
	
	
	
	
/**************************/
.rankingBox{
	width:768px;
	margin:0 0 30px 0;
	text-align:left;
	position:relative;
}
.rankingHead{
	height:70px;
	margin:0 0 10px 0;
	padding:0;
	border:#CCC solid 0px;
	position:relative;
	
}
.rankingHeadTitle{
	position: absolute;
	top: 27px;
	left: 90px;
	width: 457px;
	height: 20px;
	font-size: 18px;
	font-weight: bold;
}
.rankingTitle{
	width:70%;
	height:16px;
	text-align:left;
	float:left;
}
.rankingDate{
	width: 30%;
	height: 16px;
	text-align: right;
	position: absolute;
	right: -1px;
	top: 31px;
}
.rankingBox .rakuten{
	background:url(../../img/midashi_rakuten.png);
	background-size:768px 70px;
}
.rankingBox .yahoo{
	background:url(../../img/midashi_yahoo.png);
	background-size:768px 70px;
}
.rankingBox .amazon{
	background:url(../../img/midashi_amazon.png);
	background-size:768px 70px;
}
.rankingBox .ponpare{
	background:url(../../img/midashi_ponpare.png);
	background-size:768px 70px;
}
.rankingBox .omni7{
	background:url(../../img/midashi_omni7.png);
	background-size:768px 70px;
}
.rankingBox .noMargin{
	margin:0 0 0 0;
}
.rankingBox ul{
	list-style:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.rankingContentsBox{
	width:140px; 
	height:250px;/*300*/
	float:left; 
	overflow:hidden; 
	margin:0 0 10px 12px; 
	padding:1px 1px; 
	border:#CCC solid 1px;
	background:#FFF;
}

.rankingBox ul li{
	display:inline-block;
	width:100%;
	height:20px;
	list-style:none;
	margin:0;
	padding:0 0 0 0;
	overflow:hidden;
}

.toRanking{
	width:100%;
	text-align:right;
	font-size:12px;
	margin:5px 0;
}

.toCampaign{
	width:100%;
	text-align:right;
	font-size:12px;
	margin:5px 0 40px 0;
}


.partsBox{
	width:768px;
	border:#CCC solid 1px;
	margin:0 0 40px 0; 
	padding:0 0 0 0;
	background:#FFF;
}
.partsTitle{
	background:#999;
	color:#FFF;
	margin:0;
	padding:2px 0;
	text-align:center;
	
}
.motionWidgetBox{
	height:210px;
	text-align:center;
	overflow:hidden;
}
.badgeBox{
	margin:10px auto;
	text-align:center;
}
.badgeBox a{
	width:156px;
	height:48px;
	margin:0;
	padding:0;
	display:inline-block;
	
}









/**************************/
.appPrBox{
	width:700px;
	margin:0 auto 0 auto;
	padding:20px 0 20px 0;
	text-align:center;
}
.appBox{
	width:80px;
	margin:0 20px 0 0;
	float:left;
}
.appPrBoxLast{
	margin:0 0 5px 0;float:left;
}
.iconBox{
	margin:0 0 0 0; width:80px; height:80px; border-radius:15px 15px; overflow:hidden;
}
.appDescription{
	margin:0 0 0 0;
	width:80px;
	height: 35px;
	line-height:120%;
	text-align:center;
	font-size: 10px;
	padding:5px 0;
}
.appDescription a{
	color:#666;
	font-weight:bold;
	text-decoration:none;
}










/**************************/
.pagingBox{
	width:100%;
	border-top:#999 solid 1px;
	padding:20px 0;
}
.rev{
	float:left; width:20%; height:25px; line-height:100%; text-align:left; padding:7px 0 5px 0;
}
.fwd{
	float:left; width:20%; height:25px; line-height:100%; text-align:right; padding:7px 0 5px 0;
}
.revBtn{
	margin:0 0 0 5px;
}
.fwdBtn{
	margin:0 5px 0 0;
}
.pagerTitle{
	float:left; width:60%; height:25px; line-height:100%; text-align:center; padding:10px 0 5px 0;
}





















/**************************/
.productBox{
	width:90%;
	margin:10px auto;
	padding:10px 10px; 
	/*border-top:#888 solid 1px;*/
	box-shadow:#666 0px 0px 2px ;
	
}


.productBox2{
	width:90%;
	margin:10px auto;
	padding:10px 10px; 
	/*border-top:#888 solid 1px;*/
	box-shadow:#666 0px 0px 2px ;
	width:140px; height:360px; overflow:hidden; float:left; margin-left:5px;
	
}





.shopName{
font-size:10px; color:#333;
background:#FEA;
padding:5px;
margin:0 0 5px 0;
}

.shopNameRakuten{
font-size:10px; color:#333;
background:#FEA;
padding:5px;
margin:0 0 5px 0;
}

.shopNameRakuten2{
font-size:10px; color:#333;
background:#FEA;
padding:5px;
margin:0 0 5px 0;
width:140px; height:14px; margin:0 0 10px 0; padding:5px 0; overflow:hidden;
}



.shopNameYahoo{
font-size:10px; color:#333;
background:#D1F3FF;
padding:5px;
margin:0 0 5px 0;
}
.shopNameYahoo2{
font-size:10px; color:#333;
background:#D1F3FF;
padding:5px;
margin:0 0 5px 0;
width:140px; height:14px; margin:0 0 10px 0; padding:5px 0; overflow:hidden;
}



.shopNameAmazon{
font-size:10px; color:#333;
background:#c9ffd0;
padding:5px;
margin:0 0 5px 0;
}
.shopNameAmazon2{
font-size:10px; color:#333;
background:#c9ffd0;
padding:5px;
margin:0 0 5px 0;
width:140px; height:14px; margin:0 0 10px 0; padding:5px 0; overflow:hidden;
}


.image{
	margin: 0px 0 0px 0;
	overflow:hidden;
	width:127px;
	height:127px;
	overflow:hidden;
	box-sizing:border-box;
}
.image a{
	width:100%;
	height:100%;
	display:block;
}
.image a img{
	width:auto;
	height:100%;
	display:block;
	margin:0 auto;
	object-fit:contain;
	object-position:inherit;
}

.image2{
	width: 150px;
	margin: 0px 0 0 0;
	overflow:hidden;
	text-align:center; width:140px; height:140px; margin:10px 0 0 0; padding:0; overflow:hidden;
}

.image2 a{
	width:100%;
	height:100%;
	display:block;
}
.image2 a img{
	width:auto;
	height:100%;
	display:block;
	margin:0 auto;
	object-fit:contain;
	object-position:inherit;
}



.productUrl{
	font-size: 12px;
	margin: 5px 0 0 0;
	width:128px;
	height:45px; 
	overflow:hidden;
	line-height:121%;
}
.productUrl2{
	font-size: 12px;
	margin: 5px 0 0 0;
	height:40px;
	overflow:hidden;
}
.productUrl a{
	color:#333 !important;
}
.productUrl2 a{
	color:#333 !important;
}

.pointTag{
	font-size:14px; 
	color:#F00; 
	margin-left:-5px;
	font-weight:bold;
}
.getTag{
	font-size:12px; 
	color:#333; 
	margin-left:-5px;
}
.priceBox{
	text-align: right;
	margin:0 0 5px 0;
}
.priceTag1{
	font-size:12px; 
	color:#333; 
	margin-right:10px;
}
.priceTag2{
	font-size:24px; 
	color:#F00;
}
.tagBox{
	text-align: right;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
.catchcopy{
	font-size:14px;
	border-top:#CCC solid 1px;
	border-bottom:#CCC solid 1px;
	margin:5px 0;
	padding:5px 0 5px 0;
	/*
	box-shadow:#999 0px 0px 2px;*/

}

/**************************/
.snsArea{
	width:140px;
	height:21px;
	margin:10px 0 0 0;
	padding:0 10px 0 0;
	
}
.twBtn{
	width:120px; height:21px; float:left; margin:0 0 5px 0;
}
.fbBtn{
	width:120px; height:21px; float:left; margin:0 0 5px 0;
}








/**************************/
.sorterBox{
	font-size:small;
	
	width:100%;
	margin:0px auto;
	padding:1px 0px; 
	/*border-top:#888 solid 1px;*/
	box-shadow:#666 0px 0px 2px ;
	
	background: linear-gradient(#FEFEFE,#DDD);
    background: gradient(linear,0 0,0 bottom,from(#FEFEFE),to(#DDD));
    background: -webkit-gradient(linear,0 0,0 bottom,from(#FEFEFE),to(#DDD));
    /* CSS3 PIE独自プレフィックス */
    -pie-background: linear-gradient(#FEFEFE,#DDD);
	
	
}

.sorterGenre{
	text-align:left; padding:10px 0 5px 10px;
}

.sorterCondition{
	text-align:left; padding:5px 0 5px 10px;
}

.sorterPoint{
	/*background:#EEE;*/ padding:5px 0 5px 10px;
}
.sorterPrice{
	/*background:#EEE;*/ padding:5px 0 10px 10px;
}


.selectorPrice option{
	width:70px;
}








/**************************/
.heartySelectItem{
	text-align:center; background:#EBE9DD; position:relative;
}
.item .heartySelect{
	width:54.0852%; float:left; margin:0 0 0 7px;
}
.item .heartySelect a{
	width:100%;
	height:100%;	
}
.item .heartySelect img{
	width:100%;
	height:100%;	
}
.item .heartySelect2{
	width:40.6562%; float:right; margin:0 7px 0 0;
}
.item .heartySelect2 a{
	width:100%;
	height:100%;	
}
.item .heartySelect2 img{
	width:100%;
	height:100%;	
}





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

.main .matomeList{
	border:#CCC solid 1px;
	margin:0px 0px 20px 0px;
}
.main .matomeList h3{
	font-size:15px;
	color:#FFF;
	background: #BF1900;
	margin:0 0 10px 0;
	padding:10px 10px 12px 10px;
}

.main .matomeList .box{
	width:98%;
	margin:0 0 0 auto;
	
}
.main .matomeList .line{
	width:50%;
	height:50px;
	overflow:hidden;
	padding:0 0 0 0;
	margin:0 auto 10px auto;
	vertical-align:middle;
	float:left;
	position:relative;
}
.main .matomeList .line a{
	color:#000;
	
}
.main .matomeList .line .photo{
	width:50px;
	height:50px;
	margin:0 10px 0 0;
	position:absolute;
	left:0px;
	top:0px;
}
.main .matomeList .line .photo img{
	width:100%;
	height:100%;
}
.main .matomeList .line .title{
	width:auto;
	height:50px;
	line-height:1.3em;
	font-size:14px;
	overflow:hidden;
	padding:5px 0 0 0;
	margin:0 5px 0 60px;
}






/**************************/
.auctionBanner{
	width:100%;
	margin-bottom:25px;	
}
.auctionBanner a{
	display:block;
	width:100%;
	margin:0 auto;
}
.auctionBanner a img{
	width:100%;
}

/**************************/
.adBanner{
	width:100%;
	margin-bottom:25px;	
}
.adBanner a{
	display:block;
	width:100%;
	margin:0 auto;
}
.adBanner a img{
	width:100%;
}