ul.stock {
  list-style: none;
  margin: 15px auto 35px;
  padding: 0;
}
ul.stock:after {
  content: "";
  clear: both;
  display: block;
}
ul.stock li {
  float: left;
  margin-top: 15px;
  position: relative;
  width: 23.5%;
}
ul.stock li:not(:nth-child(4n+1)) {
  margin-left: 2%;
}
@media screen and (max-width: 767px) {
  ul.stock li:not(:nth-child(4n+1)) {
    margin-left: auto;
  }
  ul.stock li:nth-child(even) {
    margin-left: 2%;
  }
  ul.stock li:nth-child(even):after {
    content: "";
    clear: both;
    display: block;
  }
}
ul.stock li:hover {
  opacity: .7;
}
ul.stock li.new:before, ul.stock li.sold:before {
  width: 45px;
  height: 45px;
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  background: transparent url(../media/images/common/icon_new.png) no-repeat left top;
  background-size: 100% auto;
}
ul.stock li.sold:before {
  background-image: url(../media/images/common/icon_sold.png);
}
ul.stock li p {
  line-height: 1.6;
  margin: auto;
  padding: 0 7px;
}
@media screen and (max-width: 767px) {
  ul.stock li {
    width: 49%;
  }
}
ul.stock a {
  color: #fff;
  display: block;
  position: relative;
  text-decoration: none;
}
ul.stock div.img {
  background: transparent url(../media/images/top/bg_list.jpg) no-repeat top center;
  background-size: contain;
  position: relative;
}
ul.stock div.img img {
  max-width: 100%;
  vertical-align: bottom;
}
@media screen and (max-width: 767px) {
  ul.stock div.img {
    background-size: cover;
  }
}
ul.stock div.text {
  font-size: 13px;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  font-family: "Roboto Condensed", sans-serif;
}
@media screen and (max-width: 767px) {
  ul.stock div.text {
    position: relative;
    right: auto;
    bottom: auto;
    left: auto;
  }
}
ul.stock p.date {
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}
ul.stock div.detail {
  background-color: rgba(0, 0, 0, 0.4);
  padding: 5px 7px;
}
@media screen and (max-width: 767px) {
  ul.stock div.detail {
    background-color: #000;
  }
}
ul.stock span.category {
  display: block;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 3px;
}
ul.stock span.category.category1 {
  color: #6c88b6;
}
ul.stock span.category.category2 {
  color: #a07c9e;
}
ul.stock span.category.category3 {
  color: #5dba98;
}
ul.stock span.maker,
ul.stock span.model {
  color: #ccc;
  font-weight: 700;
  font-size: 11px;
}
ul.stock span.maker + span:before,
ul.stock span.model + span:before {
  content: "/";
  margin-right: 5px;
}

/*# sourceMappingURL=list.css.map */