/* 移管で追加したスタイル（旧テーマの CSS は書き換えず、ここで上書きする） */

/* メニューのスクロール（旧サイトは iScroll という外部の部品で行っていた） */
.drawer-nav { overflow-y: auto !important; height: calc(100% - 66px); }

/* 目次の開閉（旧サイトのプラグインと同じく、最初は閉じて「[表示]」を出す） */
#toc_container.contracted ul.toc_list { display: none; }

/* コメントの受付終了の案内 */
#comments p.closed { margin: 20px 0; text-align: center; color: #777; }

/* シミュレーターの見出しなどのアイコン。旧プラグインの CSS は Font Awesome の文字（外部の kit で読み込んでいた字体）で出していた。
   移管後は kit を読み込まないので、同じ場所に /assets/icons/ の SVG（Font Awesome Free 5.2.0）を表示する。旧 CSS と同じ書き方で、後から読み込むここが勝つ。
   位置・色・大きさ（font-size）は旧 CSS のまま。文字の代わりに 1em の四角へ SVG の形を色で塗る */
.reserve-simulator .tit:before, .hukuri-simulator .hukuri-tit:before, .hensai-tit:before, .kariire-simulator .kariire-tit:before, .bond-simulation .tit:before, .qooton-simulator .qs-h1:before,
.reserve-simulator .sim-aside p:first-child:before, .hukuri-simulator .sim-aside p:first-child:before, .hensai-simulator .sim-aside p:first-child:before, .kariire-simulator .sim-aside p:first-child:before, .bond-simulation .aside-txt .ex:before, .qooton-simulator .qs-remarks .qs-h2:before,
.reserve-simulator .sim-tit.graph:before, .hukuri-simulator .sim-tit.graph:before, .hensai-simulator .sim-tit.graph:before, .kariire-simulator .sim-tit.graph:before, .bond-simulation .sim-tit.rate-tit:before, .qooton-simulator .qs-graph-area .qs-result-tit:before,
.reserve-simulator .sim-tit.table:before, .hukuri-simulator .sim-tit.table:before, .hensai-simulator .sim-tit.table:before, .kariire-simulator .sim-tit.table:before, .bond-simulation .sim-tit.table-tit:before, .qooton-simulator .qs-table-area .qs-result-tit:before,
.kariire-simulator #result-area .bottom .aside .ico:before,
.hukuri-simulator .sim-form .sim-form__inner .select:after, .hensai-simulator .sim-form .sim-form__inner .select:after,
.hukuri-simulator .h-table-btn:after, .hensai-simulator .h-table-btn:after, .bond-simulation .bond-form .select-wrap:before {
  content: ""; font-family: inherit; width: 1em; height: 1em; vertical-align: -.125em; background-color: currentColor;
  -webkit-mask: no-repeat center / contain; mask: no-repeat center / contain;
}
/* 位置の決まっていない（文字の並びに入る）ものは、幅と高さが効くように inline-block にする */
.reserve-simulator .tit:before, .hukuri-simulator .hukuri-tit:before, .hensai-tit:before, .kariire-simulator .kariire-tit:before, .bond-simulation .tit:before, .qooton-simulator .qs-h1:before,
.reserve-simulator .sim-aside p:first-child:before, .hukuri-simulator .sim-aside p:first-child:before, .hensai-simulator .sim-aside p:first-child:before, .kariire-simulator .sim-aside p:first-child:before, .bond-simulation .aside-txt .ex:before, .qooton-simulator .qs-remarks .qs-h2:before { display: inline-block; }
/* 電卓（旧 \f1ec） */
.reserve-simulator .tit:before, .hukuri-simulator .hukuri-tit:before, .hensai-tit:before, .kariire-simulator .kariire-tit:before, .bond-simulation .tit:before, .qooton-simulator .qs-h1:before { -webkit-mask-image: url(/assets/icons/calculator.svg); mask-image: url(/assets/icons/calculator.svg); width: .875em; }
/* 注意（旧 \f06a） */
.reserve-simulator .sim-aside p:first-child:before, .hukuri-simulator .sim-aside p:first-child:before, .hensai-simulator .sim-aside p:first-child:before, .kariire-simulator .sim-aside p:first-child:before, .bond-simulation .aside-txt .ex:before, .qooton-simulator .qs-remarks .qs-h2:before { -webkit-mask-image: url(/assets/icons/exclamation-circle.svg); mask-image: url(/assets/icons/exclamation-circle.svg); }
/* グラフ（旧 \f080） */
.reserve-simulator .sim-tit.graph:before, .hukuri-simulator .sim-tit.graph:before, .hensai-simulator .sim-tit.graph:before, .kariire-simulator .sim-tit.graph:before, .bond-simulation .sim-tit.rate-tit:before, .qooton-simulator .qs-graph-area .qs-result-tit:before { -webkit-mask-image: url(/assets/icons/chart-bar-regular.svg); mask-image: url(/assets/icons/chart-bar-regular.svg); }
/* 表（旧 \f0ce） */
.reserve-simulator .sim-tit.table:before, .hukuri-simulator .sim-tit.table:before, .hensai-simulator .sim-tit.table:before, .kariire-simulator .sim-tit.table:before, .bond-simulation .sim-tit.table-tit:before, .qooton-simulator .qs-table-area .qs-result-tit:before { -webkit-mask-image: url(/assets/icons/table.svg); mask-image: url(/assets/icons/table.svg); }
/* はてな（旧 \f059） */
.kariire-simulator #result-area .bottom .aside .ico:before { -webkit-mask-image: url(/assets/icons/question-circle.svg); mask-image: url(/assets/icons/question-circle.svg); }
/* 選択欄の下向き三角（旧 \f0d7） */
.hukuri-simulator .sim-form .sim-form__inner .select:after, .hensai-simulator .sim-form .sim-form__inner .select:after { -webkit-mask-image: url(/assets/icons/caret-down.svg); mask-image: url(/assets/icons/caret-down.svg); width: .625em; }
/* 下向きの矢印（旧 \f107） */
.hukuri-simulator .h-table-btn:after, .hensai-simulator .h-table-btn:after, .bond-simulation .bond-form .select-wrap:before { -webkit-mask-image: url(/assets/icons/angle-down.svg); mask-image: url(/assets/icons/angle-down.svg); width: .625em; }