<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>聖域タイムアタック</title>
</head>
<body style="text-align:center;padding:50px;background:#f0f0f0;font-family:Arial">
<h1>聖域タイムアタック</h1>
<p>タイムを「分:秒」で（例: 3:45）</p>
<input id="timeInput" placeholder="3:45" style="padding:10px;margin:5px">
...もっと見る<button onclick="checkTime()" style="padding:10px">チェック</button>
<div id="result" style="margin-top:20px;font-size:20px"></div>
<script>
function checkTime() {
const [min, sec] = document.getElementById("timeInput").value.split(":").map(Number);
const total = min * 60 + sec;
if (!/^\d+:[0-5]\d$/.test(min + ":" + sec)) return document.getElementById("result").innerHTML = "形式エラー（例: 3:45）";
document.getElementById("result").innerHTML = `タイム: ${min}分${sec}秒<br>` + (
total <= 180 ? "驚異的！世界レベル！" :
total <= 210 ? "プロ級！おめでとう！" :
total <= 240 ? "素晴らしい走り！" :
total <= 300 ? "いい感じだよ！" : "その調子！"
);
}
</script>
</body>
</html>