@media (min-width: 768px) {
  /*歌詞の最終合唱部分。*/
  #bgverselastchorusid1 {
    display: block;
  }
  #bgverselastchorusid2 {
    display: none;
  }
  /*第1部第9歌曲の表。*/
  #bg1-9a {
    display: block;
  }
  #bg1-9b {
    display: none;
  }
}

@media (max-width: 767px) {
  /*歌詞の番号。*/
  .bgversenumber {
    width: 4rem;
  }
  /*歌詞の段落。*/
  .bgverseparagraph {
    margin-left: 2rem;
  }
  /*原注と訳注。*/
  .bgorgnote, 
  .bgtransnote {
    text-indent: -2em;
    margin: 0 0 0 2em;
  }
  .bgorgnotenomark {
    text-indent: 0;
    margin: 0 0 0 2em;
  }
  /*歌詞の最終合唱部分。*/
  #bgverselastchorusid1 {
    display: none;
  }
  #bgverselastchorusid2 {
    display: block;
  }
  /*中括弧右側文字列のレスポンシブ設定。イタリックに変化させる。*/
  .bgcastrespr {
    font-style: italic;
  }
  /*枠囲み数字の説明部分flex版。*/
  .bgorgnoteflexcontainer {
    padding: 0 1em 0 3.5em;
  }
  /*譜例18の上マージン。*/
  #exk18 {
    margin-top: 0 !important;
  }
  /*第1部第9歌曲の表。*/
  #bg1-9a {
    display: none;
  }
  #bg1-9b {
    display: block;
  }
  /*訳注中の引用など。*/
  .bgtransnotequot {
    margin: 0 0 0 2em;
  }
  /*
  小ガイド第1部前奏曲の譜例間のテキスト幅。詳細度（優先順位）最高の
  タグ内スタイルで設定しているため、上書きにはimportantが必要。
  */
  #bgk1-0 {
    width: 7em !important;
  }
  /*小ガイド第3部農夫の歌の譜例左のテキスト幅。*/
  #bgk3-2 {
    width: 7em !important;
  }
  /*解説部分の囲み。*/
  .bgcmtborder {
    padding: 1em;
  }
  /*解説部分の囲み内の表。*/
  .bgcmtborderintable {
    margin: 0 auto 1em;
    line-height: 130%;
  }
  /*解説内の訳注。*/
  .bgcmttransnote {
    text-indent : -2em;
    margin: 0 0 0 2em;
  }
  /*解説内の自注や引用等。*/
  .bgcmtquot {
    text-indent: 1em;
    margin: 0 2em;
  }
  /*ヘッダーメニュー。スマホで80%は小さいので。*/
  .bgheader_menu { 
    font-size: 90%;
  }
  .bgheader_menu .cp {
    font-weight: bold;
  }
}