/* new_home_menu.css */

/* メインビジュアルの画像位置修正 (左寄せ対策) */
.home_mv {
    text-align: center !important;
}

/* メニュー横幅の修正: 既存のスタイルを !important で上書きし、横幅を圧縮 */

/* グローバルナビゲーション全体の設定 */
#hd_menu .hd_gnav {
    /* 項目が折り返さないように強制 */
    white-space: nowrap !important;
    overflow-x: auto !important;
    padding: 0 10px !important;
    margin: 0 !important;
    text-align: left !important; /* 左寄せに戻し、項目を詰める */
}

/* 各メニュー項目（<li>）の設定 */
#hd_menu .hd_gnav li {
    margin: 0 !important;
    float: left !important; /* floatを使うことでinline-blockの余白を回避 */
}

/* 各リンク（<a>）の設定 */
#hd_menu .hd_gnav li a {
    display: block !important;
    
    /* 1. フォントサイズを最小限に */
    font-size: 12px !important; 
    
    /* 2. 左右のパディングを極限まで削減 */
    padding: 3px 5px 6px !important; 
    white-space: nowrap !important;
}

/* 区切り線（:after）の設定 */
#hd_menu .hd_gnav li:after {
    margin: 0 5px !important; /* 区切り線の左右余白も削減 */
    height: 3px !important; 
}