@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&family=Roboto+Serif:ital,opsz,wdth,wght@0,8..144,50..150,100..900;1,8..144,50..150,100..900&family=DM+Mono:ital@0;1&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,200,1,0");
@import url("https://rsms.me/inter/inter.css");
@import url("fonts.css");
@import url("colors.css");

body {
    font-family: "InterDisplay","LINE Seed JP";
    font-feature-settings: "palt","jp04","cv03","cv04","cv08","cv11";
    --primary:#0061a4;
    --on-primary:#ffffff;
    --primary-container:#d1e4ff;
    --on-primary-container:#001d36;
    --secondary:#535f70;
    --on-secondary:#ffffff;
    --secondary-container:#d7e3f7;
    --on-secondary-container:#101c2b;
    --tertiary:#6b5778;
    --on-tertiary:#ffffff;
    --tertiary-container:#f2daff;
    --on-tertiary-container:#251431;
    --error:#ba1a1a;
    --on-error:#ffffff;
    --error-container:#ffdad6;
    --on-error-container:#410002;
    --background:#fdfcff;
    --on-background:#1a1c1e;
    --surface:#faf9fc;
    --on-surface:#1a1c1e;
    --surface-variant:#dfe2eb;
    --on-surface-variant:#43474e;
    --outline:#73777f;
    --outline-variant:#c3c7cf;
    --shadow:#000000;
    --scrim:#000000;
    --inverse-surface:#2f3033;
    --inverse-on-surface:#f1f0f4;
    --inverse-primary:#9ecaff;
    --surface-dim:#dadadd;
    --surface-bright:#faf9fc;
    --surface-container-lowest:#ffffff;
    --surface-container-low:#f4f3f7;
    --surface-container:#eeedf1;
    --surface-container-high:#e8e8eb;
    --surface-container-highest:#e2e2e6;
    @media (prefers-color-scheme: dark) {
        --primary:#9ecaff;
        --on-primary:#003258;
        --primary-container:#00497d;
        --on-primary-container:#d1e4ff;
        --secondary:#bbc7db;
        --on-secondary:#253140;
        --secondary-container:#3b4858;
        --on-secondary-container:#d7e3f7;
        --tertiary:#d6bee4;
        --on-tertiary:#3b2948;
        --tertiary-container:#523f5f;
        --on-tertiary-container:#f2daff;
        --error:#ffb4ab;
        --on-error:#690005;
        --error-container:#93000a;
        --on-error-container:#ffb4ab;
        --background:#1a1c1e;
        --on-background:#e2e2e6;
        --surface:#121316;
        --on-surface:#e2e2e6;
        --surface-variant:#43474e;
        --on-surface-variant:#c3c7cf;
        --outline:#8d9199;
        --outline-variant:#43474e;
        --shadow:#000000;
        --scrim:#000000;
        --inverse-surface:#e2e2e6;
        --inverse-on-surface:#2f3033;
        --inverse-primary:#0061a4;
        --surface-dim:#121316;
        --surface-bright:#38393c;
        --surface-container-lowest:#0d0e11;
        --surface-container-low:#1a1c1e;
        --surface-container:#1e2022;
        --surface-container-high:#282a2d;
        --surface-container-highest:#333538;
    }
}
i {
    font-family: "Material Symbols Rounded";
    font-weight: 200;
    font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 0,  'opsz' 24;
}
.tnum {
    font-feature-settings: "tnum";
}



.w_100 {
    font-variation-settings: 'wght' 100;
}
.w_200 {
    font-variation-settings: 'wght' 200;
}
.w_300 {
    font-variation-settings: 'wght' 300;
}
.w_350 {
    font-variation-settings: 'wght' 350;
}
.w_400 {
    font-variation-settings: 'wght' 400;
}
.w_450 {
    font-variation-settings: 'wght' 450;
}
.w_500 {
    font-variation-settings: 'wght' 500;
}
.w_550 {
    font-variation-settings: 'wght' 550;
}
.w_600 {
    font-variation-settings: 'wght' 600;
}
.w_700,b,.strong {
    font-variation-settings: 'wght' 700;
}
.w_800 {
    font-variation-settings: 'wght' 800;
}
.w_900 {
    font-variation-settings: 'wght' 900;
}

.s_10px {
    font-size: 10px !important;
}
.s_12px {
    font-size: 12px !important;
}
.s_14px {
    font-size: 14px !important;
}
.s_16px {
    font-size: 16px !important;
}
.s_18px {
    font-size: 18px !important;
}
.s_20px {
    font-size: 20px !important;
}
.s_22px {
    font-size: 22px !important;
}
.s_24px {
    font-size: 24px !important;
}
.s_28px {
    font-size: 28px !important;
}
.s_32px {
    font-size: 32px !important;
}
.s_36px {
    font-size: 36px !important;
}
.s_40px {
    font-size: 40px !important;
}
.s_44px {
    font-size: 44px !important;
}

.smaller-height {
    block-size: 88px !important;
}
.small2-height {
    block-size: 160px !important;
}
.small3-height {
    block-size: 12rem !important;
}
.small2-width {
    inline-size: 12rem !important;
}
.w_50 {
    width: 50%;
}

.timetable_h {
    block-size: 100px !important;
}

.tnum {
    font-feature-settings: "tnum" 1;
}
.h-space  {
    margin-top: auto;
}
.max-space {
    height: 100%;
}
div.tabs>a.active {
    font-variation-settings: 'wght' 700;
}
.mono,.code,code,mono {
    font-family: "DM Mono","Noto Sans JP",ui-monospace,monospace;
    font-feature-settings: "jp04";
    cursor:                 cell;
    touch-action:           manipulation;
    -webkit-touch-callout:  auto;
    -ms-touch-action:       auto;
    touch-action:           auto;
    -webkit-user-select:    auto;
    -moz-user-select:       auto;
    -ms-user-select:        auto;
    user-select:            auto;
}
.indent{
    padding-left: 1.5em;
}
.indent_1em{
    padding-left: 1em;
}
a.wave.round.wrap>div.field.middle-align>nav>div.max {
    font-variation-settings: 'wght' 320;
}

:root,.code.unselect,.mono.unselect,code.unselect,mono.unselect {
    cursor:                 cell;
    touch-action:           manipulation;
    -webkit-touch-callout:  none;
    -ms-touch-action:       none;
    touch-action:           none;
    -webkit-user-select:    none;
    -moz-user-select:       none;
    -ms-user-select:        none;
    user-select:            none;
}

.max-text,.max-low,.truncate{
    width: 100%;
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.subj_name {
    font-size: 20px !important;
    /* font-feature-settings: "fwid"; */
    font-weight: 600;
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.class_info {
    font-size: 12px !important;
    font-weight: 400;
}