/*スクロールバーなし*/
.scroll-nav {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.scroll-nav::-webkit-scrollbar {
    display: none;
}

/*スクロールバーあり*/
/*.scroll-nav {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

        .scroll-nav::-webkit-scrollbar {
            width: 4px;
            height: 4px;
        }*/

/* トラック部分 */
/*.scroll-nav::-webkit-scrollbar-track {
        }*/

/* バー部分 */
/*.scroll-nav::-webkit-scrollbar-thumb {
            background: #2E7D32;
        }*/

.scroll-nav ul {
    display: flex;
    list-style-type: none;
    padding: 0;
    text-align: center;
}


.scroll-nav li {
    font-size: 1.5em;
    display: flex;
    /*width: 80px;*/
    padding: 5px;
    margin: 1px;
    /*background: #FF5252;*/
    white-space: nowrap;
}

.scroll-nav li a {
    width: 100%;
    color: #FFF;
    text-decoration: none;
}

.menu-item {
    display: flex;
    align-items: center;
    line-height: 15px;
}

.menu-text {
    padding-right: 20px;
    padding-left: 20px;
}

.menu-text:hover {
    text-shadow: 0 0 10px rgba(255,255,255,0.8), 0 0 20px rgba(255,255,255,0.8), 0 0 30px rgba(255,255,255,0.8);
    font-weight: bold;
}

/*　選択されたメニュー　*/
/*.menu-text.selected {
    text-shadow: 0 0 10px rgba(255,255,255,0.8), 0 0 20px rgba(255,255,255,0.8), 0 0 30px rgba(255,255,255,0.8);
    font-weight: bold;
}*/

.menu-text-lang {
    margin-left: 30px;
}

.menu-text-lang:hover {
    text-shadow: 0 0 10px rgba(255,255,255,0.8), 0 0 20px rgba(255,255,255,0.8), 0 0 30px rgba(255,255,255,0.8);
    font-weight: bold;
}

/*　選択されたメニュー　*/
/*.menu-text-lang.selected {
    text-shadow: 0 0 10px rgba(255,255,255,0.8), 0 0 20px rgba(255,255,255,0.8), 0 0 30px rgba(255,255,255,0.8);
    font-weight: bold;
}*/

.menu-flag {
    width: 25px;
    float: left;
    margin-right: 2px;
}