/* ----商品一覧画面：ランキング：block-ranking-r---- */

.block-ranking-r {
  margin: 0 -3.25vw;
}

.block-genre-page .block-ranking-r {
  margin: 0 -5.58vw;
}

.block-ranking-r--items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 5.58vw;
  border-top: none;
  font-size: 0;
}

.block-genre-page .block-ranking-r--items {
  flex-wrap: nowrap;
  overflow-y: auto;
}

.block-ranking-r--item {
  width: calc((100% - 6.74vw) / 2);
  display: block;
  padding: 0;
}

.block-genre-page .block-ranking-r--item {
  flex-shrink: 0;
  width: 30.23vw;
}

.block-ranking-r--item:not(:nth-child(-n + 2)) {
  margin-top: 9.3vw;
}

.block-genre-page .block-ranking-r--item:not(:nth-child(-n + 2)) {
  margin-top: 0;
}

.block-genre-page .block-ranking-r--item:not(:last-child) {
  margin-right: 4.65vw;
}

.block-ranking-r--items a {
  text-decoration: none;
}

.block-ranking-r--goods-image {
  width: 100%;
  margin: 2.32vw 0 0;
}

.block-ranking-r--goods-image figure {
  width: 100%;
  min-width: 0;
  min-height: 0;
  padding: 0;
  background: transparent;
}

.block-ranking-r--goods-image figure img {
  display: block;
  height: auto;
}

.block-ranking-r--description {
  margin-top: 3.25vw;
  word-wrap: break-word;
}

.block-ranking-r--goods-name {
  font-weight: 500;
}

.block-ranking-r--goods-name p {
  display: -webkit-box;
  font-weight: 500;
  line-height: 1.571;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.block-genre-page .block-ranking-r--goods-name p {
  -webkit-line-clamp: 2;
}

.block-ranking-r--goods-author {
  margin-top: 1.86vw;
}

.block-ranking-r--goods-author p {
  color: var(--cl-gy-2);
  font-size: var(--fs-13);
  font-weight: 500;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.block-genre-page .block-ranking-r--goods-author p {
  font-size: var(--fs-12);
}

.block-ranking-r--goods-stock-shipping {
  display: flex;
  align-items: center;
  margin-top: 2.32vw;
}

.block-genre-page .block-ranking-r--goods-author,
.block-genre-page .block-ranking-r--goods-stock-shipping {
  display: none;
}

.block-ranking-r--goods-stock .stock {
  display: block;
  position: relative;
  padding-left: 3.25vw;
  font-size: var(--fs-13);
  font-weight: 700;
}

.block-ranking-r--goods-stock .stock::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1.86vw;
  height: 1.86vw;
  margin-top: -0.93vw;
  background-color: #00b723;
}

.block-ranking-r--goods-shipping {
  margin-left: 2.32vw;
}

.block-ranking-r--goods-shipping .free_shipping {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 13.95vw;
  height: 5.81vw;
  padding-bottom: 0.23vw;
  border: 1px solid var(--cl-rd);
  color: var(--cl-rd);
  font-size: var(--fs-12);
  font-weight: 700;
}

.block-ranking-r--goods-date {
  margin-top: 10px;
  color: var(--cl-gy-2);
  font-size: var(--fs-13);
  font-weight: 500;
}

.block-ranking-r--goods-price-favorite {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 2.32vw;
}

.block-ranking-r--price-items {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
  justify-content: flex-start;
  font-family: var(--ff-en);
  line-height: 1.4;
}

.block-ranking-r--goods .price {
  font-weight: 500;
}

.block-ranking-r--goods .price,
.block-ranking-r--goods .net-price,
.block-ranking-r--goods .default-price,
.block-ranking-r--goods .exchange-price,
.block-ranking-r--goods .block-exchange-price--rate-dt {
  text-align: left;
}

.block-ranking-r--price {
  font-size: var(--fs-20);
  font-weight: 500;
}

.block-genre-page .block-ranking-r--price {
  font-size: var(--fs-11);
}

.block-ranking-r--price .yen {
  margin-left: 4px;
  font-size: var(--fs-12);
}

.block-ranking-r--price::after {
  font-size: var(--fs-12);
  font-weight: 500;
}

.block-genre-page .block-ranking-r--price .yen,
.block-genre-page .block-ranking-r--price::after {
  font-size: var(--fs-10);
}

.block-ranking-r--default-price {
  position: relative;
  font-size: var(--fs-16);
  font-weight: 500;
  text-decoration: none;
}

.block-genre-page .block-ranking-r--default-price {
  font-size: var(--fs-10);
}

.block-ranking-r--default-price .yen,
.block-ranking-r--default-price::after {
  font-size: var(--fs-10);
}

.block-ranking-r--default-price::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: calc(100% - 5px);
  height: 1px;
  background-color: var(--cl-rd);
}

.block-ranking-r--item .block-goods-list--favorite--btn,
.block-ranking-r--item .block-goods-list--favorite-registed--btn {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  width: 6.97vw;
  height: 6.97vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  z-index: 99;
}

.block-ranking-r--item .block-goods-list--favorite--btn {
  background-image: var(--ico-fav);
}

.block-ranking-r--item .block-goods-list--favorite-registed--btn {
  background-image: var(--ico-fav-added);
}

.block-ranking-r--rank {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  margin-bottom: 1.86vw;
  border-radius: 0;
  background-color: transparent;
  color: #000;
  font-size: var(--fs-16);
  font-family: var(--ff-en);
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.1em;
}

.block-ranking-r--rank::before {
  content: "No.";
}