/* 支給PSD: 750 × 1188。既存の main.css と画像は変更しない。 */
#mv .kuma-mv {
  position: relative;
  container-type: inline-size;
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  padding: 0;
  border: 0;
}
#mv .kuma-mv > img {
  display: block;
  width: 100%;
  height: auto;
}
#mv .kuma-campaign {
  position: absolute;
  left: 23.6%;
  top: 46.7171717172%;
  width: 39.4666666667%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: rgb(31 56 113 / 85.0980392157%);
  color: #fff;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-synthesis: none;
  text-align: center;
  letter-spacing: 0;
  box-sizing: border-box;
}
#mv .kuma-campaign * { box-sizing: border-box; }
#mv .kuma-campaign__deadline,
#mv .kuma-campaign__price {
  position: absolute;
  /* PSD内の文字の中心は青丸の中心より2.5px右。桁数によらず固定。 */
  left: .3333333333cqw;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 0;
  margin: 0;
  padding: 0;
  border: 0;
  color: #f2c820;
  white-space: nowrap;
  line-height: 1;
}
#mv .kuma-campaign__deadline { top: 4.4cqw; }
#mv .kuma-campaign__month { font-size: 7.4666666667cqw; transform: translateY(.4cqw); }
#mv .kuma-campaign__month-end { font-size: 5.3333333333cqw; transform: translateY(.1333333333cqw); }
#mv .kuma-campaign__until { font-size: 4.8cqw; margin-left: .2666666667cqw; transform: translateY(.1333333333cqw); }
#mv .kuma-campaign__fees {
  position: absolute;
  top: 13.0666666667cqw;
  display: grid;
  grid-template-columns: 12.8cqw minmax(8cqw, max-content) 3.2cqw;
  justify-content: center;
  left: .3333333333cqw;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 3.2cqw;
  line-height: 4.8cqw;
  white-space: nowrap;
}
#mv .kuma-campaign__fee { display: grid; grid-template-columns: subgrid; grid-column: 1 / -1; align-items: baseline; height: 4.8cqw; margin: 0; padding: 0; line-height: 4.8cqw; }
#mv .kuma-campaign__fee > span:first-child { width: 12.8cqw; text-align: left; }
#mv .kuma-campaign__fee > span:last-child { width: 3.2cqw; text-align: left; }
#mv .kuma-campaign__fee-number { min-width: 8cqw; text-align: right; font-size: 3.4666666667cqw; font-weight: 900; transform: translateY(-.1333333333cqw); }
#mv .kuma-campaign__arrow {
  position: absolute;
  top: 23.3333333333cqw;
  left: calc(50% + .3333333333cqw);
  transform: translateX(-50%);
  width: 3.3333333333cqw;
  height: 2.2666666667cqw;
  background: #fff;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
#mv .kuma-campaign__price { top: 23.8666666667cqw; gap: .2666666667cqw; }
#mv .kuma-campaign__amount { font-size: 10.1333333333cqw; transform: translateY(.6133333333cqw); }
#mv .kuma-campaign__yen { font-size: 6.1333333333cqw; }

/* Preserve the optical center; shrink only when the price ink leaves the circle. */
#mv .kuma-campaign__price { transform: scale(var(--kuma-price-scale, 1)); transform-origin: 50% 50%; }
