.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; }

/* 旧デザインのホームの一番上に出す、新デザインのお試しの案内(responsive/elements/legacy_new_design_notice.php)。
   ホームのほかのお知らせ(黄色の注意など)に埋もれないよう、新デザインの色で目立たせる。 */
.legacy-new-design-notice {
	position: relative;
	margin: 0 0 16px;
	padding: 18px 44px 18px 20px;
	border: 1px solid #b9dde5;
	border-left: 5px solid #16728e;
	border-radius: 10px;
	background: #eef8fa;
	color: #20272c;
	line-height: 1.7;
	text-align: left;
}
.legacy-new-design-notice[hidden] { display: none; }
.legacy-new-design-notice__title { margin: 0 0 6px; padding: 0; border: 0; background: none; color: #20272c; font-size: 17px; font-weight: 800; line-height: 1.5; }
.legacy-new-design-notice__text { margin: 0 0 12px; color: #39434a; font-size: 13px; }
.legacy-new-design-notice__button {
	display: inline-flex;
	min-height: 40px;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	padding: 0 20px;
	border-radius: 999px;
	background: #16728e;
	color: #fff !important;
	font-size: 14px;
	font-weight: 800;
	text-decoration: none !important;
}
.legacy-new-design-notice__close {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: #5b676e;
	cursor: pointer;
	font-size: 22px;
	line-height: 32px;
}
/* 旧SP版は画面の端まで使っているので、左右に余白を取り、ボタンは押しやすい全幅にする。 */
.legacy-new-design-notice--sp { margin: 12px 10px; }
.legacy-new-design-notice--sp .legacy-new-design-notice__button { display: flex; width: 100%; }
@media (hover: hover) and (pointer: fine) {
	.legacy-new-design-notice__button:hover { background: #105a70; }
	.legacy-new-design-notice__close:hover { background: rgba(0,0,0,.06); color: #20272c; }
}
.legacy-new-design-notice__feedback { margin: 10px 0 0; font-size: 12px; }
.legacy-new-design-notice__feedback a { color: #16728e !important; text-decoration: underline !important; }