<p>
  PC・Macから閲覧している場合はブラウザーのサイズを変更してください。スマートフォンの場合は縦・横を変更してご覧ください。通常時（320px）に背景色をピンク、横向き（568px）の時に青にしています。
</p>

@media screen and (max-width: 568px){ /* 画面が568pxの場合 */
     body{ background: #80D0FF }
}
@media screen and (max-width: 320px){ /* 画面が320pxの場合 */
    body{ background: #FFDBF3 }
}
body {
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
}