/*
コード部分のシンタックスハイライトにはPrismを使用。
使用言語はrustとless。
後者は知らない言語だが、あまり色が変わらない設定のようなので、コメントだけを色づけしたいときに使っている。

Prism用の折り返し設定。
code[class*='language-'],
pre[class*='language-'] {
  white-space: pre-wrap !important;
}
……これだとpreとcode全タグが対象になってしまう。
下記のように折り返しが欲しい箇所で適用すれば十分。
*/

.pgcodetitle {
  background-color:#272822;
  margin-bottom: 0em;
  font-size: 1.1em;
  color: gainsboro;
  padding: 0.2em 0 0em 2em;
  border-bottom: solid 2px lightgray;
  border-top-left-radius: 0.3em;
  border-top-right-radius: 0.3em;
}
/*preの上のスペースと角の丸みを取る。上にタイトルがある場合用。*/
:not(#fakeID) .pgprcst {
  margin-top: 0;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
/*pre・code内での折り返し。Prismでナンバリングしている場合は
両方のタグに書き込まないと番号がずれる。*/
:not(#fakeID) .pgws {
  white-space: pre-wrap;
}
.pgh2 {
  line-height: 1.25;
  color: midnightblue;
  border-top: none;
  border-right: none;
  border-bottom: solid 2px deeppink;
  border-left: solid 8px deeppink;
  padding: 8px 5px 5px 8px;
}
.pgh3 {
  line-height: 1.2;
  color: navy;
  font-weight: bold;
  border-top: none;
  border-right: none;
  border-left: solid 6px magenta;
  border-bottom: none;
  padding-left: 8px;
  margin-top: 1.6rem;
}
.pgpg {
  margin-bottom: 1.6em;
}
/*pgはパラグラフの意*/
.pgpghalf {
  margin-bottom: 0.8em;
}
.pgcmt {
  font-size: 90%;
  color: navy;
  text-indent: -1em;
  margin: 0.4em 0 0.4em 2em;
}
/*「重大な注意」の文字装飾*/
.pgcaution {
  font-size: 120%;
  font-weight: bold;
  color: blue;
}
/*囲み。*/
.pgborder {
  border: solid;
  /*border-color: skyblue;*/
  border-color: crimson;
  border-width: 0.2em;
  margin: 0.5em 0;
  padding: 1em 2em;
}

/*****************************************************************************/

@media (max-width: 767px) {
  .pgcmt {
    margin-left: 1em;
  }
}