* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

body {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Noto Sans JP", "Segoe UI", Arial, sans-serif;
	background-color: #f5f5f5;
	color: #222;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 40px 16px;
	line-height: 1.6;
}

.notice__box {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 8px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.07);
	padding: 24px 20px;
	text-align: center;
	max-width: 480px;
	width: 100%;
}

.notice__lead {
	font-size: 1rem;
	font-weight: 500;
	color: #333;
	margin-bottom: 16px;
	word-break: keep-all;
}

.notice__url {
	font-size: 1rem;
	font-weight: 600;
	margin-bottom: 8px;
	word-break: break-all;
}

.notice__link {
	color: #0066cc;
	text-decoration: none;
	border-bottom: 1px solid rgba(0,102,204,0.4);
	transition: color 0.2s ease, border-color 0.2s ease;
}

.notice__link:hover,
.notice__link:focus {
	color: #004999;
	border-bottom-color: rgba(0,73,153,0.6);
	text-decoration: none;
}

.notice__timer {
	font-size: 0.9rem;
	color: #666;
	margin-top: 12px;
}

.footer {
	margin-top: 32px;
	font-size: 0.8rem;
	color: #666;
	text-align: center;
}

.footer__copy {
	color: #999;
	font-size: 0.75rem;
	line-height: 1.4;
}

@media (min-width: 768px) {
	.notice__lead {
		font-size: 1.125rem;
	}

	.notice__url {
		font-size: 1.125rem;
	}
}