CINXE.COM

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body, html { height: 100%; margin: 0; display: flex; justify-content: center; align-items: center; background-color: #f0f0f0; /* 背景色の設定 */ font-family: Arial, sans-serif; } .notice-container { width: 90%; /* 初期の幅を90%に設定 */ max-width: 1295px; /* 最大幅を画像の幅に設定 */ text-align: center; background-color: white; padding: 20px; border: 1px solid #ccc; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .notice-container h1 { margin: 20px 0; font-size: 24px; } .notice-container p { margin: 0; font-size: 16px; } .image-wrapper { width: 100%; overflow: hidden; margin-top: 20px; /* 画像の上に余白を設定 */ } .image-wrapper img { width: 100%; height: auto; } @media (max-width: 768px) { .notice-container { padding: 10px; /* 小さい画面ではパディングを減らす */ } .notice-container h1 { font-size: 20px; /* 小さい画面ではフォントサイズを小さくする */ } .notice-container p { font-size: 14px; /* 小さい画面ではフォントサイズを小さくする */ } } @media (max-width: 480px) { .notice-container { padding: 5px; /* さらに小さい画面ではパディングをさらに減らす */ } .notice-container h1 { font-size: 18px; /* さらに小さい画面ではフォントサイズをさらに小さくする */ } .notice-container p { font-size: 12px; /* さらに小さい画面ではフォントサイズをさらに小さくする */ } } </style> </head> <body> <div class="notice-container"> <div class="image-wrapper"> <img data-original="//d0.potaufeu.asahi.com/2ae7-d/picture/26131271/9b70def694cfe2ac0e2ece514df92b86.png" x-title="Aging…゚画像_小" alt="" src="//d0.potaufeu.asahi.com/2ae7-d/picture/26131271/9b70def694cfe2ac0e2ece514df92b86.png" style="display: inline;"> </div> <h1>ホームページアドレス(URL)変更のお知らせ</h1> <p>Aging Gracefullyプロジェクトのページは、2024年6月末日をもちましてURLを変更いたしました。</p> <p>お気に入りやブックマークなどに登録されている方は、お手数ですが設定の変更をお願いいたします。</p> <p>旧URL:https://aginggracefully.asahi.com/</p> <p>新しいURL:<a href="https://www.asahi.com/and/serialstory/aginggracefully/">https://www.asahi.com/and/serialstory/aginggracefully/</a></p> <p>約30秒後に、自動的に新しいページへ転送されます。</p> <p>今後ともAging Gracefullyプロジェクトをよろしくお願いいたします。</p> </div> <script> setTimeout(function() { window.location.href = "https://www.asahi.com/and/serialstory/aginggracefully/"; }, 30000); </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10