@charset "UTF-8";
:root {
    /* font-size */
    --font-s:12px;
    --font-m:14px;
    --font-l:16px;
    --font-xl:18px;
    --font-xxl:22px;

    /* transition */
    --transition:.2s;

    /* z-index */
    --zi-top-bar:20;
    --zi-layer:30;
    --zi-video:30;


    /* theme color */
    --color-theme:#978778;
    --color-theme-light:#cec4bb;
    --color-theme-dark:#816f5d;
    --color-font-gray:#9f9f9f;
    --color-line-gray:#e2e0e0;
    
    --color-link-blue:#1384c0;

    --color-layer-button-gray:#e0dede;
    --color-layer-button-font:#787878;
    --color-layer-button-hover:#d0d0d0;
    --color-layer-icon:#f2743c;
    --color-layer-icon-green:#43ca42;

    --color-item-price:#d00000;

}


body {margin:0;padding:0;font-size:var(--font-m);}
* {box-sizing:border-box;}