/* ---------------------------------------------
*   Custom Properties
--------------------------------------------- */
:root {
    --design-width: 1366;
    --contents-width: 1060;
    --contents-side-padding: 20;
    --minwidth: calc(var(--contents-width) + var(--contents-side-padding) * 2);
    --fixed-header-height: 72;
    --root-fz: 16;
    --line-height: 1.5;
    --hover-opacity-ratio: 0.8;
    --hover-duration: .3s;
    --color-base-1: #000;
    --color-base-1-rgb: 0, 0, 0;
    --color-black-1: #000;
    --color-black-1-rgb: 0, 0, 0;
    --color-black-2: #111;
    --color-black-2-rgb: 17, 17, 17;
    --color-white-1: #fff;
    --color-white-1-rgb: 255, 255, 255;
    --color-white-2: #fefefe;
    --color-white-2-rgb: 254, 254, 254;
    --color-bg-1: #f9ec9a;
    --color-bg-1-rgb: 249, 236, 154;
    --ff-root: "Noto Sans JP","Hiragino Kaku Gothic ProN", "Hiragino Sans", "meiryo", sans-serif;
    --ff-noto: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 750px) {
    :root {
        --design-width: 375;
        --contents-width: 320;
        --contents-side-padding: 10;
        --minwidth: 320;
        --fixed-header-height: 48;
        --root-fz: 16;
        --line-height: 1.5;
    }
}