.site-logo {
  width: 165px;              /* 画像の横幅に合わせる */
  height: 44px;              /* 画像の高さに合わせる */
  background: url("/assets/img/home/homelogo.png") no-repeat center top;
  background-size: 165px 44px;
  text-indent: -9999px;      /* テキスト画面外に飛ばす */
  overflow: hidden;          /* 念のためテキストはみ出し対策 */
  white-space: nowrap;       /* 改行で事故らないように */
  margin: 2rem auto 1.5rem;    /* 上下余白＋中央寄せ */
  display: block;
}

.top-photo {
  display: block;
  margin: 1.5rem auto 2rem;
  max-width: 100%;
  height: auto;
}

html{
  background-image: url("/assets/img/back.png");
  background-repeat: repeat;
  background-position: top left;
  background-color: black;
}

body {
  color: white;
  font-family: "MS Gothic", monospace;
}

main{
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  padding-top: 1rem;
}

footer {
  text-align: center;
  padding: 2rem 1rem;
  font-size: 0.9rem;
}