body {
  max-width: none;
  margin: 1.5em 4em;
  font-size: 100%;
  line-height: 1.6;
}

h1,
h2,
h3 {
  margin-top: 1.2em;
  font-family:
    "Noto Sans JP", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Meiryo",
    sans-serif;
  font-weight: 700;
}

hr {
  border: none;
  border-top: 1px solid #888;
  margin: 1.2em 0;
}

.blue {
  color: blue;
  font-weight: bold;
}

.red {
  color: red;
  font-weight: bold;
}

#topbtn {
  position: fixed;
  right: 1.2em;
  bottom: 1.2em;
  padding: 0.4em 0.7em;
  border: 1px solid #888;
  border-radius: 0.6em;
  background: #fff;
  font-size: 90%;
  opacity: 0.85;
}
#topbtn:hover {
  opacity: 1;
}

/* 画像が暴れないように */
img {
  max-width: 100%;
  height: auto;
}

/* コード（コマンド）を読みやすく */
pre,
code {
  font-size: 90%;
}

/* 見出しが画面上部に貼りつかないように（リンクジャンプ時に便利） */
h1,
h2,
h3 {
  scroll-margin-top: 0.8em;
}

/* 印刷(PDF化)したときに変になりにくい */
@media print {
  body {
    font-size: 10pt;
    margin: 1.2cm;
  }
  a:link,
  a:visited {
    color: #000;
    text-decoration: none;
  }
}

strong {
  font-family:
    "Noto Sans JP", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Meiryo",
    sans-serif;
  font-weight: 700;
}

table {
  border-collapse: collapse;
  width: 100%;
}

th,
td {
  border: 1px solid #999;
  padding: 0.4em 0.6em;
  text-align: left;
}