/* トップの金額枠「コミコミの安心価格！！」：金額を消した背景画像の上に、同じ大きさのSVGで金額を重ねる */
/* テーマは画像に「PC：幅90%・最大960px・中央」「スマホ：幅90%・中央」を付けている。画像と数字を同じ箱に入れてその寸法を箱に移す */
main .price .tp2 .tp2_in{
    position: relative;
    display: block;
    width: 90%;
    max-width: 960px;
    margin: 0 auto;
}
main .price .price_sp.tp2 .tp2_in{
    width: 90%;
    max-width: none;
}
main .price .tp2 .tp2_in img{
    display: block;
    width: 100%;
    max-width: none;
    margin: 0;
}

main .price .tp2 .tp2_num{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    aspect-ratio: 1920 / 1585;
    overflow: visible;
    pointer-events: none;
}
main .price .price_sp.tp2 .tp2_num{
    aspect-ratio: 750 / 1700;
}
main .price .tp2 .tp2_red{
    font-family: "Roboto Condensed", sans-serif;
    font-style: italic;
    font-weight: 800;  /* 元画像は千葉市の金額枠（900）より細い */
}
main .price .tp2 .tp2_red_s,
main .price .tp2 .tp2_dark{
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
}
main .price .tp2 .tp2_red_s{ fill: #f12730; }
main .price .tp2 .tp2_dark{ fill: #1a1a1a; }
