/* PCでは非表示 */
.hamburger-menu {
    display: none;
}

/* 3本線アイコン（右寄せ・右端から余白あり） */
.hamburger-icon {
    width: 100%;
    height: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;   /* 右寄せ */
    padding-right: 24px;     /* 右端からの余白（調整可） */
    box-sizing: border-box;  /* 余白が幅に影響しないように */
    cursor: pointer;
}

/* 三本線の見た目 */
.hamburger-icon span {
    display: block;
    width: 28px;
    height: 3px;
    background-color: #fff;
    margin: 4px 0;
    border-radius: 2px;
}

/* メニューリスト */
.hamburger-list {
    display: none;
    flex-direction: column;
    background-color: #c4881a;
    border-bottom: 2px solid #a06a10;
}

/* ▼ ハンバーガーメニューのリンク（文字色の乱れ修正） */
.hamburger-list a {
    color: #fff !important;
    text-decoration: none;
    font-size: 18px;
    padding: 14px 20px;
    display: block;
    border-bottom: 1px solid rgba(255,255,255,0.3);
}

.hamburger-list a:last-child {
    border-bottom: none;
}

.hamburger-list a:hover,
.hamburger-list a:active,
.hamburger-list a:visited {
    color: #fff !important;
}

/* スマホ表示 */
@media (max-width: 1000px) {

    .hamburger-menu {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9999;
        background-color: #e0a020;
        padding: 10px 0;
        border-bottom: 2px solid #c4881a;

        text-align: right;     /* メニュー全体を右寄せ */
        padding-right: 16px;   /* メニュー全体の右余白（調整可） */
        box-sizing: border-box;
    }

    .hamburger-list {
        position: absolute;
        top: 60px;
        left: 0;
        width: 100%;
        z-index: 9999;
    }

    /* 画面上部の重なり防止 */
    body {
        padding-top: 70px !important;
    }
}