﻿@media only screen and (max-device-width: 1000px), only screen and (max-width: 790px) {
    body {
        font-size: 36px;
    }

    input[type="text"], input[type="submit"], input[type="button"], input[type="password"], select, textarea {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 48px;
        width: 100%;
    }

    .my-file-upload {
        border: 1px solid #ccc;
        display: inline-block;
        padding: 6px 12px;
        cursor: pointer;
        font-size: 48px;
        width: 100%;
    }

    textarea {
        padding-bottom: 75%;
    }

    input[type="submit"], input[type="button"] {
        height: 100px;
    }

    .note {
        font-size: small;
        line-height: 100%;
    }

    .mobile_br:before {
        content: '\A';
        white-space: pre;
        font-size: small;
        line-height: 100%;
    }

    .timetable {
        font-size: 24px;
    }


    input[type="checkbox"] + label {
        color: white;
        text-decoration: underline;
        text-shadow: none;
        transition: all 0.5s;
    }

    input[type="checkbox"]:checked + label {
        color: white;
        text-decoration: underline;
        text-shadow: 0px 0px 40px #ff6a00, 0 0 40px #ff6a00, 0 0 40px #ff6a00, 0 0 40px #ff6a00;
        transition: all 0.5s;
    }

    .sectional {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

    .sub-menu {
        font-size: 48px;
        line-height: 1.8;
        transition: all 0s;
        border-radius: 0px;
        background-color: rgba(0, 125, 255, 0);
    }

    .sub-menu li {
        transition: all 0s;
    }

    .sub-menu li a {
        transition: all 0s;
    }

    .sub-menu li a:hover {
        transition: all 0s;
    }

    .open {
        transition: all 0s;
    }

    .open span {
        height: 10px;
        width: 60px;
        border-radius: 0px;
        border-width: 0px;
        right: 8px;
        top: 8px;
        transition: all 0s;
    }

    .open span:nth-child(1) {
        margin-top: 10px;
        z-index: 9;
    }

    .open span:nth-child(2) {
        margin-top: 30px;
    }

    .open span:nth-child(3) {
        margin-top: 50px;
    }

    .oppenned .sub-menu {
        height: 1100px;
        width: 550px;
    }

    .oppenned span:nth-child(2) {
        height: 1100px;
        width: 550px;
        border-radius: 0px;
        background-color: rgba(0, 125, 255, 1);
    }

    .sub-menu li:first-child {
        margin-top: 100px;
    }
    
    .notice0, .notice2, .notice4 {
        transition: all 0s;
    }

    .notice1, .notice3, .notice5 {
        transition: all 0s;
    }

    .noticelink:hover {
        transition: all 0s;
    }

    a {
        transition: all 0s;
    }

    a:hover {
        transition: all 0s;
    }

    .link em {
        transition: all 0s;
    }

    .MyTabs.MyTabs {
        background: rgb(155, 155, 155);
        position: static;
        z-index: 0;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.16, rgb(207, 207, 207)), color-stop(0.79, rgb(252, 252, 252)));
        background-image: -moz-linear-gradient(center bottom, rgb(207, 207, 207) 16%, rgb(252, 252, 252) 79%);
        background-image: linear-gradient(to top, rgb(207, 207, 207) 16%, rgb(252, 252, 252) 79%);
        padding: 3px;
        border: 1px solid #000;
        color: black;
        text-decoration: none;
    }

    .MyTabs.MyTabs.selected {
        background: rgb(155, 155, 155);
        position: static;
        z-index: 0;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.16, rgb(207, 207, 207)), color-stop(0.79, rgb(252, 252, 252)));
        background-image: -moz-linear-gradient(center bottom, rgb(207, 207, 207) 16%, rgb(252, 252, 252) 79%);
        background-image: linear-gradient(to top, rgb(207, 207, 207) 16%, rgb(252, 252, 252) 79%);
        padding: 3px;
        border: 1px solid #000;
        color: black;
        text-decoration: none;
    }
}
