/*ヘッダーメニュー。*/
.pbsheader_menu { 
  display: block;
  position: fixed;
  top: 0px;
  left: 0px;
  font-size: 80%;
  z-index: 10;
  background-color: indigo;
  width: 100%;
  line-height: 1.5;
}
/*ヘッダ内の表示文字列はすべて横並び。floatを使う。*/
.pbsheader_menu .a {
  float: left;
  color: white;
  margin: 0 1em 0 0;
}
.pbsheader_menu .cp {
  float: left;
  color: lightcyan;
  margin: 0 1em 0 0;
}
/*clearfix。aもcpもfloatで高さが認識されないため、必要となる。定番。*/
.pbsheader_menu .a::after, 
.pbsheader_menu .cp::after {
  display: block; /*ブロック要素に。*/
  clear: both;    /*float解除。これでほかの要素が潜り込まなくなる。*/
  content: "";    /*疑似要素afterを実体にする。*/
}

/*目次リンク。*/
.pbscontents {
  margin: 1.6rem 0 1.6rem 1rem;
}

/*原注旧版用。*/
.pbsorgnote {
  font-size: 90%;
  text-indent: 2em;
}
/*原注（訳注・増補注でも第2段落以降インデントなしの場合）新版用。*/
.pbsorgnoten {
  font-size: 90%;
  text-indent: -2em;
  margin: 0 2em 0 4em;
}
.pbsorgnoten div:not(:first-child) {
  text-indent: 0;
}

/*訳注・増補注。*/
.pbstransnote {
  font-size: 90%;
  text-indent: -2em;
  margin: 0 2em 0 4em;
}
.pbstransnote div:not(:first-child) {
  text-indent: 1em;
}

