/* SPメニュー表示
=========================================================== */
@media screen and (max-width: 1024px) {
	.js-sp-menu {
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: opacity 0.4s ease;
		z-index: 1000;

		&.is-open {
			opacity: 1;
			visibility: visible;
			pointer-events: auto;
		}
	}
}

/* サブメニュー表示
=========================================================== */
.js-sub-menu {
	@media screen and (max-width: 1024px) {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.3s ease;
	}

	@media screen and (min-width: 1025px) {
		opacity: 0;
		visibility: hidden;
		transform: translateY(10px);
		transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
	}
}

.js-footer-sub-menu {
	@media screen and (max-width: 1024px) {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.3s ease;
	}
}

/* 表示用クラス */
.js-sub-menu.is-open {
	@media screen and (min-width: 1025px) {
		opacity: 1;
		visibility: visible;
		transform: translateX(-50%) translateY(0);
	}
}