img{ 
    display: block;
    margin: auto;
}


.md-typeset pre {
    color: #f8f8f2;
  }
  .md-typeset .highlighttable {
    margin-left:-20px;
    margin-right: -20px;
    border-radius: 0;
  }
  .md-typeset .highlighttable > * {
    --md-code-bg-color: #222 !important;
  }
  .md-typeset .highlighttable .linenos .linenodiv pre span {
    background-color: #222 !important;
    color: #aaa !important;
    margin: 0;
  }

  input[type="range"] {
    -webkit-appearance: none; /* 🚩これ無しだとスタイルがほぼ全く反映されないので注意 */
    appearance: none;
    cursor: pointer; /* カーソルを分かりやすく */
    outline: none; /* スライダーのアウトラインは見た目がキツイので消す */
    height: 14px; /* バーの高さ */
    width: 50%; /* バーの幅 */
    background: #cccccc; /* バーの背景色 */
    border-radius: 10px; /* バーの両端の丸み */
    border: solid 3px #eeeeee; /* バー周囲の線 */
  }
  /* WebKit向けのつまみ */
  input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none; /*  🚩デフォルトのつまみのスタイルを解除 */
    background: #888888; /* 背景色 */
    width: 24px; /* 幅 */
    height: 24px; /* 高さ */
    border-radius: 50%; /* 円形に */
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15); /* 影 */
  }
  /* Moz向けのつまみ */
  input[type="range"]::-moz-range-thumb {
    background: #888888; /* 背景色 */
    width: 24px; /* 幅 */
    height: 24px; /* 高さ */
    border-radius: 50%; /* 円形に */
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15); /* 影 */
    border: none; /* デフォルトの線を消す */
  }
  /* Firefoxで点線が周りに表示されてしまう問題の解消 */
  input[type="range"]::-moz-focus-outer {
    border: 0;
  }
  /* つまみをドラッグしているときのスタイル */
  input[type="range"]:active::-webkit-slider-thumb {
    box-shadow: 0px 5px 10px -2px rgba(0, 0, 0, 0.3);
  }

  .rst-content .section .docutils {
    display: table !important;
  }

  .blue {
    color: #fff;
    background-color: #4169e1;
  }

  .blue:hover {
    color: #fff;
    background: #5c7fe7;
  }

  .gray {
    color: #fff;
    background-color: #888888;
  }

  .gray:hover {
    color: #fff;
    background-color: #aaaaaa;
  }

  button {
    line-height: 1.5;
    position: relative;
    display: inline-block;
    padding: 0.5rem 2rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #212529;
    border-radius: 0.5rem;
  }