<!doctype html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Murakami Rikiya | フィンガードラム研究所</title>
<meta name="description" content="Murakami Rikiya（FingerDrum研究所）の公式ページ。">
<style>
:root { --fg:#111; --bg:#fff; --muted:#666; --link:#0b57d0; }
html,body{height:100%}
body{margin:0; background:#fff; color:var(--fg); font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Noto Sans JP,Helvetica,Arial; }
.wrap{max-width:740px; margin:0 auto; padding:32px 20px 48px;}
h1{font-size:clamp(24px,4vw,36px); line-height:1.2; margin:0 0 6px; letter-spacing:.01em}
h2{font-size:clamp(14px,1.8vw,16px); font-weight:600; color:var(--muted); margin:0 0 24px}
nav ul{list-style:none; padding:0; margin:0; display:grid; gap:10px}
nav a{display:block; padding:12px 14px; border:1px solid #ddd; border-radius:10px; text-decoration:none; color:var(--fg)}
nav a:hover{background:#f5f5f5}
small{color:var(--muted)}
footer{margin-top:32px}
</style>
</head>
<body>
<main class="wrap">
<header>
<h1>フィンガードラム研究所</h1>
<h2>FingerDrum Labo / 村上力也 (Murakami Rikiya)</h2>
</header>
<nav aria-label="公式リンク">
<ul>
<li><a href="https://x.com/riki_murakami" target="_blank" rel="me noopener noreferrer">X（旧Twitter）</a></li>
<li><a href="https://www.instagram.com/riki_murakami/" target="_blank" rel="me noopener noreferrer">Instagram</a></li>
<li><a href="https://www.youtube.com/@riki_murakami" target="_blank" rel="me noopener noreferrer">YouTube</a></li>
<li><a href="https://note.com/riki_murakami" target="_blank" rel="me noopener noreferrer">Note</a></li>
</ul>
</nav>
<footer>
<small>© <span id="y">2025</span> Murakami Rikiya</small>
</footer>
</main>
</body>
</html>