/* 全体の基本設定 */
body {
  font-family: sans-serif;
  font-size: 16px;
  line-height: 1.7;
  margin: 0;
  padding: 0;
  color: #333;
}

/* 画像を画面幅に合わせる */
img {
  max-width: 100%;
  height: auto;
  display: block;   /* 画像下の余白を消す */
}

/* テーブルを横スクロールせず表示 */
table {
  width: 100%;
  border-collapse: collapse;
}

/* 表の枠線や見た目をシンプルに */
td, th {
  padding: 6px;
  border: 1px solid #ccc;
  word-break: break-word;  /* 長い単語を折り返す */
}

/* 見出しをスマホで読みやすく */
h1 { font-size: 1.8em; margin: 0.5em 0; }
h2 { font-size: 1.4em; margin: 0.5em 0; }
h3 { font-size: 1.2em; margin: 0.5em 0; }

/* リンク色をはっきり */
a {
  color: #0066cc;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

/* スマホ画面で左右に余白を確保 */
main, .content {
  padding: 1em;
}