@charset "utf-8";
/* ========================================
   BAGUS Framework 2.0
======================================== */

:root{

    /* Color */
    --color-main:#333;
    --color-text:#333;
    --color-bg:#fff;
    --color-footer:#fff8ee;
    --hero-sub-offset:-3px;

    /* Layout */
    --header-height:50px;

    /* Animation */
    --ease-main:cubic-bezier(.22,.61,.36,1);
    --rotate-speed:10s;

}

/* Basic settings */
*{box-sizing:border-box}
html{scrollbar-gutter:stable}
body{margin:0;color:var(--color-text);background:var(--color-bg);font-family:"Noto Sans JP","Yu Gothic","Meiryo",sans-serif;line-height:1.8;text-size-adjust:100%;-webkit-text-size-adjust:100%;overflow-x:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
html.menu-open,body.menu-open{overflow:hidden}
img,video{max-width:100%;height:auto;vertical-align:bottom}
a{color:inherit;text-decoration:none;transition:color .35s ease,opacity .35s ease}
a:hover{opacity:.85}
ul,ol{margin:0;padding:0;list-style:none}
button{padding:0;border:0;background:none;color:inherit;cursor:pointer;font:inherit;appearance:none}

/* フォームでは文字の選択・編集を可能にする */
input,textarea,[contenteditable=true]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}