@charset "utf-8";

.cost-price {
    font-weight: 700;
}

.cost-price__tax,
.cost-price__unit {
    font-weight: 400;
}

.box.cost-price-box {
    margin-right: auto;
    margin-left: auto;
}

.cost-price-box .box__body>* {
    margin: 0;
}

.cost-price-box .box__body>*+* {
    margin-top: 8px;
}

@media print,
screen and (min-width: 768px) {
    .cost-price {
        font-size: 20px;
    }

    .cost-price__tax,
    .cost-price__unit {
        font-size: 14px;
    }

    .cost-price-box {
        max-width: 520px;
    }

    .cost-price-box .box__body {
        padding: 24px 32px;
    }

    /* 画像エリアの幅 */
    .cost-media__head {
        flex-shrink: 0;
        width: 60%;
    }
}

@media only screen and (max-width: 767.98px) {
    .cost-price {
        font-size: 16px;
    }

    .cost-price__tax,
    .cost-price__unit {
        font-size: 12px;
    }

    .cost-price-box .box__body {
        padding: 16px;
    }

    /* SP時は文章・ボタンの下に画像を表示 */
    .cost-media__head {
        margin-top: 24px;
    }
}