/*=============
 * 
 * 2021/07/01
 * nagamira_css4h.css  高速化互換性なし版
 * 
 * 著作権 長岡京健康みらい研究所
 * 2021/07/01
 * W3C CSS 検証サービス (CSS レベル 3 + SVG)問題ない事を確認
 * 2021/07/05
 【注意 圧縮ツール】
https://csscompressor.net/ja/
で「Compress colors」をオフにして圧縮すること。
コメントの付け方によっては圧縮後のソースに文法エラーが現れる場合があるので圧縮率は【高い】で圧縮する。さらに圧縮したい場合は文法チェッカーにかけて、問題がなければ【最高】で圧縮すること。 * 

 * 【2018/05/09　注意】
 * nagamira_css4.cssはアコーディオンパネル専用。
 * 元のbs_accordion.inc.php自体がおかしな所があり、
 * CENTER:で中揃えにするとスタイルシートのクラスが入れ子になるなどの動きをする。
 * 実際、この状態だと縦に長くなるなどのレイアウト崩れがある。
 * CENTER:bs_accordionで中揃えにしたアコーディオンを意図的に使用している場合、
 * 開閉アイコンのレイアウト崩れが発生する。
 * その際は開閉アイコンを使わない。そのため独立したファイルにしてある。
 * 呼び出す「<link rel="stylesheet" href="/swfu/d/nagamira_css3.css" />」を
 * コメントにすることで、戻せるようにしてある
 * 2019.03.20
 * アコーディオンパネルのヘッダ自体にクリック範囲を広げる方法がわかった
 * 2019.03.21
 * アコーディオンパネルのヘッダ自体にクリック範囲を広げる方法の実装に伴い、メニュー内でのアコーディオンパネルのタイトル記述などを正式に採用
2019.03.22
タイトルの頭にあるアイコンの字下げを調整
2019.03.23
panelクラスから継承した子であるアコーディオンパネル設定
2019.03.23
アコーディオンパネルから継承した.haik-menu 内専用アコーディオンパネル
パネルから継承しているため、混同しやすいセレクタの書き方を修正して混同しないように改良した。
2019.03.23
アコーディオンパネルのヘッドの背景が薄い方の試作を行った。
2019.03.26
アコーディオンパネルのヘッドの背景が薄い方の試作をdiv要素でクラスとして呼び出せるようにした。
2019.04.01
アコーディオンパネルの明度がまだ高いので薄くした
2019.04.02
アコーディオンパネルの赤色と紺色の明度が薄すぎて意味がないので調整。
2019.05.02
メニュー内アコーディオンパネル内の段落のマージンを微調整
2019.05.03
パネル枠の太さの調整
2019.05.16
メニュー内アコーディオンパネル内の背景色をメニューの背景色を継承する
2019.07.04
パネル内の下排他領域を1emに調整
サムネイル表示時余白がないので調整
2019.08.21
アコーディオンパネルにマウスオーバー時のヘッダの色を替える事に成功
マウスオーバー時のヘッダの色を替える
2019.08.26
メニューの見出し3のブロック指定と相対位置指定
2019.08.29
パネル内の下排他領域を1.5emに調整
2019.09.03
アコーディオンパネルのタイトルをマウスオーバー時に白縁にする
これによって見やすくなる
2019.09.03
メインコンテナにあるアコーディオンパネルとパネルヘッダとフッタの文字縁取りを白に
メニューでは今のところ黒灰色なので白縁の方がよい
2019.09.03
アコーディオンパネルのヘッダの背景が薄い方にも文字縁取りが入るようにした
2019.09.04
アコーディオンパネルの白縁文字がiPadでは1ピクセルだと見えないのでメディアクエリを修正
2019.09.05
改修につき、余白とテキストインデントの調整
2019.09.05
メニュー用のアコーディオンパネルは下に線を引く
2019.09.05
アコーディオンパネルの余白を調整
2019/09/12
アコーディオンパネルの角の丸めを4pxに統一
メディアクエリ毎の記述を削除
理由はアコーディオンパネルとパネルの形が同じだと区別ができないため
2019/09/12
アコーディオンパネル色未指定時の色を枠線グレー背景色なしにする
元は見出し文字が見えないための策だったが、文字を縁取りにできるようになったため実装。
2019/09/12
アコーディオンパネルのヘッダの背景が薄い方の背景の透過をもう少し増やしてみた
元は見出し文字が見えないための策だったが、文字を縁取りにできるようになったため実装。
2019/09/12
アコーディオンパネルに影をつけるようになったが、メニュー内では影を外すこと
2019/09/12
アコーディオンパネルのヘッダの背景が薄い方の枠線も色を中と揃えた
2019/09/14
.haik-menu 内専用の記述、クリック範囲が広がらない障害を確認
2019/09/14
クラスの記述 .haik-content はクラス .haik-container にすること
2019/09/16
枠ズレの問題を解消するためoutline-color:を導入
2019/09/16
メニュー内のアコーディオンパネルにoutline-color:無色を導入
2019/09/18
パネルグループ内のパネル同士のマージンを1.875emに統一
2019/09/21
パネルの背景色設定に伴い、メニュー用のアコーディオンパネルの背景色を透明にする
2019/09/21
アコーディオンパネルの本文背景色を設定、テストしたが、パネルと区別がつかなくなるのでカスタマイズ項目としておく。
2019/09/25
nagamira_css3.cssからnagamira_css4.cssに移動
　nagamira_css1.css分離のため
2019/10/08
コピー防止確認用ダミー
2019/11/04
コピー防止確認用ダミー修正
2019/12/06
アコーディオンパネル見出し（h4）の文字に影をつける事でメリハリをつける
（上下パネルの見出しと区別がつかないことが多いので設置した）
2019/12/06
アコーディオンパネルの影を濃くする
理由は薄すぎてパネルと区別できなかったため
2019/12/08
アコーディオンパネルの見出しの調整
2019/12/23
アコーディオンパネルのアイコンをFontAwesomeに色を変更。大きさを調整。
2019/12/23
アコーディオンパネルのアイコンのfloat:rightは文字が枠ギリギリだときちんと行送りされないので廃止。
タイトルの横にアイコンをつけることで解消
2019/12/23
メニューバー内でのアコーディオンパネル、余白とテキストインデントの調整
2019/12/23
アコーディオンパネルの影を廃止する。
理由は端末によっては動作が遅くなるため。また、見栄えがイマイチぱっとしないため。
タイトルの横にアイコンがつくようになったので視認性は問題なし。
2019/12/23
アコーディオンパネルのヘッダの背景が薄い方（orgm-accordion-nobackgroundcolor）の（non）指定を黒枠線で構成されるように修正
2019/12/25
クラス .orgm-accordion-nobackgroundcolor の文字が長いので短い略文字を追加
.orgm-accordion-nobkclr 
両方使える
2019/12/28
アコーディオンパネルのテキストシャドウのブラー効果（ボケ）を0にする。
2019/12/30
アコーディオンパネルのタイトルの行間を1.8emに統一
2019/12/30
パネルグループ内のパネル同士の上下マージンを1.5emに統一
アコーディオンパネル内の余白を増やしたので、従来の1.5emでは空きすぎたので調整
2020/01/01
アコーディオンパネルのレスポンシブ対応化568px未満時の大きさを0.6emに調整

2020/01/06
アコーディオンパネル名称で該当する色オプションがない場合の処理 背景色は透明で。
前のは区別がつかず使えない状態だったが、アイコンやクリック範囲の拡張などで問題なくなった

通常と以下のクラス呼び出しで有効にする

#html2(<div class="orgm-accordion-bright">)～#html2(</div>)

#html2(<div class="orgm-accordion-nobackgroundcolor ">)～#html2(</div>)

2020/01/06
アコーディオンパネルのヘッダの背景が薄い方の枠線内のoutline-color:を透明に修正

2020/01/07
アコーディオンパネルのタイトルのテキスト縁取りを修正。ぼかしを廃止して1pxに統一

2020/01/08
アコーディオンパネルのタイトルのテキスト縁取り右と下のみに修正
2020/01/08
アコーディオンパネルのヘッダの背景が薄い方のnonの背景職を白に近い透明に修正
outline廃止に伴い、アコーディオンパネルのヘッダのoutline-colorを廃止
2020/01/09
アコーディオンパネルのヘッダの背景が薄い方のテキスト白縁取りを1pxから2pxにする
薄いときは縁取りが小さいと逆効果
2020/01/09
アコーディオンパネルのヘッダのテキスト白縁取りを1pxから2pxにする
薄いときは縁取りが小さいと逆効果
2020/01/10
アコーディオンパネルの見出しが明るい色系統のクラスの透明（non）の背景色をを白色透明にする
透明度は70%に抑える
2020/01/12
アコーディオンパネル見出し4の装飾の初期化
2020/01/16
アコーディオンパネル見出し4の左右マージンを0.4emに
2020/01/19
メニューでのアコーディオンパネルのテキストインデントの調整
2020/01/19
アコーディオンパネルで背景色に透明色を指定しているものは16進数による指定からrgb指定に切り替える。
 #11111150　のように16進数透明色だとブラウザEGDEで対応できないため。
2020/06/29
メニュー内のアコーディオンのクリック範囲を枠いっぱいに広げる新しい記述がわかったので従来の記述をコメントアウト
なお、この従来の記述で行っているメイン領域内のアコーディオンのクリック範囲を
枠いっぱいに広げる方法を置き換えてこの新しい方法を使うとクリックできない所が出てくるので見送っている
2020/07/16
メニューバー内でのアコーディオンパネル、余白とテキストインデントの調整
2020/07/22
パネル内の段落の排他余白を0.5em;に調整
アコーディオンパネルも自動的に適用される
2020/07/27
アコーディオンパネルヘッダの文字色を独自に設定
2020/07/27
アコーディオンパネルフッターの記述を廃止。使わないことがわかったので。
2020/07/27
アコーディオンパネルにBoostrap4の色 secondary,light,darkを追加
(2箇所対応)
オリジナルのnocolor(透明)を追加
nocolor,lightのマウスオーバー時の反応を追加
2020/07/28
試験的に使ってきた
orgm-accordion-nobackgroundcolor、
orgm-accordion-nobkcrをやめて
orgm-accordion-transparentに統一する。あまりにも長くわかりづらいから

2020/07/28
アコーディオンパネルをbs_accordion関数をセクションの上に置いた時、自動的にセクション専用のスタイルに切り替える
（#html2関数によるクラス呼び出しは閉じ忘れが多いため、テスト用にしておく）
2020/07/28
アコーディオンパネルの本文上に引いていたボーダー線を消す
アコーディオンパネル背景色の修正
nagamira_css1h.cssから移動
2020/07/28
セクション内に置いたパネルの本体背景を暗くして段落を読みやすくする
2020/07/28
パネル内の段落の排他余白を0.5em;に調整したはずが調整されていなかった。
修正→2020/08/15問題が多いのでコメントアウト
2020/07/29
パネル、枠類、dark系統の色の調整　多数バラバラなのが多いので調整
通常　#353535
明るい系　#555555
アラートボックスなどはboostrapとの整合性を優先しているので変えない事
2020/07/29
パネル内でのリンクは自動的に太字にする
青文字は背景とのコントラスト差が小さいと見づらくなるのでこれを改善する
2020/07/29
半透明アコーディオンパネル（orgm-accordion-transparentクラス）
セクションにおくアコーディオンパネル（section .orgm-accordionクラス）
の透過を半分透過（7a）に修正する
セクション画像の画像をとわず可能な限り表示できるように考慮
2020/08/22
2020/08/21の.orgm-accordionのbackground-colorの設定を取り消し。
chromeで枠線がうまく可変せず、背景が出てしまうのは表示倍率を縮小した事によるエラーで無関係だった。
2020/08/22
パネル内にアコーディオンパネルを入れた場合の書式修正対応
2020/08/26
アコーディオンパネルtransparentを正式にbs_accordion関数の引数で使えるよう大幅に修正
2020/08/26
アコーディオンパネルbrightを正式にbs_accordion関数の引数で使えるよう大幅に修正
2020.08.26
アコーディオンパネルを開閉時、自動で下線を少し太くする
これによってパネルの枠線類との区別がつきやすいようにする
    2020/08/27
    実験のみで採用は見送り
2020/08/26
アコーディオンパネルグループ内アコーディオンパネルの上下マージンを狭くするように修正
アコーディオンパネルグループ時の上下マージンを広くするように修正
2020/08/27
アコーディオンパネルの影を復活
テスト結果　中止　セクション内の表示で邪魔になるのと透明にしても効果がイマイチ

2020/08/27
色がついた枠線だけのアコーディオンパネル
border-panelクラスを追加　

2020/08/28
上下枠線だけのアコーディオンパネル
border-top-bottom-panelクラスを追加
2020/08/29
モバイル画面時のアコーディオンパネル
セクション内での表示
アラート内での表示を調整
2020/08/29
モバイル画面表示時のパネル本体内の排他領域を調整
2020/08/30
モバイル画面時のアコーディオンパネル
メインエリア内での調整
2020/09/01
上枠線だけのアコーディオンパネル
border-top-panelクラスを追加
2020/09/01
下枠線だけのアコーディオンパネル
border-bottom-panelクラスを追加
2020/09/02
枠線が上下だけのアコーディオンパネル改修
2020/09/03
アコーディオンパネルの太さを調整
 2px、3px 、4px の3段可変に調整
枠だけのアコーディオンパネルはこれに併せる 
2020/09/03
左右枠線だけのアコーディオンパネル
枠線の太さを独立して可変する
これがないとわかりづらい事が多かったため
2020/09/05
色がついた枠線だけのアコーディオンパネル、すぐ下のパネルヘッダ背景のみ透明にする
2020/09/06
打ち間違いに備えて
noborder-panelクラスを追加
2020/09/06
アコーディオンパネルの太さを調整
 3px、5px 、6px の3段可変に調整
2020/09/06
線だけのアコーディオンパネルの太さを調整
 2px、4px 、6px の3段可変に調整
通常のアコーディオンパネルに併せる 
2020/09/07
パネル内の段落が連続する場合は上下マージンを1em取るように調整
2020/09/10
パネル内のwarningのオレンジ（EBA65B）系統をffc818（通常）、fdc100（bright指定時）に置き換える
赤いオレンジになっているとの指摘あり、山吹色に変える
2020/09/10
アコーディオンパネルの使い方では通常だと見出し3の大きさ同じ大きさしかなく、不便
アコーディオンパネルにタイトルのサイズを6サイズ用意
2020/09/10
transparentアコーディオンパネルの白縁取り文字を黒、縁取りを明るいグレーに修正
地味だが読みやすい
2020/09/12
アコーディオンパネルの色の修正。
色がはっきりしないので文字を見落とす事があった
テストの結果、文字影と文字縁取りをオプションで指定できるように修正
2020/09/12
アコーディオンパネルのタイトルに文字影と文字縁取りをオプションで指定できるようにする
これはデザインやユニバーサルデザイン方向性によっては文字影と文字縁取りが必要になることがわかったため。

タイトル文字影：title-shadow
タイトル文字縁取り：title-edging

2020/09/13
枠線を消したアコーディオンパネルに入れ子でパネルを記述した時、
パネル枠線が変わらないよう、直ぐ下のpanelだけを対象となるように修正する
.orgm-accordion.border-～-panel>div>.panel-heading
.orgm-accordion.border-～-panel>.panel
のパターンで[>div>]と[>]で修正
2020/09/13
アコーディオンパネル、モバイル端末画面時、内部のパネルや段落マージンを減らして表示領域を増やす
2020/09/14
枠線を消したアコーディオンパネルのヘッダが透明にならないので修正
.orgm-accordion.noborder-panel>div>.panel-headingを追加
2020/09/17
【課題】
アコーディオンパネル内にパネルを入れた時、パネルの色などがアコーディオンパネルに左右されてしまう。
今後パネルの改良があるので現在修正中
2020/09/19
アコーディオンパネルnocolorのマウスオーバー時の青色を鮮やかな色に修正
2020/09/19
.orgm-accordion .border-~
アコーディオンパネル枠色をそれぞれ別の色を組み合わせられるように工夫する
2020/09/19
panel-nocolorの#a0a0a0adが暗すぎるので#c0c0c0ad;に明るくする
2020/09/19
border-nocolorの#a0a0a0adが暗すぎるので#c0c0c0ad;に明るくする
2020/09/21
メニューでのアコーディオンパネルのテキストのシャドウの無効化
2020/09/27
アコーディオンパネルの線の太さを独立
2020/09/27
アコーディオンパネルの色指定がパネル単体の色指定と重ならないように修正する
2020/09/27
モバイル時はアコーディオンパネルの左右マージン0.2emに調整
2020/10/02
モバイル画面時、アコーディオンパネル内での段落（p）は内部に記述したパネルもふくめ、排他領域を0.5emから0emに可変する
これによって字数を確保する
（大画面と小さい画面とでは視線の動かし方が違うことも一因）
2020/10/18
アコーディオンパネルで使われるパネル見出し上の排他領域を指定
2021/01/29
アコーディオンパネルで使われるパネル見出し上のoutlineを追加
ただし、ブラウザを拡大した時、ブラウザのエラーで線が出てくる問題は解決できていない
2021/02/01
アコーディオンパネルで使われるパネル見出し上のoutlineを追加していなかったところを修正
2021/02/07
アコーディオンパネルのnocolor時の見出し周囲の調整
outlineが見えないように調整
2021/02/07
セクション内に置いたパネルを拡大した時、背景のアウトラインの太さを調整
2020/04/23
枠線を消したアコーディオンパネルのヘッダ枠線が透明になっていないので
.orgm-accordion.noborder-panel>div>.panel-heading の属性を修正
2021/07/01
W3C CSS 検証サービス (CSS レベル 3 + SVG)問題ない事を確認
============= */

