@charset "UTF-8";
.ranking-ttl {
  font-weight: 500;
  color: #000000;
}
[data-browse-mode=P] .ranking-ttl {
  font-size: 32px;
  margin-bottom: 30px;
}
[data-browse-mode=S] .ranking-ttl {
  font-size: 18px;
  text-align: center;
  margin: 25px 12px;
}

[data-browse-mode=P] .StyleR_Line_,
[data-browse-mode=S] .goods_r_ ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

[data-browse-mode=P] .StyleR_Line_ {
  gap: 60px 30px;
}

[data-browse-mode=S] .goods_r_ ul {
  width: calc(100% - 24px) !important;
  gap: 30px 10px;
}

[data-browse-mode=P] div.StyleR_Item_,
[data-browse-mode=S] .goods_r_ ul li {
  position: relative;
  float: none;
  margin: 0;
}

[data-browse-mode=P] div.StyleR_Item_ {
  width: calc((100% - 90px) / 4);
}

[data-browse-mode=P] div.StyleR_Item_:nth-child(-n+3) {
  width: calc((100% - 60px) / 3);
}

[data-browse-mode=S] .goods_r_ ul li {
  width: calc((100% - 10px) / 2) !important;
}

[data-browse-mode=P] div.StyleR_Item_:nth-child(n+11),
[data-browse-mode=S] .goods_r_ ul li:nth-child(n+11) {
  display: none;
}

[data-browse-mode=P] div.StyleR_Item_ div.img_ {
  width: 100%;
  aspect-ratio: 1/1;
  height: auto;
}

[data-browse-mode=P] div.StyleR_Item_ div.img_ a {
  width: 100%;
  height: 100%;
}

[data-browse-mode=P] div.StyleR_Item_ div.img_ img {
  max-width: 100%;
  max-height: 100%;
}

[data-browse-mode=S] .goods_r_ li .img_ figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
}

[data-browse-mode=P] div.StyleR_Item_ .rank_,
[data-browse-mode=S] .goods_r_ ul li .rank_icon_ {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Jost", sans-serif;
  font-weight: 600;
}

[data-browse-mode=P] div.StyleR_Item_ .rank_ {
  width: 38px;
  height: 35px;
}

[data-browse-mode=S] .goods_r_ ul li .rank_icon_ {
  width: 30.4px;
  height: 28px;
}

[data-browse-mode=P] div.StyleR_Item_ .rank_:before,
[data-browse-mode=S] .goods_r_ ul li .rank_icon_:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: #F5F5F5;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 80%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 80%, 0 100%);
  z-index: -1;
}

[data-browse-mode=P] div.StyleR_Item_ .rank_:before {
  height: 46px;
}

[data-browse-mode=S] .goods_r_ ul li .rank_icon_:before {
  height: 36.8px;
}

[data-browse-mode=P] div.StyleR_Item_ .rank_.rank1_,
[data-browse-mode=S] .goods_r_ ul li.rank1_ .rank_icon_,
[data-browse-mode=P] div.StyleR_Item_ .rank_.rank2_,
[data-browse-mode=S] .goods_r_ ul li.rank2_ .rank_icon_,
[data-browse-mode=P] div.StyleR_Item_ .rank_.rank3_,
[data-browse-mode=S] .goods_r_ ul li.rank3_ .rank_icon_ {
  color: #FFF;
}

[data-browse-mode=P] div.StyleR_Item_ .rank_.rank1_:before,
[data-browse-mode=S] .goods_r_ ul li.rank1_ .rank_icon_:before {
  background: #B19828;
}

[data-browse-mode=P] div.StyleR_Item_ .rank_.rank2_:before,
[data-browse-mode=S] .goods_r_ ul li.rank2_ .rank_icon_:before {
  background: #818693;
}

[data-browse-mode=P] div.StyleR_Item_ .rank_.rank3_:before,
[data-browse-mode=S] .goods_r_ ul li.rank3_ .rank_icon_:before {
  background: #AC811D;
}

[data-browse-mode=P] div.StyleR_Item_ .icon_,
[data-browse-mode=S] .goods_r_ ul li .icon_ {
  display: none;
}

[data-browse-mode=S] .goods_r_ ul li .brand_,
[data-browse-mode=S] .goods_r_ ul li .name_,
[data-browse-mode=S] .goods_r_ ul li .default_price_,
[data-browse-mode=S] .goods_r_ ul li .default_price_ small {
  font-size: 14px;
}

[data-browse-mode=S] .goods_r_ ul li .special_price_ {
  font-size: 16px;
  font-family: "Jost", serif;
}

[data-browse-mode=S] .goods_r_ ul li .special_price_ small {
  font-size: 14px;
  font-family: "Noto Sans JP", "Noto Sans SC", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Helvetica Neue", "メイリオ", "Meiryo", "Helvetica", Helvetica, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

[data-browse-mode=P] .bnr .for-sp {
  display: none;
}
[data-browse-mode=P] .bnr {
  margin-top: 60px;
}
[data-browse-mode=S] .bnr {
  margin-top: 30px;
  margin-bottom: 40px;
  padding-inline: 12px;
}
.bnr-lead {
  font-weight: 500;
  text-align: center;
}
[data-browse-mode=P] .bnr-lead {
  margin-bottom: 40px;
  font-size: 21px;
}
[data-browse-mode=S] .bnr-lead {
  margin-bottom: 20px;
  font-size: 16px;
}
.bnr-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}
[data-browse-mode=S] .bnr-item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.bnr-item a {
  display: block;
}
[data-browse-mode=P] .bnr-item a {
  width: calc((100% - 20px) / 2);
}
[data-browse-mode=S] .bnr-item a {
  width: 100%;
}
.bnr-item a img {
  max-width: 100%;
}
/*上部にカテゴリごとの遷移ボタン追加*/
[data-browse-mode=P] .ranking_trigger {
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
[data-browse-mode=S] .ranking_trigger {
  padding: 0 20px 20px 20px;
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
  column-gap: 10px;
  justify-content: center;
}
[data-browse-mode=P] .ranking_trigger a {
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #FFFFFF;
  border-radius: 10px;
  border: 1px solid #969696;
  font-size: 15px;
  color: #505050;
  padding-inline: 25px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
[data-browse-mode=S] .ranking_trigger a {
  box-sizing: border-box;
  width: calc((100% - 10px) / 2);
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;

  background: #FFFFFF;
  border-radius: 10px;
  border: 1px solid #969696;
  font-size: 14px;
  color: #505050;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
[data-browse-mode=P] .ranking_trigger a.active {
  color: #FFF;
  background: #505050;
}
[data-browse-mode=S] .ranking_trigger a.active {
  color: #FFF;
  background: #505050;
}
[data-browse-mode=S] .ranking_trigger a:last-child:nth-child(odd) {
  margin-right: auto;
}
[data-browse-mode=P] .ranking_trigger a:hover {
  text-decoration: none;
  opacity: 0.7;
}
[data-browse-mode=S] .ranking_trigger a:link, .ranking_trigger a:hover {
  text-decoration: none;
}
.icon_sale_ {
    display: none;
}
/*# sourceMappingURL=ranking.css.map */