@media (min-width: 768px) {
/*将校表の入れ替え。*/
  #officer1a {
    display: block;
  }
  #officer1b {
    display: none;
  }
}

@media (max-width: 767px) {
/*将校表の入れ替え。*/
  #officer1a {
    display: none;
  }
  #officer1b {
    display: block;
  }
/*エピグラフ、その出典。*/
  .wdepig {
    margin-left: 1rem;
    margin-right: 0rem;
  }
  .wdepigsource {
    text-indent: -1rem;
    margin-left: 2rem;
    margin-right: 0rem;
  }
/*原注と訳注、一箇所のみ訳注詳細度アップのためのid。*/
  .wdorgnote, 
  .wdtransnote, 
  .wdexorgnote, 
  .wdextransnote,
  #wdrefnum {
    text-indent: -1em;
    margin-left: 1em;
  }
/*手紙などの日付。*/
  .wdquotright {
    margin-right: 1rem;
  }
/*手紙などの本文。*/
  .wdquot {
    text-indent: 1rem;
    margin-left: 1rem;
  }
/*手紙文の中での引用など。*/
  .wdquotofquot {
    margin-left: 1rem;
  }
/*手紙の結語など。*/
  .wdquotclose {
    margin-right: 1rem;
  }
/*左右に離れるflexbox。こちらでは縦並びにする。*/
  .wdbothends {
    flex-direction: column;
  }
  .wdbothends div:last-child {
    margin-right: 0;
  }
/*スロニムスキーの某市長からの手紙引用部分。*/
  :not(#fakeID) #slonimsky {
    margin-left: 1rem;
  }
  .wdbothends div:first-child {
    padding-right: 0;
  }
/*解説内でのインデント段落。*/
  .wdex .wdexcons {
    margin-left: 1em;
  }
/*ヴィルヘルミーネの日記部分。*/
  :not(#dummy) #wdtoni {
    margin-left: 2em;
  }
/*注釈欄、注釈項目内の囲み設定。*/
  .wdexborder {
    margin-right: 0.5em;
    margin-left: 0.5em;
    padding: 1em;
  }
}