/*
2019/12/08
アコーディオンパネルの見出しの調整
2020/01/12
アコーディオンパネル見出し4の初期化へ統合
*/

/*
.panel-heading h4.panel-title.no-toc{
    margin: 0em;
}
*/

/* ======================
2020/01/12
アコーディオンパネル見出し4の装飾の初期化
（メニューのアコーディオンパネルは追加設定する）
2020/01/16
アコーディオンパネル見出し4の左右マージンを0.4emに

======================*/

.orgm-accordion.panel-group h4 {
	background-color: transparent;
	background-image: none;
	text-shadow: none;
	border: none;
	padding: 0;
	margin: 0 0.4em;
}
/*=============
2019/09/18
パネルグループ内のパネル同士のマージンを1.875emに統一
Boostrap.min.css　でmargin-bottomを0にしていたので見づらかった。
2019/12/30
パネルグループ内のパネル同士の上下マージンを1.5emに統一
空きすぎると感じたので調整
2020/08/26
アコーディオンパネルグループ内アコーディオンパネルの上下マージンを狭くするように修正
アコーディオンパネルグループ時の上下マージンを広くするように修正
2020/08/29
モバイル画面時のアコーディオンパネル
セクション内での表示
アラート内での表示を調整
2020/08/30
モバイル画面時のアコーディオンパネル
メインエリア内での調整
2020/09/04
アコーディオンパネル内での見出しつきパネル表示が可能になったので排他領域を調整する
アコーディオンパネルグループのラストの排他領域下を小さくする
2020/09/06
アコーディオンパネルの太さを調整
 2px、4px 、6px の3段可変に調整
2020/09/13
アコーディオンパネル内でのパネル表示でモバイル画面時はマージンを減らす
2020/09/27
アコーディオンパネルの左右マージン0.2emに調整
============= */

.panel-group .panel {
	margin: 1.5em 1em;
	border-radius: 4px;
}

.orgm-accordion.panel-group{
    margin-top: 1em;
    margin-bottom: 1em;
}

.orgm-accordion.panel-group:last-child{
    margin-top: 1em;
    margin-bottom: 0.5em;
}

/*アコーディオンパネル内でのパネル表示調整*/
.orgm-accordion.panel-group .panel {
    margin: 0.3em 1em;
}

/*アコーディオンパネル内でのパネル表示調整*/
.orgm-accordion.panel-group .panel-body .panel {
    margin: 0.3em 0.2em;
}

/*アラートボックス内でのアコーディオンパネル表示調整*/
.alert .orgm-accordion.panel-group .panel{
    margin: 0.3em 0.3em;	
}

@media (max-width: 567px) {
    .orgm-accordion.panel-group .panel {
        margin: 0.3em 0.5em;
    }
    section .orgm-accordion.panel-group .panel{
        margin: 0.3em 0.3em;	
    }
    /*アラートボックス内でのアコーディオンパネル表示調整*/
    .alert .orgm-accordion.panel-group .panel{
        margin: 0.3em 0em;	
    }
    /*アコーディオンパネル内でのパネル表示調整*/
    .orgm-accordion.panel-group .panel-body .panel{
        margin: 0.3em 0.2em;
    }
}

.orgm-accordion.panel-group .panel-body .orgm-accordion.panel-group{
    margin-top: 1em;
    margin-bottom: -0.6em;
}

.orgm-accordion.panel-group .panel-body .orgm-accordion.panel-group .panel{
	border-radius:0;
}

.orgm-accordion.panel-group .panel-body .orgm-accordion.panel-group h4.panel-title.no-toc a{
    line-height:1em;    	
}


/*=================
2020/09/10
アコーディオンパネルの使い方では通常だと見出し3の大きさ同じ大きさしかなく、不便
アコーディオンパネルにタイトルのサイズを6サイズ用意

かなり大きいアコーディオンパネル（xlarge|xlg）150%
大きいアコーディオンパネル（large|lg）130%
通常のアコーディオンパネル （無指定）100%
段落と同じサイズのアコーディオンパネル（medium|mm）90%
小さいアコーディオンパネル（small|sm）80%
かなり小さいアコーディオンパネル（mini|xs）65%
=================*/

.orgm-accordion .panel-title.xlarge,
.orgm-accordion .panel-title.xlg {
    font-size:150%;	
}

.orgm-accordion .panel-title.large,
.orgm-accordion .panel-title.lg{
    font-size:130%;	
}

.orgm-accordion .panel-title.mm,
.orgm-accordion .panel-title.medium{
    font-size: 90%;
}

.orgm-accordion .panel-title.sm,
.orgm-accordion .panel-title.small{
    font-size:80%;	
}

.orgm-accordion .panel-title.xs,
.orgm-accordion .panel-title.mini{
    font-size:65%;	
}


