/* Product accordion styles from assets/header-menu-new20250131.php.
   Font sizes use the source menu's rendered values at a 375px viewport. */
@media (max-width: 767px) {
    #header .hk-menu-products {
        font-family: inherit;
        font-size: 15px;
        line-height: 1.3;
        color: #595757;
    }

    #header .hk-menu-products .sideAcod__switchNav {
        width: 100%;
        font-family: inherit;
        text-align: left;
        cursor: pointer;
    }

    #header .hk-menu-products .sp_main_accord_head {
        letter-spacing: -0.5px;
    }

    #header .hk-menu-products .sideAcod__switchNav .icon img {
        width: auto;
        height: auto;
    }

    #header .hk-menu-products .sideAcod__contentsNav--link a {
        line-height: inherit;
    }

    /* サイドメニュー ドロワー accordion */
    #header .sidebar__nav.hk-menu-products .sp_main_accord_item {
        background: transparent;
    }

    #header .sidebar__nav.hk-menu-products .sp_main_accord_head {
        border: none;
        border-radius: 0;
        background-color: #F4F4F4;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    #header .sidebar__nav.hk-menu-products .sp_main_accord_title {
        color: #000000;
        font-size: 5vw;
        font-weight: 800;
        letter-spacing: -0.5px;
    }

    #header .hk-menu-products .sp_sub_accord_list {
        padding: 0 2%;
        display: flex;
        flex-direction: column;
        gap: 12px;
        background-color: #f4f4f4;
        padding-bottom: 5cqw;
    }

    #header .sidebar__nav.hk-menu-products .sp_sub_accord_list>li.sideAcod__nav,
    #header .sidebar__nav.hk-menu-products .sp_sub_accord_list>li.single {
        background-color: #ffffff;
        border: 2px solid #b8b8b8;
        border-radius: 8px;
        overflow: hidden;
        margin-bottom: 0px;
    }

    #header .sidebar__nav.hk-menu-products .sp_sub_accord_list .sideAcod__switchNav,
    #header .sidebar__nav.hk-menu-products .sp_sub_accord_list>li.single a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 3cqw 3cqw;
        background: #ffffff;
        border: none;
        margin: 0;
        position: relative;
        font-size: 13.125px;
        font-weight: 800;
        color: #000000;
        text-decoration: none;
        line-height: 2;
    }

    #header .sidebar__nav.hk-menu-products .sp_sub_accord_list .sideAcod__switchNav .icon,
    #header .sidebar__nav.hk-menu-products .sp_sub_accord_list>li.single a .icon {
        width: 48px;
        height: 38px;
        margin-right: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    #header .sidebar__nav.hk-menu-products .sp_sub_accord_list .sideAcod__switchNav .icon img,
    #header .sidebar__nav.hk-menu-products .sp_sub_accord_list>li.single a .icon img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

    #header .sidebar__nav.hk-menu-products .sp_sub_accord_list .sideAcod__switchNav p {
        font-size: 3.5vw;
        font-weight: 800;
        color: #000000;
        border-left: none;
        padding-left: 0;
        margin: 0;
        line-height: 2;
    }

    #header .sidebar__nav.hk-menu-products .sp_sub_accord_list .sideAcod__switchNav p::before,
    #header .sidebar__nav.hk-menu-products .sp_sub_accord_list .sideAcod__switchNav p::after,
    #header .sidebar__nav.hk-menu-products .sp_sub_accord_list .sideAcod__switchNav::before {
        display: none;
        content: none;
    }

    #header .sidebar__nav.hk-menu-products .sp_sub_accord_list .sideAcod__switchNav::after,
    #header .sidebar__nav.hk-menu-products .sp_sub_accord_list>li.single a::after {
        content: "\FF0B";
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        font-weight: 900;
        color: #E50012;
        background: none;
        width: auto;
        height: auto;
        min-width: unset;
        margin-left: auto;
        transform: none;
    }

    #header .sidebar__nav.hk-menu-products .sp_sub_accord_list .sideAcod__switchNav.open::after {
        content: "\4E00";
        font-size: 16px;
    }

    #header .sidebar__nav.hk-menu-products .sp_sub_accord_list>li.single a::after {
        content: "\FF1E";
        font-size: 15px;
        font-weight: 900;
    }

    #header .sidebar__nav.hk-menu-products .sp_sub_accord_list>li.single a::before {
        display: none;
    }

    #header .sidebar__nav.hk-menu-products .sp_sub_accord_list .sideAcod__contentsNav {
        padding: 0 14px 10px 14px;
        background: #ffffff;
    }

    #header .sidebar__nav.hk-menu-products .sp_sub_accord_list .sideAcod__contentsNav ul.sideAcod__contentsNav--link {
        display: block;
        padding: 0;
        margin: 0 0 14px 0;
        width: 100%;
        background: transparent;
        border: none;
    }

    #header .sidebar__nav.hk-menu-products .sp_sub_accord_list .sideAcod__contentsNav ul.sideAcod__contentsNav--link li.item {
        width: 100%;
        border: none;
        margin: 0;
        padding: 0;
        background: transparent;
    }

    #header .sidebar__nav.hk-menu-products .sp_sub_accord_list .sideAcod__contentsNav ul.sideAcod__contentsNav--link li.item a {
        display: flex;
        align-items: center;
        background-color: #f81827;
        color: #ffffff;
        font-size: 11.25px;
        font-weight: 800;
        padding: 4cqw 3cqw;
        border-radius: 8px;
        text-decoration: none;
        position: relative;
        width: 100%;
        box-sizing: border-box;
        border: none;
    }

    #header .sidebar__nav.hk-menu-products .sp_sub_accord_list .sideAcod__contentsNav ul.sideAcod__contentsNav--link li.item a::after {
        content: "\FF1E";
        position: absolute;
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 14px;
        font-weight: 900;
        color: #ffffff;
        background: none;
        border: none;
        width: auto;
        height: auto;
    }

    #header .sidebar__nav.hk-menu-products .sp_sub_accord_list .sideAcod__contentsNav ul.sideAcod__contentsNav--link li.item a::before {
        display: none;
    }

    #header .sidebar__nav.hk-menu-products .sp_sub_accord_list .sideAcod__contentsNav ul:not(.sideAcod__contentsNav--link) {
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        margin: 0;
        background-color: #ffffff;
    }

    #header .sidebar__nav.hk-menu-products .sp_sub_accord_list .sideAcod__contentsNav ul:not(.sideAcod__contentsNav--link) li.item {
        width: 50%;
        box-sizing: border-box;
        border-bottom: 2px solid #b8b8b8;
        background: #ffffff;
        margin: 0;
        padding: 0;
    }

    #header .sidebar__nav.hk-menu-products .sp_sub_accord_list .sideAcod__contentsNav ul:not(.sideAcod__contentsNav--link) li.item:last-child,
    #header .sidebar__nav.hk-menu-products .sp_sub_accord_list .sideAcod__contentsNav ul:not(.sideAcod__contentsNav--link) li.item:nth-child(odd):nth-last-child(2) {
        border-bottom: none;
    }

    #header .sidebar__nav.hk-menu-products .sp_sub_accord_list .sideAcod__contentsNav ul:not(.sideAcod__contentsNav--link) li.item:nth-child(odd) {
        border-right: 2px solid #b8b8b8;
    }

    #header .sidebar__nav.hk-menu-products .sp_sub_accord_list .sideAcod__contentsNav ul:not(.sideAcod__contentsNav--link) li.item:nth-child(even) {
        border-right: none;
    }

    #header .sidebar__nav.hk-menu-products .sp_sub_accord_list .sideAcod__contentsNav ul:not(.sideAcod__contentsNav--link) li.item a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 2.5cqw 2cqw;
        font-size: 10.5px;
        font-weight: 800;
        color: #000000;
        text-decoration: none;
        background: #ffffff;
        border: none;
        line-height: 1.3;
        min-height: 48px;
        box-sizing: border-box;
    }

    #header .sidebar__nav.hk-menu-products .sp_sub_accord_list .sideAcod__contentsNav ul:not(.sideAcod__contentsNav--link) li.item a::after {
        content: "\FF1E";
        font-size: 9.375px;
        font-weight: 900;
        color: #f81827;
        margin-left: 1cqw;
        background: none;
        position: static;
        transform: none;
        width: auto;
        height: auto;
        flex-shrink: 0;
    }

    #header .sidebar__nav.hk-menu-products .sp_sub_accord_list .sideAcod__contentsNav ul:not(.sideAcod__contentsNav--link) li.item a::before {
        display: none;
    }

    #header .sidebar__nav.hk-menu-products .sp_sub_accord_list>li.sp_all_items_btn,
    #header .sidebar__nav.hk-menu-products .sp_sub_accord_list>li.sp_satei_top_btn,
    #header .hk-menu-links li:has(> .hk-menu-featured) {
        background-color: #f81827;
        border: none;
        border-radius: 8px;
        overflow: hidden;
        margin-top: 4px;
    }

    #header .sidebar__nav.hk-menu-products .sp_sub_accord_list>li.sp_all_items_btn a,
    #header .sidebar__nav.hk-menu-products .sp_sub_accord_list>li.sp_satei_top_btn a,
    #header .hk-mobile-menu .hk-menu-featured {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 14px 16px;
        background-color: #f81827;
        color: #ffffff;
        font-size: 16px;
        font-weight: 800;
        text-decoration: none;
        position: relative;
        width: 100%;
        box-sizing: border-box;
        border: none;
    }

    #header .sidebar__nav.hk-menu-products .sp_sub_accord_list>li.sp_all_items_btn a::after,
    #header .sidebar__nav.hk-menu-products .sp_sub_accord_list>li.sp_satei_top_btn a::after,
    #header .hk-mobile-menu .hk-menu-featured::after {
        content: "\FF1E";
        position: absolute;
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 14px;
        font-weight: 900;
        color: #ffffff;
        background: none;
        border: none;
        width: auto;
        height: auto;
    }

    #header .sidebar__nav.hk-menu-products .sp_sub_accord_list>li.sp_all_items_btn a::before,
    #header .sidebar__nav.hk-menu-products .sp_sub_accord_list>li.sp_satei_top_btn a::before,
    #header .hk-mobile-menu .hk-menu-featured::before {
        display: none;
    }

}