nav.globalNavi>input {
    display: none;
}

@media screen and (max-width:640px) {

    /* menu button setting */
    nav.globalNavi>input:checked~label span {
        background-color: #00000000;
    }

    nav.globalNavi>input:checked~label span::before {
        bottom: 0;
        transform: rotate(45deg);
    }

    nav.globalNavi>input:checked~label span::after {
        top: 0;
        transform: rotate(-45deg);
    }

    /* menu icon setting */
    nav.globalNavi>label {
        position: fixed;
        top: 10px;
        right: 10px;
        display: flex;
        height: 60px;
        width: 60px;
        justify-content: center;
        align-items: center;
        z-index: 99;
        background-color: #ffffff;

        border-radius: 10%;
    }
    nav.globalNavi>label:hover {
        background-color: #eeeeee;
    }

    nav.globalNavi>label span,
    nav.globalNavi>label span:before,
    nav.globalNavi>label span:after {
        content: '';
        display: block;
        height: 3px;
        width: 25px;
        border-radius: 3px;
        background-color: #666666;
        position: absolute;

        transition: 100ms;
    }

    nav.globalNavi>label span:before {
        bottom: 8px;
    }

    nav.globalNavi>label span:after {
        top: 8px;
    }

    /* menu contents setting */
    nav.globalNavi>ul {
        background-color: #ffffffee;
        /* border: solid #CCCCCC; */

        display:none;
        flex-direction:column;
        justify-content:center;
        align-items:center;

        position: fixed;
        top: 0px;
        right: 0px;
        left:0px;
        bottom: 0px;
        z-index: 98;

        margin-block-start: 0px;
        margin-block-end: 0px;
        padding-inline-start: 0px;

    }
    nav.globalNavi>input:checked~ul {
        display: flex;
    }

    nav.globalNavi>ul a{
        text-decoration: none;
        color: #000000;
        
        display: block;
        margin: 10px 10px;
        /* margin: 上下 左右; */
        border-bottom: #cccccc solid;
    }
    
    nav.globalNavi>ul>li {
        /* background-color: antiquewhite; */
        
        width: calc(100% - 20px);
        
        font-size: 150%;
        text-align: center;
        list-style-type: none;

    }

    nav.globalNavi>ul>li>ul li{
        display:none;
    }
}