/* CSS Document */

body {
	margin:0; padding:0;
}

#ranking-box {
	overflow:auto; overflow-x:hidden; -webkit-overflow-scrolling:touch;
	width:99%; margin:0 auto; padding:0 0 0 10px; box-sizing:border-box;
	position:absolute; left:0; right:0; top:0; bottom:0; border:none;
	background-color:#fff; font-size:13px; line-height:16px;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}
.owl-nav img.left {
	position: fixed;
	top:130px;
	right:3px;
	width:20px;
}
.owl-nav img.right {
	position: fixed;
	top:130px;
	left:3px;
	width:20px;
}

div.update{
	width:100%; height:26px; line-height:26px; text-align:right; padding:0 10px 0 0; margin:0; box-sizing:border-box;
}

div.ranking_list {
	width:100%; padding:0 20px; margin:0; box-sizing: border-box;
}
div.odd{
	background-color:transparent;
}
div.even{
	background-color:transparent;
}
div.item{
	height:260px; width:230px; vertical-align:top; text-align:center; clear: both; border:solid 1px #ddd; box-sizing: border-box;
}
@media screen and (max-width:600px) {
  div.item{
    height:auto; width:180px; border:none;
  }
}
div.item div{
	padding:0; margin:0 auto;
}
p.img{
	text-align:center; min-height:130px; padding:5px 0 5px 0; margin:0;
}
p.info{
	padding:5px 0 5px 0; margin:0 10px;
}
span.name{
	display:block; text-align:left; padding:2px; height:80px;
}
span.price{
	display:block; padding:2px; font-size:14px; color:#f00; font-weight:bold; text-align:right;
}
p.img img{
	width:auto; height:auto; max-width:130px; max-height:130px; margin:auto;
}

a img:hover{
	filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;
}