// サブメニューの展開

%w_Ul {

    a {
        position: relative;
    }

    // a + ul がある時
    a:not(:last-child) {

        padding-right: 3rem;

        @include tab {
            padding-right: 40px;
        }
    }
}

%w_childUl {
    position: relative;
    height: 0;
    margin: 0;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transition: .25s;

    &.is-opened {
        height: auto;
        visibility: visible;
        opacity: 1;
    }

    a {
        padding-left: 1.5rem;
        font-size: .9em; //em
    }

    // さらに子メニュー
    ul a {
        padding-left: 2.5rem;
    }

}

// グロナビ・ドロワーメニュー
.c-drawerNav,
.c-gnav .sub-menu {

    @extend %w_Ul;

    .sub-menu {

        @extend %w_childUl;
    }
}

// ウィジェット系
.wp-block-categories,
.widget_categories,
.widget_pages {

    @extend %w_Ul;

    .children {

        @extend %w_childUl;

    }
}

// ナビメニュー
.widget_nav_menu {

    @extend %w_Ul;

    .sub-menu {

        @extend %w_childUl;
    }

}