.legacy-ui-switch {
	position: fixed;
	right: 16px;
	bottom: 16px;
	z-index: 100000;
	display: inline-flex;
	min-height: 42px;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	padding: 0 16px;
	border: 1px solid rgba(255,255,255,.24);
	border-radius: 999px;
	background: rgba(25,29,35,.94);
	color: #fff !important;
	box-shadow: 0 8px 26px rgba(0,0,0,.24);
	font-size: 13px;
	font-weight: 800;
	line-height: 1.4;
	text-decoration: none !important;
	transition: transform 140ms cubic-bezier(.23,1,.32,1), background-color 160ms ease;
}
.legacy-ui-switch:active { transform: scale(.97); }
/* 旧PC版は左下に固定し、下部広告より手前に表示する。 */
.legacy-ui-switch--pc { right: auto; left: 16px; }
/* 旧SP版はメニューの中に置いたので、浮かせるボタンは使わない。 */
@media (hover: hover) and (pointer: fine) {
	.legacy-ui-switch:hover { background: rgba(43,50,59,.98); }
}
@media (prefers-reduced-motion: reduce) {
	.legacy-ui-switch { transition-duration: 0ms; }
}
/* 旧SP版メニュー内の切り替え。周りの項目(濃いグレーのボタン)と同じ並びで、
   目的が違うことが分かるよう枠線だけの見た目にする。 */
.legacy-ui-switch-menu {
	border: 1px solid #777;
	background: transparent;
	color: #eee !important;
	font-weight: 700;
	text-decoration: none !important;
}
.legacy-ui-switch-menu:hover { background: rgba(255,255,255,.08); color: #fff !important; }
