/* Smartphone only: retain the fixed lower header and collapse the notice area. */
@media screen and (max-width: 1023px) {
	body.wrs-mobile-header-notice-scrolled .l-header__bar--mobile .p-header__upper {
		max-height: 0;
		overflow: hidden;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
	}

	.l-header__bar--mobile .p-header__upper {
		max-height: 56px;
		overflow: hidden;
		transition: max-height 180ms ease, opacity 140ms ease, visibility 0s linear 180ms;
	}

	body:not(.wrs-mobile-header-notice-scrolled) .l-header__bar--mobile .p-header__upper {
		visibility: visible;
		transition: max-height 180ms ease, opacity 140ms ease, visibility 0s;
	}
}