/* 「今月の特別賞」の設定値を、画像そのものの幅として反映する。 */
@media (min-width:781px) {
    .cpl-page {
        grid-template-columns:minmax(0,1fr) calc(var(--special) + 50px);
    }

    .cpl-side {
        width:calc(var(--special) + 50px) !important;
    }

    .cpl-special-box {
        width:calc(var(--special) + 28px) !important;
        max-width:none;
    }

    .cpl-special-card,
    .cpl-special-card .cpl-zoom,
    .cpl-special-card .cpl-zoom img {
        width:var(--special) !important;
        max-width:none;
    }
}

@media (max-width:780px) {
    .cpl-special-box {
        width:min(calc(var(--special) + 28px),100%) !important;
    }

    .cpl-special-card,
    .cpl-special-card .cpl-zoom,
    .cpl-special-card .cpl-zoom img {
        width:100% !important;
        max-width:100%;
    }
}