@charset "UTF-8";

/* --------------------------------------------------------------------------
SECTION
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
    .ly-block:has(.mc-header-lv4) + .ly-block > .mc-header-lv4 {
        padding-top: calc(72 / var(--font) * 1rem);
    }
    .nutrition-table-th {
        width: 20% !important;
    }
    .save-content {
        margin-top: calc(32 / var(--font) * 1rem);
        margin-bottom: calc(28 / var(--font) * 1rem);
    }
    .save-content-img {
        max-width: calc(700 / var(--font) * 1rem);
        margin: 0 auto 0;
        border-radius: calc(20 / var(--font) * 1rem);
        overflow: hidden;
    }
    .save-content-note {
        display: flex;
        justify-content: center;
        margin-top: calc(16 / var(--font) * 1rem);
    }
    .save-content-note__label {
        font-size: calc(12 / var(--font) * 1rem);
        font-weight: 500;
        font-feature-settings: "palt";
        line-height: 1.4;
    }
    .score-content {
    }
    .score-content__column {
        display: flex;
        justify-content: space-between;
        gap: calc(12 / var(--font) * 1rem);
    }
    .score-content-item {
    }
    .score-content-text {
        max-width: calc(588 / var(--font) * 1rem);
    }
    .score-content-img {
        max-width: calc(480 / var(--font) * 1rem);
    }
    .score-content-img__inner {
        border-radius: calc(10 / var(--font) * 1rem);
        overflow: hidden;
    }
    .score-content-img-note {
        margin-top: calc(10 / var(--font) * 1rem);
    }
    .score-content-img-note__label {
        font-size: calc(12 / var(--font) * 1rem);
    }
    .cholesterol-btn {
        width: 100%;
        max-width: calc(438 / var(--font) * 1rem);
        margin: calc(56 / var(--font) * 1rem) auto 0;
    }
    .cholesterol-content {
        max-width: calc(700 / var(--font) * 1rem);
        margin: calc(80 / var(--font) * 1rem) auto 0;
    }
    .cholesterol-content-img {
    }
    .cholesterol-content-img + .cholesterol-content-img {
        margin-top: calc(36 / var(--font) * 1rem);
    }
    .cholesterol-content-img__inenr {
        border-radius: calc(20 / var(--font) * 1rem);
        overflow: hidden;
    }
}
@media all and (max-width: 767px) {
    .ly-block:has(.mc-header-lv4) + .ly-block > .mc-header-lv4 {
        padding-top: calc(42 / var(--font) * 1rem);
    }
    .mc-table-chart-cell {
        padding-left: calc(8 / var(--font) * 1rem);
        padding-right: calc(8 / var(--font) * 1rem);
    }
    .mc-table--scroll .mc-table-chart {
        width: calc(600 / var(--font) * 1rem);
    }
    .nutrition-table-th {
        width: 20%;
    }
    .save-content {
        margin-top: calc(24 / var(--font) * 1rem);
        margin-bottom: calc(20 / var(--font) * 1rem);
    }
    .save-content-img {
        max-width: calc(700 / var(--font) * 1rem);
        margin: 0 auto 0;
        border-radius: calc(10 / var(--font) * 1rem);
        overflow: hidden;
    }
    .save-content-note {
        display: flex;
        justify-content: center;
        margin-top: calc(8 / var(--font) * 1rem);
    }
    .save-content-note__label {
        font-size: calc(12 / var(--font) * 1rem);
        font-weight: 500;
        font-feature-settings: "palt";
        line-height: 1.4;
    }
    .score-content {
    }
    .score-content__column {
    }
    .score-content-item {
    }
    .score-content-text {
    }
    .score-content-img {
        margin-top: calc(20 / var(--font) * 1rem);
    }
    .score-content-img__inner {
        border-radius: calc(10 / var(--font) * 1rem);
        overflow: hidden;
    }
    .score-content-img-note {
        margin-top: calc(10 / var(--font) * 1rem);
    }
    .score-content-img-note__label {
        font-size: calc(12 / var(--font) * 1rem);
    }
    .cholesterol-btn {
        max-width: calc(310 / var(--font) * 1rem);
        margin: calc(24 / var(--font) * 1rem) auto 0;
    }
    .cholesterol-content {
        max-width: calc(700 / var(--font) * 1rem);
        margin: calc(42 / var(--font) * 1rem) auto 0;
    }
    .cholesterol-content-img {
    }
    .cholesterol-content-img + .cholesterol-content-img {
        margin-top: calc(24 / var(--font) * 1rem);
    }
    .cholesterol-content-img__inenr {
        border-radius: calc(10 / var(--font) * 1rem);
        overflow: hidden;
    }
}