/* ★★ランキングのCSS↓★★ */

/* 共通：商品ブロックに相対位置を設定 */
.fs-c-productListItem {
  position: relative;
}

/* =======================
   1位：kiokunashi_A_
======================= */
.fs-c-productListItem:has(a[href*="kiokunashi_A_"])::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-top: 40px solid #e60033;
  border-left: 40px solid transparent;
  z-index: 1;
}
.fs-c-productListItem:has(a[href*="kiokunashi_A_"])::after {
  content: "1";
  position: absolute;
  top: 4px;
  right: 6px;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  z-index: 2;
}

/* =======================
   2位：borntobi_UMI_Zip_A_
======================= */
.fs-c-productListItem:has(a[href*="borntobi_UMI_Zip_A_"])::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-top: 40px solid #e60033;
  border-left: 40px solid transparent;
  z-index: 1;
}
.fs-c-productListItem:has(a[href*="borntobi_UMI_Zip_A_"])::after {
  content: "2";
  position: absolute;
  top: 4px;
  right: 6px;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  z-index: 2;
}

/* =======================
   3位：new_uminchu_A
======================= */
.fs-c-productListItem:has(a[href*="new_uminchu_A"])::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-top: 40px solid #e60033;
  border-left: 40px solid transparent;
  z-index: 1;
}
.fs-c-productListItem:has(a[href*="new_uminchu_A"])::after {
  content: "3";
  position: absolute;
  top: 4px;
  right: 6px;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  z-index: 2;
}

/* =======================
   4位：ganso_Tr_A_
======================= */
.fs-c-productListItem:has(a[href*="ganso_Tr_A_"])::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-top: 40px solid #e60033;
  border-left: 40px solid transparent;
  z-index: 1;
}
.fs-c-productListItem:has(a[href*="ganso_Tr_A_"])::after {
  content: "4";
  position: absolute;
  top: 4px;
  right: 6px;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  z-index: 2;
}

/* =======================
   5位：surfgal_kitty_Y_
======================= */
.fs-c-productListItem:has(a[href*="surfgal_kitty_Y_"])::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-top: 40px solid #e60033;
  border-left: 40px solid transparent;
  z-index: 1;
}
.fs-c-productListItem:has(a[href*="surfgal_kitty_Y_"])::after {
  content: "5";
  position: absolute;
  top: 4px;
  right: 6px;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  z-index: 2;
}