/*==========================
.haik-container 内専用の記述。これで他のdiv要素内にあるアコーディオンパネルとの混同をを避ける。
2019.03.20
クラス　アコーディオンパネル(.orgm-accordion panel-group)
のヘッド内にリンク要素aが含まれている時、クリック範囲をヘッド全体に広げる
これで従来のアコーディオンパネルのクリック範囲がタイトルだけになっている問題を解消。
アコーディオンパネル全体に広げるとパネル内段落にリンクが入っているとそこをクリックできなくなるため、行わなかった。今回の方法はアコーディオンパネルタイトルに別の所へのリンクがあると問題がありそう。
課題はマウスオーバー時にヘッダの色を変えられない事
 2019.03.25
メディアクエリの解釈を修正
Boostrapグリッドシステムに準拠させたのを試作してみる
@media (min-width: 1024px) → 992px
2019.08.21
アコーディオンパネルにマウスオーバー時のヘッダの色を替える事に成功
2019.08.30
パネル内の排他領域トップを0.5emに調整
2019.09.03
アコーディオンパネルをフッターでも使えるようにクラス.haik-footerを追加
2019.09.05
改修につき、余白とテキストインデントの調整
2019.09.05
メニュー用のアコーディオンパネルは下に線を引く
2019/09/14
クラスの記述 .haik-content はクラス .haik-container にすること
2019/09/16
パネル、アコーディオンパネル、枠ズレの問題を解消するためoutline-color:を導入
2019/09/17
パネルの新たなクラスが追加になったのに伴い、アコーディオンパネルの灰色系統の色を調整
2019/12/28
アコーディオンパネルのタイトルのテキストシャドウのブラー効果を0にする。

==========================*/
/* アコーディオンパネルのマウスオーバー反応を広げる */
.haik-container .orgm-accordion .panel-heading,
.haik-footer .orgm-accordion .panel-heading {
	position: relative;
	z-index: 1;
	/* 必要であればリンク要素の重なりのベース順序を指定 */
}
/* afterがタイトルにアイコンをつけていると使えないのでbeforeで指定する*/

.haik-container .panel-heading a::before, .haik-footer .panel-heading a::before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	pointer-events: auto;
	content: "";
	background-color: rgba(0, 0, 0, 0);
	z-index: 2;
	/* 必要であればリンク要素の重なりのベース順序指定 */
}
/* 
2019.08.21
アコーディオンパネルにマウスオーバー時のヘッダの色を替える事に成功
マウスオーバー時のヘッダの色を替える
*/

.haik-container .panel-heading a:hover::before, .haik-footer .panel-heading a:hover::before {
	background-color: rgba(255, 255, 255, 0.2);
	outline: 0;
	transition: .3s;
	z-index: 2;
}
/*
ホバー時の透過エフェクト
2019.08.21　予備入り
*/

/*
.haik-container .orgm-accordion .panel-heading no-toc:hover {
    text-decoration: none;
    opacity: 0.3;
}
*/

/*=============
.haik-container 内専用の記述。これで他のdiv要素内にあるアコーディオンパネルとの混同をを避ける。
2019/03/20
先に記述した方法でパネル全体をクリックできるようになったので下記の方法だと重複してレイアウト崩れが起こる可能性があるので注意する。

 * 2018.05.09　前川修寛
 * アコーディオンのタイトルの後ろにアイコンを追加
 * 初期（操作性のための妥協として ＋ を出す）
 * プログラムの方で、あらかじめ開けておく際、
 * aria-expandedの適切な処理ができていない問題がある。
 * bs_accordionを使う時、最初に開いているタブでアイコンが
 * 開いている状態にならない。
 * 最初に開くタブを指定していても操作性のためと説明すればＯＫ。
 * 2019.03.01
 * 文字化けするため、回避としてグーグルマテリアルアイコンに変更
 * 以下を<head></head>内に以下のように入れること。
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 * 閉じている時（add　＋ "\e145"）
 * 開いている時（close　× "\e5cd"）
 * 2019.03.02
 * グーグルマテリアルアイコンフォントだと書体が細いのと外部リンク記述が面倒
 *  /skin/boostrap/fontsに入っている　Glyphiconsに切り替えてみるとうまくいった
 * font-family: 'Glyphicons Halflings';
 * font-weight: bold; は外した方がよい
 * boostrapのGlyphicons　コードは　 http://icon-search.jp/ でコードを検索
 * boostrapのGlyphicons　コードは　 https://glyphicons.bootstrapcheatsheets.com/# の方が種類が多い。
 * 使えそうなアイコンコードの例
 * ハンバーガー　　"\e055"　align-justifyで代用
 * ×　"\e014"　remove　
 * ＋　"\002b"　plus　
 * ∧　"\e260"　menu-up　メニューアップ　これが標準
 * ∨　"\e259"　menu-down　メニューダウン　これが標準
 * □囲み▲　"\e160"　collapse-up　中の三角形が小さいので使い方を選ぶ
 * □囲み▼　"\e159"　collapse-down　中の三角形が小さいので使い方を選ぶ
 * ○囲み↓　"\e134"　circle-arrow-down　サークルアローダウン
 * ○囲み↑　"\e133"　circle-arrow-up　サークルアローアップ
 * ○囲み＋　"\e081"　plus-sign　小さいので色や人によってはみにくい
 * ○囲み×　"\e083"　remove-sign　小さいので色や人によってはみにくい
 * かこみなしリスト　"\e056"　list　小さいので色や人によってはみにくい
 * □囲みリスト　"\e032"　list-alt　小さいので色や人によってはみにくい 
2019.03.20
メニュー（.bar）クラス内でもアコーディオンを使えるようになったのでメインコンテンツ（.haik-container）クラス内でだけで右側に（＋）などのトグルアイコンを実装する。これによってa.accordion-toggle.collapsedを直接継承しなくてよい。
パネル全体をクリックできるようにしたいが、Bootstrapsの説明書を見てもまだわかっていないので今後の課題。
2019/03/20
ある方法でパネル全体をクリックできるようになったので下記の方法だと重複してレイアウト崩れが起こるため、別の所でヒントにする予備としてコメントにする。
2019/03/21
アコーディオンパネルに使うアイコンでmenu-up、menu-downがあったのでそれに統一、切り替えた。
2019/03/22
メニュー内アコーディオンパネルの段落のマージンを修正してあわせる。上下マージンをとる
2019.09.03
アコーディオンパネルをフッターでも使えるようにクラス.haik-footerを追加
2019/09/14
クラスの記述 .haik-content はクラス .haik-container にすること
2019/12/23
アコーディオンパネルのアイコンをFontAwesomeに色を変更。大きさを調整。
2019/12/23
アコーディオンパネルのアイコンのfloat:rightは文字が枠ギリギリだときちんと行送りされないので廃止。
タイトルの横にアイコンをつけることで解消
2020/07/18
メニュー用のアコーディオンパネル上マージンを1em確保することで操作性を改善


 ============= */

/* 初期値  */

.haik-container .orgm-accordion a.accordion-toggle::after, .haik-footer .orgm-accordion a.accordion-toggle::after {
	font-family: FontAwesome;
	content: "\f078";
	font-weight: normal;
	color: inherit;
}
/* コンテンツが開いている時 */

.haik-container .orgm-accordion a.accordion-toggle[aria-expanded="true"]::after, .haik-footer .orgm-accordion a.accordion-toggle[aria-expanded="true"]::after {
	content: "\f077";
}
/* コンテンツが閉じている時 */

.haik-container .orgm-accordion a.accordion-toggle.collapsed[aria-expanded="false"]::after, .haik-footer .orgm-accordion a.accordion-toggle.collapsed[aria-expanded="false"]::after {
	content: "\f078";
}
/* ======================
2019.03.23
panelクラスから継承した子であるアコーディオンパネル設定
はじまり
======================*/

/*======================
2019.03.23
border-color:は別スタイルの背景を作成する時に元の背景色として置いてある。
文字色はコントラスト差を明確に！
2019.03.24
マウスオーバー時に文字色を黒にする
2019.09.03
アコーディオンパネルのタイトルをマウスオーバー時に白縁にする
これによって見やすくなる
2019.09.04
アコーディオンパネルの白縁文字がiPadでは1ピクセルだと見えないのでメディアクエリを修正
2019.09.05
アコーディオンパネルの余白を調整
2019/12/28
アコーディオンパネルのテキストシャドウのブラー効果（ボケ）を0にする。
2019/12/30
アコーディオンパネルのタイトルの行間を1.8emに統一
2020/01/07
アコーディオンパネルのタイトルのテキスト縁取りを修正。
黒はぼかしを廃止して1pxに統一。白縁取りは見やすさを優先してそのまま。
2020/01/08
アコーディオンパネルのタイトルのテキスト縁取り右と下のみに修正
2020/01/09
アコーディオンパネルのヘッダのテキスト白縁取りを1pxから2pxにする
薄いときは縁取りが小さいと逆効果
2020/09/12
アコーディオンパネルのタイトルに文字影と文字縁取りをオプションで指定できるようにする
これはデザインやユニバーサルデザイン方向性によっては文字影と文字縁取りが必要になることがわかったため。

タイトル文字影：title-shadow
タイトル文字縁取り：title-edging
======================*/

h4.panel-title.no-toc a {
	text-decoration: none;
	line-height: 1.8em;
	color: #ffffff;
}
.orgm-accordion .panel-light h4.panel-title.no-toc a,
.orgm-accordion .panel-warning h4.panel-title.no-toc a{
	text-shadow: none;	
}

/*タイトル文字影：title-shadow*/
.orgm-accordion h4.panel-title.title-shadow a{
	text-shadow: 1.5px 1.5px 0 #111;
}

/*タイトル文字縁取り：title-edging*/
.orgm-accordion h4.panel-title.title-edging a{
	text-shadow: rgb(11, 11, 11) 2px 0px 0px, rgb(11, 11, 11) 1.75517px 0.958851px 0px, rgb(11, 11, 11) 1.0806px 1.68294px 0px, rgb(11, 11, 11) 0.141474px 1.99499px 0px, rgb(11, 11, 11) -0.832294px 1.81859px 0px, rgb(11, 11, 11) -1.60229px 1.19694px 0px, rgb(11, 11, 11) -1.97998px 0.28224px 0px, rgb(11, 11, 11) -1.87291px -0.701566px 0px, rgb(11, 11, 11) -1.30729px -1.5136px 0px, rgb(11, 11, 11) -0.421592px -1.95506px 0px, rgb(11, 11, 11) 0.567324px -1.91785px 0px, rgb(11, 11, 11) 1.41734px -1.41108px 0px, rgb(11, 11, 11) 1.92034px -0.558831px 0px;
	}

