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

#S_OP img{
	max-width:100%;
	height:auto;
	background:#ffffff;
}

#S_OP a img,
#S_OP a:link img,
#S_OP a:hover img,
#S_OP a:visited img,
#S_OP a:active img
{background-color:#ffffff;}


#S_OP span.pcbr{
	display:none;
}

#S_OP a:hover img{
		filter:alpha(opacity=90);
		opacity:0.9;
	}

/* header
============================================================*/
#S_OP {font-family: "FOT-���_�� Pro M";}
#S_OP header .headerInner h1{
	font-weight:bold;
	text-align:center;
}

#S_OP header .headerInner h1 .firstLine{
	font-size:130%;
	color:#c4d947;
}

#S_OP header .headerInner h1 .secondLine{
	font-size:180%;
}

#S_OP header .headerInner p{
	margin:5px 0 10px;
}


/* column
============================================================*/

#S_OP ul.item  {background:#f0f5c2; padding:5px 0 0 0;}

#S_OP ul.item li{
	padding:0 5px 5px;
	
}

#S_OP ul.item li img{border:#ffffff 1px solid; background-color:#ffffff;}

#S_OP ul.item li a img{background-color:#ffffff;}

#S_OP ul.morelink{
	margin-top:10px;
	border-top:#c9c9c9 1px solid;
	padding-bottom:1px;
}

#S_OP ul.morelink li{
	border-bottom:#c9c9c9 1px solid;
	padding:1px 0;
}


/* ranking
============================================================*/

#S_OP #mod_1columnArea div.mod_1columnArea_ranking div#parts_ranking  h2{
	font-size:108%;
	font-weight:bold;
	margin-right:0;
	line-height:70%;
}

#S_OP #mod_1columnArea div.mod_1columnArea_ranking div#parts_ranking p.update{
	float:right;
}


/* clearFix
============================================================*/

#S_OP #mod_1columnArea div.mod_1columnArea_ranking div#parts_ranking:after{
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";
}

#S_OP #mod_1columnArea div.mod_1columnArea_ranking div#parts_ranking{
	zoom:1;
}

}


/* wide width 
============================================================*/

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

#S_OP a img,
#S_OP a:link img,
#S_OP a:hover img,
#S_OP a:visited img,
#S_OP a:active img
{background-color:#ffffff;}

#S_OP ul.item li {
	float:left;
	width:48.0%;
	padding:0px 5px 5px 5px;
}

#S_OP ul.item li:nth-child(even){
	padding-left:2px;}

#S_OP ul.morelink{
	padding-right:-10px;
	margin-right:10px;
}


#S_OP ul.morelink li{
	float:left;
	width:50%;
	box-sizing:border-box;
	margin-right:10px;
}


#S_OP ul.morelink li:nth-child(even){
	margin-right:-10px;
}


/* col2 */
#S_OP ul.morelink{
	padding-right:20px;
	margin-bottom:20px;
	border-top:none;
}

#S_OP ul.morelink li{
	float:left;
	width:50%;
	box-sizing:border-box;
	margin-right:20px;
	padding:1px;
	text-align:center;
}

#S_OP ul.morelink li:last-child{
	margin-right:-20px;
}

#S_OP ul.morelink:after,
#S_OP ul.item:after,
#S_OP ul.morelink:after{
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";
}

#S_OP ul.morelink,
#S_OP ul.item,
#S_OP ul.morelink{
	zoom:1;
}

}