@charset "utf-8";

/* 基本 ----------------------------------------*/

body {
  font-size: 16px;
  font-family: 'ヒラギノ角ゴシック', 'Hiragino Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-align: center;
  width: 100%;
  min-width: 320px;
  height: auto;
}

.wrapper {
  display: inline-block;
  max-width: 833px;
}

.header img,
.content img,
.footer img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  border: 0;
}

a:link {
  color: #000000;
}

a:active {
  color: #000000;
}

a:visited {
  color: #666666;
}

a:hover {
  color: #666666;
}

/* ヘッダ ----------------------------------------*/

.header {
  background: #000;
}

/* 上へ ----------------------------------------*/

.go-top {
  font-size: 0.8rem;
  text-align: right;
  padding: 20px 10px;
}

.go-home {
  font-size: 0.8rem;
  padding: 20px 20px 0 20px;
}

@media screen and (min-width: 768px), print {

  .go-top {
    font-size: 1rem;
  }

}

/* フッタ ----------------------------------------*/

.footer {
  background: #000;
}

/* 注意事項 基本 ----------------------------------------*/

.note {
  font-size: 0.7rem;
  text-align: justify;
  text-justify: inter-ideograph;
  padding: 20px 10px;
}

.note p {
  padding-left: 1em;
  text-indent: -1em;
}

@media screen and (min-width: 768px), print {

  .note {
    font-size: 0.9rem;
  }

}

/*-----------------------------------------------*/
/* index ----------------------------------------*/

.index-btn {
  margin-top: 20px;
}