.orgm-accordion h4.panel-title.no-toc a:hover {
	color: #111;
	text-decoration: none;
	transition: 0.3s;
	text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75517px 0.958851px 0px, rgb(255, 255, 255) 1.0806px 1.68294px 0px, rgb(255, 255, 255) 0.141474px 1.99499px 0px, rgb(255, 255, 255) -0.832294px 1.81859px 0px, rgb(255, 255, 255) -1.60229px 1.19694px 0px, rgb(255, 255, 255) -1.97998px 0.28224px 0px, rgb(255, 255, 255) -1.87291px -0.701566px 0px, rgb(255, 255, 255) -1.30729px -1.5136px 0px, rgb(255, 255, 255) -0.421592px -1.95506px 0px, rgb(255, 255, 255) 0.567324px -1.91785px 0px, rgb(255, 255, 255) 1.41734px -1.41108px 0px, rgb(255, 255, 255) 1.92034px -0.558831px 0px;
}
/* ======================
2019.03.22
アコーディオンパネルの背景色
border-color:は別スタイルの背景を作成する時に元の背景色として置いてある。
2019.03.24灰色の明度を調整
2019.08.30未指定時の色を水色にする
2019/09/12未指定時の色を明るいグレーにする
2019/09/12アコーディオンパネルの上右左の角丸めをつける
2019/09/16枠ズレの問題を解消するためoutline-color:を導入
2019/09/16アコーディオンパネルの謎の白点
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
が原因
2020/07/27
アコーディオンパネルヘッダの文字色を独自に設定
2020/07/27
アコーディオンパネルフッターの記述を廃止。使わないことがわかったので。
2020/07/27
アコーディオンパネルにBoostrap4の色 secondary,light,darkを追加
オリジナルのnocolor(透明)を追加
nocolor,lightのマウスオーバー時の反応を追加
2020/09/10
パネル内のwarningのオレンジ（EBA65B）系統をffc818（通常）、fdc100（bright指定時）に置き換える
赤いオレンジになっているとの指摘あり、山吹色に変える
2020/09/12
アコーディオンパネルの色の修正。
色がはっきりしないので文字を見落とす事があった
2020/09/17
【課題】アコーディオンパネル内にパネルを入れた時、パネルの色などがアコーディオンパネルに左右されてしまう。
今後パネルの改良があるので現在修正中
2020/09/19
アコーディオンパネルnocolorのマウスオーバー時の青色を鮮やかな色に修正
2020/09/27
アコーディオンパネルの色指定がパネル単体の色指定と重ならないように修正する
2021/02/07
アコーディオンパネルのnocolor時の見出し周囲の調整
outlineが見えないように調整
======================*/


/* 該当する色オプションがない場合の処理 色は薄いグレーで*/

.orgm-accordion>.panel-heading {
	background-color: transparent;
	border-color: white;
	outline-color: white;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
}

.orgm-accordion>.panel-nocolor>.panel-heading {
	background-color: #8e8e8e14;
	border-color: #ffffff7a;
	outline-color:  #ffffff7a;
    outline: 0px solid;
}


.orgm-accordion>.panel-nocolor>.panel-heading>h4.panel-title>a{
	color: #333;
	text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75517px 0.958851px 0px, rgb(255, 255, 255) 1.0806px 1.68294px 0px, rgb(255, 255, 255) 0.141474px 1.99499px 0px, rgb(255, 255, 255) -0.832294px 1.81859px 0px, rgb(255, 255, 255) -1.60229px 1.19694px 0px, rgb(255, 255, 255) -1.97998px 0.28224px 0px, rgb(255, 255, 255) -1.87291px -0.701566px 0px, rgb(255, 255, 255) -1.30729px -1.5136px 0px, rgb(255, 255, 255) -0.421592px -1.95506px 0px, rgb(255, 255, 255) 0.567324px -1.91785px 0px, rgb(255, 255, 255) 1.41734px -1.41108px 0px, rgb(255, 255, 255) 1.92034px -0.558831px 0px;
}

.orgm-accordion>.panel-nocolor>.panel-heading>h4.panel-title.no-toc a:hover{
	color: #0054d6;
}

.orgm-accordion>.panel-default>.panel-heading,
.orgm-accordion>.panel-secondary>.panel-heading {
	background-color: #999999;
	border-color: #999999;
	outline-color: #999999;
}
.orgm-accordion>.panel-info>.panel-heading {
	background-color: #308f9a;
	border-color: #308f9a;
	outline-color: #308f9a;
}
.orgm-accordion>.panel-danger>.panel-heading {
	background-color: #d06464;
	border-color: #d06464;
	outline-color: #d06464;
}
.orgm-accordion>.panel-primary>.panel-heading {
	background-color: #337ab7;
	border-color: #337ab7;
	outline-color: #337ab7;
}

.orgm-accordion>.panel-success>.panel-heading {
	background-color: #409668;
	border-color: #409668;
	outline-color: #409668;
}

.orgm-accordion>.panel-warning>.panel-heading {
	background-color: #ffc818;
	/* border-color: #ffc818; */
	outline-color: #ffc818;
}
.orgm-accordion>.panel-warning>.panel-heading>h4.panel-title>a{
	color: #111;
}

.orgm-accordion .panel-light>.panel-heading {
	background-color: #f9f9f9;
	border-color: #f9f9f9;
	outline-color: #f9f9f9;
}
.orgm-accordion .panel-light>.panel-heading>h4.panel-title>a{
	color: #111;
}
.orgm-accordion .panel-light>.panel-heading>h4.panel-title.no-toc a:hover{
	color: #888888;
}
.orgm-accordion .panel-dark>.panel-heading {
	background-color: #353535;
	border-color: #353535;
	outline-color: #353535;
}


/*
2020/07/28
アコーディオンパネルの本文上に引いていたボーダー線を消す
アコーディオンパネル背景色の修正
nagamira_css1h.cssから移動
2020/07/29
メイン画面内は背景を白にする
2021/02/07
アコーディオンパネルを拡大した時、背景のアウトラインの太さを調整
*/

.panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
	border-top: inherit;
	color: #333;
}

main .panel-group .panel-heading+.panel-collapse>.list-group,
main .panel-group .panel-heading+.panel-collapse>.panel-body {
	background-color: white;
	outline: white 1px solid;
}


/*==================================
2019.03.08
アコーディオンパネルのデザインを変える
アコーディオンパネルの枠線のデザインを変える
アコーディオンパネル見出し内の排他領域を変える
このクラスはパネルの属性を継承している
2019.05.03
アコーディオンパネル枠の太さの調整
2019/09/12
アコーディオンパネルの角の丸めを4pxに統一
メディアクエリ毎の記述を削除
理由はアコーディオンパネルとパネルの形が同じだと区別ができないため
2019/09/12
アコーディオンパネルに影をつける
理由はアコーディオンパネルと識別するため
2019/12/06
アコーディオンパネルの影を濃くする
理由は薄すぎてパネルと区別できなかったため
2019/12/23
アコーディオンパネルの影を廃止する。
理由は端末によっては動作が遅くなるため。また、見栄えがイマイチぱっとしないため。
タイトルの横にアイコンがつくようになったので視認性は問題なし。
2020/08/27
アコーディオンパネルの影を復活
テスト結果　中止　セクション内の表示で邪魔になるのと透明にしても効果がイマイチ
　box-shadow: 3px 3px 3px #d8d8d87d;
2020/09/03
アコーディオンパネルの太さを調整
 2px、3px 、4px の3段可変に調整
枠だけのアコーディオンパネルはこれに併せる 
2020/09/06
アコーディオンパネルの太さを調整
 3px、4px 、6px の3段可変に調整
「線だけのアコーディオンパネルの太さを調整」も併せて修正すること
2020/09/27
アコーディオンパネルの線の太さを独立
 ====================================*/

.orgm-accordion>.panel {
	border: 3px solid transparent;
	border-radius: 4px;
}
@media (min-width: 992px) {
	.orgm-accordion>.panel {
		border: 4px solid transparent;
	}
}
@media (min-width: 1500px) {
	.orgm-accordion>.panel {
		border: 6px solid transparent;
	}
}

/*==================================
2019.03.23
アコーディオンパネルで使われるパネル見出し上下の枠線と背景の初期化
2020/01/10
アコーディオンパネルで使われるパネル見出し上下背景の透明化
2020/10/18
アコーディオンパネルで使われるパネル見出し上の排他領域を指定
2021/01/29
アコーディオンパネルで使われるパネル見出し上のoutlineを追加
ただし、ブラウザを拡大した時、ブラウザのエラーで線が出てくる問題は解決できていない
====================================*/

.orgm-accordion>div>.panel-heading {
	padding: 0.1em 0.5em;
	border-bottom: 0px;
	outline: 1px solid;
	background-color: transparent;
}
/*
.orgm-accordion .panel-footer {
	padding: 0.1em 0.5em;
	border-top: 0px;
	background-color: transparent;
}
*/

/*==================================
先に引いたパネルの種類別に線の色を指定する
2019.03.12色の明度を落としてみた
2019.03.24灰色の明度を調整
2019.08.30未指定時の色を紺色にする
2019/09/12未指定時の色を明るいグレーにする
元は見出し文字が見えないための策だったが、文字を縁取りにできるようになったため実装。
2019/09/21
アコーディオンパネルの本文背景色を設定、テストしたがパネルと区別がつかなくなるのでカスタマイズ項目としておく。
2020/01/01
アコーディオンパネルのレスポンシブ対応化568px未満時の大きさを0.6emに調整
2020/07/27
アコーディオンパネルにBoostrap4の色 secondary,light,darkを追加
2020/08/21
アコーディオンパネル.orgm-accordionのbackground-color:を設定
chromeで枠線がうまく可変せず、背景が出てしまうため
2020/08/22
2020/08/21の.orgm-accordionのbackground-colorの設定を取り消し。
chromeで枠線がうまく可変せず、背景が出てしまうのは表示倍率を縮小した事によるエラーで無関係だった。
2020/08/22
パネル内にアコーディオンパネルを入れた場合の書式修正対応
2020/09/10
パネル内のwarningのオレンジ（EBA65B）系統をffc818（通常）、fdc100（bright指定時）に置き換える
赤いオレンジになっているとの指摘あり、山吹色に変える
2020/09/12
アコーディオンパネルの色の修正。
色がはっきりしないので文字を見落とす事があった
2020/09/17
【課題】アコーディオンパネル内にパネルを入れた時、パネルの色などがアコーディオンパネルに左右されてしまう。
今後パネルの改良があるので現在修正中
.orgm-accordion[].panel-nocolor
[]の間にどんな要素を入れるか
2020/09/19
panel-nocolorの#a0a0a0adが暗すぎるので#c0c0c0ad;に明るくする
2020/09/27
アコーディオンパネルの色指定がパネル単体の色指定と重ならなように修正する

====================================*/

.orgm-accordion>.panel {
	border-color: #e6e6e6;
	margin-left: 0.7em;
	margin-right: 0.7em;
}
@media (min-width: 568px) {
	.orgm-accordion>.panel {
		margin-left: 1em;
		margin-right: 1em;
	}
}

/*パネル内でのアコーディオンパネルのマージンを自動で調整する
2020/09/27
モバイル時はアコーディオンパネルの左右マージン0.2emに調整
*/
.panel .orgm-accordion>.panel{
	margin-left: 0.2em;
	margin-right: 0.2em;
}
@media (min-width: 568px) {
	.panel .orgm-accordion>.panel {
		margin-left: 0.3em;
		margin-right: 0.3em;
	}
}

.orgm-accordion>.panel-nocolor {
	border-color: #c0c0c0ad;
}
.orgm-accordion>.panel-default,
.orgm-accordion>.panel-secondary {
	border-color: #999999;
}
.orgm-accordion>.panel-info {
	border-color: #308f9a;
}
.orgm-accordion>.panel-danger {
	border-color: #d06464;
}
.orgm-accordion>.panel-primary  {
	border-color: #347ab7;
}
.orgm-accordion>.panel-success {
	border-color: #409668;
}
.orgm-accordion>.panel-warning {
	border-color: #ffc818;
}
.orgm-accordion>.panel-light {
	border-color: #f9f9f9;
}
.orgm-accordion .panel-dark {
	border-color: #353535;
}


/*
アコーディオンパネル
.orgm-accordion .panel-~
パネル枠色
2020/09/19
.orgm-accordion .border-~
アコーディオンパネル枠色をそれぞれ別の色を組み合わせられるように工夫する
プログラムの正規表現（/^border-.[a-z]/u）で工夫する
これは赤や緑と黄色がよく見えないという人向けに
アコーディオンパネルの色と一緒にすればいいのではないかと思ったが、
順番によっては色が変わってしまうので分けて記述する
2020/09/19
border-nocolorの#a0a0a0adが暗すぎるので#c0c0c0ad;に明るくする
*/