/*楽器編成ブロックは、文字を拡大している行があるため、
文字サイズはremを基準とする。*/
/*楽器編成のタイトル。*/
.pbsochetitle {
  font-size: 200%;
  text-align: center;
  max-width: 48rem;
}
/*横方向への汎用flexコンテナ。*/
.pbscastflex {
  display: flex;
  flex-wrap: wrap;
}
/*中括弧列、楽器略称列。上下中央に置くため縦のflexを使う。*/
.pbscastflexvc {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
/*中括弧列の幅。*/
.pbscastflexblwidth {
  width: 1rem;
}
/*木管、金管、打楽器。幅は最長行に合わせて左側のみ設定。*/
.pbscastwbp {
  width: 24rem;
}
/*弦楽器。ハープと擦弦楽器群を縦方向に並べるため方向でclolumnを指定する。
flex-flowは、配置方向のflex-directionと折り返しのflex-wrapを一度に指定可能。*/
.pbscaststr {
  display: flex;
  flex-flow: wrap column;
  /*justify-content: center;*//*←文字列には効かないようなので不要。*/
  max-width: 48rem;
}
/*縦方向のflexコンテナ。*/
.pbscastcol {
  display: flex;
  flex-flow: wrap column;
  max-width: fit-content;
}
/*中括弧。*/
.pbsblanket {
  margin-left: 0.5em;
  width: 10px;
}

/*テスト用着色。flexboxはどこまで利いているかが分かりにくいので、
着色して範囲を確認するのに使う。*/
.color1 {
  background-color: lightblue;
}
.color2 {
  background-color: pink;
}
.color3 {
  background-color: yellow;
}

/*隔字強調。sdはSperrdruck（隔字体印刷）の略。*/
.pbssd {
  letter-spacing: 0.5em;
  margin-left: 0.5em;
}
/*そのリセット。隔字強調内で数字など間を開けたくない文字列に指定。*/
.pbssdreset {
  letter-spacing: normal;
  margin-right: 0.5em;
}
/*ベルク新版用動機名強調。*/
.pbsmovemp {
  font-weight: bold;
  font-style: italic;
}

/*「主題分析」見出し旧版用。*/
.pbstatitle {
  text-indent: 0;
  font-size: 200%;
  text-align:  center;
}
/*「交響曲第～部」見出し旧版用。*/
.pbspart {
  text-indent: 0;
  font-size: 180%;
  text-align:  center;
  margin-top: 0.5rem;
}
/*さらにその下の見出し旧版用。*/
.pbsconttitle {
  text-indent: 0;
  font-size: 160%;
  text-align: center;
  margin-top: 0.5rem;
}
/*原作からの引用部分旧版用。*/
.pbsorg {
  font-style: italic;
}
.pbsorg div:last-child {
  font-style: normal;
  text-indent: 0;
  /*padding-left: 2em;*/
  text-align: left;
  width: fit-content;
  margin-left: auto;
}
/*以下は新版用。末尾に「n」。*/
/*「主題分析」見出し新版用。*/
.pbstatitlen {
  font-size: 200%;
  text-align:  center;
  margin: 1rem 0;
}
/*「交響曲第～部」見出し新版用。*/
.pbspartn {
  text-indent: 0;
  font-size: 180%;
  text-align:  center;
  margin: 1rem 0;
}
/*さらにその下の見出し新版用。*/
.pbsconttitlen {
  text-indent: 0;
  font-size: 160%;
  text-align: center;
  margin: 1rem 0;
}
/*原作からの引用部分新版用。*/
.pbsorgn {
  font-style: italic;
  text-indent: 0;
  margin-left: 2em;
  margin-bottom: 1em;
}
.pbsorgn div:last-child {
  font-style: normal;
  text-indent: 0;
  /*padding-left: 2em;*/
  text-align: left;
  width: fit-content;
  margin-left: auto;
}
/*文字囲。*/
.pbsborder {
	border: solid 1px;
  margin:0 0.2em;
  padding:0 0.4em;
}
/*文字囲小数字付き。*/
.pbsborderplus {
	border: solid 1px;
  margin: 0 0.1em 0 0.2em;
  padding: 0 0.4em;
}
.pbsmininumplus {
  font-size: 90%;
  margin: 0 0.2em 0 0;
}

/*譜例。上下マージンを設定。*/
.pbsexp {
  margin: 0.5em 0;
}
/*譜例インライン用。左右も開け、底辺で文字を揃える。*/
.pbsexpinln {
  margin: 0.5em;
  vertical-align: bottom;
}

/*譜例下の訳注テーブル。グレの歌ガイドより。
テーブルに入れているのは、文字に合わせて伸縮＆中央揃えが楽だから。
今回は中央揃えにしないつもりなのでテーブルに入れる必要はないが、
中央揃えにしたくなったら変更しやすいのでそのままにする。*/
.pbsexptransnotetable {
  border-collapse: collapse;
  margin: 0 0 1em 0;
}
/*譜例下の訳注文字列。*/
.pbsexptransnote {
  font-size: 90%;
  color: darkgreen;
}

/*インラインの表。
表の隙間はcollapseで潰しておくが、
それでも表外の文字が上に行きすぎるので、margin-topで調整。*/
.pbsinlinetable {
  display: inline-table;
  vertical-align: top;
  border-collapse: collapse;
  margin-top: -0.2em;
}
/*こちらはそのテーブルの文字列の上寄せ。*/
.pbsinlinetable tr td {
  vertical-align: top;
  padding-left: 1em;
}

/*和音記号用下付き数字。*/
.pbssubscript {
  vertical-align: baseline;
  font-size: smaller;
  margin-right: 0.1em;
}

/*解説部分の囲み。*/
.pbscmtborder {
  border: solid;
  /*border-color: skyblue;*/
  border-color: purple;
  border-width: 0.1em;
  margin: 1em 0;
  padding: 1em 3em;
}
/*解説部分の囲み内の表。
.pbscmtborderintable {
  margin: 0 auto 1em;
  line-height: 130%;
}*/
/*解説内の訳注。*/
.pbscmttransnote {
  color: blue;
  text-indent: -2em;
  margin: 0 1em 0 3em;
}
/*解説内の自注や引用等。
.pbscmtquot {
  text-indent: 1em;
  margin: 0 2em;
}*/

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

/*レコード番号*/
.pbsrecnum {
  font-size: 120%;
  font-weight: bold;
}
/*レコード情報囲み*/
.pbsrecborder {
  display:inline-block;
  border: solid;
  border-width: 0.2em;
  margin-bottom: 1.6em;
  padding: 1em;
}
/*シェーンベルクのサイン。上揃え。*/
.pbsexptop {
  vertical-align: top;
}
/*レコード取扱*/
.pbsrecnote {
  font-size: 90%;
  font-weight: bold;
}

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

/*解説部分の見出し。*/
.pbscmttitle {
  color: navy;
  font-weight : bolder;
  margin: 2rem 0rem 0.5rem;
}