body, html { margin: 0; padding: 0; height: 100%; font-family: Arial, sans-serif; } #container { position: relative; width: 100%; height: 100%; } #container div { display: none; /* 最初は全てのdivを非表示に */ position: absolute; top: 0; left: 0; width: 100%; height: 100vh; overflow: auto; color: #003366; background-color: #f0f8ff; padding: 20px; box-sizing: border-box; } h1, h2 { color: #000080; a { color: #0000ff; } img { max-width: 100%; height: auto; } /* スマートフォン向けのスタイル */ @media (max-width: 600px) { h1 { font-size: 24px; } h2 { font-size: 18px; } .place-introduction, .details, .photos { padding: 10px; } }