.orgm-accordion .border-nocolor {
	border-color: #c0c0c0ad;
}
.orgm-accordion .border-default,
.orgm-accordion .border-secondary {
	border-color: #999999;
}
.orgm-accordion .border-info {
	border-color: #308f9a;
}
.orgm-accordion .border-danger {
	border-color: #d06464;
}
.orgm-accordion .border-primary  {
	border-color: #347ab7;
}
.orgm-accordion .border-success {
	border-color: #409668;
}
.orgm-accordion .border-warning {
	border-color: #ffc818;
}
.orgm-accordion .border-light {
	border-color: #f9f9f9;
}
.orgm-accordion .border-dark {
	border-color: #353535;
}




/* ======================
2019.03.23
アコーディオンパネルのヘッダの背景が薄い方
試作したが、アコーディオンパネルだとわかりにくい人もいるので、カスタマイズ用コメントにした。
2019.03.26
アコーディオンパネルのヘッドの背景が薄い方の試作を正式にdiv要素でクラスとして呼び出せるようにした。オリジナルのパーツ。
以下のようにして書くと手間をかけず切り替えられるカスタマイズできる。

 #html2(<div class="orgm-accordion-nobackgroundcolor">)
 または略字を書く（長いと面倒になるので）
 #html2(<div class="orgm-accordion-nobkclr">)

 
 #bs_accordion(){{
 -詳しい説明
 ====
 詳しい説明を書く
 }}
 
 #html2(</div>)

#html2(</div>)で囲むのを忘れると、オーバーライドが続く事になる。

色は標準の色（default、info、danger、primary、success、warning）に加えてないもの、例えば「non」とかくと背景が白のアコーディオンパネルができる。これはBoostrapのエラーを利用したもの。枠と共に用途が広がることが考えられる。枠だけのアコーディオンパネルはパネルの枠と区別がつかないので避けた。
2019.09.03
アコーディオンパネルのヘッダの背景が薄い方にも文字縁取りが入るようにした
2019/09/12
アコーディオンパネルのヘッダの背景が薄い方の背景の透過をもう少し増やしてみた
元は見出し文字が見えないための策だったが、文字を縁取りにできるようになったため実装。
2019/09/12
アコーディオンパネルのヘッダの背景が薄い方の枠線も色を中と揃えた
2019/12/23
アコーディオンパネルのヘッダの背景が薄い方（orgm-accordion-nobackgroundcolor）の（non）指定を黒枠線で構成されるように修正
2019/12/25
クラス .orgm-accordion-nobackgroundcolor の文字が長く面倒なので短い略文字を追加
隠し機能みたい.orgm-accordion-nobkclr 
両方使える
2020/01/06
アコーディオンパネル名称で該当する色オプションがない場合の処理 背景色は透明で。
前のは区別がつかず使えない状態だったが、アイコンやクリック範囲の拡張などで問題なくなった

通常とクラス呼び出しで有効にする

#html2(<div class="orgm-accordion-bright ">)～#html2(</div>)

#html2(<div class="orgm-accordion-nobackgroundcolor ">)～#html2(</div>)
背景がないものは枠線を黒にする。

2020/01/06
アコーディオンパネルのヘッダの背景が薄い方の枠線内のoutline-color:を透明に修正

2020/01/08
アコーディオンパネルのヘッダの背景が薄い方のnonの背景職を白に近い透明に修正
outline廃止に伴い、アコーディオンパネルのヘッダのoutline-colorを廃止
2020/01/09
アコーディオンパネルのヘッダの背景が薄い方のテキスト白縁取りを1pxから2pxにする
薄いときは縁取りが小さいと逆効果
2020/07/28
アコーディオンパネルのフッターを削除（使わない）
その他使わなくなったスタイルを削除した
2020/07/28
試験的に使ってきた
orgm-accordion-nobackgroundcolor、
orgm-accordion-nobkcrをやめて
orgm-accordion-transparentに統一する。あまりにも長くわかりづらいから

2020/07/28
アコーディオンパネルをbs_accordion関数をセクションの上に置いた時、自動的にセクション専用のスタイルに切り替える
（#html2関数によるクラス呼び出しは閉じ忘れが多いため、テスト用にしておく）
2020/07/29
半透明アコーディオンパネル（orgm-accordion-transparentクラス）
セクションにおくアコーディオンパネル（section .orgm-accordionクラス）
の透過を半分透過（7a）に修正する
セクション画像の画像をとわず可能な限り表示できるように考慮
2020/08/26
アコーディオンパネルtransparentを正式にbs_accordion関数の引数で使えるよう大幅に修正
一番上　セクションに置いた時
2番目　#html2(<div class="orgm-accordion-transparent">)での呼び出し用
3番目　bs_accordion関数で指定した時のクラス
2020/08/29
テスト結果、transparentをbs_accordion関数の引数で使えるようになったので一番上　セクションに置いた時の自動変化を廃止。
2020/09/10
パネル内のwarningのオレンジ（EBA65B）系統をffc818（通常）、fdc100（bright指定時）に置き換える
赤いオレンジになっているとの指摘あり、山吹色に変える
2020/09/10
transparentアコーディオンパネルの白縁取り文字を黒、縁取りを明るいグレーに修正
地味だが読みやすい
2020/09/12
アコーディオンパネルの色の修正。
色がはっきりしないので文字を見落とす事があった
======================*/

.orgm-accordion-transparent .orgm-accordion h4.panel-title.no-toc a,
.orgm-accordion.transparent h4.panel-title.no-toc a {
	color: #171717;
	text-shadow: rgb(241 241 241) 2px 0px 0px, rgb(241 241 241) 1.75517px 0.958851px 0px, rgb(241 241 241) 1.0806px 1.68294px 0px, rgb(241 241 241) 0.141474px 1.99499px 0px, rgb(241 241 241) -0.832294px 1.81859px 0px, rgb(241 241 241) -1.60229px 1.19694px 0px, rgb(241 241 241) -1.97998px 0.28224px 0px, rgb(241 241 241) -1.87291px -0.701566px 0px, rgb(241 241 241) -1.30729px -1.5136px 0px, rgb(241 241 241) -0.421592px -1.95506px 0px, rgb(241 241 241) 0.567324px -1.91785px 0px, rgb(241 241 241) 1.41734px -1.41108px 0px, rgb(241 241 241) 1.92034px -0.558831px 0px;
}
.orgm-accordion-transparent .orgm-accordion h4.panel-title.no-toc a:hover,
.orgm-accordion.transparent h4.panel-title.no-toc a:hover {
	color: #171717;
}

.orgm-accordion-transparent .orgm-accordion .panel,
.orgm-accordion.transparent .panel {
	border-color: #5555557a;
	outline-color:#5555557a;
	outline:1px;

}

.orgm-accordion-transparent .orgm-accordion .panel-nocolor,
.orgm-accordion.transparent .panel-nocolor {
	border-color: #ffffff7a;
	outline-color:#ffffff7a;
}
.orgm-accordion-transparent .orgm-accordion .panel-secondary,
.orgm-accordion-transparent .orgm-accordion .panel-default,
.orgm-accordion.transparent .panel-secondary,
.orgm-accordion.transparent .panel-default  {
	border-color: #9999997a;
	outline-color:#9999997a;
}
.orgm-accordion-transparent .orgm-accordion .panel-info,
.orgm-accordion.transparent .panel-info {
	border-color: #308f9a7a;
	outline-color:#308f9a7a;
}
.orgm-accordion-transparent .orgm-accordion .panel-danger,
.orgm-accordion.transparent .panel-danger {
	border-color: #d064647a;
	outline-color:#d064647a;
}
.orgm-accordion-transparent .orgm-accordion .panel-primary,
.orgm-accordion.transparent .panel-primary {
	border-color: #337ab77a;
	outline-color:#337ab77a;
}
.orgm-accordion-transparent .orgm-accordion .panel-success,
.orgm-accordion.transparent .panel-success {
	border-color: #4096687a;
	outline-color:#4096687a;
}
.orgm-accordion-transparent .orgm-accordion .panel-warning,
.orgm-accordion.transparent .panel-warning {
	border-color: #ffc8187a;
	outline-color:#ffc8187a;
}
.orgm-accordion-transparent .orgm-accordion .panel-light,
.orgm-accordion.transparent .panel-light {
	border-color: #f9f9f97a;
	outline-color:#f9f9f97a;
}

.orgm-accordion-transparent .orgm-accordion .panel-dark,
.orgm-accordion.transparent .orgm-accordion .panel-dark {
	border-color: #3535357a;
	outline-color:#3535357a;
}

.orgm-accordion-transparent .orgm-accordion .panel-heading,
.orgm-accordion.transparent .panel-heading  {
	background-color: #ffffff7a;
	outline-color:#ffffff7a;
}

.orgm-accordion-transparent .orgm-accordion .panel-secondary .panel-heading, 
.orgm-accordion-transparent .orgm-accordion .panel-default .panel-heading,
.orgm-accordion.transparent .panel-secondary .panel-heading, 
.orgm-accordion.transparent .panel-default .panel-heading {
	background-color: #9999997a;
	outline-color:#9999997a;
}
.orgm-accordion-transparent .orgm-accordion .panel-info>.panel-heading,
.orgm-accordion.transparent .panel-info>.panel-heading  {
	background-color: #308f9a7a;
	outline-color:#308f9a7a;
}
.orgm-accordion-transparent .orgm-accordion .panel-danger>.panel-heading,
.orgm-accordion.transparent .panel-danger>.panel-heading {
	background-color: #d064647a;
	outline-color:#d064647a;
}
.orgm-accordion-transparent .orgm-accordion .panel-primary>.panel-heading,
.orgm-accordion.transparent .panel-primary>.panel-heading {
	background-color: #347ab77a;
	outline-color:#347ab77a;
}
.orgm-accordion-transparent .orgm-accordion .panel-success>.panel-heading,
.orgm-accordion.transparent .panel-success>.panel-heading {
	background-color: #4096687a;
	outline-color:#4096687a;
}
.orgm-accordion-transparent .orgm-accordion .panel-warning>.panel-heading,
.orgm-accordion.transparent .panel-warning>.panel-heading {
	background-color: #ffc8187a;
	outline-color:#ffc8187a;
}
.orgm-accordion-transparent .orgm-accordion .panel-light>.panel-heading,
.orgm-accordion.transparent .panel-light>.panel-heading {
	background-color: #f9f9f97a;
	outline-color:#f9f9f97a;
}
.orgm-accordion-transparent .orgm-accordion .panel-dark>.panel-heading,
.orgm-accordion.transparent .panel-dark>.panel-heading {
	background-color: #3535357a;
	outline-color:#3535357a;
}

/*
2020/08/29
セクション内に置いたパネルの本文背景を自動的に読みやすくする
2021/02/07
セクション内に置いたパネルを拡大した時、背景のアウトラインの太さを調整
*/
section .panel-group .panel-heading+.panel-collapse>.list-group,
section .panel-group .panel-heading+.panel-collapse>.panel-body {
    background-color: #1d1c1ca8;
    outline: #1d1c1ca8;
    color: #FFF;
}

