@charset "utf-8";


@media screen and (max-width : 768px){







/** announce ************************/
.announce{
	text-align:left; border-top:#333 solid 1px; font-size:12px; padding:10px 0 5px 5px; text-indent:0; background:#EEE;
}




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

}


.contents{
	width:100%; 
	margin:0 0 10px 0; 
	font-size:12px; 
	color:#333;
	background:#EEE;
	background:url(../../img/bg.png) repeat;
	
}
.main{
	width:100%; 
	margin:0 0 10px 0; 
	font-size:12px; 
	color:#333;
	float:none;
	
}





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





/**************************/
.slideDisplay{
	width:100%; height:188px; margin:0 0 10px 0; 
}






/**************************/
.rankingBox{
	width:100%;
	margin:0 0 30px 0;
	padding:0 0 0 0;
	text-align:left;
	position:relative;
}
.rankingHead{
	height: 82px;
	margin: 0 0 10px 0;
	padding: 0px;
	border: #CCC solid 0px;
	position:relative;
}
.rankingHeadTitle{
	position: absolute;
	top: 34px;
	left: 111px;
	width: 285px;
	height: 20px;
	font-size: 18px;
}
.rankingTitle{
	width:55%;
	height:16px;
	text-align:left;
	float:left;
}
.rankingDate{
	width:45%;
	height:16px;
	text-align:right;
	float:right;
	position: absolute;
	right: -1px;
	top: 70px;
}
.rankingBox .rakuten{
	background:url(../../img/midashi_rakuten.png);
	background-size:900px 82px;
}
.rankingBox .yahoo{
	background:url(../../img/midashi_yahoo.png);
	background-size:900px 82px;
}
.rankingBox .amazon{
	background:url(../../img/midashi_amazon.png);
	background-size:900px 82px;
}
.rankingBox .ponpare{
	background:url(../../img/midashi_ponpare.png);
	background-size:900px 82px;
}
.rankingBox .omni7{
	background:url(../../img/midashi_omni7.png);
	background-size:900px 82px;
}
.rankingBox .noMargin{
	margin:0 0 0 0;
}
.rankingBox ul{
	list-style:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.rankingContentsBox{
	width:146px; 
	height:290px;
	float:left; 
	overflow:hidden; 
	margin:0 0 10px 10px;
	padding:2px 2px; 
	border:#CCC solid 1px;
}

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

.partsBox{
	width:100%;
	border:#CCC solid 1px;
	margin:0 0 20px 0; 
	padding:0 0 0 0;
}
.partsTitle{
	background:#999;
	color:#FFF;
	margin:0;
	padding:2px 0;
	text-align:center;
	
}
.motionWidgetBox{
	height:170px;
	text-align:center;
	overflow:hidden;
}
.badgeBox{
	margin:10px auto;
	text-align:center;
}










/**************************/
.appPrBox{
	width:100%;
	margin:0 0 0 0;
	padding:20px 0 0 10px;
	text-align:center;
}

.appBox{
	width:calc(100% - 20px);
	height:90px;
	border-bottom:#CCC dashed 2px;
	margin:0 0 10px 0;
}
.appPrBoxLast{
	width:100%;
	margin:0 0 5px 0;
}
.iconBox{
	margin:0 0 0 5px; width:80px; height:80px; float:left; border-radius:10px 10px; overflow:hidden;
}
.appDescription{
	margin:0 0 5px 10px; width:calc(100% - 100px); float:left; line-height:60px; text-align:left; font-size:large;
}
.appDescription a{
	color:#666;
	font-weight:bold;
	text-decoration:none;
}






/**************************/
.pagingBox{
	width:100%;
	border-top:#999 solid 1px;
}
.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:100%;
	margin:10px auto;
	padding:10px 10px; 
	/*border-top:#888 solid 1px;*/
	box-shadow:#666 0px 0px 2px ;
	
}


.productBox2{
	width:100%;
	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:#CEF;
padding:5px;
margin:0 0 5px 0;
}
.shopNameYahoo2{
font-size:10px; color:#333;
background:#CEF;
padding:5px;
margin:0 0 5px 0;
width:140px; height:14px; margin:0 0 10px 0; padding:5px 0; overflow:hidden;
}



.image{
	width: 150px;
	margin: 0px 0 0px 0;
	overflow:hidden;
	width:130px; height:130px; overflow:hidden;
}
.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;
}




.productUrl{
	font-size: small;
	line-height:120%;
	margin: 5px 0 0 0;
	width:135px; height:45px; overflow:hidden;
}
.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;
}







.genreBox{
	width:96%;
	display:block;
	margin:0 auto;
}
.genreTitle{
	display:block;
	font-size:16px;
}
.genreChangeBtn{
	width:100%;
	height:auto;
	display:block;
	margin:10px auto;
}
.genreSelect{
	width:100%;
	font-size:16px;
	margin-bottom:10px;
}






/**************************/
.searchBtn{
	
	width: 96% !important;
	height:auto !important;
	font-size:large !important;
	position:relative !important;
	bottom:auto !important;
	right:auto !important;
	margin:0 auto !important;
	
	
}






}