@media screen and (min-width:640px) {
    nav.globalNavi>ul {
        /* メニューバー外側の余白(ゼロ) */
        margin: 10px;
        /* メニューバー内側の余白(左に15px) */
        padding: 0px;
        /* バーの背景色(濃い赤色) */
        background-color: #ffffff;
        /* 境界線 */
        border: solid #CCCCCC;
        border-width: 1px 0;

        /* add */
        display: flex;
        justify-content: center;
        align-items: center;
    }

    nav.globalNavi>ul li {
        /* メニュー項目の横幅(default:125px) */
        max-width: 135px;
        min-width: fit-content;
        /* ★リストの先頭記号を消す */
        list-style-type: none;
        /* ★サブメニュー表示の基準位置にする */
        position: relative;

        z-index: 2;
        border: #CCCCCC;

        /* add */
        flex: auto;
    }

    nav.globalNavi>ul a {
        /* メニュー項目の背景色(濃い赤色) */
        background-color: #ffffff;
        /* メニュー項目の文字色(白色) */
        color: rgb(0, 0, 0);
        /* メニュー項目のリンクの高さ(40px) */
        line-height: 40px;
        /* メインメニューの文字列の配置(中央寄せ) */
        text-align: center;
        /* メニュー項目の装飾(下線を消す) */
        text-decoration: none;
        /* 太字にする */
        font-weight: bold;
        /* ★項目内全域をリンク可能にする */
        display: block;
    }

    nav.globalNavi>ul a:hover {
        /* メニュー項目にマウスが載ったときの背景色(淡いピンク) */
        background-color: #f39700;
        /* メニュー項目にマウスが載ったときの文字色(濃い赤色) */
        color: #ffffff;
    }

    nav.globalNavi>ul ul {
        /* ★サブメニュー外側の余白(ゼロ) */
        margin: 0px;
        /* ★サブメニュー内側の余白(ゼロ) */
        padding: 0px;
        /* ★標準では非表示にする */
        display: none;
        /* ★絶対配置にする */
        position: absolute;
    }

    nav.globalNavi>ul ul li {
        /* サブメニュー1項目の横幅(135px) */
        width: 135px;
        /* 項目上側の枠線(ピンク色で1pxの実線) */
        border-top: 1px solid #00b5dd;
    }

    nav.globalNavi>ul ul li a {
        /* サブメニュー1項目の高さ(35px) */
        line-height: 35px;
        /* 文字列の配置(左寄せ) */
        text-align: center;
        /* 文字列前方の余白(5px) */
        padding-left: 5px;
        /* 太字にさせない */
        font-weight: normal;
    }

    nav.globalNavi>ul ul li a:hover {
        /* サブメニュー項目にマウスが載ったときの背景色(淡い黄色) */
        background-color: #f39700;
        /* サブメニュー項目にマウスが載ったときの文字色(濃い緑色) */
        color: #ffffff;
    }

    nav.globalNavi>ul ul ul {
        /* ★サブメニュー外側の余白(ゼロ) */
        margin: 0px;
        /* ★サブメニュー内側の余白(ゼロ) */
        padding: 0px;
        /* ★標準では非表示にする */
        display: none;
        /* ★絶対配置にする */
        position: absolute;
        /* 1pxだけ上方向にずらす(※上に1pxの枠線を引いている場合) */
        top: -1px;
        /* ★基準位置からの距離を親ボックスの幅100％にする */
        left: 100%;
        /* 左側に引く枠線(ピンク色で1pxの実線) */
        border-left: 1px solid #00b5dd;
    }
}