/*======
2020/08/27
色がついた枠線だけのアコーディオンパネル
border-panelクラスを追加
2020/09/05
色がついた枠線だけのアコーディオンパネル、すぐ下のパネルヘッダ背景のみ透明にする
======*/
.orgm-accordion.border-panel>div>.panel-heading {
	background-color: #ffffff14;
    outline-color:#ffffff14;
}
.orgm-accordion.border-panel .panel-heading>h4.panel-title>a{
	color: #333;
	text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75517px 0.958851px 0px, rgb(255, 255, 255) 1.0806px 1.68294px 0px, rgb(255, 255, 255) 0.141474px 1.99499px 0px, rgb(255, 255, 255) -0.832294px 1.81859px 0px, rgb(255, 255, 255) -1.60229px 1.19694px 0px, rgb(255, 255, 255) -1.97998px 0.28224px 0px, rgb(255, 255, 255) -1.87291px -0.701566px 0px, rgb(255, 255, 255) -1.30729px -1.5136px 0px, rgb(255, 255, 255) -0.421592px -1.95506px 0px, rgb(255, 255, 255) 0.567324px -1.91785px 0px, rgb(255, 255, 255) 1.41734px -1.41108px 0px, rgb(255, 255, 255) 1.92034px -0.558831px 0px;
}

/*======
2020/09/01
枠線が上下だけのアコーディオンパネル
2020/09/02
枠線が上下だけのアコーディオンパネル改修
border-top-bottom-panelクラスを追加
グループで上下の罫線と間隔を自動で詰める（間が空かない）
枠線の可変サイズの調整
2020/09/03
アコーディオンパネルの太さを調整
 2px、3px 、4px の3段可変に調整
通常のアコーディオンパネルに併せる 
2020/09/06
線だけのアコーディオンパネルの太さを調整
 2px、4px 、6px の3段可変に調整
通常のアコーディオンパネルに併せる 
2020/09/10
パネル内のwarningのオレンジ（EBA65B）系統をffc818（通常）、fdc100（bright指定時）に置き換える
赤いオレンジになっているとの指摘あり、山吹色に変える
2020/09/12
アコーディオンパネルの色の修正。
色がはっきりしないので文字を見落とす事があった
2020/09/13
枠線を消したアコーディオンパネルに入れ子でパネルを記述した時、
パネル枠線が変わらないよう、直ぐ下のpanelだけを対象となるように修正する
.orgm-accordion.border-～-panel>div>.panel-heading
.orgm-accordion.border-～-panel>.panel
のパターンで[>div>]と[>]で修正
2020/09/06
線だけのアコーディオンパネルの太さを調整
 3px、4px 、5px の3段可変に調整に修正
「アコーディオンパネルの太さを調整」に併せて修正する
アコーディオンパネルは線の太さで識別できるようにする 
2021/01/29
色がついた枠線だけのアコーディオンパネル、outline属性を追加、色を合わせる
======*/
.orgm-accordion.border-top-bottom-panel>div>.panel-heading {
    background-color: #ffffff14;
    outline-color:#ffffff14;
}
.orgm-accordion.border-top-bottom-panel>.panel{
	border-top-color: transparent;
    border-left: transparent;
    border-right: transparent;
    border-radius:0;
}

.orgm-accordion.border-top-bottom-panel.panel-group .panel:first-child{
	border-style: solid;
	border-top-color: transparent;
    border-left: transparent;
    border-right: transparent;
	border-width: 3px;
    border-radius:0;
}
@media (min-width: 992px){
	.orgm-accordion.border-top-bottom-panel.panel-group .panel:first-child{
        border-width: 4px;
    }
}
@media (min-width: 1500px){
	.orgm-accordion.border-top-bottom-panel.panel-group .panel:first-child{
        border-width: 5px;
    }
}

.orgm-accordion.border-top-bottom-panel.panel-group .panel.panel-nocolor:first-child{
	border-color: #a0a0a0ad;
}
.orgm-accordion.border-top-bottom-panel.panel-group .panel.panel-default:first-child,
.orgm-accordion.border-top-bottom-panel.panel-group .panel.panel-secondary:first-child{
	border-color: #999999;
}
.orgm-accordion.border-top-bottom-panel.panel-group .panel.panel-info:first-child{
	border-color: #308f9a;
}
.orgm-accordion.border-top-bottom-panel.panel-group .panel.panel-danger:first-child{
	border-color: #d06464;
}
.orgm-accordion.border-top-bottom-panel.panel-group .panel.panel-success:first-child{
	border-top-color: #409668;
}
.orgm-accordion.border-top-bottom-panel.panel-group .panel.panel-primary:first-child{
	border-color: #347ab7;
}
.orgm-accordion.border-top-bottom-panel.panel-group .panel.panel-warning:first-child{
	border-color: #ffc818;
}
.orgm-accordion.border-top-bottom-panel.panel-group .panel.panel-light:first-child{
	border-color: #f9f9f9;
}
.orgm-accordion.border-top-bottom-panel.panel-group .panel.panel-dark:first-child{
	border-color: #353535;
}

.orgm-accordion.border-top-bottom-panel .panel-heading>h4.panel-title>a{
	color: #333;
	text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75517px 0.958851px 0px, rgb(255, 255, 255) 1.0806px 1.68294px 0px, rgb(255, 255, 255) 0.141474px 1.99499px 0px, rgb(255, 255, 255) -0.832294px 1.81859px 0px, rgb(255, 255, 255) -1.60229px 1.19694px 0px, rgb(255, 255, 255) -1.97998px 0.28224px 0px, rgb(255, 255, 255) -1.87291px -0.701566px 0px, rgb(255, 255, 255) -1.30729px -1.5136px 0px, rgb(255, 255, 255) -0.421592px -1.95506px 0px, rgb(255, 255, 255) 0.567324px -1.91785px 0px, rgb(255, 255, 255) 1.41734px -1.41108px 0px, rgb(255, 255, 255) 1.92034px -0.558831px 0px;
}
.orgm-accordion.border-top-bottom-panel.panel-group>.panel {
    margin: 0em 0.5em;
}
@media (min-width: 568px) {
    .orgm-accordion.border-top-bottom-panel.panel-group>.panel {
        margin: 0em 1em;
	}
}


/*======
2020/09/01
上枠線だけのアコーディオンパネル
border-top-panelクラスを追加
2020/09/13
枠線を消したアコーディオンパネルに入れ子でパネルを記述した時、
パネル枠線が変わらないよう、直ぐ下のpanelだけを対象となるように修正する
.orgm-accordion.border-～-panel>div>.panel-heading
.orgm-accordion.border-～-panel>.panel
のパターンで[>div>]と[>]で修正
2021/01/29
色がついた枠線だけのアコーディオンパネル、outline属性を追加、色を合わせる
======*/
.orgm-accordion.border-top-panel>div>.panel-heading {
    background-color: #ffffff14;
    outline-color:#ffffff14;
}
.orgm-accordion.border-top-panel>.panel{
    border-bottom: transparent;
    border-left: transparent;
    border-right: transparent;
    border-radius:0;
}
.orgm-accordion.border-top-panel .panel-heading>h4.panel-title>a{
	color: #333;
	text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75517px 0.958851px 0px, rgb(255, 255, 255) 1.0806px 1.68294px 0px, rgb(255, 255, 255) 0.141474px 1.99499px 0px, rgb(255, 255, 255) -0.832294px 1.81859px 0px, rgb(255, 255, 255) -1.60229px 1.19694px 0px, rgb(255, 255, 255) -1.97998px 0.28224px 0px, rgb(255, 255, 255) -1.87291px -0.701566px 0px, rgb(255, 255, 255) -1.30729px -1.5136px 0px, rgb(255, 255, 255) -0.421592px -1.95506px 0px, rgb(255, 255, 255) 0.567324px -1.91785px 0px, rgb(255, 255, 255) 1.41734px -1.41108px 0px, rgb(255, 255, 255) 1.92034px -0.558831px 0px;
}
.orgm-accordion.border-top-panel.panel-group .panel {
    margin: 0em 1em;
}

/*======
2020/09/01
下枠線だけのアコーディオンパネル
border-bottom-panelクラスを追加
2020/09/13
枠線を消したアコーディオンパネルに入れ子でパネルを記述した時、
パネル枠線が変わらないよう、直ぐ下のpanelだけを対象となるように修正する
.orgm-accordion.border-～-panel>div>.panel-heading
.orgm-accordion.border-～-panel>.panel
のパターンで[>div>]と[>]で修正
2021/01/29
色がついた枠線だけのアコーディオンパネル、outline属性を追加、色を合わせる
======*/
.orgm-accordion.border-bottom-panel>div>.panel-heading {
    background-color: #ffffff14;
    outline-color:#ffffff14;
}
.orgm-accordion.border-bottom-panel>.panel{
    border-top: transparent;
    border-left: transparent;
    border-right: transparent;
    border-radius:0;
}
.orgm-accordion.border-bottom-panel .panel-heading>h4.panel-title>a{
	color: #333;
	text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75517px 0.958851px 0px, rgb(255, 255, 255) 1.0806px 1.68294px 0px, rgb(255, 255, 255) 0.141474px 1.99499px 0px, rgb(255, 255, 255) -0.832294px 1.81859px 0px, rgb(255, 255, 255) -1.60229px 1.19694px 0px, rgb(255, 255, 255) -1.97998px 0.28224px 0px, rgb(255, 255, 255) -1.87291px -0.701566px 0px, rgb(255, 255, 255) -1.30729px -1.5136px 0px, rgb(255, 255, 255) -0.421592px -1.95506px 0px, rgb(255, 255, 255) 0.567324px -1.91785px 0px, rgb(255, 255, 255) 1.41734px -1.41108px 0px, rgb(255, 255, 255) 1.92034px -0.558831px 0px;
}
.orgm-accordion.border-bottom-panel.panel-group .panel {
    margin: 0em 1em;
}

/*======
2020/08/29
左右枠線だけのアコーディオンパネル
border-left-right-panelクラスを追加
2020/09/03
border-left-right-panelクラス太さを調整
2020/09/03
左右枠線だけのアコーディオンパネル
枠線の太さを独立して可変する
これがないとわかりづらい事が多かったため
2020/09/13
枠線を消したアコーディオンパネルに入れ子でパネルを記述した時、
パネル枠線が変わらないよう、直ぐ下のpanelだけを対象となるように修正する
.orgm-accordion.border-～-panel>div>.panel-heading
.orgm-accordion.border-～-panel>.panel
のパターンで[>div>]と[>]で修正
2021/01/29
色がついた枠線だけのアコーディオンパネル、outline属性を追加、色を合わせる
======*/
.orgm-accordion.border-left-right-panel>div>.panel-heading {
    background-color: #ffffff14;
    outline-color:#ffffff14;
}
.orgm-accordion.border-left-right-panel>.panel{
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-radius:0;
}
.orgm-accordion.border-left-right-panel>div>.panel-heading>h4.panel-title>a{
	color: #333;
	text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75517px 0.958851px 0px, rgb(255, 255, 255) 1.0806px 1.68294px 0px, rgb(255, 255, 255) 0.141474px 1.99499px 0px, rgb(255, 255, 255) -0.832294px 1.81859px 0px, rgb(255, 255, 255) -1.60229px 1.19694px 0px, rgb(255, 255, 255) -1.97998px 0.28224px 0px, rgb(255, 255, 255) -1.87291px -0.701566px 0px, rgb(255, 255, 255) -1.30729px -1.5136px 0px, rgb(255, 255, 255) -0.421592px -1.95506px 0px, rgb(255, 255, 255) 0.567324px -1.91785px 0px, rgb(255, 255, 255) 1.41734px -1.41108px 0px, rgb(255, 255, 255) 1.92034px -0.558831px 0px;
}
.orgm-accordion.border-left-right-panel>.panel {
	border-width: 3px;
}
@media (min-width: 568px) {
	.orgm-accordion.border-left-right-panel>.panel{
		border-width: 4px;
	}
}
@media (min-width: 1200px) {
	.orgm-accordion.border-left-right-panel>.panel{
		border-width: 5px;
	}
}

