body {
  /* 画像ファイルの指定 */
  background-image: url(../images/haikei-beach.jpg);
  /* 画像を常に天地左右の中央に配置 */
  background-position: center center;
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
 /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #e6e6ff;

  font-family: "Hachi Maru Pop", cursive;
  font-weight: 400;
  font-style: normal;
	transition: background-image 1s ease-in-out; /* 背景画像の切り替えにトランジションを追加 */

}

@media only screen and (max-width: 767px) {
  body {
	  background: url(../images/haikei-beach-s.jpg) center center / cover no-repeat fixed;
	}
}