🎰 賞金アップゲーム 🎰
賞金: 0円
🔺
レバー1
🔺
レバー2
🔺
レバー3
```html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>賞金アップレバーゲーム</title>
<style>
@keyframes pop {
0% { transform: scale(1); }
50% { transform: scale(1.2); }
100% { transform: scale(1); }
}
@keyframes blink {
0%, 100% { opacity: 1; }
50% { opacity: 0; }
}
.animation-pop {
animation: pop 0.2s;
}
.animation-blink {
animation: blink 1s infinite;
}
</style>
</head>
<body>
<div style="width: 400px; height: 400px; border: 4px solid #333; padding: 10px; box-sizing: border-box;
display: flex; flex-direction: column; justify-content: space-between; align-items: center; background: #f0f0f0;">
<div style="font-size: 24px; font-weight: bold;">🎰 賞金アップゲーム 🎰</div>
<div id="prize" style="font-size: 20px; margin: 10px;">賞金: 0円</div>
<div style="display: flex; justify-content: space-around; width: 100%; margin: 10px;">
<div style="flex: 1; text-align: center;">
<div id="lever1" onclick="increasePrize(100)"
style="width: 60px; height: 60px; background: #8bc34a; border-radius: 10px; display: flex;
justify-content: center; align-items: center; cursor: pointer;">🔺</div>
<div>レバー1</div>
</div>
<div style="flex: 1; text-align: center;">
<div id="lever2" onclick="increasePrize(200)"
style="width: 60px; height: 60px; background: #03a9f4; border-radius: 10px; display: flex;
justify-content: center; align-items: center; cursor: pointer;">🔺</div>
<div>レバー2</div>
</div>
<div style="flex: 1; text-align: center;">
<div id="lever3" onclick="increasePrize(300)"
style="width: 60px; height: 60px; background: #ff5722; border-radius: 10px; display: flex;
justify-content: center; align-items: center; cursor: pointer;">🔺</div>
<div>レバー3</div>
</div>
</div>
<button onclick="resetPrize()"
style="width: 100px; height: 50px; background: #ffeb3b; border: none; border-radius: 10px; font-size: 16px;
font-weight: bold; cursor: pointer; animation: blink 1s infinite;">🔄 リセット</button>
</div>
<script>
let prizeAmount = 0;
function increasePrize(amount) {
const output = document.getElementById('prize');
const lever = event.target;
prizeAmount += amount;
if (amount === 100) {
prizeAmount = Math.min(prizeAmount, 780000);
} else if (amount === 200) {
prizeAmount = Math.min(prizeAmount, 1200000);
} else if (amount === 300) {
prizeAmount = Math.min(prizeAmount, 1620000);
}
output.textContent = `賞金: ${prizeAmount.toLocaleString()}円`;
lever.classList.add('animation-pop');
setTimeout(() => lever.classList.remove('animation-pop'), 200);
}
function resetPrize() {
prizeAmount = 0;
document.getElementById('prize').textContent = '賞金: 0円';
}
</script>
</body>
</html>
```