@charset "utf-8";
/*-------------------------------------------*/
/* vk-menu-acc--common
/*-------------------------------------------*/
.vk-menu-acc {
	position: relative;
	.menu-parent > li {
		position: relative;
		z-index: 100;
		a {
			display: inline-block;
		}
	}
	li {
		position: relative;
		margin-bottom: 0;
		&.menu-item-has-children{
			& > a {
				padding-right:3em;
			}
		}
	}
	.acc-btn {
		position: absolute;
		right: 8px;
		top: 8px;
		width: 28px;
		height: 28px;
		border: 1px solid $color_font_default;
		border-radius: 2px;
		background: var(--vk-menu-acc-icon-open-white-bg-src) center 50%
			no-repeat;
		background-size: 28px 28px;
		cursor: pointer;
		z-index: 1000;
		transition: transform $time_transition ease-out;
	}
	.acc-btn:before {
		position: relative;
		top: -5px;
		left: 4px;
		font-size: 16px;
	}
	.acc-btn-open {
	}
	.acc-btn-close {
		// transform: rotate(180deg);
		background: var(--vk-menu-acc-icon-close-white-bg-src) center 50% no-repeat;
	}
	ul.sub-menu {
		max-height: 0;
		opacity: 0;
		overflow: hidden;
		transition: all $time_transition ease-in;
		position: relative;
		z-index: 1;
		display: block;
		li {
			a {
				display: block;
				overflow: hidden;
			}
		}
	}
	ul.acc-child-open {
		transition: all $time_transition ease-in;
		max-height: 80vh; // 項目が多い時に切れないように
		overflow-y: auto;
		opacity: 1;
	}
	ul.acc-child-close {
		transition: all $time_transition ease-in;
		max-height: 0;
		opacity: 0;
	}
}
