/** Shopify CDN: Minification failed

Line 160:12 Unexpected "-->"

**/
.price {
  font-size: 1.6rem;
  letter-spacing: 0.1rem;
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  color: rgb(var(--color-foreground));
  margin-bottom: 0.25rem;
}

.price__container {
  margin-bottom: 0;
}
.price > * {
  display: inline-block;
  vertical-align: top;
}

.price .discount-badge {
  display: block;
  vertical-align: bottom;
}

.price.price--unavailable {
  visibility: hidden;
}

.price--end {
  text-align: right;
}

.price .price-item {
  display: inline-block;
  margin: 0 1rem 0 0;
}
.price .price-item span {
  font-weight: 700;
}

.price .price-item--sale {
  color: #c00;
  font-family: var(--font-saleprice-family);
}
.price span {
  line-height: 1;
}
.price__regular .price-item--regular {
  margin-right: 0;
  font-size: 4rem;
  font-weight: 700;
  font-family: var(--font-regularprice-family);
}

.card-information .price__regular .price-item--regular {
  font-size: 2.5rem;
}

.card-information .price__sale .price-item--sale.h4 {
  font-size: 1.3rem;
}
.price:not(.price--show-badge) .price-item--last:last-of-type {
  margin: 0;
}

.price.price--show-badge {
  display: flex;
  align-items: end;
}

.price:not(.price--show-badge) {
  display: block;
}

@media screen and (min-width: 750px) {
  .price {
    margin-bottom: 0;
  }
}

.price--large {
  font-size: 1.6rem;
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  letter-spacing: 0.13rem;
}

@media screen and (min-width: 750px) {
  .price--large {
    font-size: 1.8rem;
  }
}

.price--sold-out .price__availability,
.price__regular {
  display: block;
}

.price__sale,
.price__availability,
.price .price__badge-sale,
.price .price__badge-sold-out,
.price--on-sale .price__regular,
.price--on-sale .price__availability {
  display: none;
}

.price--sold-out .price__badge-sold-out,
.price--on-sale .price__badge-sale,
.volume-pricing--sale-badge .price__badge-sale {
  display: inline-block;
}

.volume-pricing--sale-badge .price__badge-sale {
  margin-left: 0.5rem;
}

.price--on-sale .price__sale {
  display: initial;
  flex-direction: row;
  flex-wrap: wrap;
}

.price--center {
  display: initial;
  justify-content: center;
}

.price--on-sale .price-item--regular {
  text-decoration: line-through;
  color: rgba(var(--color-foreground), 0.75);
  font-size: 1.3rem;
  font-family: var(--font-regularprice-family);
}

.price--show-badge .price-item--sale.price-item--last {
  font-size: 6rem;
}

.price-item--sale.price-item--last {
  font-size: 3rem;
}
.price-item--sale span {
  font-size:1.4rem;
  font-family: TazuganeGothicStdN-Bold；
}

.unit-price {
  display: block;
  font-size: 1.1rem;
  letter-spacing: 0.04rem;
  line-height: calc(1 + 0.2 / var(--font-body-scale));
  margin-top: 0.2rem;
  text-transform: uppercase;
  color: rgba(var(--color-foreground), 0.7);
}


<!-- 追加 -->

.star-24 {
  width: 80px;
  aspect-ratio: 1 / 1;
  background: gold;
  clip-path: polygon(
    50.00% 0.00%,
    54.57% 15.30%,
    62.94% 1.70%,
    63.39% 17.66%,
    75.00% 6.70%,
    71.31% 22.23%,
    85.36% 14.64%,
    77.77% 28.69%,
    93.30% 25.00%,
    82.34% 36.61%,
    98.30% 37.06%,
    84.70% 45.43%,
    100.00% 50.00%,
    84.70% 54.57%,
    98.30% 62.94%,
    82.34% 63.39%,
    93.30% 75.00%,
    77.77% 71.31%,
    85.36% 85.36%,
    71.31% 77.77%,
    75.00% 93.30%,
    63.39% 82.34%,
    62.94% 98.30%,
    54.57% 84.70%,
    50.00% 100.00%,
    45.43% 84.70%,
    37.06% 98.30%,
    36.61% 82.34%,
    25.00% 93.30%,
    28.69% 77.77%,
    14.64% 85.36%,
    22.23% 71.31%,
    6.70% 75.00%,
    17.66% 63.39%,
    1.70% 62.94%,
    15.30% 54.57%,
    0.00% 50.00%,
    15.30% 45.43%,
    1.70% 37.06%,
    17.66% 36.61%,
    6.70% 25.00%,
    22.23% 28.69%,
    14.64% 14.64%,
    28.69% 22.23%,
    25.00% 6.70%,
    36.61% 17.66%,
    37.06% 1.70%,
    45.43% 15.30%
  );
}

.star-18 {
  position: relative;
  width: 120px;
  aspect-ratio: 1 / 1;
  background: #FFDE21; /* 枠線の色（外側） */
  clip-path: polygon(
    50.000% 0.000%,
    56.078% 15.532%,
    67.101% 3.015%,
    67.500% 19.689%,
    82.139% 11.698%,
    76.812% 27.502%,
    93.301% 25.000%,
    82.889% 38.029%,
    99.240% 41.318%,
    85.000% 50.000%,
    99.240% 58.682%,
    82.889% 61.971%,
    93.301% 75.000%,
    76.812% 72.498%,
    82.139% 88.302%,
    67.500% 80.311%,
    67.101% 96.985%,
    56.078% 84.468%,
    50.000% 100.000%,
    43.922% 84.468%,
    32.899% 96.985%,
    32.500% 80.311%,
    17.861% 88.302%,
    23.188% 72.498%,
    6.699% 75.000%,
    17.111% 61.971%,
    0.760% 58.682%,
    15.000% 50.000%,
    0.760% 41.318%,
    17.111% 38.029%,
    6.699% 25.000%,
    23.188% 27.502%,
    17.861% 11.698%,
    32.500% 19.689%,
    32.899% 3.015%,
    43.922% 15.532%
  );
}