/*======
2020/08/29
枠線がないアコーディオンパネル
no-border-panelクラスを追加
2020/09/06
打ち間違いに備えて
noborder-panelクラスを追加
2020/09/13
枠線を消したアコーディオンパネルに入れ子でパネルを記述した時、
パネル枠線が変わらないよう、直ぐ下のpanelだけを対象となるように修正する
.orgm-accordion.border-～-panel>div>.panel-heading
.orgm-accordion.border-～-panel>.panel
のパターンで[>div>]と[>]で修正
2020/09/14
枠線を消したアコーディオンパネルのヘッダが透明にならないので修正
.orgm-accordion.noborder-panel>div>.panel-headingを追加
2021/01/29
枠線を消したアコーディオンパネル、outline属性を追加、色を合わせる
2020/04/23
枠線を消したアコーディオンパネルのヘッダ枠線が透明になっていないので
.orgm-accordion.noborder-panel>div>.panel-heading の属性を修正
outline-color: transparent;を追加

======*/
.orgm-accordion.noborder-panel>.panel-heading,
.orgm-accordion.no-border-panel>.panel-heading {
    background-color: #ffffff14;
    outline-color:#ffffff14;
}
.orgm-accordion.noborder-panel>.panel,
.orgm-accordion.no-border-panel>.panel{
    border: transparent;
}
.orgm-accordion.noborder-panel>div>.panel-heading,
.orgm-accordion.no-border-panel>div>.panel-heading {
    background-color: #ffffff14;
    outline-color: transparent;
}

.orgm-accordion.noborder-panel>div>.panel-heading>h4.panel-title>a,
.orgm-accordion.no-border-panel>div>.panel-heading>h4.panel-title>a{
	color: #333;
	text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75517px 0.958851px 0px, rgb(255, 255, 255) 1.0806px 1.68294px 0px, rgb(255, 255, 255) 0.141474px 1.99499px 0px, rgb(255, 255, 255) -0.832294px 1.81859px 0px, rgb(255, 255, 255) -1.60229px 1.19694px 0px, rgb(255, 255, 255) -1.97998px 0.28224px 0px, rgb(255, 255, 255) -1.87291px -0.701566px 0px, rgb(255, 255, 255) -1.30729px -1.5136px 0px, rgb(255, 255, 255) -0.421592px -1.95506px 0px, rgb(255, 255, 255) 0.567324px -1.91785px 0px, rgb(255, 255, 255) 1.41734px -1.41108px 0px, rgb(255, 255, 255) 1.92034px -0.558831px 0px;
}


/* ======================
2019.04.02
アコーディオンパネルの見出しが明るい色系統のクラス
div要素でクラスとして呼び出せるようにした、オリジナルのパーツ。
以下のようにして書くと手間をかけず切り替えられるカスタマイズできる。

 #html2(<div class="orgm-accordion-bright">)
 
 #bs_accordion(){{
 -詳しい説明
 ====
 詳しい説明を書く
 }}
 
 #html2(</div>)

#html2(</div>)で囲むのを忘れると、オーバーライドが続く事になる。

色は標準の色（default、info、danger、primary、success、warning）
下の見出しは出ないが、今後出る可能性を考えて確保。
2019.04.04
文字色が出ないのを修正。
なお、オレンジ色の文字のクラス継承ができていない模様
2019.08.30未指定時の色を紺色にする
2019/09/12未指定時の色を明るいグレーにする
2019/09/12
アコーディオンパネルに影をつける
2019/09/16アコーディオンパネル枠ズレの問題を解消するためoutline-color:を導入
.orgm-accordion-bright属性のアコーディオンパネルに影をつけないオプションを消す

2020/01/06
アコーディオンパネル名称で該当する色オプションがない場合の処理 背景色は透明で。
前のは区別がつかず使えない状態だったが、アイコンやクリック範囲の拡張などで問題なくなった

通常と以下のクラス呼び出しで有効にする

#html2(<div class="orgm-accordion-bright">)～#html2(</div>)

#html2(<div class="orgm-accordion-nobackgroundcolor ">)～#html2(</div>)

2020/01/10
アコーディオンパネルの見出しが明るい色系統のクラスの透明（non）の背景色をを白色透明にする
透明度は70%に抑える

2020/07/27
アコーディオンパネルフッターの記述を廃止。使わないことがわかったので。
2020/07/28
アコーディオンパネルにBoostrap4の色 secondary,light,darkを追加
(2箇所対応)
オリジナルのnocolor(透明)を追加
nocolor,lightのマウスオーバー時の反応を追加
2020/08/26
アコーディオンパネルbrightを正式にbs_accordion関数の引数で使えるよう大幅に修正
一番上　#html2(<div class="orgm-accordion-bright">)での呼び出し用
3番目　bs_accordion関数で指定した時のクラス
2020/09/10
パネル内のwarningのオレンジ（EBA65B）系統をffc818（通常）、fdc100（bright指定時）に置き換える
赤いオレンジになっているとの指摘あり、山吹色に変える
2020/09/27
アコーディオンパネルの色指定がパネル単体の色指定と重ならないように修正する
2021/02/01
枠線だけのアコーディオンパネル、outline属性を追加、色を合わせる
======================*/

/*
.orgm-accordion-bright .orgm-accordion h4.panel-title.no-toc a {
    color: white;
}


.orgm-accordion-bright .orgm-accordion h4.panel-title.no-toc a:hover{
    color: #000;
}
*/

.orgm-accordion-bright .orgm-accordion .panel-heading,
.orgm-accordion.bright .panel-heading {
	background-color: #ffffff70;
    outline-color:#ffffff70;
}
.orgm-accordion-bright .orgm-accordion .panel-nocolor .panel-heading,
.orgm-accordion.bright .panel-nocolor .panel-heading {
	background-color: #8e8e8e14;
    outline-color:#8e8e8e14;
}
.orgm-accordion-bright .orgm-accordion .panel-default .panel-heading,
.orgm-accordion.bright .panel-default .panel-heading,
.orgm-accordion.bright .panel-secondary .panel-heading,
.orgm-accordion.bright .panel-default .panel-heading{
	background-color: #afafaf;
    outline-color:#afafaf;
}
.orgm-accordion-bright .orgm-accordion .panel-info>.panel-heading,
.orgm-accordion.bright .panel-info>.panel-heading {
	background-color: #109eb3;
    outline-color:#109eb3;
}
.orgm-accordion-bright .orgm-accordion .panel-danger>.panel-heading,
.orgm-accordion.bright .panel-danger>.panel-heading {
	background-color: #fc5f62;
    outline-color:#fc5f62;
}
.orgm-accordion-bright .orgm-accordion .panel-primary>.panel-heading,
.orgm-accordion.bright .panel-primary>.panel-heading {
	background-color: #308bda;
    outline-color:#308bda;
}
.orgm-accordion-bright .orgm-accordion .panel-success>.panel-heading,
.orgm-accordion.bright .panel-success>.panel-heading {
	background-color: #00a784;
    outline-color:#00a784;
}
.orgm-accordion-bright .orgm-accordion .panel-warning>.panel-heading,
.orgm-accordion.bright .panel-warning>.panel-heading {
	background-color: #fdc100;
    outline-color:#fdc100;
}
.orgm-accordion-bright .orgm-accordion .panel-light>.panel-heading,
.orgm-accordion.bright .panel-light>.panel-heading {
	background-color: white;
    outline-color:white;
}
.orgm-accordion-bright .orgm-accordion .panel-dark>.panel-heading,
.orgm-accordion.bright .panel-dark>.panel-heading {
	background-color: #555555;
    outline-color:#555555;
}

/* 
先に引いたパネルの種類別に線の色を指定する
*/

.orgm-accordion-bright .orgm-accordion .panel,
.orgm-accordion.bright .panel,
.orgm-accordion-bright .orgm-accordion .panel-nocolor,
.orgm-accordion.bright .panel-nocolor {
	border-color: #d8d8d8bd;
}
.orgm-accordion-bright .orgm-accordion .panel-secondary,
.orgm-accordion-bright .orgm-accordion .panel-default,
.orgm-accordion.bright .panel-secondary,
.orgm-accordion.bright .panel-default {
	border-color: #afafaf;
}
.orgm-accordion.orgm-accordion-bright .panel-info,
.orgm-accordion.bright .panel-info {
	border-color: #109eb3;
}
.orgm-accordion-bright .orgm-accordion .panel-danger,
.orgm-accordion.bright .panel-danger {
	border-color: #fc5f62;
}
.orgm-accordion-bright .orgm-accordion .panel-primary,
.orgm-accordion.bright .panel-primary {
	border-color: #308bda;
}
.orgm-accordion-bright .orgm-accordion .panel-success,
.orgm-accordion.bright .panel-success {
	border-color: #00A784;
}
.orgm-accordion-bright .orgm-accordion .panel-warning,
.orgm-accordion.bright .panel-warning {
	border-color: #fdc100;
}
.orgm-accordion-bright .orgm-accordion .panel-light,
.orgm-accordion.bright .panel-light {
	border-color: #f9f9f9;
}
.orgm-accordion-bright .orgm-accordion .panel-dark,
.orgm-accordion.bright .panel-dark {
	border-color: #555555;
}
/* ======================
以上
アコーディオンパネルの見出しが明るい色系統のクラス
.orgm-accordion-brightクラス
2019.04.02
======================*/

/* ======================
2019.03.23
アコーディオンパネルから継承した.haik-menu 内専用アコーディオンパネル
はじまり
======================*/

/* ======================
.haik-menu 内専用の記述。これで他のdiv要素内にあるアコーディオンパネルとの混同をを避ける。これで他のdiv要素内にあるアコーディオンパネルとの混同をを避ける。
2019.03.19
メニューバー内でのアコーディオンパネルの呼び出しのスタイル
2019.03.19
アコーディオンパネル見出し前にアイコンを追加についてはなかなか出ないので考えて、出す順番を確認したら直った。floatが原因だった。
2019.03.20
アイコンの色のinherit（継承）をやめてdarkgrayにしてみたが、マウスカーソルが来た時に色が変わらないのが不自然すぎるので元に戻した。
テーマを変えるとアイコンが後ろに出ることがある。haik-container で使っているアコーディオンパネルのスタイルを親として継承していることが原因か。
2019/03/21
アイコンmenu-up、menu-downがあったのでそれに統一、切り替えた。
2019/03/24
ブログ用メニューへの対応を行う。 クラス　.haik-article-menu へのセレクタを追加
2019/12/23
メニュー用アコーディオンパネルの float:right; は操作性確保のためこのままにする

======================*/

/* 
　アコーディオンパネル見出し後の文字をクリア
　HAIKではメニュータイトルの後ろに小さな三角形画像が読み込まれるのでこれを消す。
　2019.03.20　わからない動き方があるので予備としてコメント化
　2019/09/14　別の所で消すようになっていた。試行錯誤の過程としてそのまま残す
　*/

