/* バーガーメニューのバツボタン修正 */
.a22-header .btn_menu {
    z-index: 301; /* 親テーマと同じz-index */
}

.a22-header .btn_menu.active {
    /* 元の位置にそのまま表示（position変更なし） */
    z-index: 10002 !important; /* nav_bより確実に上に表示 */
}

/* バツボタンのスタイル強化 */
.a22-header .btn_menu.active i {
    background: none !important;
}

.a22-header .btn_menu.active i:before,
.a22-header .btn_menu.active i:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px; /* 2pxから1pxに変更して細くする */
    background: #333;
    top: 50%;
    left: 50%;
}

.a22-header .btn_menu.active i:before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.a22-header .btn_menu.active i:after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

/* MENUテキストは表示したまま */

/* nav_bのz-index調整 */
.a22-header .nav_b.active {
    z-index: 10000;
}