<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>nomamemo.com閉鎖のお知らせ - 感謝を込めて</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Shippori+Mincho:wght@400;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Shippori Mincho', 'Inter', sans-serif;
background: linear-gradient(135deg, #140650, #3a1c71, #6a3d9a);
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
margin: 0;
overflow: hidden;
color: #333;
}
.container {
background-color: rgba(255, 255, 255, 0.95);
border-radius: 20px;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
padding: 40px;
text-align: center;
max-width: 700px;
width: 90%;
position: relative;
z-index: 10;
animation: fadeInScale 1s ease-out forwards;
border: 3px solid #ffd700;
}
h1 {
font-family: 'Shippori Mincho', serif;
font-size: 2.8rem;
color: #140650;
margin-bottom: 25px;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
position: relative;
padding-bottom: 15px;
}
h1::after {
content: '';
width: 80px;
height: 4px;
background: linear-gradient(90deg, #ffd700, #ff8c00);
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
border-radius: 2px;
}
p {
font-size: 1.2rem;
line-height: 1.8;
margin-bottom: 20px;
color: #555;
}
a {
color: #e91e63;
text-decoration: none;
font-weight: bold;
transition: color 0.3s ease, transform 0.3s ease;
display: inline-block;
}
a:hover {
color: #ff4081;
transform: translateY(-3px) scale(1.05);
}
.footer {
margin-top: 30px;
font-size: 1rem;
color: #777;
border-top: 1px solid #eee;
padding-top: 20px;
}
.particle {
position: absolute;
background-color: rgba(255, 255, 255, 0.7);
border-radius: 50%;
animation: floatAndFade 15s infinite ease-in-out;
opacity: 0;
z-index: 1;
}
@keyframes fadeInScale {
from {
opacity: 0;
transform: scale(0.9);
}
to {
opacity: 1;
transform: scale(1);
}
}
@keyframes floatAndFade {
0% {
transform: translateY(0) translateX(0) scale(0);
opacity: 0;
}
20% {
opacity: 0.7;
transform: scale(1);
}
100% {
transform: translateY(-1000px) translateX(500px) scale(1.5);
opacity: 0;
}
}
@media (max-width: 768px) {
h1 {
font-size: 2rem;
}
p {
font-size: 1rem;
}
.container {
padding: 25px;
}
}
@media (max-width: 480px) {
h1 {
font-size: 1.8rem;
}
p {
font-size: 0.9rem;
}
.container {
padding: 20px;
}
}
</style>
</head>
<body>
<div class="container">
<h1>nomamemo.com閉鎖のお知らせ</h1>
<p>
長らくご愛顧いただき、誠にありがとうございました。<br>
本ホームページは、<span style="color: #e91e63; font-weight: bold;">2025年6月3日</span>をもちまして閉鎖いたしました。<br>
これまでのご支援に心より感謝申し上げます。
</p>
<p>
編集後記のようなものを<a href="https://note.com/nomamemo_no_ura" target="_blank" rel="noopener noreferrer">note</a>で綴っております。<br>
よろしければ、そちらもご覧いただけますと幸いです。<br>
</p>
<div class="footer">
2025年6月<br>
管理メンバー一同
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', () => {
const body = document.body;
const numberOfParticles =
for (let i = 0; i < numberOfParticles; i++) {
const particle = document.createElement('div');
particle.classList.add('particle');
const size = Math.random() * 10 + 5;
particle.style.width = `${size}px`;
particle.style.height = `${size}px`;
particle.style.left = `${Math.random() * 100}vw`;
particle.style.top = `${100 + Math.random() * 20}vh`;
particle.style.animationDelay = `${Math.random() * 10}s`;
particle.style.animationDuration = `${10 + Math.random() * 10}s`;
body.appendChild(particle);
}
});
</script>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'9817f201cefbd298',t:'MTc1ODI3Mjk3OA=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script><script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"2dfe5e4e09944b088c4166d51a3496be","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body>
</html>