/*スマートフォン(768px以下)用の共通部分のスタイルを定義*/

@charset "utf-8";

@media (max-width:768px) {
    html {
        font-size: 12px;
    }

    .opacity_header {
        height: var(--mini_header_height);
    }

    .time_wrapper {
        display: none;
    }

    .hambarger {
        width: var(--mini_hambarger-width);
        height: var(--mini_hambarger_height);
        top: var(--mini_hambarger_top_position);
        right: var(--mini_hambarger_right_position);
    }

    .line {
        height: 3px;
    }

    .menu_text {
        margin-top: var(--mini_hambarger_height);
        font-size: 1.5rem;
    }

    .navmenu {
        width: 100vw;
        max-width: 768px;
    }
    @keyframes fadein {
        0% {
            top: -10%;
            opacity: 0;
        }
        100% {
            top: var(--mini_header_height);
            opacity: 1;
        }
    }
    @keyframes fadeout {
        0% {
            top: var(--mini_header_height);
            opacity: 1;
        }
        100% {
            top: -10%;
            opacity: 0;
        }
    }

    .menu_title {
        font-size: 2.0rem;
    }

    .menu_item a, #thispage {
        font-size: 1.5rem;
    }

    .footer_nav_list {
        align-items: center;
        flex-direction: column;
    }

    .footer_nav_item {
        margin-top: 0.3rem;
    }

    footer p, .footer_nav_item, footer #thispage {
        font-size: 1.25rem;
    }
}