/* PC表示時にのみTOPメニューを非表示にする */
@media (min-width: 769px) {
    .menu-item-top {
        display: none;
    }
    
    /* PC版ヘッダーのレイアウト調整 */
    .header-container {
        display: flex;
        justify-content: space-between;
        width: 100%;
        max-width: 100%;
        padding: 0 60px;
    }
    
    /* サイトロゴを左寄せ */
    .site-logo {
        margin-right: auto;
    }
    
    /* グローバルナビを右寄せ */
    .global-nav {
        margin-left: auto;
    }
    
    /* メニューアイテム間のスペース調整 */
    .global-nav .menu {
        display: flex;
        justify-content: flex-end;
        gap: 25px;
    }
}

/* モバイル表示では表示する */
@media (max-width: 768px) {
    .menu-item-top {
        display: block;
    }
}

/* グローバルメニューのスタイル修正 - 常に半透明背景とドロップシャドウを適用 */
.site-header {
    background-color: rgba(255, 255, 255, 0.95) !important;
    box-shadow: 0px 20px 20px 10px rgba(255, 255, 255, 0.95) !important;
}