@charset "UTF-8";

/*
	カスタマイズ用クラス

	自由にCSSを設定してください。
	
	※このCSSで定義したクラスは、CMS管理画面でのページ編集においても利用できます。
	※編集後はブラウザリロードしてください。
*/


/*************/
/* フォント指定 */
/*************/

/* ---- Google Fonts (Noto Sans Japanese) ---- */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');
/* ---- 全体に適用 ---- */
html, body {
  font-family:"メイリオ", "Meiryo", "游ゴシック体", "YuGothic",
                    "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro",
                    -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", "Arial", sans-serif; /*フォント指定*/
}
/* ---- 個別適用 (デザイン調整含む) ---- */
#HeaderArea #hlinks li a span,
#SubNaviArea,
#FooterNaviArea, #FooterExtraArea, #Copyright,
#MobileUI .mobileMenu {
  font-family:"Noto Sans JP";
  font-weight:300;
}
#HeaderArea #hlinks li a span i.fa {margin-right:0.2em;}
#GlobalNaviArea ._level-1 > li > a .t1 {
  font-family:"Noto Sans JP";
  font-weight:300;
  margin-top:-2px;
}
@media not screen and (max-width:1200px) {
  #GlobalNaviArea ._level-1 > li > a .t1 {
    font-size:1.05em;
    margin-top:-3px;
  }
}
h1 {
  font-family:"Noto Sans JP";
  font-weight:600;
}
.noto_sans {
  font-family:"Noto Sans JP";
}

/*************/
/* 見出し装飾 */
/*************/

/* del:240628 グラデーションver*/
/*h1 {padding:10px 15px 8px 15px; color:#fff;
      background:linear-gradient(20deg, var(--site-color-main) 0%, var(--site-color-sub) 45%, var(--site-color-sub) 65%, var(--site-color-main) 100%);}
h2 {position:relative; padding:8px 0 8px 4px;}
h2::before {position:absolute; bottom:0; left:0; width:100%; height:5px; content: '';
                  background:linear-gradient(20deg, var(--site-color-main) 0%, var(--site-color-sub) 45%, var(--site-color-sub) 65%, var(--site-color-main) 100%);}
h2 > a {text-decoration:none; color:rgba(var(--site-color-text-anchor-rgb, 74, 102, 160), 1)!important;}
h2:has(a:hover)::after {opacity:0.8;}
h3 {position:relative; display:inline-block; padding:10px 0 4px 4px; z-index:0;}
h3::before {position:absolute; bottom:-6px; left:-8px; width:45px; height:45px; content:''; border-radius:50%; z-index:-1;
                  background:linear-gradient(20deg, rgba(var(--site-color-main-rgb),0.2), rgba(187,219,251,0.8));}
h4 {padding:8px 0 8px 8px; border-left:4px solid rgba(var(--site-color-main-rgb),0.6); background:rgba(var(--site-color-main-rgb),0.28);}
h5 {position:relative; padding:4px 0 2px 1.3em;}
h5::before {position:absolute; top:3px; left:0; color:rgba(var(--site-color-main-rgb),0.8); content:"▼"; transform:scale(1.4,1.4);}
h6 {padding:4px 0 2px 12px; border-left:4px groove rgba(var(--site-color-sub-rgb),0.6);}*/