/* 
.haik-menu a.accordion-toggle.collapsed::after,
.haik-menu a.accordion-toggle.collapsed[aria-expanded="false"]::after,
.haik-menu a.accordion-toggle.collapsed::after,
.haik-article-menu a.accordion-toggle.collapsed::after,
.haik-article-menu a.accordion-toggle.collapsed[aria-expanded="false"]::after,
.haik-article-menu a.accordion-toggle.collapsed::after {
    content:none;
    background-image: none;
}
*/

/* 
初期値
2019/12/23
メニュー用アコーディオンパネルの float:right; は操作性確保のためこのままにする
*/

.haik-menu a.accordion-toggle::before, .haik-article-menu a.accordion-toggle::before {
	position: relative;
	background-image: none;
	font-family: FontAwesome;
	content: "\f078";
	font-weight: normal;
	color: inherit;
	float: right;
	padding-right: 4px;
	vertical-align: middle;
}
/* コンテンツが開いている時 */

.haik-menu a.accordion-toggle[aria-expanded="true"]::before, .haik-article-menu a.accordion-toggle[aria-expanded="true"]::before {
	content: "\f077";
}
/* コンテンツが閉じている時 */

.haik-menu a.accordion-toggle.collapsed[aria-expanded="false"]::before, .haik-article-menu a.accordion-toggle.collapsed[aria-expanded="false"]::before {
	content: "\f078";
}
/*==========================
2019.03.20
.haik-menu 内専用の記述。
アコーディオンのクリック範囲を枠いっぱいに広げる
2019/09/14
div.をつけたら認識するようになった。
スコープから漏れていたのは確実
2019/09/14
.haik-menu 内専用の記述、クリック範囲が広がらない障害を確認

.haik-menu panel-heading
を
.haik-menu .orgm-accordion div.panel-heading
と記述したらスコープに入るようになったが、クリック範囲が広がらない
afterで指定しているためか？このまま保留する
2020/06/29
メニュー内のアコーディオンのクリック範囲を枠いっぱいに広げる新しい記述がわかったので従来の記述をコメントアウト
なお、この従来の記述で行っているメイン領域内のアコーディオンのクリック範囲を
枠いっぱいに広げる方法を置き換えてこの新しい方法を使うとクリックできない所が出てくるので見送っている

==========================*/

.haik-menu .orgm-accordion div.panel-heading,
.haik-article-menu .orgm-accordion div.panel-heading {
	position: relative;
	z-index: 1;
	/* 必要であればリンク要素の重なりのベース順序を指定 */
}
/* beforeがタイトルにアイコンをつけていると使えないのでafterで指定する*/

/*
2019/09/14
.haik-menu panel-heading
を
.haik-menu .orgm-accordion div.panel-heading
と記述したらスコープに入るようになったが、クリック範囲が広がらない
afterで指定しているためか？このまま保留する
2020/06/29
メニュー内のアコーディオンのクリック範囲を枠いっぱいに広げる新しい記述がわかったので従来の記述をコメントアウト
*/

/*
2020/06/29
メニュー内のアコーディオンのクリック範囲を枠いっぱいに広げる記述
コメントアウトしたところ
.haik-menu .orgm-accordion div.panel-heading a::after,
.haik-article-menu .orgm-accordion div.panel-heading a::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	pointer-events: auto;
	content: "";
	background-color: rgba(0, 0, 0, 0);
	z-index: 2;
}
*/

/*
2020/06/29
メニュー内のパネルヘッダのどこをクリックしても開閉可能
*/
.haik-menu .panel > .panel-heading > .panel-title > a[data-toggle="collapse"],
.haik-article-menu  > .panel-heading > .panel-title > a[data-toggle="collapse"] {
  display: block;
}


/*ホバー時の透過エフェクト*/

.haik-menu .orgm-accordion panel-heading no-toc:hover, .haik-article-menu .orgm-accordion panel-heading no-toc:hover {
	text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
/* ======================
2019.03.19
メニューバー内でのアコーディオンパネルの属性を書き換える
メニューバー内ではアコーディオンパネルの見出し3の属性を独自に設定しないとメイン（コンテンツ）内のアコーディオンパネルに影響するため。
2019.09.05
改修につき、余白とテキストインデントの調整
2019/12/23
メニューバー内でのアコーディオンパネル、余白とテキストインデントの調整
2020/07/16
メニューバー内でのアコーディオンパネル、余白とテキストインデントの調整

====================== */

/* メニュー内でのアコーディオンパネル見出しを初期化する*/

.haik-menu .orgm-accordion h4.panel-title.no-toc,
.haik-article-menu .orgm-accordion h4.panel-title.no-toc {
	padding: 0;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 0.5em;
	margin-right: 0em;
	color: inherit;
}
/* ======================
2019.03.22　メニュー内アコーディオンパネルの段落のマージンを修正してあわせる。上下マージンをとる
2019.05.02
メニュー内アコーディオンパネル内の段落のマージンを微調整
2019.07.04
パネル内の下排他領域を1emに調整
サムネイル表示時余白がないので調整
2019.08.29
パネル内の下排他領域を1.5emに調整
2019.08.30
パネル内の排他領域トップを0.5emに調整
2019/09/16
メニュー内のアコーディオンパネルにoutline-color:無色を導入
2020/07/22
パネル内の段落の排他余白を0.5em;に調整
アコーディオンパネルも自動的に適用される
2020/07/28
パネル内の段落の排他余白を0.5em;に調整したはずが調整されていなかった。
修正
2020/07/29
パネル内でのリンクは自動的に太字にする
青文字は背景とのコントラスト差が小さいと見づらくなるのでこれを改善する
2020/08/29
モバイル画面表示時のパネル本体内の排他領域を調整
2020/09/07
パネル内の段落が連続する場合は上下マージンを1em取るように調整
2020/09/13
アコーディオンパネル、モバイル端末画面時、内部のパネルや段落マージンを減らして表示領域を増やす
2020/10/02
モバイル画面時、アコーディオンパネル内での段落（p）は内部に記述したパネルもふくめ、排他領域を0.5emから0emに可変する
これによって字数を確保する
====================== */

.panel-body {
	padding: 0.5em 0.2em;
}
@media (min-width: 568px) {
	.panel-body {
			padding: 0.5em;
    }
}

.panel-body p {
	margin: 0.5em 0.3em;
}
@media (min-width: 568px) {
	.panel-body p {
    	padding: 0.5em;
	 }
}

/*
2020/10/02
モバイル画面時、アコーディオンパネル内での段落（p）は内部に記述したパネルもふくめ、排他領域を0.5emから0emに可変する
これによって字数を確保する
*/
@media (max-width: 992px) {
    .orgm-accordion p {
        	padding: 0em;
    }
}

.panel-body p+p {
    margin-top: 1em;
    margin-bottom: 1em;
}

.haik-menu .orgm-accordion div.panel-body p,
.haik-article-menu .orgm-accordion div.panel-body p {
	margin: 0.2em;
}
/*
パネル内でのリンクは自動的に太字にする
*/
.panel-body a{
	font-weight:700;
}
/* 見出し部分の領域を調整*/

.haik-menu .orgm-accordion div.panel-heading,
.haik-article-menu .orgm-accordion div.panel-heading {
	padding: 0px;
	margin: 0px;
	background-color: inherit;
	outline-color: transparent;
}
/*
2020/07/28
セクション内に置いたパネルの本体背景を暗くして段落を読みやすくする
2020/08/15
問題が多いのでコメントアウト
*/
/*
section .panel-body {
    background-color: inherit;
}
*/
/*
2019.09.05
メニュー用のアコーディオンパネルは下に線を引く
パネル周辺の線を消し、マージンと領域をクリア後、下に線を引く
2019/09/12
アコーディオンパネルに影をつけるようになったが、メニュー内では影を外すこと
2019/09/21
パネルの背景色設定に伴い、メニュー用のアコーディオンパネルの背景色を透明にする
2020/07/18
メニュー用のアコーディオンパネル上マージンを1em確保することで操作性を改善
*/

.haik-menu .orgm-accordion .panel,
.haik-article-menu .orgm-accordion .panel {
	border: none;
	margin: 1em 0 0 0;
	padding: 0;
	border-bottom: 1px solid #e9e9e9;
	box-shadow: none;
	background-color: transparent;
}
/* ======================
トグル部分の色　
2019.03.20
#333だと違いがわからないのでdarkgrayにする。
しかし、マウスオーバー時の色が変なので元に戻した。
マウスオーバー時のトグル部分　下線なし
======================*/

.haik-menu .orgm-accordion accordion-toggle.collapsed,
.haik-menu .orgm-accordion a.accordion-toggle.collapsed,
.haik-article-menu .orgm-accordion accordion-toggle.collapsed,
.haik-article-menu .orgm-accordion a.accordion-toggle.collapsed {
	border-color: #333;
	text-decoration: none;
}
/* ======================
パネルヘッダの背景枠の大きさ
：もし線に配色ミスがあったら色で気づくようにあえて赤に設定してある
2019.05.16
メニュー内アコーディオンパネル内の背景色をメニューの背景色を継承する
2020/09/10
役割を終えたのでコメントアウト
======================*/
/*
.haik-menu .orgm-accordion div.panel-heading,
.haik-article-menu .orgm-accordion div.panel-heading {
	padding-left: 0px;
	border-color: red;
	background: inherit;
}
*/
/* ======
コピー防止確認用ダミー
====== */

#nagamira.haik-menu .orgm-accordion h4.pane-title.no-toc a:hover,
#nagamira.haik-article-menu .orgm-accordion pane-title.no-toc a:hover {
	color: #db4441;
	transition: 0.3s;
}
/* ======================
パネルのタイトル　アクティブ領域大きさをを調整
文字の色を若干灰色（#505050）の黒色にする
2019.03.21
タイトルの頭にあるアイコンの字下げを調整
2019.03.22
タイトルの頭にあるアイコンの字下げを調整
2019.09.03
メインコンテナにあるアコーディオンパネルとパネルヘッダとフッタの文字縁取りを白に
メニューでは今のところ黒灰色なので白縁の方がよい
2019.09.05
改修につき、余白とテキストインデントの調整
2020/01/19
メニューでのアコーディオンパネルのテキストインデントの調整
2020/09/21
メニューでのアコーディオンパネルのテキストのシャドウの無効化
コメントにしておくので必要な場合は修正する
======================*/

.haik-menu .orgm-accordion h4.panel-title.no-toc a,
.haik-article-menu .orgm-accordion h4.panel-title.no-toc a {
	color: #505050;
	padding: 0px;
	text-indent: 0em;
	/* text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75517px 0.958851px 0px, rgb(255, 255, 255) 1.0806px 1.68294px 0px, rgb(255, 255, 255) 0.141474px 1.99499px 0px; */
    text-shadow:none;
}
.haik-menu .orgm-accordion h4.panel-title.no-toc a:hover,
.haik-article-menu .orgm-accordion h4.panel-title.no-toc a:hover {
	color: #337ab7;
	transition: 0.3s;
}
/* ======================
2019.08.26
メニューの見出し3のブロック指定と相対位置指定
======================*/

.haik-menu h4 a, .haik-article-menu h4 a {
	display: block;
	position: relative;
}


/* ======================
2020.08.26
アコーディオンパネルを開閉時、自動で下線を少し太くする
これによってパネルの枠線類との区別がつきやすいようにする
2020/08/27
実験のみで採用は見送り
======================*/
/*
.orgm-accordion .collapse.in {
    display: block;
    border-bottom: 0.5em solid;
    border-color: inherit;
}
*/

/* ======================
2019.03.23
アコーディオンパネルから継承した.haik-menu 内専用アコーディオンパネル
以上
======================*/