/* ===== Y-KAGU PC\5546 \54C1 \30DA \30FC \30B8 \FF1A \30AB \30FC \30C8 \307E \308F \308A \30DC \30BF \30F3 \FF08 \753B \50CF \2192 CSS\FF09  ===== */

/* \5171 \901A \30D5 \30A9 \30F3 \30C8  */
#pi_cart .cartArea,
#pi_cart [class^="sps-wishArea"],
#pi_cart .infoArea {
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", Meiryo, sans-serif !important;
}

/* ---------- \30AB \30FC \30C8 \306B \5165 \308C \308B  ---------- */
#pi_cart #cartButton {
  position: relative !important;
  width: 100% !important;
  height: 56px !important;
  margin: 16px 0 0 !important;
}
#pi_cart #cartButton::before {
  content: "\30AB \30FC \30C8 \306B \5165 \308C \308B ";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: #E30935 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><circle cx='9' cy='20' r='1.4'/><circle cx='18' cy='20' r='1.4'/><path d='M2.5 3.5h2.6l2.3 11.2h11.4l2-8.2H6.2'/></svg>") no-repeat;
  background-size: 22px 22px;
  background-position: calc(50% - 70px) center;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.1em;
  padding-left: 26px;
  box-sizing: border-box;
  transition: background-color .2s;
  pointer-events: none;
}
#pi_cart #cartButton:hover::before { background-color: #C70730; }
/* \672C \7269 \306E \30AB \30FC \30C8 \30DC \30BF \30F3 \FF08 \753B \50CF \FF09 \306F \900F \660E \306B \3057 \3066 \4E0A \306B \91CD \306D \308B \FF1D \62BC \3059 \52D5 \4F5C \306F \305D \306E \307E \307E  */
#pi_cart #cartButton input[type="image"] {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0 !important;
  cursor: pointer !important;
  z-index: 1;
}

/* ---------- \304A \6C17 \306B \5165 \308A \767B \9332  ---------- */
#pi_cart [class^="sps-wishArea"] { margin: 10px 0 0 !important; }
#pi_cart [class^="sps-wishArea"] a { display: block !important; cursor: pointer; text-decoration: none !important; }
#pi_cart [class^="sps-wishArea"] img { display: none !important; }
#pi_cart .sps-wishAddItem:not(.wishBtnHidden),
#pi_cart .sps-wishAddItemOk:not(.wishBtnHidden) {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  height: 46px;
  box-sizing: border-box;
  border: 1px solid #ABA0A1;
  background: #fff;
  color: #5E5455;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.06em;
  transition: background-color .2s;
}
#pi_cart .sps-wishAddItem:not(.wishBtnHidden):hover { background: #F8F5F5; }
#pi_cart .sps-wishAddItem::before,
#pi_cart .sps-wishAddItemOk::before {
  content: "";
  width: 18px;
  height: 18px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E30935' stroke-width='2' stroke-linejoin='round'><path d='M12 20.5s-7.5-4.6-7.5-10.2A4.3 4.3 0 0 1 12 7.6a4.3 4.3 0 0 1 7.5 2.7c0 5.6-7.5 10.2-7.5 10.2z'/></svg>") no-repeat center / contain;
}
#pi_cart .sps-wishAddItemOk::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23E30935' stroke='%23E30935' stroke-width='2' stroke-linejoin='round'><path d='M12 20.5s-7.5-4.6-7.5-10.2A4.3 4.3 0 0 1 12 7.6a4.3 4.3 0 0 1 7.5 2.7c0 5.6-7.5 10.2-7.5 10.2z'/></svg>");
}
#pi_cart .sps-wishAddItem::after { content: "\304A \6C17 \306B \5165 \308A \767B \9332 "; }
#pi_cart .sps-wishAddItemOk::after { content: "\304A \6C17 \306B \5165 \308A \767B \9332 \6E08 \307F "; }

/* ---------- \554F \5408 \305B \30FB \30E1 \30FC \30EB \3067 \7D39 \4ECB  ---------- */
#pi_cart .infoArea {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  list-style: none !important;
  margin: 14px 0 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
#pi_cart .infoArea li {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
#pi_cart .infoArea li img { display: none !important; }
#pi_cart .infoArea li a {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 46px;
  background: #F4F1F1;
  color: #5E5455 !important;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.04em;
  text-decoration: none !important;
  transition: background-color .2s;
}
#pi_cart .infoArea li a:hover { background: #ECE7E7; }
#pi_cart .infoArea li a::before {
  content: "";
  width: 18px;
  height: 18px;
  background: no-repeat center / contain;
}
#pi_cart .infoArea li:nth-child(1) a::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ABA0A1' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><path d='M9.6 9.3a2.5 2.5 0 0 1 4.8.9c0 1.7-2.4 2.2-2.4 3.6'/><circle cx='12' cy='17' r='0.6' fill='%23ABA0A1'/></svg>");
}
#pi_cart .infoArea li:nth-child(1) a::after { content: "\3053 \306E \5546 \54C1 \3092 \554F \5408 \305B \308B "; }
#pi_cart .infoArea li:nth-child(2) a::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ABA0A1' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='5.5' width='18' height='13' rx='1.5'/><path d='M3.5 6.5 12 13l8.5-6.5'/></svg>");
}
#pi_cart .infoArea li:nth-child(2) a::after { content: "\30E1 \30FC \30EB \3067 \7D39 \4ECB \3059 \308B "; }