/* ===== 基本リセット ===== */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  line-height: 1.7;
  color: #222;
  font-family:
    system-ui, -apple-system, "Segoe UI", Roboto,
    "Hiragino Kaku Gothic ProN", "Hiragino Sans",
    "Noto Sans JP", "Meiryo", sans-serif;
  background: #fff url("http://dokugyunyu.boo.jp/image_etc/top_back3.jpg") repeat;
}

/* ===== コンテナ ===== */
.contents {
  max-width: 60rem; /* 960px */
  margin: 0 auto;
  padding: 0 1rem;
  text-align: center;
}

/* ===== 画像レスポンシブ ===== */
img.fluid {
  max-width: 100% !important;
  height: auto !important;
}

/* vspace の代わりにマージンで余白制御 */
img[vspace] {
  margin-top: 0.6rem;
  margin-bottom: 0.6rem;
}

/* ===== リンク領域を広く ===== */
a { display: inline-block; }

/* ===== スマホ用調整 ===== */
@media (max-width: 480px) {
  body { font-size: 17px; }
  .contents { padding: 0 0.75rem; }
}
/* 背景は viewport 全体に繰り返し表示（左右の白抜け防止） */
html {
  background-image: url("http://dokugyunyu.boo.jp/image_etc/top_back3.jpg");
  background-repeat: repeat;
  background-position: top left;
  background-size: auto;     /* タイル表示 */
  background-attachment: scroll;
  background-color: #ffffff; /* 画像のない部分の下地 */
  min-height: 100%;
}
body {
  background: transparent;   /* htmlの背景を見せる */
}