/* add:240628 ソリッドver*/
h1 {padding:/*10px 15px 8px 15px*/7px 15px 11px 15px; color:#fff; background:rgba(var(--hx-bg-main-rgb),1)!important;}
h2 {position:relative; padding:8px 0 8px 4px;}
h2::before {position:absolute; bottom:0; left:0; width:100%; height:5px; content: ''; background:rgba(var(--hx-bg-main-rgb),1);}
h2 > a {text-decoration:none; color:rgba(var(--site-color-text-anchor-rgb, 74, 102, 160), 1)!important;}
h2:has(a:hover)::after {opacity:0.8;}
h3 {position:relative; display:inline-block; padding:10px 0 4px 4px; z-index:0;}
h3::before {position:absolute; bottom:-5px; left:-7px; width:45px; height:45px; content:''; border-radius:50%; z-index:-1;
                  background:rgba(var(--hx-bg-main-rgb),0.2);}
h4 {padding:8px 0 8px 8px; border-left:4px solid rgba(var(--site-color-main-rgb),0.6); background:rgba(var(--site-color-main-rgb),0.28);}
h5 {position:relative; padding:4px 0 2px 1.3em;}
h5::before {position:absolute; top:3px; left:0; color:rgba(var(--site-color-main-rgb),0.8); content:"▼"; transform:scale(1.4,1.4);}
h6 {padding:4px 0 2px 12px; border-left:4px groove rgba(var(--site-color-sub-rgb),0.6);}

/* add:240628 見出し影ありの場合 */
h1 {box-shadow:5px 3px 0 rgba(var(--hx-bg-sub-rgb),0.4);}


/* 見出し装飾 色パターン変更用 (背景色クラス適用時に反映 ※色の修正をする場合は、cms.css内の変数定義にて修正してください) */

/* ---- h1 ---- */

/* del:240628 グラデーションver*/
/*h1.bg-black {background:linear-gradient(20deg, rgba(var(--bg-black-rgb),0.75) 0%, var(--bg-black-sub) 45%, var(--bg-black-sub) 65%, rgba(var(--bg-black-rgb),0.7) 100%)!important;}
h1.bg-dark {background:linear-gradient(20deg, rgba(var(--bg-dark-rgb),0.75) 0%, var(--bg-dark-sub) 45%, var(--bg-dark-sub) 65%, rgba(var(--bg-dark-rgb),0.75) 100%)!important;}
h1.bg-glay {background:linear-gradient(20deg, rgba(var(--bg-gray-rgb),0.75) 0%, var(--bg-gray-sub) 45%, var(--bg-gray-sub) 65%, rgba(var(--bg-gray-rgb),0.75) 100%)!important;}
h1.bg-gray {background:linear-gradient(20deg, rgba(var(--bg-gray-rgb),0.75) 0%, var(--bg-gray-sub) 45%, var(--bg-gray-sub) 65%, rgba(var(--bg-gray-rgb),0.75) 100%)!important;}
h1.bg-light {background:linear-gradient(20deg, rgba(var(--bg-light-rgb),0.75) 0%, var(--bg-light-sub) 45%, var(--bg-light-sub) 65%, rgba(var(--bg-light-rgb),0.75) 100%)!important;}
h1.bg-light2 {background:linear-gradient(20deg, rgba(var(--bg-light2-rgb),0.75) 0%, var(--bg-light2-sub) 45%, var(--bg-light2-sub) 65%, rgba(var(--bg-light2-rgb),0.75) 100%)!important;}
h1.bg-light3 {background:linear-gradient(20deg, rgba(var(--bg-light3-rgb),0.75) 0%, var(--bg-light3-sub) 45%, var(--bg-light3-sub) 65%, rgba(var(--bg-light3-rgb),0.75) 100%)!important;}
h1.bg-white {background:linear-gradient(20deg, rgba(var(--bg-white-rgb),0.75) 0%, var(--bg-white-sub) 45%, var(--bg-white-sub) 65%, rgba(var(--bg-white-rgb),0.75) 100%)!important; color:black;}
h1.bg-red {background:linear-gradient(20deg, rgba(var(--bg-red-rgb),0.75)  0%, var(--bg-red-sub) 45%, var(--bg-red-sub) 65%, rgba(var(--bg-red-rgb),0.75) 100%)!important;}
h1.bg-orange {background:linear-gradient(20deg, rgba(var(--bg-orange-rgb),0.75) 0%, var(--bg-orange-sub) 45%, var(--bg-orange-sub) 65%, rgba(var(--bg-orange-rgb),0.75) 100%)!important;}
h1.bg-green {background:linear-gradient(20deg, rgba(var(--bg-green-rgb),0.75) 0%, var(--bg-green-sub) 45%, var(--bg-green-sub) 65%, rgba(var(--bg-green-rgb),0.75) 100%)!important;}
h1.bg-blue {background:linear-gradient(20deg, rgba(var(--bg-blue-rgb),0.75) 0%, var(--bg-blue-sub) 45%, var(--bg-blue-sub) 65%, rgba(var(--bg-blue-rgb),0.75) 100%)!important;}
h1.bg-purple {background:linear-gradient(20deg, rgba(var(--bg-purple-rgb),0.75) 0%, var(--bg-purple-sub) 45%, var(--bg-purple-sub) 65%, rgba(var(--bg-purple-rgb),0.75) 100%)!important;}
h1.bg-yellow {background:linear-gradient(20deg, rgba(var(--bg-yellow-rgb),0.75) 0%, var(--bg-yellow-sub) 45%, var(--bg-yellow-sub) 65%, rgba(var(--bg-yellow-rgb),0.75) 100%)!important;}
h1.bg-lightgreen {background:linear-gradient(20deg, rgba(var(--bg-lightgreen-rgb),0.75) 0%, var(--bg-lightgreen-sub) 45%, var(--bg-lightgreen-sub) 65%, rgba(var(--bg-lightgreen-rgb),0.75) 100%)!important;}
h1.bg-brown {background:linear-gradient(20deg, rgba(var(--bg-brown-rgb),0.75) 0%, var(--bg-brown-sub) 45%, var(--bg-brown-sub) 65%, rgba(var(--bg-brown-rgb),0.75) 100%)!important;}*/

/* add:240628 ソリッドver */
h1.bg-black {background:rgba(var(--bg-black-rgb),1)!important;}
h1.bg-dark {background:rgba(var(--bg-dark-rgb),1)!important;}
h1.bg-glay {background:rgba(var(--bg-gray-rgb),1)!important;} /*CMS内のスペルミス対応用*/
h1.bg-gray {background:rgba(var(--bg-gray-rgb),1)!important;}
h1.bg-light {background:rgba(var(--bg-light-rgb),1)!important;}
h1.bg-light2 {background:rgba(var(--bg-light2-rgb),1)!important;; color:black;}
h1.bg-light3 {background:rgba(var(--bg-light3-rgb),1)!important;; color:black;}
h1.bg-white {background:rgba(var(--bg-white-rgb),1)!important; color:black;}
h1.bg-red {background:rgba(var(--bg-red-rgb),1)!important;}
h1.bg-orange {background:rgba(var(--bg-orange-rgb),1)!important;}
h1.bg-green {background:rgba(var(--bg-green-rgb),1)!important;}
h1.bg-blue {background:rgba(var(--bg-blue-rgb),1)!important;}
h1.bg-purple {background:rgba(var(--bg-purple-rgb),1)!important;}
h1.bg-yellow {background:rgba(var(--bg-yellow-rgb),1)!important;} /*色パターン追加 (手作業でクラス適用する必要あり)*/
h1.bg-lightgreen {background:rgba(var(--bg-lightgreen-rgb),1)!important;} /*色パターン追加 (手作業でクラス適用する必要あり)*/
h1.bg-brown {background:rgba(var(--bg-brown-rgb),1)!important;} /*色パターン追加 (手作業でクラス適用する必要あり)*/
h1.bg-skyblue {background:rgba(var(--bg-skyblue-rgb),1)!important;} /*色パターン追加 (手作業でクラス適用する必要あり)*/

/* add:240628 見出し影ありの場合 */
h1.bg-black {box-shadow:5px 3px 0 rgba(var(--bg-black-rgb),0.4);}
h1.bg-dark {box-shadow:5px 3px 0 rgba(var(--bg-dark-rgb),0.4);}
h1.bg-glay {box-shadow:5px 3px 0 rgba(var(--bg-gray-rgb),0.4);} /*CMS内のスペルミス対応用*/
h1.bg-gray {box-shadow:5px 3px 0 rgba(var(--bg-gray-rgb),0.4);}
h1.bg-light {box-shadow:5px 3px 0 rgba(var(--bg-light-rgb),0.4);}
h1.bg-light2 {box-shadow:5px 3px 0 rgba(var(--bg-light2-rgb),0.4)}
h1.bg-light3 {box-shadow:5px 3px 0 rgba(var(--bg-light3-rgb),0.4);}
h1.bg-white {box-shadow:5px 3px 0 rgba(var(--bg-white-sub-rgb),0.4); border:solid 1px rgba(var(--bg-white-sub-rgb),0.2);}
h1.bg-red {box-shadow:5px 3px 0 rgba(var(--bg-red-rgb),0.4);}
h1.bg-orange {box-shadow:5px 3px 0 rgba(var(--bg-orange-rgb),0.4);}
h1.bg-green {box-shadow:5px 3px 0 rgba(var(--bg-green-rgb),0.4);}
h1.bg-blue {box-shadow:5px 3px 0 rgba(var(--bg-blue-rgb),0.4);}
h1.bg-purple {box-shadow:5px 3px 0 rgba(var(--bg-purple-rgb),0.4);}
h1.bg-yellow {box-shadow:5px 3px 0 rgba(var(--bg-yellow-rgb),0.4);} /*色パターン追加 (手作業でクラス適用する必要あり)*/
h1.bg-lightgreen {box-shadow:5px 3px 0 rgba(var(--bg-lightgreen-rgb),0.4);} /*色パターン追加 (手作業でクラス適用する必要あり)*/
h1.bg-brown {box-shadow:5px 3px 0 rgba(var(--bg-brown-rgb),0.4);} /*色パターン追加 (手作業でクラス適用する必要あり)*/
h1.bg-skyblue {box-shadow:5px 3px 0 rgba(var(--bg-skyblue-rgb),0.4);} /*色パターン追加 (手作業でクラス適用する必要あり)*/

/* add:240628 テキスト影ありの場合 */
h1.bg-black {text-shadow:2px 1px 0 rgba(var(--bg-black-sub-rgb),1);}
h1.bg-dark {text-shadow:2px 1px 0 rgba(var(--bg-dark-sub-rgb),1);}
h1.bg-glay {text-shadow:2px 1px 0 rgba(var(--bg-gray-sub-rgb),1);} /*CMS内のスペルミス対応用*/
h1.bg-gray {text-shadow:2px 1px 0 rgba(var(--bg-gray-sub-rgb),1);}
h1.bg-light {text-shadow:2px 1px 0 rgba(var(--bg-light-sub-rgb),1);}
h1.bg-light2 {}
h1.bg-light3 {}
h1.bg-white {}
h1.bg-red {text-shadow:2px 1px 0 rgba(var(--bg-red-sub-rgb),1);}
h1.bg-orange {text-shadow:2px 1px 0 rgba(var(--bg-orange-sub-rgb),1);}
h1.bg-green {text-shadow:2px 1px 0 rgba(var(--bg-green-sub-rgb),1);}
h1.bg-blue {text-shadow:2px 1px 0 rgba(var(--bg-blue-sub-rgb),1);}
h1.bg-purple {text-shadow:2px 1px 0 rgba(var(--bg-purple-sub-rgb),1);}
h1.bg-yellow {text-shadow:2px 1px 0 rgba(var(--bg-yellow-sub-rgb),1);} /*色パターン追加 (手作業でクラス適用する必要あり)*/
h1.bg-lightgreen {text-shadow:2px 1px 0 rgba(var(--bg-lightgreen-sub-rgb),1);} /*色パターン追加 (手作業でクラス適用する必要あり)*/
h1.bg-brown {text-shadow:2px 1px 0 rgba(var(--bg-brown-sub-rgb),1);} /*色パターン追加 (手作業でクラス適用する必要あり)*/
h1.bg-skyblue {text-shadow:2px 1px 0 rgba(var(--bg-skyblue-sub-rgb),1);} /*色パターン追加 (手作業でクラス適用する必要あり)*/

/* ---- h2 ---- */

h2.bg-black {background:none!important;}
h2.bg-dark {background:none!important;}
h2.bg-glay {background:none!important;} /*CMS内のスペルミス対応用*/
h2.bg-gray {background:none!important;}
h2.bg-light {background:none!important;}
h2.bg-light2 {background:none!important;}
h2.bg-light3 {background:none!important;}
h2.bg-white {background:none!important;}
h2.bg-red {background:none!important;}
h2.bg-orange {background:none!important;}
h2.bg-green {background:none!important;}
h2.bg-blue {background:none!important;}
h2.bg-purple {background:none!important;}
h2.bg-yellow {background:none!important;} /*色パターン追加 (手作業でクラス適用する必要あり)*/
h2.bg-lightgreen {background:none!important;} /*色パターン追加 (手作業でクラス適用する必要あり)*/
h2.bg-brown {background:none!important;} /*色パターン追加 (手作業でクラス適用する必要あり)*/
h2.bg-skyblue {background:none!important;} /*色パターン追加 (手作業でクラス適用する必要あり)*/

/* del:240628 グラデーションver */
/*h2.bg-black::before {background:linear-gradient(20deg, rgba(var(--bg-black-rgb),0.75) 0%, var(--bg-black-sub) 45%, var(--bg-black-sub) 65%, rgba(var(--bg-black-rgb),0.7) 100%);}
h2.bg-dark::before {background:linear-gradient(20deg, rgba(var(--bg-dark-rgb),0.75) 0%, var(--bg-dark-sub) 45%, var(--bg-dark-sub) 65%, rgba(var(--bg-dark-rgb),0.75) 100%);}
h2.bg-glay::before {background:linear-gradient(20deg, rgba(var(--bg-gray-rgb),0.75) 0%, var(--bg-gray-sub) 45%, var(--bg-gray-sub) 65%, rgba(var(--bg-gray-rgb),0.75) 100%);}
h2.bg-gray::before {background:linear-gradient(20deg, rgba(var(--bg-gray-rgb),0.75) 0%, var(--bg-gray-sub) 45%, var(--bg-gray-sub) 65%, rgba(var(--bg-gray-rgb),0.75) 100%);}
h2.bg-light::before {background:linear-gradient(20deg, rgba(var(--bg-light-rgb),0.75) 0%, var(--bg-light-sub) 45%, var(--bg-light-sub) 65%, rgba(var(--bg-light-rgb),0.75) 100%);}
h2.bg-light2::before {background:linear-gradient(20deg, rgba(var(--bg-light2-rgb),0.75) 0%, var(--bg-light2-sub) 45%, var(--bg-light2-sub) 65%, rgba(var(--bg-light2-rgb),0.75) 100%);}
h2.bg-light3::before {background:linear-gradient(20deg, rgba(var(--bg-light3-rgb),0.75) 0%, var(--bg-light3-sub) 45%, var(--bg-light3-sub) 65%, rgba(var(--bg-light3-rgb),0.75) 100%);}
h2.bg-white::before {background:linear-gradient(20deg, rgba(var(--bg-white-rgb),0.75) 0%, var(--bg-white-sub) 45%, var(--bg-white-sub) 65%, rgba(var(--bg-white-rgb),0.75) 100%); color:black;}
h2.bg-red::before {background:linear-gradient(20deg, rgba(var(--bg-red-rgb),0.75)  0%, var(--bg-red-sub) 45%, var(--bg-red-sub) 65%, rgba(var(--bg-red-rgb),0.75) 100%);}
h2.bg-orange::before {background:linear-gradient(20deg, rgba(var(--bg-orange-rgb),0.75) 0%, var(--bg-orange-sub) 45%, var(--bg-orange-sub) 65%, rgba(var(--bg-orange-rgb),0.75) 100%);}
h2.bg-green::before {background:linear-gradient(20deg, rgba(var(--bg-green-rgb),0.75) 0%, var(--bg-green-sub) 45%, var(--bg-green-sub) 65%, rgba(var(--bg-green-rgb),0.75) 100%);}
h2.bg-blue::before {background:linear-gradient(20deg, rgba(var(--bg-blue-rgb),0.75) 0%, var(--bg-blue-sub) 45%, var(--bg-blue-sub) 65%, rgba(var(--bg-blue-rgb),0.75) 100%);}
h2.bg-purple::before {background:linear-gradient(20deg, rgba(var(--bg-purple-rgb),0.75) 0%, var(--bg-purple-sub) 45%, var(--bg-purple-sub) 65%, rgba(var(--bg-purple-rgb),0.75) 100%);}
h2.bg-yellow::before {background:linear-gradient(20deg, rgba(var(--bg-yellow-rgb),0.75) 0%, var(--bg-yellow-sub) 45%, var(--bg-yellow-sub) 65%, rgba(var(--bg-yellow-rgb),0.75) 100%);}
h2.bg-lightgreen::before {background:linear-gradient(20deg, rgba(var(--bg-lightgreen-rgb),0.75) 0%, var(--bg-lightgreen-sub) 45%, var(--bg-lightgreen-sub) 65%, rgba(var(--bg-lightgreen-rgb),0.75) 100%);}
h2.bg-brown::before {background:linear-gradient(20deg, rgba(var(--bg-brown-rgb),0.75) 0%, var(--bg-brown-sub) 45%, var(--bg-brown-sub) 65%, rgba(var(--bg-brown-rgb),0.75) 100%);}*/

/* add:240628 ソリッドver */
h2.bg-black::before {background:rgba(var(--bg-black-rgb),1);}
h2.bg-dark::before {background:rgba(var(--bg-dark-rgb),1);}
h2.bg-glay::before {background:rgba(var(--bg-gray-rgb),1);} /*CMS内のスペルミス対応用*/
h2.bg-gray::before {background:rgba(var(--bg-gray-rgb),1);}
h2.bg-light::before {background:rgba(var(--bg-light-rgb),1);}
h2.bg-light2::before {background:rgba(var(--bg-light2-rgb),1);}
h2.bg-light3::before {background:rgba(var(--bg-light3-rgb),1);}
h2.bg-white::before {background:rgba(var(--bg-white-rgb),1);}
h2.bg-red::before {background:rgba(var(--bg-red-rgb),1);}
h2.bg-orange::before {background:rgba(var(--bg-orange-rgb),1);}
h2.bg-green::before {background:rgba(var(--bg-green-rgb),1);}
h2.bg-blue::before {background:rgba(var(--bg-blue-rgb),1);}
h2.bg-purple::before {background:rgba(var(--bg-purple-rgb),1);}
h2.bg-yellow::before {background:rgba(var(--bg-yellow-rgb),1);} /*色パターン追加 (手作業でクラス適用する必要あり)*/
h2.bg-lightgreen::before {background:rgba(var(--bg-lightgreen-rgb),1);} /*色パターン追加 (手作業でクラス適用する必要あり)*/
h2.bg-brown::before {background:rgba(var(--bg-brown-rgb),1);} /*色パターン追加 (手作業でクラス適用する必要あり)*/
h2.bg-skyblue::before {background:rgba(var(--bg-skyblue-rgb),1);} /*色パターン追加 (手作業でクラス適用する必要あり)*/

/* ---- h3 ---- */
h3.bg-black {background:none!important;}
h3.bg-dark {background:none!important;}
h3.bg-glay {background:none!important;} /*CMS内のスペルミス対応用*/
h3.bg-gray {background:none!important;}
h3.bg-light {background:none!important;}
h3.bg-light2 {background:none!important;}
h3.bg-light3 {background:none!important;}
h3.bg-white {background:none!important;}
h3.bg-red {background:none!important;}
h3.bg-orange {background:none!important;}
h3.bg-green {background:none!important;}
h3.bg-blue {background:none!important;}
h3.bg-purple {background:none!important;}
h3.bg-yellow {background:none!important;} /*色パターン追加 (手作業でクラス適用する必要あり)*/
h3.bg-lightgreen {background:none!important;} /*色パターン追加 (手作業でクラス適用する必要あり)*/
h3.bg-brown {background:none!important;} /*色パターン追加 (手作業でクラス適用する必要あり)*/
h3.bg-skyblue {background:none!important;} /*色パターン追加 (手作業でクラス適用する必要あり)*/

/* del:240628 グラデーションver */
/*h3.bg-black::before {background:linear-gradient(20deg, rgba(var(--bg-black-sub-rgb), 0.6), rgba(var(--bg-black-rgb), 0.4));}
h3.bg-dark::before {background:linear-gradient(20deg, rgba(var(--bg-dark-sub-rgb), 0.6), rgba(var(--bg-dark-rgb), 0.4));}
h3.bg-glay::before {background:linear-gradient(20deg, rgba(var(--bg-gray-sub-rgb), 0.6), rgba(var(--bg-gray-rgb), 0.4));}
h3.bg-gray::before {background:linear-gradient(20deg, rgba(var(--bg-gray-sub-rgb), 0.6), rgba(var(--bg-gray-rgb), 0.4));}
h3.bg-light::before {background:linear-gradient(20deg, rgba(var(--bg-light-sub-rgb), 0.6), rgba(var(--bg-light-rgb), 0.4));}
h3.bg-light2::before {background:linear-gradient(20deg, rgba(var(--bg-light2-sub-rgb), 0.6), rgba(var(--bg-light2-rgb), 0.4));}
h3.bg-light3::before {background:linear-gradient(20deg, rgba(var(--bg-light3-sub-rgb), 0.6), rgba(var(--bg-light3-rgb), 0.4));}
h3.bg-white::before {background:linear-gradient(20deg, rgba(var(--bg-white-sub-rgb), 0.6), rgba(var(--bg-white-rgb), 0.4));}
h3.bg-red::before {background:linear-gradient(20deg, rgba(var(--bg-red-sub-rgb), 0.6), rgba(var(--bg-red-rgb), 0.4));}
h3.bg-orange::before {background:linear-gradient(20deg, rgba(var(--bg-orange-sub-rgb), 0.6), rgba(var(--bg-orange-rgb), 0.4));}
h3.bg-green::before {background:linear-gradient(20deg, rgba(var(--bg-green-sub-rgb), 0.6), rgba(var(--bg-green-rgb), 0.4));}
h3.bg-blue::before {background:linear-gradient(20deg, rgba(var(--bg-blue-sub-rgb), 0.6), rgba(var(--bg-blue-rgb), 0.4));}
h3.bg-purple::before {background:linear-gradient(20deg, rgba(var(--bg-purple-sub-rgb), 0.6), rgba(var(--bg-purple-rgb), 0.4));}
h3.bg-yellow::before {background:linear-gradient(20deg, rgba(var(--bg-yellow-sub-rgb), 0.6), rgba(var(--bg-yellow-rgb), 0.4));}
h3.bg-lightgreen::before {background:linear-gradient(20deg, rgba(var(--bg-lightgreen-sub-rgb), 0.6), rgba(var(--bg-lightgreen-rgb), 0.4));}
h3.bg-brown::before {background:linear-gradient(20deg, rgba(var(--bg-brown-sub-rgb), 0.6), rgba(var(--bg-brown-rgb), 0.4));}*/

/* add:240628 ソリッドver */
h3.bg-black::before {background:rgba(var(--bg-black-rgb),0.2);}
h3.bg-dark::before {background:rgba(var(--bg-dark-rgb),0.2);}
h3.bg-glay::before {background:rgba(var(--bg-gray-rgb),0.2);} /*CMS内のスペルミス対応用*/
h3.bg-gray::before {background:rgba(var(--bg-gray-rgb),0.2);}
h3.bg-light::before {background:rgba(var(--bg-light-rgb),0.2);}
h3.bg-light2::before {background:rgba(var(--bg-light2-rgb),0.2);}
h3.bg-light3::before {background:rgba(var(--bg-light3-rgb),0.2);}
h3.bg-white::before {background:rgba(var(--bg-white-rgb),0.2);}
h3.bg-red::before {background:rgba(var(--bg-red-rgb),0.2);}
h3.bg-orange::before {background:rgba(var(--bg-orange-rgb),0.2);}
h3.bg-green::before {background:rgba(var(--bg-green-rgb),0.2);}
h3.bg-blue::before {background:rgba(var(--bg-blue-rgb),0.2);}
h3.bg-purple::before {background:rgba(var(--bg-purple-rgb),0.2);}
h3.bg-yellow::before {background:rgba(var(--bg-yellow-rgb),0.2);} /*色パターン追加 (手作業でクラス適用する必要あり)*/
h3.bg-lightgreen::before {background:rgba(var(--bg-lightgreen-rgb),0.2);} /*色パターン追加 (手作業でクラス適用する必要あり)*/
h3.bg-brown::before {background:rgba(var(--bg-brown-rgb),0.2);} /*色パターン追加 (手作業でクラス適用する必要あり)*/
h3.bg-skyblue::before {background:rgba(var(--bg-skyblue-rgb),0.2);} /*色パターン追加 (手作業でクラス適用する必要あり)*/

/* ---- h4 ---- */
h4.bg-black {border-left-color:rgba(var(--bg-black-rgb),0.6); background:rgba(var(--bg-black-rgb),0.28)!important;}
h4.bg-dark {border-left-color:rgba(var(--bg-dark-rgb),0.6); background:rgba(var(--bg-dark-rgb),0.28)!important;}
h4.bg-glay {border-left-color:rgba(var(--bg-gray-rgb),0.6); background:rgba(var(--bg-gray-rgb),0.28)!important;} /*CMS内のスペルミス対応用*/
h4.bg-gray {border-left-color:rgba(var(--bg-gray-rgb),0.6); background:rgba(var(--bg-gray-rgb),0.28)!important;}
h4.bg-light {border-left-color:rgba(var(--bg-light-rgb),0.6); background:rgba(var(--bg-light-rgb),0.28)!important;}
h4.bg-light2 {border-left-color:rgba(var(--bg-light2-rgb),0.6); background:rgba(var(--bg-light2-rgb),0.28)!important;}
h4.bg-light3 {border-left-color:rgba(var(--bg-light3-rgb),0.6); background:rgba(var(--bg-light3-rgb),0.28)!important;}
h4.bg-white {border-left-color:rgba(var(--bg-white-rgb),0.6); background:rgba(var(--bg-white-rgb),0.28)!important;}
h4.bg-red {border-left-color:rgba(var(--bg-red-rgb),0.6); background:rgba(var(--bg-red-rgb),0.28)!important;}
h4.bg-orange {border-left-color:rgba(var(--bg-orange-rgb),0.6); background:rgba(var(--bg-orange-rgb),0.28)!important;}
h4.bg-green {border-left-color:rgba(var(--bg-green-rgb),0.6); background:rgba(var(--bg-green-rgb),0.28)!important;}
h4.bg-blue {border-left-color:rgba(var(--bg-blue-rgb),0.6); background:rgba(var(--bg-blue-rgb),0.28)!important;}
h4.bg-purple {border-left-color:rgba(var(--bg-purple-rgb),0.6); background:rgba(var(--bg-purple-rgb),0.28)!important;}
h4.bg-yellow {border-left-color:rgba(var(--bg-yellow-rgb),0.6); background:rgba(var(--bg-yellow-rgb),0.28)!important;} /*色パターン追加 (手作業でクラス適用する必要あり)*/
h4.bg-lightgreen {border-left-color:rgba(var(--bg-lightgreen-rgb),0.6); background:rgba(var(--bg-lightgreen-rgb),0.28)!important;} /*色パターン追加 (手作業でクラス適用する必要あり)*/
h4.bg-brown {border-left-color:rgba(var(--bg-brown-rgb),0.6); background:rgba(var(--bg-brown-rgb),0.28)!important;} /*色パターン追加 (手作業でクラス適用する必要あり)*/
h4.bg-skyblue {border-left-color:rgba(var(--bg-skyblue-rgb),0.6); background:rgba(var(--bg-skyblue-rgb),0.28)!important;} /*色パターン追加 (手作業でクラス適用する必要あり)*/

/* ---- h5 ---- */
h5.bg-black {background:none!important;}
h5.bg-dark {background:none!important;}
h5.bg-glay {background:none!important;} /*CMS内のスペルミス対応用*/
h5.bg-gray {background:none!important;}
h5.bg-light {background:none!important;}
h5.bg-light2 {background:none!important;}
h5.bg-light3 {background:none!important;}
h5.bg-white {background:none!important;}
h5.bg-red {background:none!important;}
h5.bg-orange {background:none!important;}
h5.bg-green {background:none!important;}
h5.bg-blue {background:none!important;}
h5.bg-purple {background:none!important;}
h5.bg-yellow {background:none!important;} /*色パターン追加 (手作業でクラス適用する必要あり)*/
h5.bg-lightgreen {background:none!important;} /*色パターン追加 (手作業でクラス適用する必要あり)*/
h5.bg-brown {background:none!important;} /*色パターン追加 (手作業でクラス適用する必要あり)*/
h5.bg-black::before {color:rgba(var(--bg-black-rgb),0.8);}
h5.bg-dark::before {color:rgba(var(--bg-dark-rgb),0.8);}
h5.bg-glay::before {color:rgba(var(--bg-gray-rgb),0.8);} /*CMS内のスペルミス対応用*/
h5.bg-gray::before {color:rgba(var(--bg-gray-rgb),0.8);}
h5.bg-light::before {color:rgba(var(--bg-light-rgb),0.8);}
h5.bg-light2::before {color:rgba(var(--bg-light2-rgb),0.8);}
h5.bg-light3::before {color:rgba(var(--bg-light3-rgb),0.8);}
h5.bg-white::before {color:rgba(var(--bg-white-rgb),0.8);}
h5.bg-red::before {color:rgba(var(--bg-red-rgb),0.8);}
h5.bg-orange::before {color:rgba(var(--bg-orange-rgb),0.8);}
h5.bg-green::before {color:rgba(var(--bg-green-rgb),0.8);}
h5.bg-blue::before {color:rgba(var(--bg-blue-rgb),0.8);}
h5.bg-purple::before {color:rgba(var(--bg-purple-rgb),0.8);}
h5.bg-yellow::before {color:rgba(var(--bg-yellow-rgb),0.8);} /*色パターン追加 (手作業でクラス適用する必要あり)*/
h5.bg-lightgreen::before {color:rgba(var(--bg-lightgreen-rgb),0.8);} /*色パターン追加 (手作業でクラス適用する必要あり)*/
h5.bg-brown::before {color:rgba(var(--bg-brown-rgb),0.8);} /*色パターン追加 (手作業でクラス適用する必要あり)*/
h5.bg-skyblue::before {color:rgba(var(--bg-skyblue-rgb),0.8);} /*色パターン追加 (手作業でクラス適用する必要あり)*/

/* ---- h6 ---- */
h6.bg-black {background:none!important;}
h6.bg-dark {background:none!important;}
h6.bg-glay {background:none!important;} /*CMS内のスペルミス対応用*/
h6.bg-gray {background:none!important;}
h6.bg-light {background:none!important;}
h6.bg-light2 {background:none!important;}
h6.bg-light3 {background:none!important;}
h6.bg-white {background:none!important;}
h6.bg-red {background:none!important;}
h6.bg-orange {background:none!important;}
h6.bg-green {background:none!important;}
h6.bg-blue {background:none!important;}
h6.bg-purple {background:none!important;}
h6.bg-yellow {background:none!important;} /*色パターン追加 (手作業でクラス適用する必要あり)*/
h6.bg-lightgreen {background:none!important;} /*色パターン追加 (手作業でクラス適用する必要あり)*/
h6.bg-brown {background:none!important;} /*色パターン追加 (手作業でクラス適用する必要あり)*/
h6.bg-skyblue {background:none!important;} /*色パターン追加 (手作業でクラス適用する必要あり)*/
h6.bg-black {border-left-color:rgba(var(--bg-black-sub-rgb),0.4);}
h6.bg-dark {border-left-color:rgba(var(--bg-dark-sub-rgb),0.4);}
h6.bg-glay {border-left-color:rgba(var(--bg-gray-sub-rgb),0.4);} /*CMS内のスペルミス対応用*/
h6.bg-gray {border-left-color:rgba(var(--bg-gray-sub-rgb),0.4);}
h6.bg-light {border-left-color:rgba(var(--bg-light-sub-rgb),0.4);}
h6.bg-light2 {border-left-color:rgba(var(--bg-light2-sub-rgb),0.4);}
h6.bg-light3 {border-left-color:rgba(var(--bg-light3-sub-rgb),0.4);}
h6.bg-white {border-left-color:rgba(var(--bg-white-sub-rgb),0.4);}
h6.bg-red {border-left-color:rgba(var(--bg-red-sub-rgb),0.4);}
h6.bg-orange {border-left-color:rgba(var(--bg-orange-sub-rgb),0.4);}
h6.bg-green {border-left-color:rgba(var(--bg-green-sub-rgb),0.4);}
h6.bg-blue {border-left-color:rgba(var(--bg-blue-sub-rgb),0.4);}
h6.bg-purple {border-left-color:rgba(var(--bg-purple-sub-rgb),0.4);}
h6.bg-yellow {border-left-color:rgba(var(--bg-yellow-sub-rgb),0.4);} /*色パターン追加 (手作業でクラス適用する必要あり)*/
h6.bg-lightgreen {border-left-color:rgba(var(--bg-lightgreen-sub-rgb),0.4);} /*色パターン追加 (手作業でクラス適用する必要あり)*/
h6.bg-brown {border-left-color:rgba(var(--bg-brown-sub-rgb),0.4);} /*色パターン追加 (手作業でクラス適用する必要あり)*/
h6.bg-skyblue {border-left-color:rgba(var(--bg-skyblue-sub-rgb),0.4);} /*色パターン追加 (手作業でクラス適用する必要あり)*/

/* ※表組(.cms-table)の背景色設定は、cms.css内に記載あり */



/* 画像 ぼやけ対策(Chrome,Edge用) */
img {image-rendering:-webkit-optimize-contrast;}

/* list */
ul[id^="list_"] .t1 > a {color:#fff;}

/* footer navi インデント・段下げ調整用 */
.footer_navi ._level-2 > li > a {padding-left:0.6em; text-indent:-0.4em; margin-right:1em;}

/* 強調装飾 */
em {font-size:small; background:#4e4e4e; color:white; padding:1px 6px 1px 6px; border-radius:2px; border:white 1px solid;}

/* 英語表示 文字色 */
.en {color:#0f5474;}

/* 空白 */ /*add:231004*/
.mt-sp {padding-right:0.3em;} /*Myタグの{{sp}} ⇒ 0.3文字分の幅で空白を挿入*/

/* アイコン関連 */ /*add:231004*/
.mt-at, .mt-mail .fa-at {padding:0 0.1em;} /*アットマーク*/
.mt-mail .fa-envelope {padding-right:0.3em;} /*メールアイコン*/
.beginner {display:inline-block; margin:3px 0 0 3px;}
.beginner .inner {width:10px; height:11px; display:flex;}
.beginner .inner div {width:50%; height:100%;}
.beginner .left {background:#F0E428; border-radius:25px 0 3px 5px; border-right:none; border-left-width:1px; transform:skewY(45deg);}
.beginner .right {background:#21A397; border-radius:0 25px 5px 3px; border-left:none; border-right-width:1px; transform:skewY(-45deg);}

/* fontawesomeアイコン色指定 */ /*add:240523*/
.fa-file-pdf-o {color:rgba(210, 75, 110, 0.85)!important;}
.fa-file-word-o {color:rgba(12, 102, 198, 0.85)!important;}
.fa-file-excel-o {color:rgba(13, 110, 56, 0.85)!important;}
.fa-file-powerpoint-o {color:rgba(208, 80, 18, 0.85)!important;}

/* リンク関連 */
.color-anchor {color:rgba(var(--site-color-text-anchor-rgb, 74, 102, 160), 1)!important;}
.link-ex::after {display:inline-block; font-family:'fontawesome'; content:'\f14c'; padding:0 0.3em; font-size:0.8em;}
.link-pdf::after {display:inline-block; font-family:'fontawesome'; content:'\f1c1'; padding:0 0.3em; font-size:0.9em; color:rgba(210, 75, 110, 0.85)!important;}
.link-pdf.link-ex {position:relative;}
.link-pdf.link-ex::before {display:inline-block; font-family:'fontawesome'; content:'\f14c'; padding:0 0.3em 0; font-size:0.8em; position:absolute; right:-1.2em; bottom:0;}
.link-btn {display:inline-block; padding:1px 6px 0 6px; text-decoration:none; background:#888; color:white; font-weight:bold; border-radius:2px; line-height:1.4;} /*ボタン状のリンク*/
.link-btn:hover {color:white; opacity:0.8;} /*ボタン状のリンク*/
a[href="#"] {pointer-events:none; text-decoration:none; color:var(--site-color-text, #333);}

/* Flexコンテナ */
.flex_col2 {display:flex; flex-wrap:wrap; flex-direction:row; gap:15px 30px;}
.flex_col2 > div.cms-layout {flex-basis:max-content;}
.flex_col3 {display:flex; flex-wrap:wrap; flex-direction:row; gap:15px 30px;}
.flex_col3 > div.cms-layout {flex-basis:max-content;}

/*スクロールバー表示用クラス*/
@media screen and (max-width:810px) {
  .scroll-x-mob {overflow-x:scroll;}
  .scroll-y-mob {overflow-y:scroll;}
}

/* ページトップへ戻るボタン */
.cms-pagetop {position:fixed; bottom:12px; right:12px; width:40px; height:40px; padding:12px 0 0; background:#fff; color:#333;
                      text-align:center; cursor:pointer; border-radius:50%; box-shadow:0px 0px 10px rgba(0,0,0,0.2);}
.cms-pagetop:hover {opacity:0.75!important; background:rgba(245, 133, 189, 0.7);}

/* accoクラス定義 */
details.acco[open] summary{list-style:'－ ';}
details.acco:not([open]) summary{list-style:'＋ ';}
details.acco summary:hover{cursor:pointer; opacity:0.8;}
details.acco summary::marker{font-weight:bold; font-size:120%; color:#444;}

/* お知らせ一覧の表示関連 */
.info_part {background:rgba(var(--body-rgb),1);} /*add*/
.info_part a {text-underline-offset:0.3em;} /*add:231228*/
.info_part a[href="#"], a.info_href[href="#"] {pointer-events:none; text-decoration:none; color:#333;} /*add お知らせ表示処理(タイトルやリンクのみの場合)*/
.info_part .news-row a[href^="http"]:not([href*="www.lib.fukushima-u.ac.jp" i]):not([href="#"])::after, a.info_href[href^="http"]:not([href*="www.lib.fukushima-u.ac.jp" i]):not([href="#"])::after {display:inline-block; font-family:'fontawesome'; content:'\f14c'; padding:0 0.3em; font-size:0.8em;}
.info_part .news-row a[href*=".pdf" i]::after, a.info_href[href*=".pdf" i]::after {display:inline-block; font-family:'fontawesome'; content:'\f1c1'!important; padding:0 0.3em; font-size:0.9em!important; color:rgba(210, 75, 110, 0.85)!important;}
.info_part .news-row a[href*=".pdf" i][href^="http"]:not([href*="www.lib.fukushima-u.ac.jp" i]):not([href="#"]), a.info_href[href*=".pdf" i][href^="http"]:not([href*="www.lib.fukushima-u.ac.jp" i]):not([href="#"])  {position:relative;}
.info_part .news-row a[href*=".pdf" i][href^="http"]:not([href*="www.lib.fukushima-u.ac.jp" i]):not([href="#"])::before, a.info_href[href*=".pdf" i][href^="http"]:not([href*="www.lib.fukushima-u.ac.jp" i]):not([href="#"])::before {display:inline-block; font-family:'fontawesome'; content:'\f14c'; padding:0 0.3em 0; font-size:0.8em; position:absolute; right:-1.2em; bottom:0;}
/*.mobileMenu a:not([href^="http"])[href*="#"] {pointer-events:none; display:none!important;}*/ /*add スマホメニュ ページ内リンク(httpで始まらず#を含むリンク)を非表示*/

/* お知らせ一覧 汎用色クラス設定時の下線色変更 */
.info_part a:not([href="#"]) .color-black, a.info_href:not([href="#"]) .color-black {text-decoration:underline solid var(--color-black);}
.info_part a:not([href="#"]) .color-dark, a.info_href:not([href="#"]) .color-dark {text-decoration:underline solid var(--color-dark);}
.info_part a:not([href="#"]) .color-gray, a.info_href:not([href="#"]) .color-gray {text-decoration:underline solid var(--color-gray);}
.info_part a:not([href="#"]) .color-glay, a.info_href:not([href="#"]) .color-glay {text-decoration:underline solid var(--color-gray);} /*CMSのスぺルミス対応*/
.info_part a:not([href="#"]) .color-light, a.info_href:not([href="#"]) .color-light {text-decoration:underline solid var(--color-light);}
.info_part a:not([href="#"]) .color-light2, a.info_href:not([href="#"]) .color-light2 {text-decoration:underline solid var(--color-light2);}
.info_part a:not([href="#"]) .color-light3, a.info_href:not([href="#"]) .color-light3 {text-decoration:underline solid var(--color-light3);}
.info_part a:not([href="#"]) .color-white, a.info_href:not([href="#"]) .color-white {text-decoration:underline solid var(--color-white);}
.info_part a:not([href="#"]) .color-red, a.info_href:not([href="#"]) .color-red {text-decoration:underline solid var(--color-red);}
.info_part a:not([href="#"]) .color-orange, a.info_href:not([href="#"]) .color-orange {text-decoration:underline solid var(--color-orange);}
.info_part a:not([href="#"]) .color-green, a.info_href:not([href="#"]) .color-green {text-decoration:underline solid var(--color-green);}
.info_part a:not([href="#"]) .color-blue, a.info_href:not([href="#"]) .color-blue {text-decoration:underline solid var(--color-blue);}
.info_part a:not([href="#"]) .color-purple, a.info_href:not([href="#"]) .color-purple {text-decoration:underline solid var(--color-purple);}
/* for Safari */
.info_part a:not([href="#"]):has(.color-black), a.info_href:not([href="#"]):has(.color-black) {-webkit-text-decoration-color:var(--color-black);}
.info_part a:not([href="#"]):has(.color-dark), a.info_href:not([href="#"]):has(.color-dark) {-webkit-text-decoration-color:var(--color-dark);}
.info_part a:not([href="#"]):has(.color-gray), a.info_href:not([href="#"]):has(.color-gray) {-webkit-text-decoration-color:var(--color-gray);}
.info_part a:not([href="#"]):has(.color-glay), a.info_href:not([href="#"]):has(.color-glay) {-webkit-text-decoration-color:var(--color-gray);} /*CMSのスぺルミス対応*/
.info_part a:not([href="#"]):has(.color-light), a.info_href:not([href="#"]):has(.color-light) {-webkit-text-decoration-color:var(--color-light);}
.info_part a:not([href="#"]):has(.color-light2), a.info_href:not([href="#"]):has(.color-light2) {-webkit-text-decoration-color:var(--color-light2);}
.info_part a:not([href="#"]):has(.color-light3), a.info_href:not([href="#"]):has(.color-light3) {-webkit-text-decoration-color:var(--color-light3);}
.info_part a:not([href="#"]):has(.color-white), a.info_href:not([href="#"]):has(.color-white) {-webkit-text-decoration-color:var(--color-white);}
.info_part a:not([href="#"]):has(.color-red), a.info_href:not([href="#"]):has(.color-red) {-webkit-text-decoration-color:var(--color-red);}
.info_part a:not([href="#"]):has(.color-orange), a.info_href:not([href="#"]):has(.color-orange) {-webkit-text-decoration-color:var(--color-orange);}
.info_part a:not([href="#"]):has(.color-green), a.info_href:not([href="#"]):has(.color-green) {-webkit-text-decoration-color:var(--color-green);}
.info_part a:not([href="#"]):has(.color-blue), a.info_href:not([href="#"]):has(.color-blue) {-webkit-text-decoration-color:var(--color-blue);}
.info_part a:not([href="#"]):has(.color-purple), a.info_href:not([href="#"]):has(.color-purple) {-webkit-text-decoration-color:var(--color-purple);}

/* データベース (表示関連) */ /*スマホの場合は表示項目を限定(仮)*/
#db_tb :is(th, td):nth-child(1) {text-align:center;} /*頭文字(読み)*/
/* データベース 幅設定 (パソコン表示) */
#db_tb tr:first-child th:nth-child(1) {width:4%;} /*頭文字(読み)*/
#db_tb tr:first-child th:nth-child(2) {width:26%;} /*データベース名*/
#db_tb tr:first-child th:nth-child(3) {width:0%;} /*URL*/
#db_tb tr:first-child th:nth-child(4) {width:7.5%;} /*利用環境*/
#db_tb tr:first-child th:nth-child(5) {width:9.75%;} /*分野*/
#db_tb tr:first-child th:nth-child(6) {width:9.75%;} /*資料の種類*/
#db_tb tr:first-child th:nth-child(7) {width:0%;} /*全文の有無*/
#db_tb tr:first-child th:nth-child(8) {width:43%;} /*内容*/
/* データベース 幅設定 (タブレット表示) */
@media screen and (max-width:1200px) {
  #db_tb tr:first-child th:nth-child(1) {width:4.25%;} /*頭文字(読み)*/
  #db_tb tr:first-child th:nth-child(2) {width:27.25%;} /*データベース名*/
  #db_tb tr:first-child th:nth-child(3) {width:0%;} /*URL*/
  #db_tb tr:first-child th:nth-child(4) {width:8.5%;} /*利用環境*/
  #db_tb tr:first-child th:nth-child(5) {width:11.25%;} /*分野*/
  #db_tb tr:first-child th:nth-child(6) {width:11.25%;} /*資料の種類*/
  #db_tb tr:first-child th:nth-child(7) {width:0%;} /*全文の有無*/
  #db_tb tr:first-child th:nth-child(8) {width:38.5%;} /*内容*/
}
/* データベース 幅設定 (スマホ表示) */
@media screen and (max-width:810px) {
  #db_tb {font-size:85%;}
/*  #db_tb tr:first-child th:nth-child(n+7) {display:none;}
  #db_tb tr:not(:first-child) td:nth-child(n+7) {display:none;}*/ /*del*/
  #db_tb tr:first-child th:nth-child(2) {max-width:20%;} /*データベース名*/
  #db_tb tr:first-child th:nth-child(4) {width:18%;} /*利用環境*/
  #db_tb tr:first-child th:nth-child(5) {width:18%;} /*分野*/
  #db_tb tr:first-child th:nth-child(6) {width:18%;} /*資料の種類*/
  #db_tb tr:first-child th:nth-child(8) {max-width:22%;} /*内容*/
}
/* 電子ブック・ジャーナル・学外アクセス (スマホ表示) */
@media screen and (max-width:810px) {
  #db_e_book, #db_e_journal, #db_e_offcampus, #tb_council_kamei, #tb_council_sanka {font-size:85%;}
}

/* データベース (ソート機能関連) */
#db_tb tr:first-child th span {display:inline-block;}
#db_tb tr:first-child th .sort_on::after {content:"\f0dc"; font-family:"fontawesome"; padding-left:0.3em; color:#888;}
#db_tb tr:first-child th:has(.sort_on):hover {cursor:pointer; background:linear-gradient(160deg, rgba(var(--site-color-main-rgb),0.2) 10%, rgba(var(--site-color-sub-rgb), 0.3) 80%);}
/*#db_tb tr:first-child th.asc i {font-size:0;}*/
#db_tb tr:first-child th.asc .sort_on::after {font-size:12px; content:'\f15d'; font-family:fontawesome;}
/*#db_tb tr:first-child th.desc i {font-size:0;}*/
#db_tb tr:first-child th.desc .sort_on::after {font-size:12px; content:'\f15e'; font-family:fontawesome;}

/* データベース・お知らせ一覧 (絞込機能関連) */
.filter-item input {display:none;}
.filter-item label {float:left; color:rgba(var(--site-color-text-anchor-rgb, 74, 102, 160), 1); background:/*rgba(var(--site-bg-sub-rgb),0.15)*/none; cursor:pointer;
                          line-height:1.4; height:1.2em; min-width:1.2em; padding:2px 5px; margin:3px 4px; border:1px solid rgba(var(--site-bg-sub-rgb),0.4);
                          border-radius:4px; text-align:center; font-size:0.9em;}
.filter-item label:hover {opacity:0.9;}
.filter-item input:checked + label {background:rgba(206, 90, 87, 0.2);}
#db_tb *[class^="disable-"] {display:none;}
.info_part .disable-info {display:none;}
#older .disable-info {display:none;} /*add:240807 2022年度以前テーブル対応*/
@media not screen and (max-width:810px) {
  #filter_info .filter-item label {float:none; display:inline-block; width:88%; padding:3px 5px; margin:3px 4px 4px 8px;}
}

/* データベース絞込 プルダウンVer. */
#filter_char select {padding:4px 2px 2px 1px; margin:0 4px; color:rgba(var(--site-color-text-anchor-rgb, 74, 102, 160), 1); background:rgba(var(--site-bg-sub-rgb),0.15); cursor:pointer;
                               line-height:1.3; height:1.6em; min-width:80px; padding:2px 5px 2px 10px; margin:3px 4px; border:none; border-radius:4px;}
#filter_char select.selected {background:rgba(206, 90, 87, 0.2)!important;} /* ---- making ---- */

/* データベース 各項目の表示変更 (アイコン表示含む) */
.db_title {font-size:1.15em; font-weight:bold;}
.db_title a {text-decoration:none;}
/*.db_title a::after {content:'\f14c'; font-family:'fontawesome'; font-size:0.7em; font-weight:normal; padding-left:0.3em;}*/ /*del:240605*/
.db_title a.link-ex::after {display:inline; font-size:0.7em; font-weight:normal; padding-right:0;} /*add:240605*/
.db_ico {display:inline-block; padding:3px 3.5px 1px 3px; margin:0 4px 2px 0;
             border-radius:3px; color:var(--color-white, white); font-size:0.88em; line-height:1.4;}
.db_ico.gakunai {background:rgba(90, 130, 180, 0.8); padding-right:4.5px;}
.db_ico.gakunin {background:rgba(40, 150, 140, 0.8); padding-right:4.5px;}
.db_ico.mylib {background:rgba(var(--bg-purple-rgb, 130, 72, 128), 0.75);}
.db_ico.free {background:rgba(120, 120, 120, 0.8);}
.db_ico.connectable {color:var(--color-black, black); background:rgba(var(--bg-red-rgb, 238, 130, 124), 0.4);
                                            border:solid 1px rgba(var(--bg-red-rgb, red), 0.7); padding-top:2px; /*font-weight:bold;*/}
.db_ico.fulltext {color:var(--color-black, black); background:var(--bg-white, white);
                                     border:solid 1px rgba(var(--bg-gray-rgb, gray), 0.9); padding-top:2px; /*font-weight:bold;*/}
@media screen and (max-width:810px) {
  .db_ico {padding:1px 3px 1px 3px;}
  .db_ico.gakunai {padding-right:3.5px;}
  .db_ico.gakunin {padding-right:3.5px;}
  .db_ico.mylib {}
  .db_ico.free {}
  .db_ico.connectable {padding-top:1px;}
  .db_ico.fulltext {padding-top:1px;}
}
.db_ico.ico_backnum {background:rgba(91, 155, 213, 1);}
.db_ico.ico_current {background:rgba(232, 143, 116, 1);}
.db_ico.ico_search {background:rgba(112, 173, 71, 1);}
.db_ico.ico_trial {background:rgba(255, 0, 0, 1);; padding-right:4.5px;}

/* pdf埋め込み時 表示サイズ */
iframe[src*=".pdf"] {width:100%; height:75vh;}

/* explanクラス定義 (ナビゲーションブロック内で使用) */
#BodyArea .cms-navi small.explan {margin:0 1em;}
#BodyArea .cms-navi small.explan:empty {display:none;}
#BodyArea .cms-navi small.explan:not(:empty)::before {content:"(";}
#BodyArea .cms-navi small.explan:not(:empty)::after {content:")";}

/* ライブラリ青信号 信号アイコン(青・黄・赤)*/
.sigs {text-align:center;}
.sigs .bg {background:linear-gradient(30deg,rgb(220,220,220),rgb(230,230,230),rgb(230,230,230),rgb(220,220,220)); margin:0 auto; border-radius:25px;}
.sigs .sig {display:inline-block; border-radius:50%;}
.sigs .ao {background:rgba(30,200,210,0.1);}
.sigs .ki {background:rgba(210,200,30,0.1);}
.sigs .aka {background:rgba(210,30,60,0.1);}
#sig_b.sigs, #sig_y.sigs, #sig_r.sigs {float:left;}
#sig_top.sigs .bg {height:35px; width:100px; box-shadow:2px 2px 4px #444, 2px 2px 4px #ccc inset;}
#sig_b.sigs .bg, #sig_y.sigs .bg, #sig_r.sigs .bg {height:15px; width:40px; box-shadow:1px 1px 2px #444, 1px 1px 2px #ccc inset; margin-top:-2px;}
#sig_top.sigs .sig {width:25px; height:25px; margin:5px 2px; box-shadow:1px 1px 3px #666, 2px 2px 4px #999 inset;}
#sig_b.sigs .sig, #sig_y.sigs .sig, #sig_r.sigs .sig {width:10px; height:10px; margin:2px 1px; box-shadow:0 1px 2px #666, 1px 1px 2px #999 inset;}
#sig_top.sigs .ao,
#sig_b.sigs .ao {background:rgb(0,230,255);}
#sig_y.sigs .ki {background:rgb(255,240,0);}
#sig_r.sigs .aka {background:rgb(255,100,210);}

/* メールマガジン */
#mag_nav .cms-navi p, #mag_nav .cms-btns li {padding:4px 0 4px 8px; border-left:4px solid rgba(var(--site-color-main-rgb),0.6); margin:10px 0;}
#mag_nav .cms-btns li {padding:8px 0 8px 8px; border-bottom:1px solid #999;}
@media screen and (max-width:810px) {
  #mag_txt {padding:15px!important;}
  #mag_nav {width:100%!important; max-width:100%!important; padding:10px 2px 0 2px!important; margin-right:24px;}
}

/* マニュアル用 */ /*add:240607*/
.h-title {display:inline-block; padding:0.2em 0 0 0.3em;}
em.page {margin:0 0.3em; padding:0 0.5em; color:#4a66a0; background:#dbe1eb!important; font-weight:normal;}
em.group {margin:0 0.3em; padding:0 0.5em; color:#4a66a0; background:#dbe1eb!important; font-weight:bold;}
em.pagecopy {margin:0 0.3em; padding:0 0.2em; color:#4a66a0; background:white!important; border:solid 1px #dbe1eb;}
em.icon {margin:0 0.3em; padding:0; color:#4a66a0; background:transparent!important;}
em.input {margin:0 0.3em; padding:0 1.5em 0 0.2em; color:black; background:#ffffcc!important; box-shadow:0 0 1px gray;}
em.b-input {margin:0 0.3em; padding:0 1.5em 0 0.2em; color:#4a66a0; background:#ffffcc!important; box-shadow:0 0 1px gray;}
em.w-input {margin:0 0.3em; padding:0 1.5em 0 0.2em; color:white; background:#4a66a0!important; box-shadow:0 0 1px gray;}
em.b-blue {margin:0 0.3em; padding:0 0.5em; color:cyan; background:#4a66a0!important;}
em.b-sky {margin:0 0.3em; padding:0 0.5em; color:#4a66a0; background:#ccffff!important;}
em.b-gray {margin:0 0.3em; padding:0 0.5em; color:#4a66a0; background:#ccc!important;}
em.b-white {margin:0 0.3em; padding:0 0.5em; color:#4a66a0; background:white!important; box-shadow:0 0 1px gray;}
em.y-blue {margin:0 0.3em; padding:0 0.5em; color:yellow; background:#4a66a0!important;}
em.y-black {margin:0 0.3em; padding:0 0.5em; color:yellow; background:black!important;}
em.w-blue {margin:0 0.3em; padding:0 0.5em; color:white; background:#4a66a0!important;}
em.w-red {margin:0 0.3em; padding:0 0.5em; color:white; background:red!important;}
em.tab {border-radius:10px 10px 0 0;}
em.tag {border-radius:0 0 10px 10px;}
em.round {border-radius:10px;}