@charset "UTF-8";
#st {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color:#fff;
}
.sort{text-align:center}
.sort ul{margin:0;padding:0;list-style:none}
.sort ul li{
 width:6.5em;
 margin:15px 5px 0 0;
 border:solid 1px #2098d1;
 border-radius:10px;
 text-align:center;
 display: -moz-inline-box;
  display: inline-block;
  /display: inline;
  /zoom: 1;
}
.sort ul li a{
 display:block;
 height:30px;
 line-height:30px;
 background-color:#FFF;
 border-radius:9px;
}
.sort ul li a:link.current    {color:#FFF; background-color:#2098d1;}
.sort ul li  a:link    {color:#000; text-decoration:none; background-color:#FFF;}
.sort ul li  a:visited {color:#000; text-decoration:none; background-color:#FFF;}
.sort ul li  a:hover   {color:#FFF; text-decoration:none; background-color:#2098d1;}
.sort ul li  a:active  {color:#000; text-decoration:none; background-color:#FFF;}
.sort_wrap{ width:100%;}
.sortlist_item { display:inline-block; width:48%; background-color:#f4f3f1;margin-bottom:10px}
.sortlist_item img:hover {
	opacity: 0.5 ;
	filter: alpha(opacity=50) ;	/* Ie用 */
}
.sortitem{font-size:90%;padding:5px; background-color:#2098d1;color:#fff;}
.sort_text{padding:5px;font-size:85%;}
.sort_lead{font-size:85%; height:8em}
.sort_det{width:7em;font-size:80%;color:#fff;text-align:center;background-color:#F00;padding:4px;margin-left: auto;margin-right:5px}
.sort_det a{ font-weight:bold; color:#fff}
.sort_det:hover{
	opacity: 0.5 ;
	filter: alpha(opacity=50) ;	/* Ie用 */}
.sort_detno{text-align:center;font-weight:bold;font-size:80%;color:#fff;background-color:#F00;padding:4px;margin-left: auto;margin-right:5px}
.sort_detno a{color:#fff}
.sort_detno a:hover{
	opacity: 0.5 ;
	filter: alpha(opacity=50) ;	/* Ie用 */}
.cart{font-size:85%; margin-top:5px;margin-bottom:5px}
/*--ribon--*/
.points > div {
 display: inline-block;
 width: 200px;
 margin-right: 15px;
 vertical-align: top;
}
.points p {
 margin: 1em 0;
}
/* 共通 */
.points .image {
 position: relative;
}
.point-triangle {
 position: relative;
}
.point-triangle:after {
 position: absolute;
 content: " ";
 height: 0;
 width: 0;
}
.point-triangle span {
 position: absolute;
 content: " ";
 font-size: 12px;
 font-weight: bold;
 color: #fff;
 z-index:100;
}
.point-triangle-lt:after {
 top: 0;
 left: 0;
 border-bottom:3em solid transparent;
 border-left:3em solid #d93131;
}
.point-triangle-lt span {
 top: .6em;
 left: .2em;
 transform: rotate(-45deg);
 -webkit-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
}
@media only screen and (min-width: 531px) {
.sortlist_item { width:31.8%; margin:0.5%; margin-bottom:1%}
}
@media only screen and (min-width: 769px) {
.sortlist_item { width:24.1%; margin:0.2%; margin-bottom:1%}
}