@charset "UTF-8";

:root {
    //ヘッダー
    --ark-header_height: 0; //実際の数値は JSでセット
    // --ark-header_body_height: 40px; //実際の数値は JSでセット

    // ドロワーメニューのカラー変数
    // --ark-color_drawer_bg: 

    // ウィジェットなどのナビ・メニュー用変数
    --ark-nav-padding: .75rem .5rem; //rem: 子メニューになっても余白感変わらないように
    --ark-hover_gray: rgba(150, 150, 150, .05);

    // 管理バーの高さ
    --ark-adminbar_height: 32px;
    @media screen and (max-width: 782px) {
        --ark-adminbar_height: 46px;
    }
    
}

html{
    font-size: var(--ark-font_size, 16px);
    @include mobile {
        font-size: var(--ark-font_size_sp, 3.8vw);
    }
}
body {
    position: relative;
    min-width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    color: var(--ark-color_text);
    font-weight: 400;
    font-family: var(--ark-font_family);
    line-height: 1.5;
    word-wrap: break-word;
    overflow-wrap: break-word;
    background-color: var(--ark-color_bg);
    -webkit-text-size-adjust: 100%;

}


// リンクカラー
a {
    color: var(--ark-color_link);
}