/* 中身（赤い星） */
.star-18::before {
  content: "";
  position: absolute;
  inset: 5px;           /* ここが「境界線の太さ」 */
  background: #c00;     /* 中の色 */
  clip-path: polygon(
    50.000% 0.000%,
    56.078% 15.532%,
    67.101% 3.015%,
    67.500% 19.689%,
    82.139% 11.698%,
    76.812% 27.502%,
    93.301% 25.000%,
    82.889% 38.029%,
    99.240% 41.318%,
    85.000% 50.000%,
    99.240% 58.682%,
    82.889% 61.971%,
    93.301% 75.000%,
    76.812% 72.498%,
    82.139% 88.302%,
    67.500% 80.311%,
    67.101% 96.985%,
    56.078% 84.468%,
    50.000% 100.000%,
    43.922% 84.468%,
    32.899% 96.985%,
    32.500% 80.311%,
    17.861% 88.302%,
    23.188% 72.498%,
    6.699% 75.000%,
    17.111% 61.971%,
    0.760% 58.682%,
    15.000% 50.000%,
    0.760% 41.318%,
    17.111% 38.029%,
    6.699% 25.000%,
    23.188% 27.502%,
    17.861% 11.698%,
    32.500% 19.689%,
    32.899% 3.015%,
    43.922% 15.532%
  );
}

.star-14 {
  position: relative;
  width: 80px;
  aspect-ratio: 1 / 1;
  display: grid!important;
  place-items: center;      /* 水平・垂直とも中央寄せ */
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.1;
  color: #fff;              /* 文字色 */
  box-sizing: border-box;
}

/* 外側の黄色い星（枠） */
.star-14::before {
  content: "";
  position: absolute;
  inset: 0;                 /* 親と同じサイズ */
  background: #FFDE21;
  clip-path: polygon(
    50.000%  0.000%,
    57.788% 15.878%,
    71.694%  4.952%,
    71.822% 22.636%,
    89.092% 18.826%,
    81.534% 34.814%,
    98.746% 38.874%,
    85.000% 50.000%,
    98.746% 61.126%,
    81.534% 65.186%,
    89.092% 81.174%,
    71.822% 77.364%,
    71.694% 95.048%,
    57.788% 84.122%,
    50.000% 100.000%,
    42.212% 84.122%,
    28.306% 95.048%,
    28.178% 77.364%,
    10.908% 81.174%,
    18.466% 65.186%,
     1.254% 61.126%,
    15.000% 50.000%,
     1.254% 38.874%,
    18.466% 34.814%,
    10.908% 18.826%,
    28.178% 22.636%,
    28.306%  4.952%,
    42.212% 15.878%
  );
  z-index: -2;
}

/* 内側の赤い星（中身） */
.star-14::after {
  content: "";
  position: absolute;
  inset: 2px;               /* ここが「枠線の太さ」 */
  background: #c00;         /* 中の色 */
  clip-path: polygon(
    50.000%  0.000%,
    57.788% 15.878%,
    71.694%  4.952%,
    71.822% 22.636%,
    89.092% 18.826%,
    81.534% 34.814%,
    98.746% 38.874%,
    85.000% 50.000%,
    98.746% 61.126%,
    81.534% 65.186%,
    89.092% 81.174%,
    71.822% 77.364%,
    71.694% 95.048%,
    57.788% 84.122%,
    50.000% 100.000%,
    42.212% 84.122%,
    28.306% 95.048%,
    28.178% 77.364%,
    10.908% 81.174%,
    18.466% 65.186%,
     1.254% 61.126%,
    15.000% 50.000%,
     1.254% 38.874%,
    18.466% 34.814%,
    10.908% 18.826%,
    28.178% 22.636%,
    28.306%  4.952%,
    42.212% 15.878%
  );
  z-index: -1;
}

.circle-badge {
  width: 80px;                 /* お好みで調整 */
  aspect-ratio: 1 / 1;          /* 正円にする */
  border-radius: 50%;
  border: 3px solid #c00;       /* 外周の境界線 */
  box-sizing: border-box;
  overflow: hidden;             /* はみ出しをカットして円形に */
  display: flex!important;
  flex-direction: column;
  background: linear-gradient(
    to bottom,
    #c00 0%,
    #c00 70%,
    #FFDE21 70%,
    #FFDE21 100%
  );
  text-align: center;
}

/* 上 70% 部分（20%） */
.circle-badge__top {
  flex: 7 0 0;                  /* 7:3 の比率で高さを分割 */
  display: flex;
  align-items: end;
  line-height: 0.8;
  justify-content: center;
  color: #fff;                  /* 赤の上なので白文字 */
  font-weight: bold;
  font-size: 38px;
  font-family: var(--font-salepricetagitalic-family);
  padding-bottom: 7px;
  letter-spacing: 0.08rem;
}

.circle-badge__top span {
  font-size:12px;
}

/* 下 30% 部分（OFF） */
.circle-badge__bottom {
  flex: 3 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #c00;                  /* 黄色の上なので赤文字 */
  font-weight: bold;
  font-size: 16px;
  font-family: var(--font-salepricetag-family);
  letter-spacing: 0.04rem;
}