/* =========================
   共通メニューバー
========================= */

.nav-menu{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:60px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:20px;
    padding:0 20px;
    background:#0f172a;
    box-sizing:border-box;
    z-index:9999;
    box-shadow:0 2px 10px rgba(0,0,0,.4);
}

.nav-btn{
    color:#fff;
    text-decoration:none;
    font-size:15px;
    font-weight:bold;
    white-space:nowrap;
    transition:.3s;
}

.nav-btn:hover{
    color:#64ffda;
}

/* =========================
   スマホメニュー
========================= */

@media (max-width:768px){

    .nav-menu{
        justify-content:flex-start;
        overflow-x:auto;
        overflow-y:hidden;
        gap:15px;
        padding:0 10px;
        -webkit-overflow-scrolling:touch;
    }

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

    .nav-btn{
        flex-shrink:0;
        font-size:13px;
    }

}