@charset "UTF-8";
/* CSS Document */


/*======Google Fonts を読み込み======*/
@import url('https://fonts.googleapis.com/css2?family=BIZ+UDPGothic:wght@400;700&family=M+PLUS+1p:wght@300;400;500;700;800&family=Noto+Sans+JP:wght@300;400;500;700;800&display=swap');


/* ==================================================
文字関係
================================================== */

/*JASPOは項目の間隔を立たせる為、本文段落の間隔をBootstrap標準からやや狭くする*/
p{
    margin-bottom: 0.9em;
    line-height: 1.8;
}

/*空のpタグに高さをつける*/
p {
    min-height:1em;
}


/*URLや英単語含め禁則を優先して改行（文字はジャスティファイされない）*/
body {
    overflow-wrap: break-word;
    word-wrap: break-word;
    color: #333;
}

/*スマホ文字指定*/
/*1remの指定（remの基準とする文字サイズは「html」で設定）（デフォルト=16px）*/
@media screen and (max-width: 767px) {
  html {
      font-size: 15px;
    }
}

/* ==================================================
基本スタイル
================================================== */
img{
    max-width: 100%;    
}

ul,ol {
    list-style-type: none;
    margin:0;
    padding:0;
}


/* ==================================================
リンク関係指定
=================================================== */
a,
a:link,
a:visited {
	color: #333;
	text-decoration: none;
}
a:hover, a:active {
	 opacity: 0.6;
}
/*メインコンテンツ内：リンク線をborder-bottomで装飾*/
main#ccMainArea div.card-body a,
main#ccMainArea div.card-body a:link,
main#ccMainArea div.card-body a:visited {
    color: #2D3D81;
    text-decoration: none;
   padding-bottom: 0.1em;
    border-bottom: dotted 2px #C1AFE8;
}
/*画像を囲ったリンクのborder-bottom装飾をトル*/
main#ccMainArea div.card-body a:has(img) {
    border-bottom: none!important;
}

main#ccMainArea div.card-body a:hover, a:active {
	 opacity: 0.7;
}
/*メインコンテンツ内：以下の要素のアンダーラインをトル*/
main#ccMainArea div.card-body h1 a:link,
main#ccMainArea div.card-body h2 a:link,
main#ccMainArea div.card-body h3 a:link,
main#ccMainArea div.list-group a:link {
    color: #333;
    text-decoration: none;
}
main#ccMainArea div.card-body h1 a:visited,
main#ccMainArea div.card-body h2 a:visited,
main#ccMainArea div.card-body h3 a:visited,
main#ccMainArea div.list-group a:visited {
    color: #333;
	text-decoration: none;
}

/*リンク付画像のリンク枠線を消す*/
a img {
border-style:none;
}
/*リンクマウスオーバー（透過処理で少し明るく）*/
a:hover,
a:hover p,
a:hover div,
p a:hover,
a:hover span,
a:hover img,
span a:hover {
 opacity: 0.6;
}
/*Bootstrapの「button」マウスオーバー（透過処理で少し明るく）*/
.btn-primary:hover {
 opacity: 0.6;
}

/*リンクマウスオーバーを透過させない*/
a.opacity1:hover p {
 opacity: 1;
}
p a.opacity1:hover {
 opacity: 1;
}
a.opacity1:hover img{
	opacity: 1;
}

/*アンカーリンクclass（位置をずらす）*/
span.Anchor{
    display: block;
    padding-top: 15px;
    margin-top: -15px;
}

/*hr要素を消す*/
hr {
    border: transparent 0px solid;
}
/*hr要素を表示する*/
hr.BorderOn {
    border: 1px solid #0180D6;
}

/* ==================================================
Connect-CMS：デフォルト設定/管理パーツカスタマイズ
================================================== */
/*各フレームのタイトルh1を隠す*/
div.CardH1None h1.card-header {
    display: none;
}
/*フレームタイトルh1を消しても管理画面上では表示させる
（:has()内の子要素を持つ場合に適用）*/
h1.card-header:has(div.float-right){
    display:block!important;
    padding-right: 0px;
    padding-left: 0px;
}

/*=========管理メニュー(歯車)エリア=========*/
h1.card-header div.float-right{
    display: block!important;
    background-color: #D3D3D3!important;
    font-size: 20px!important;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    border-radius: 10px;
    margin-right: 0px;
    width: 100%;
    max-width: 250px;
}
/*=========管理メニュー：上部メニューエリア=========*/
div.frame-setting{
background-color: #F8F9FA;
   padding-right:0px;
}
div.frame-setting-menu nav.navbar,
div.frame-setting-menu nav.navbar li.nav-item,
div.frame-setting-menu nav.navbar li.nav-item a{
    list-style-type: none;
    text-indent: 0px;
    padding-left:0px;
    padding-right:25px;
}
div.frame-setting-menu nav.navbar li.nav-item span.nav-link{
    text-indent: 0px;
    padding-left:0px;
    padding-right:20px;
}
/*=========管理メニュー：設定エリア=========*/
main#ccMainArea div.frame-setting-body h5{
    border-left-style: none;
    background-color:transparent;
    font-size: 1.25rem
}


/*=========記事編集エリア=========*/
div.card-body form{
    z-index: 999;   
}
/*キャンセル〜変更確定ボタンのエリア*/
div.card-body form div.row div.text-center{
    width: 400px;
    margin-left: 0px;
}
@media screen and (max-width: 767px) {
div.card-body form div.row div.text-center{
    width: 100%;
    margin-left: 0px;
}
}
/*削除ボタン*/
div.card-body form div.row div.text-right a span{
    font-size: 0.8rem;
    width: 65px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    border-radius: 15px;
}

/*記事入力 エリア*/
div.card-body form div.form-group{
}
/*記事入力エリアの高さ：デフォルト=300px*/
div.card-body form div.form-group div.tox-tinymce{
    min-height:600px;
}

/*新規登録ボタン*/
div.card-body p.text-right button.btn-success {
    margin-bottom: 20px;
    margin-top: 20px;
}
/*編集 ボタン*/
div.card-body  span.btn-success{
    margin-top: 5px;
}

/*「続き」入力エリアを消す*/
div.card-body form div.form-row:has(input[name="read_more_flag"]){
    display: none
}
div.card-body form div.form-group:has(textarea[name="post_text2"]){
    display: none
}
/*タグエリアを消す*/
div.card-body form div.form-group:has(input[name="tags"]){
    display: none
}



/*=======DINews=========*/
/*編集画面：記事入力エリアの高さ：デフォルト=300px*/
div#frame-108 div.card-body form div.form-group div.tox-tinymce{
    min-height:600px;
}
/*編集画面：重要記事エリアを消す*/
div#frame-108 div.card-body form div.form-group:has(input[name="important"]){
    display: none
}
/*編集画面：編集画面のタグエリアを消す*/
div#frame-108 div.card-body form div.form-group:has(input[name="tags"]){
    display: none
}

/*編集画面：カテゴリエリアを消す*/
div#frame-108 div.card-body form div.form-group:has(select[name="categories_id"]){
    display: none 
}
/*新着記事一覧：カテゴリエリアを消す*/
div#frame-417 div.card-body span.badge.cc_category_.mr-2{
/*    display: none*/
}



/* ==================================================
独自ユーティリティクラス
================================================== */

/* margin-bottom指定 */
.MaBt-minus50{
    margin-bottom: -50px!important;    
}
.MaBt-minus20{
    margin-bottom: -20px!important;    
}
.MaBt-0{
    margin-bottom: 0px!important;    
}
.MaBt-30{
    margin-bottom: 30px!important;    
}
.MaBt-50{
    margin-bottom: 50px!important;    
}
.MaBt-100{
    margin-bottom: 100px!important;    
}
.MaBt-500{
    margin-bottom: 500px!important;    
}
.MaTo-minus50{
    margin-top: -50px!important;    
}
.MaTo-0{
    margin-top: 0px!important;    
}
.MaTo-10{
    margin-top: 10px!important;    
}
.MaTo-20{
    margin-top: 20px!important;    
}
.MaTo-50{
    margin-top: 50px!important;    
}
.MaTo-100{
    margin-top: 100px!important;    
}


/*  PC/スマホ画像切り替え */
/*PCで表示〔.HiddenSp〕*/
.Pc { display: block !important; }
.Sp { display: none !important; }
/*スマホで表示〔.HiddenPc〕*/
@media only screen and (max-width: 750px) {
    .Pc { display: none !important; }
    .Sp { display: block !important; }
}


/* ==================================================
位置関係
================================================== */
/*=========左右marginセンター揃え=========*/
.ItemCenter {
    margin-left: auto;
    margin-right: auto;
    display: block!important;
}

/*=========Flexbox=========*/

/* Flexbox左揃え */
.Boxrow{
	display: flex;  /* 直下の子要素をflexboxで揃える */
}
.Boxrow img {
	align-self: flex-start;/*画像がタテに延びないように個々に上部揃え*/
}
/*モバイル表示*/
@media only screen and (max-width:999px){
.Boxrow {
	display: flex;
	flex-direction: column; /* 子要素をタテ並びに配置（上から下） */
}
}

/* Flexbox右揃え */
.FlexEnd{
	display: flex;  /* 直下の子要素をflexboxで揃える */
    justify-content: flex-end; /*右揃え*/
}

/* Flexbox均等センター揃え */
.FlexGrid {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-around; /*両端のアイテムも含めて等間隔*/
}
.FlexGrid div{
    margin-bottom: 40px;
}

/*========文字回り込み=========*/
/* アイテム右 */
.PullRight{
  float: right;
  margin-left: 20px; /* テキストとの余白 */
}
/* アイテム左 */
.PullLeft{
  float: left;
  margin-right: 20px; /* テキストとの余白 */
}
@media screen and (max-width: 767px) {
    .PullRight{
      float: none;
      margin-left: 0px;
}
     .PullLeft{
      float: none;
      margin-right: 0px;
}
}

/*========フロー系の断落としdiv=========*/
/*段落とし*/
div.Flow01{
    margin-left:30px
}
/*段落としリセット*/
div.Flow01 .FlRes {
    margin-left:-30px;
}





/* ==================================================
Bootstrapの基本col幅を変更
================================================== */

/* =================================
Large幅（992px）以上の場合：col幅を変更
================================== */
/*--body直下全体の幅？--*/
.container-fluid.p-0,
.container-fluid.container-lg{
}

/*ベース（モバイルファースト）
　xs〜md（0〜992px）の時*/
.col-lg-3#ccLeftArea {
    max-width: 100%;    
}
.col-lg-3#ccRightArea{
    max-width: 100%;    
} 
.col-lg-6#ccMainArea{
        flex: 0 0 100%;
        max-width: 100%;
}

/*lg幅（992〜1199px）の時*/
@media screen and (min-width: 992px) {
 .col-lg-3#ccLeftArea {
    max-width: 15%;    
    }
.col-lg-3#ccRightArea{
    max-width: 18%;    
    } 
.col-lg-6#ccMainArea{
        flex: 0 0 63%;
        max-width: 63%;
    }
.col-lg-9#ccMainArea{/*トップページmainカラム=lg-9*/
        flex: 0 0 75%;
        max-width: 75%;
    }  
}

/*xl幅（1200PX）以上の時*/
@media screen and (min-width:1200px) {
   .col-lg-3#ccLeftArea {
    max-width: 165px;    
}
.col-lg-3#ccRightArea{
    max-width: 230px;    
    } 
.col-lg-6#ccMainArea{
        flex: 0 0 670px;
        max-width: 670px;
}
.col-lg-9#ccMainArea{/*トップページなど：mainカラム=lg-9の場合*/
        flex: 0 0 840px;
        max-width: 840px;
    }
}


/* =================================
上下位置（order）を変更
※フレックスボックス「order」プロパティ
================================== */
/*--ベース（モバイルファースト）xs〜md（0〜992px）の時：MainAreaが最初--*/
/*左カラム*/
#ccLeftArea {
    order: 2;
}
/*メインカカラム*/
#ccMainArea.order-1 {
    order: 1;
}
/*右カラム*/
#ccRightArea.order-lg-3{
    order: 3;
}

/*lg幅（992）以上の時：LeftAreaが最初--*/
@media screen and (min-width: 992px) {
    #ccLeftArea {
    order: 1;
    }
    /*メインカカラム*/
    #ccMainArea.order-1 {
    order: 2;
    }
    /*右カラム*/
    #ccRightArea.order-lg-3{
    order: 3;
    }
}

/* ==================================================
全体のレイアウト
================================================== */

/*======== ヘッダーカラム（ccHeaderArea）======== */
header#ccHeaderArea{
    margin-bottom: 10px;    
}

/* ヘッダー下全体カラム（#ccCenterArea） */    
div#ccCenterArea  {
    width: 100%;
   }  

/* ==========メインカラム（#ccMainArea） ==========*/    
/*1200px以上のデバイス(PC)=3カラム：カラムの間隔を設定*/ 
main#ccMainArea{
    margin-top: 0px;
    margin-right:35px!important; 
    margin-left:0px!important; 
}
@media screen and (max-width: 1199px) { 
/*1199px以下のデバイス=3カラム：カラムの間隔を設定*/ 
main#ccMainArea{
    margin-right:0!important;
    margin-left:0!important;
    padding-left: 2%!important;
    padding-right: 2%!important;  
    }
}
@media screen and (max-width: 991px) {
/*991px以下のデバイス(iPad)=1カラム：カラムの間隔を設定*/ 
main#ccMainArea{
    margin-right:0!important;
    margin-left:0!important;
    padding-left: 3%!important;
    padding-right: 3%!important;  
    }
}
@media screen and (max-width: 575px) {
/*575px以下のデバイス(スマホ)：カラムの間隔を設定*/ 
}

/*トップページのmainカラム〔lg-9〕=3カラム
　margin-rightの右カラム落ちに注意*/
    main#ccMainArea.col-lg-9{
    margin-right:45px!important; 
    margin-left:5px!important; 
    padding-left: 0%!important;
    padding-right: 0%!important;  
}
/*3カラム*/ 
@media screen and (max-width: 1199px) { 
    main#ccMainArea.col-lg-9{
    margin-right:1.5%!important;
    margin-left:0!important;
    padding-left: 0%!important;
    padding-right: 0%!important;  
}
}
/*プラグイン内containerの余白をクリア*/  
main#ccMainArea div.container{ 
    padding-left: 0px!important;
    padding-right: 0px!important;  
}
main#ccMainArea .row{
    margin-right: 0px!important;
    margin-left: 0px!important;
}


/*============ 左カラム（#ccLeftArea）============*/
aside#ccLeftArea{
    position: sticky;
    position: -webkit-sticky;
    top: 30px; 
    margin-right:35px!important; 
}
aside#ccLeftArea div.container{
    padding-left: 0px;
    padding-right: 0px;  
}
@media screen and (max-width: 1199px) { 
    aside#ccLeftArea{
    padding-right: 0px;  
    margin-right:2%!important; 
    }
}
@media screen and (max-width: 991px) {    
    aside#ccLeftArea{
    position: static;
     margin-right:0!important; 
   }   
   aside#ccLeftArea div.container{
    padding-right: 0px;  
    }
}
@media screen and (max-width: 575px) {    
    aside#ccLeftArea{
    margin: 0 calc(50% - 50vw);
    width: 100vw;
    }
}

/*============ 右カラム（#ccRightArea）============ */    
aside#ccRightArea {
    top: 30px;
    position: sticky;
    position: -webkit-sticky;
}
/*プラグイン内containerの余白をクリア*/  
aside#ccRightArea div.container{
    padding-right: 0px;
    padding-left: 0px;
}
@media screen and (max-width: 991px) {    
aside#ccRightArea{
    position: static;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    }
}
@media screen and (max-width: 767px) {
aside#ccRightArea{
    padding-left: 1%!important;
    padding-right: 1%!important;
    }
}

/*========フッタカラムー〔#ccFooterArea〕 ========*/    
@media screen and (max-width: 767px) {
footer#ccFooterArea{
    margin-top: 0px;
    }    
}


/* ==================================================
▼▼▼　サイトヘッダー　▼▼▼
================================================== */
/* Headerのあるフレームのmargin-bottomをリセット */
div#frame-card-104{
    margin-bottom: 0px!important;    
}

/* Header */
div.Header {
    display: flex;  /* 直下の子要素をflexboxで揃える */
    justify-content: space-between; /* 直下の子要素を等間隔に（両端余白なし） */
    height: 50px;
    padding-left: 5px;
}
@media screen and (max-width: 767px) {
div.Header {
    flex-wrap: wrap; /* 端に達したときにユーティリティメニュー折り返し */
    height: 65px;
    border-bottom: 1px solid #D5D5D5;
    }
}
/* HeaderLogo */
div.Header div.Logo {
    margin-top: 10px;
    width: 380px;
}
div.Header div.Utility  ul li {
    font-size: 8px;
	}
@media screen and (max-width: 767px) {
    div.Header div.Logo {
    margin-top: 5px;
    width: 80%;
    margin-bottom: -10px;
}
}

/*====ユーティリティメニュー===*/
div.Header div.Utility {
}
div.Header div.Utility ul{
    margin-top: 20px;
 }
div.Header div.Utility ul li {
    margin-right: 2px;
    display: inline-block;
}
div.Header div.Utility ul li a {
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    background-color: rgba(1,128,214,1.00);
    border-radius: 0.5em;
    font-size: 12px;
    color: rgb(255, 255, 255);
    line-height: 1.8;
}
@media screen and (max-width: 991px) {
div.Header div.Utility {
    margin-top: 20px;
    margin-left: auto;
    margin-right: 5px;
   }    
div.Header div.Utility ul{
     margin-top: 0px!important;
    }
div.Header div.Utility  ul li a {
    font-size:10px;
	}
}
@media screen and (max-width: 767px) {
div.Header div.Utility {
    margin-top: 0px;
}
}

/* ==================================================
▼▼▼　Gメニュー：上部固定　▼▼▼
================================================== */
/*div.JaspoGMenu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}*/


/*スマホメニュー部分*/
@media screen and (max-width: 767px) {
div.JaspoGMenu {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    background-color: rgba(237,237,237,1.00)!important;
    border-bottom: 1px solid #D4D4D4!important;
    height: 40px;
    }

div.container-fluid.p-0 {/*固定ナビバーの高さ分Containerを下げる*/
	padding-top: 40px!important;
    }   
}

/*スマホメニュー内*/
@media screen and (max-width: 767px) {
div.navbar-collapse {
    background-color: rgba(237,237,237,0.95);
    margin-left: 10%;
    margin-top: 0px;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    border-right: 1px solid #D4D4D4;
    border-left: 1px solid #D4D4D4;
    border-bottom: 1px solid #D4D4D4;
    width: 95%;
    font-size: 14px;
    }
}



/* ==================================================
Gメニュー（class名「JaspoGMenu」の追加で適用）
================================================== */
div.JaspoGMenu{
/*    position: fixed;
    z-index: 10;
    top: 50px;
    max-width: 1140px;
    width: 100%;*/
}
div.JaspoGMenu ul.nav-tabs {
}

/* メニューボタン */
div.JaspoGMenu ul.nav-tabs li {
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    border-radius: 0px;
    /*min-width: 50px;*/
}
div.JaspoGMenu ul.nav-tabs li a.nav-link{
    background-color: #0180D6;
    font-size: 12.5px;
    font-weight: bold;
    color: #FFFFFF;
    border-radius: 0px;
    white-space: normal;/* メニュー内：自動改行 */
    padding-right: 3px;
    padding-left: 3px;
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 3;
    height: 40px;
}
/* 右のドロップダウン三角の間隔 */
div.JaspoGMenu ul.nav-tabs li a.nav-link:after {
    margin-left: -3px;
}
/* 小さめのPCで見たときの設定 */
@media screen and (max-width: 1199px) {
div.JaspoGMenu ul.nav-tabs li a.nav-link{
    min-height: 48px;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 1.1;
}
}
/* Sp：ハンバーガーメニュー内文字 */
@media screen and (max-width: 767px) {
div.JaspoGMenu ul.navbar-nav li a.nav-link{
    color: #333;
}
}
/* Sp：ハンバーガーメニュー：三本線 */
#frame-card-18 .hamburger-menu .navbar-toggler-icon:nth-of-type(1) {height: 2px;}
#frame-card-18 .hamburger-menu .navbar-toggler-icon:nth-of-type(2) {height: 2px;}
#frame-card-18 .hamburger-menu .navbar-toggler-icon:nth-of-type(3) {height: 2px;}

/* メニューボタンカラー：滞在ページ状態 */
div.JaspoGMenu ul.nav-tabs li a.nav-link.active{
    background-color: #78BEED;
    color: #FFFFFF;
}
/* メニューボタンカラー：オンマウス階層展開状態 */
div.JaspoGMenu ul.nav-tabs li.show a.nav-link{
    background-color: #78BEED;
    color: #FFFFFF;
}
/* 右から00目の要素をそれぞれ指定*/
/* ドロップダウンエリア */
div.JaspoGMenu ul.nav-tabs li:nth-last-of-type(3).nav-item div.dropdown-menu.show{
    margin-left: -160px;/*右から3つ目ドロップダウンの位置を右にはみ出ないように左へずらし*/
} 
div.JaspoGMenu ul.nav-tabs li:nth-last-of-type(2).nav-item div.dropdown-menu.show{
    margin-left: -210px;/*右から2つ目ドロップダウンの位置を右にはみ出ないように左へずらし*/
} 
div.JaspoGMenu ul.nav-tabs li:nth-last-of-type(1).nav-item div.dropdown-menu.show{
    margin-left: -120px;/*最右ドロップダウンの位置を右にはみ出ないように左へずらし*/
} 
div.JaspoGMenu ul.nav-tabs li:nth-last-of-type(1)  {
    flex-grow: 0;/*[新着情報]ボタン幅の均等指定をリセット*/
}
div.JaspoGMenu ul.nav-tabs li:nth-last-of-type(1) a.nav-link  {
    width: 80px;/*[新着情報]ボタン幅調整*/
    letter-spacing: -0.05em;/*/文字間隔をやや狭く*/
    font-size: 12.5px!important;
}

/* ドロップダウンエリア */
div.JaspoGMenu li.nav-item div.dropdown-menu.show {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 20px;
    box-shadow: 2px 5px 5px 0 rgba(135,135,135,0.50);
    -webkit-box-shadow: 2px 5px 5px 0 rgba(135,135,135,0.50);
    border: 2px solid #5FA5D5;
} 
/* ドロップダウン中身 */
div.JaspoGMenu div.dropdown-menu a {
    font-size: 11px;
    color: #333;
    margin-top: 0px;
    margin-bottom: -20px;
    padding-left: 0px;
} 
/*階層スペース「px-2」を消す*/
div.JaspoGMenu div.dropdown-menu a span.px-2 {
    display: none;
} 
/*上部メニュー名のライン消し*/
div.JaspoGMenu div.dropdown-menu div.dropdown-divider {
    display: none;
} 
/* 頭アイコン指定 */
div.JaspoGMenu div.dropdown-menu a i{
    margin-right: -2px;
    color: #61A9EF;
}
/* 今いるページ */
div.JaspoGMenu div.dropdown-menu a.active{
    background-color: transparent;
    font-weight: bold;
    color: #0180D6;
}

/* 1階層目(バー付き) */
div.JaspoGMenu div.dropdown-menu a.depth-1 {
    background-color: #E0F2FE;
    margin-top: 20px;
    margin-bottom: 0px;
    padding-top: 4px;
    padding-bottom: 1px;
    padding-left: 18px;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    width: 95%;
    margin-left: 0px;
    border-radius:0.9em;
    position: relative;
} 
div.JaspoGMenu div.dropdown-menu a.depth-1 i::before {
    font-family: "Font Awesome 5 Free";
    content: '\f138';
    color: #61A9EF;
    font-weight: 900;
    font-size: 14px;
    position: absolute;
    top:7px;
    left:5px;
} 


/* 2階層目 */
div.JaspoGMenu div.dropdown-menu a.depth-2 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left:1em;
    padding-top: 8px;
    padding-bottom: 0px;
    font-size: 13px;
    background-color: transparent;
}
div.JaspoGMenu div.dropdown-menu a.depth-2 i::before {
	font-family: "Font Awesome 5 Free";
	content: '\f138';
    font-weight: 900;
} 


/* 3階層目以降 */
div.JaspoGMenu div.dropdown-menu a.depth-3,
div.JaspoGMenu div.dropdown-menu a.depth-4 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 2em;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 12px;
    background-color: transparent;
}
div.JaspoGMenu div.dropdown-menu a.depth-3 i::before,
div.JaspoGMenu div.dropdown-menu a.depth-4 i::before {
	font-family: "Font Awesome 5 Free";
	content: '\f0da';
    font-weight: 900;
} 

/* ==================================================
▼▼▼スライダー▼▼▼
================================================== */
div#frame-72.slideshows-default {
    margin-top: 0px;
    margin-bottom: 0px;
}
div#frame-72.slideshows-default .container {
    padding-left: 0px;
    padding-right: 0px;
}

/*スライダー読み込みラグ防止（高さスペースをあらかじめ確保）*/
div#frame-72.slideshows-default {
    min-height: 220px;
}
@media screen and (max-width: 1199px) {
div#frame-72.slideshows-default {
    min-height: 180px;
}
}
@media screen and (max-width: 991px) {
div#frame-72.slideshows-default {
    min-height:125px;
}
}
@media screen and (max-width: 767px) {
div#frame-72.slideshows-default {
    min-height:50px; /*min-heightをリセット（とりあえずiPhoneSEに対応する高さ）*/
    aspect-ratio:  6 / 1;/*スライダーの比率のスペース指定でレスポンシブ対応*/
}
}


/*スライダーのドットインジケーター カスタマイズ*/
div#frame-72.slideshows-default ol.carousel-indicators{
    margin-bottom: -0.3rem!important;
}
div#frame-72.slideshows-default ol.carousel-indicators li{
    width: 10px!important;
    height: 10px!important;
    background-color: #E7F4FF;
}
@media screen and (max-width: 991px) {
    div#frame-72.slideshows-default ol.carousel-indicators li{
    width: 5px!important;
    height: 5px!important;
   }
}
@media screen and (max-width: 575px) {
    div#frame-72.slideshows-default {
    margin-top: 0px;
    }
    div#frame-card-72 {
    margin-bottom: 0px!important;
    }
}




/* ==================================================
▼▼▼　左サイドメニュー（class名「JaspoSideMenu」の追加で適用）　▼▼▼
================================================== */
/* --------------------------------
プラグイン設定で
　・[閉じるフォント/開くフォント]を無し、
  ・[インデントフォント]は初期値　にする
　-------------------------------- */
div.JaspoSideMenu div.card-body  {
}

div.JaspoSideMenu div.card-body a{
}
/*デフォルト頭マークを削除*/
div.JaspoSideMenu div.card-body a i::before{
    content: none;
}
div.JaspoSideMenu div.card-body a.list-group {
    background-color: #EDEDED;
}
/*===頭の空白リセット===*/
div.JaspoSideMenu div.card-body a.list-group-item span.px-2{
    display: none;
}
/*===全階層===*/
div.JaspoSideMenu div.card-body a.list-group-item{
    position: relative;
    display: block;
    padding-left: 0.3em;
    padding-right: 0.3em;
    background-color: #EDEDED;
    border-top:15px solid #FFFFFF;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    font-size: 13px;
    line-height: 1.2;
    border-left-width: 0px;
    font-weight: bold;
    padding-top: 13px;
    padding-bottom:13px;
}
/*===0階層目===*/
div.JaspoSideMenu div.card-body a.list-group-item.depth-0{
}


/*=======1階層目以降共通======*/
div.JaspoSideMenu div.card-body a.list-group-item.depth-1,
div.JaspoSideMenu div.card-body a.list-group-item.depth-2,
div.JaspoSideMenu div.card-body a.list-group-item.depth-3,
div.JaspoSideMenu div.card-body a.list-group-item.depth-4,
div.JaspoSideMenu div.card-body a.list-group-item.depth-5{
    padding-top: 5px;
    padding-bottom: 5px;
    border-style: none;
    font-weight: normal;
    text-indent: -4px;
}
/*===1階層目（border-topで階層分け）===*/
div.JaspoSideMenu div.card-body a.list-group-item.depth-1{
    border-top: 2px solid #FFFFFF;
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: 12.5px;
    padding-left: 0.7em;
}
div.JaspoSideMenu div.card-body a.list-group-item.depth-1::before{
    content: '┃';
    position: absolute;
    color: #78BEED;
    left: 2px;
}
/*===2階層目===*/
div.JaspoSideMenu div.card-body a.list-group-item.depth-2{
    padding-left: 1.5em;
    text-indent: -8px;
    font-size: 12px;
}
/*頭にマークを追加*/
div.JaspoSideMenu div.card-body a.list-group-item.depth-2 i::before{
    font-family: "Font Awesome 5 Free";
    content: '\f0da';
    font-weight: 900;
    position: absolute;
    top: 7px; /*縦の位置*/
    left: 16px; /*横の位置  */
    color: #0380D6;
}
/*===3階層目===*/
div.JaspoSideMenu div.card-body a.list-group-item.depth-3{
    padding-left: 1.5em;
    padding-bottom: 3px;
    font-size: 10.5px;
}
/*頭にマークを追加*/
div.JaspoSideMenu div.card-body a.list-group-item.depth-3 i::before{

}
/*===4階層目===*/
div.JaspoSideMenu div.card-body a.list-group-item.depth-4{
    padding-left: 2em;
    padding-bottom: 0px;
    font-size: 10px;
}
/*===5階層目===*/
div.JaspoSideMenu div.card-body a.list-group-item.depth-5{
    padding-left: 3em;
    padding-bottom: 0px;
    font-size: 10px;
}
/*===アクティブ階層===*/
div.JaspoSideMenu div.card-body a.list-group-item.active {
    z-index: 2;
    color: #0968A8;
    background-color: #D9E7F2;
}


/* ==================================================
▼▼▼　右カラム　▼▼▼
================================================== */

/*============サイト内検索ブロック============*/
div.SearchForm form {
    position: relative;
 }
div.SearchForm input {
    width: 95%;
    height: 34px;
    border-radius: 5px;
    border: 1px solid #0180D6;
    padding-left: 5px;
    padding-right: 0px;
    font-size: 0.9rem;
}
div.SearchForm input::placeholder {
    color: #58A8DF;
}
div.SearchForm ul li button {
    position: absolute;
    top: 0px;
    right: 10px;
    border: none;
    background-image: none;
    color: #333;
    background-color: #0180D6;
    width: 34px;
    height: 34px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
div.SearchForm ul li button::before {
    font-family: "Font Awesome 5 Free";
    content: '\f002';
    font-size: 13px;
    font-weight: 700;
    color: #FFFFFF;
}

/*============Jaspoサイト内Banner============*/
div.BannerJaspo ul li{
    margin-bottom: 10px;
}
@media screen and (max-width: 991px) {
    div.BannerJaspo {
    width: 100%;
    margin-left: 0;
    margin-right: auto;
    }
    div.BannerJaspo ul li{
    background-color: #F4F4F4;
    }
    div.BannerJaspo ul li img{
    width: 40%;
    margin-left: 20px;
    }
}
@media screen and (max-width: 767px) {
    div.BannerJaspo ul li img{
    width: 60%;
    }
}

/*============PR BBanner============*/
div.BannerPr ul li{
    margin-bottom: 10px;
}
div.BannerPr h1{
    font-size: 0.7rem;
    background-color: #E7E7E7;
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    letter-spacing: 0.5em;
}

@media screen and (max-width: 991px) {
    div.BannerPr {
    width: 100%;
    margin-left: 0;
    margin-right: auto;
    }
    div.BannerPr ul li{
    background-color: #F4F4F4;
    }
    div.BannerPr ul li img{
    width: 40%;
    margin-left: 20px;
    }
}
@media screen and (max-width: 767px) {
    div.BannerPr ul li img{
    width:60%;
    }
}


/*============sns BBanner============*/
div.BannerSns ul li{
    margin-bottom: 10px;
}
div.BannerSns h1{
    font-size: 0.7rem;
    background-color: #E7E7E7;
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    letter-spacing: 0.5em;
}
@media screen and (max-width: 991px) {
    div.BannerSns {
    width: 100%;
    margin-left: 0;
    margin-right: auto;
    }
    div.BannerSns ul li{
    background-color: #F4F4F4;
    }
    div.BannerSns ul li img{
    width: 40%;
    margin-left: 20px;
    }
}
@media screen and (max-width: 767px) {
    div.BannerSns ul li img{
    width: 60%;
    }
}


/* ==================================================
▼▼▼　フッター　▼▼▼
================================================== */
footer{
    border-top: 1px solid #888888;
    margin-top: 50px;
}
footer div.card-body{
    margin-top: 10px;
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap; 
    justify-content: space-between;
    
}
@media screen and (max-width: 767px) {
  footer div.card-body{
    margin-top: 10px;
    margin-left: 3%;
    margin-right: 3%;
}
}

footer div.Footer_01{
    font-size: 0.7rem;
}
footer div.Footer_01 h1{
    font-size: 0.8rem;
    font-weight: bold;
    color: #0180D6;
}
footer div.Footer_02{
    font-size: 0.8rem;
    margin-top: 1em;
    width: 510px;
    margin-left: 180px;
    text-align: right;
}
@media screen and (max-width: 767px) {
    footer div.Footer_02{
     margin-top: 0.5em;
   text-align: left;
    margin-left: 10px;
    width: 100%;
}
}
footer div.Footer_02 li{
    display: inline;
    margin-right: 1em;
}
@media screen and (max-width: 767px) {
    footer div.Footer_02 li{
    display: block;
}
}



/* ================================================================
▼▼▼メインカラム▼▼▼
================================================================ */

/* ==================================================
見出し系
================================================== */
/*フレーム見出しデフォルト：囲みタイプ*/
main#ccMainArea h1.card-header{
    font-weight: normal;
    font-size: 1.4rem;
    border: 1px solid #0180D6;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 10px;
    margin-bottom: 20px;
    background-color: #FFFFFF;
    line-height: 1.4;
    min-height: 100px;
    font-family: 'BIZ UDPGothic', sans-serif;
    font-weight: 700;
    margin-top: 0px;
}
/*フレーム見出しアレンジ：h2タイプ「H2Type」*/
main#ccMainArea div.H2Type h1.card-header{
    font-size: 1.15rem;
    line-height: 1.4;
    margin-top: 0px;
    margin-bottom: 30px;
    padding-left: 0.5em;
    padding-right: 0.1em;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    background-color: #0380D6;
    min-height: 0px;
    font-weight: normal;
    font-family: 'BIZ UDPGothic', sans-serif;
    font-weight: bold;
    font-weight: 700;
    color: #FFFFFF;
}
/*フレーム見出しアレンジ：見出しを消す「class="NonTitle"」*/
div.NonTitle h1.card-header {
    display: none;
}
/*フレーム見出しアレンジ：仮アップページのタイトル「class="PreUpTitle"」*/
div.PreUpTitle::before {
    content: '●●●仮アップページ●●●';
    display: block;
    color: #FF00F1;
    font-size: 0.8rem;
    font-weight: normal;
    margin-bottom:2px;
}
main#ccMainArea div.PreUpTitle h1.card-header{
    color: #DDDDDD;
}

/* 更新日付 */
p.SubData{
    font-size: 0.7rem;
    margin-top: -10px;
    text-align: right;
    color: #B7B7B7;
}
/* 更新日付：ブログプラグイン */
article header{
    position: relative;
}
article header b{
    font-size: 0.7rem;
    text-align: right;
    font-weight: normal;
    display: block;
    margin-left: auto;
    position: absolute;
    right: 0px;
    bottom: -20px;
    color: #B7B7B7;
}

/*フレーム見出し風div*/
main#ccMainArea div.card-header{
    font-weight: normal;
    font-size: 1.4rem;
    border: 1px solid #0180D6;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 10px;
    margin-bottom: 20px;
    background-color: #FFFFFF;
    line-height: 1.4;
    min-height: 100px;
    font-family: 'BIZ UDPGothic', sans-serif;
    font-weight: 700;
    margin-top: 0px;
}
/*ブログ見出し風div：ブログ見出しは2241付近*/
main#ccMainArea div.article-header {
    font-size: 1.35rem;
    line-height: 1.2;
    font-weight: bold;
    border-top: 3px solid #61ACDE;
    border-bottom: 3px solid #61ACDE;
    padding-top: 0.8em;
    padding-bottom: 0.8em;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 0px;
    background-color: transparent;
    margin-bottom: 25px;
    font-family: 'BIZ UDGothic', sans-serif;
    font-weight: 700;
    color: #333;
}

main#ccMainArea h1 {
    font-size: 1.4rem;
    line-height: 1.4;
    margin-top: 50px;
    margin-bottom: 15px;
    border-left: 4px solid #0180D6;
    border-bottom: 0px solid #0180D6;
    border-top: 0px solid #0180D6;
    border-right: 0px solid #0180D6;
    padding-left: 0.3em;
    padding-right: 0.1em;
    padding-top: 0.6em;
    padding-bottom: 0.6em;
    background-color: #DCF0FF;
    font-weight: normal;
    font-family: 'BIZ UDPGothic', sans-serif;
    font-weight: 400;
}

/*白抜きバー*/
main#ccMainArea h2 {
    font-size: 1.2rem;
    line-height: 1.4;
    margin-top: 50px;
    margin-bottom: 10px;
    padding-left: 0.5em;
    padding-right: 0.1em;
    padding-top: 0.55em;
    padding-bottom: 0.55em;
    background-color: #0380D6;
    font-weight: normal;
    font-family: 'BIZ UDPGothic', sans-serif;
    font-weight: bold;
    font-weight: 700;
    color: #FFFFFF;
}
main#ccMainArea h2.RoundBar  {
    border-radius: 2em;
    padding-left: 20px;
}


/*四角囲み H3*/
main#ccMainArea h3 {
    font-size: 1.15rem;
    border-top: 1px solid #0180D6;
    border-bottom: 1px solid #0180D6;
    border-right: 1px solid #0180D6;
    border-left: 5px solid #0180D6;
    line-height: 1.3;
    margin-top: 50px;
    margin-bottom: 10px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-right: 0.4em;
    padding-left: 0.3em;
    color: #0180D6;
    font-weight: bold;
    font-family: 'BIZ UDPGothic', sans-serif;
    font-weight: 700;
}
/*地色付き H3H3*/
main#ccMainArea h3.BCol {
    font-size: 1.15rem;
    border: none;
    line-height: 1.3;
    margin-top: 50px;
    margin-bottom: 10px;
    padding-top: 0.7em;
    padding-bottom: 0.7em;
    padding-right: 0.4em;
    padding-left: 0.5em;
    color: #333;
    font-weight: bold;
    font-family: 'BIZ UDPGothic', sans-serif;
    font-weight: 700;
    background-color: #DCF0FF;
}


/*重ね下線 H4*/
main#ccMainArea h4 {
    font-size: 1.1rem;
    border-bottom: 3px solid #B6DCF7;
    line-height: 1.3;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-left: 0px;
    padding-bottom: 0.2em;
    padding-top: 0.3em;
    color: #0180D6;
    position: relative;
    font-weight: bold;/*
    font-family: 'BIZ UDPGothic', sans-serif;
    font-weight: 700;*/
}
main#ccMainArea h4::before {
	position: absolute;
	left: 0;
	bottom: -3px;
	width: 18%;
	height: 3px;
	content: '';
	background: #0180D6;
}
/*頭にライン付き(HeadLine)のH4*/
main#ccMainArea h4.HdLH4 {
    font-size: 1.1rem;
    border-bottom: none;
    line-height: 1.3;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-left: 3px;
    padding-bottom:0em;
    padding-top:0em;
    color: #0180D6;
    font-weight: bold;/*
    font-family: 'BIZ UDPGothic', sans-serif;
    font-weight: 700;*/
    border-left: 6px solid #0180D6;
}
main#ccMainArea h4.HdLH4::before {
     content: none;
}

main#ccMainArea h5 {
    font-size: 1.08rem;
    border-left: 4px solid #3490CE;
    border-radius: 0.4em;
    line-height: 1.3;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 0.3em;
    padding-right: 1em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    background-color: #E1F2FF;
    display: inline-block;
    font-weight: normal;
}
main#ccMainArea h6 {
    font-size: 1.02rem;
    border-left: 5px solid #0180D6;
    padding-left: 0.2em;
    line-height: 1.3;
    margin-top: 5px;
    color: #0180D6;
    font-weight: bold;
    font-family: 'BIZ UDPGothic', sans-serif;
    font-weight: 700;
}
main#ccMainArea h6.Simple {
    border-left: none;
    padding-left: 0em;
    line-height: 1.3;
    color: #333;
}
main#ccMainArea p.H7Size {
    font-size: 105%!important;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 0.3rem;
}
main#ccMainArea p.H7blue{
    font-size: 105%!important;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 0.3rem;
    color: #0680D6;
}

/* ==================================================
文字組み系
================================================== */
/*============文字関係============*/
.PSizeL3,
.PSizeL3 p
.PSizeL3 p a,
.PSizeL3 a p,
.PSizeLL,
.PSizeLL p
.PSizeLL p a,
.PSizeLL a p {
	font-size: 140%!important;
}
.PSizeL2,
.PSizeL2 p
.PSizeL2 p a,
.PSizeL2 a p,
.PSizeL,
.PSizeL p
.PSizeL p a,
.PSizeL a p {
	font-size: 120%!important;
}
.PSizeL1,
.PSizeL1 p
.PSizeL1 p a,
.PSizeL1 a p,
.PSizeML,
.PSizeML p
.PSizeML p a,
.PSizeML a p {
    font-size: 105%!important;
}
.PSizeS1,
.PSizeS1 p
.PSizeS1 p a,
.PSizeS1 a p,
.PSizeMS,
.PSizeMS p,
.PSizeMS p a,
.PSizeMS a p {
    font-size: 94%!important;
    line-height: 1.5;
}
.PSizeS2,
.PSizeS2 p
.PSizeS2 p a,
.PSizeS2 a p,
.PSizeSM,
.PSizeSM p,
.PSizeSM p a,
.PSizeSM a p {
    font-size: 88%!important;
    margin-bottom: 0.9rem;
    line-height: 1.45;
}
.PSizeS3,
.PSizeS3 p
.PSizeS3 p a,
.PSizeS3 a p,
.PSizeS,
.PSizeS p,
.PSizeS p a,
.PSizeS a p {
    font-size: 75%!important;
    margin-bottom: 0.9em;
    line-height: 1.4;
}

/*太字赤*/
.BoldRed {
    font-weight: bold;
    color: #e03e2d;
}

/*文字頭：大きく*/
.HeadBig {
    color: #0180D6;
    font-size: 130%;
    font-weight: normal;
    position: relative;
    top: 0.05em;
    padding-right: 0.1em;
}

/*==============頭出し系=============*/

.Indent01{
    padding-left: 1em;
    text-indent: -1em;
    display: block;
}
.Indent02{
    padding-left: 2em;
    text-indent: -2em;
    display: block;
}
.Indent03{
    padding-left: 3em;
    text-indent: -3em;
    display: block;
}

/*==============補足説明系=============*/
div.SubP_S1 p,
p.SubP_S1{
    font-size: 0.94rem;
    line-height: 1.3;
    margin-top: -0.8em;
	margin-bottom: 1.2em;
}
div.SubP_S2 p,
p.SubP_S2{
    font-size: 0.88rem;
    line-height: 1.3;
    margin-top: -0.8em;
	margin-bottom: 1.1em;
}
div.SubP_S3 p,
p.SubP_S3{
    font-size: 0.75rem;
    line-height: 1.3;
    margin-top: -0.8em;
	margin-bottom: 1.1em;
}


/*（↓↓過去↓↓）*/
div.Comment_S0,
div.Comment_S0 p {
    font-size: 1rem;
	line-height: 1.5;
	margin-bottom: 0.5em;
}
p.Comment_S1,
div.Comment_S1,
div.Comment_S1 p,
div.Comment_MS p {
    font-size: 0.94rem;
	line-height: 1.5;
	margin-bottom: 0.5em;
}

div.Comment_S2,
div.Comment_S2 p,
div.Comment_SM p {
    font-size: 0.88rem;
	line-height: 1.45;
	margin-bottom: 0.4em;
}
div.Comment_S3,
div.Comment_S3 p,
div.Comment_S p {
    font-size: 0.75rem;
	line-height: 1.4;
	margin-bottom: 0.4em;
}



/*========写真/図表のキャプション============*/
figure{ /*画像/図表とキャプションをグループ化*/
    text-align: center;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 1px;
}
figcaption{ /*キャプション*/
    font-size: 11px;
    margin-left: 0px;
    padding-top: 5px;
    clear: both;
}


/* ==================================================
段落・行間系
================================================== */
/*========あいさつ等：ゆとりのある段落DIV============*/
main#ccMainArea div.WideLine p {
    line-height: 1.8;
	margin-bottom: 1em;
}
/*========行間02(情報凝縮行間) ============*/
div.LineHeight02 {
	margin-bottom: 1em;
}
div.LineHeight02 p {
    line-height: 1.4;
	margin-bottom: 0.4em;
}


/* ==================================================
囲み系
================================================== */
.ColumnSolid {
    border: 1px solid #6BB0DF;
    margin-left: 0%;
    margin-right: auto;
    padding-right: 3%;
    padding-left: 3%;
    padding-top: 15px;
    padding-bottom: 15px;
}
.ColumnSolid p:last-child {
    margin-bottom: 0rem;
}

.MiniColumnSolid {
	border: 1px solid #6BB0DF;
	padding: 2%;
	margin-left: 0%;
	width: 90%;
}
.MiniColumnSolid p:last-child {
    margin-bottom: 0rem;
}

.ColumnDashed {
	border: 1px dashed #B6CDDB;
    padding-right: 3%;
    padding-left: 3%;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: 0%;
    margin-right: auto;
}
.ColumnDashed p:last-child {
    margin-bottom: 0rem;
}

.MiniColumnDashed {
	border: 1px dashed #A0C0D5;
    padding-right: 3%;
    padding-left: 3%;
    padding-top: 15px;
    padding-bottom: 15px;
	margin-left: 0%;
	width: 90%;
	}
.MiniColumnDashed p:last-child {
    margin-bottom: 0rem;
}

.ColumnDouble {
	border: 4px double #A0C0D5;
    padding-right: 3%;
    padding-left: 3%;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 0%;
    margin-right: auto;
}	
.ColumnDouble p:last-child {
    margin-bottom: 0rem;
}

.ColumnR {
	border: 1px solid #6BB0DF;
	border-radius: 8px;
    padding-right: 3%;
    padding-left: 3%;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: 0%;
    margin-right: auto;
}
.ColumnR p:last-child {
    margin-bottom: 0rem;
}

.ColumnLine {
    border-bottom: 1px solid #6BB0DF;
    border-top: 1px solid #6BB0DF;
    padding-right: 3%;
    padding-left: 3%;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: 0%;
    margin-right: auto;
}
.ColumnLine p:last-child {
    margin-bottom: 0rem;
}
.ColumnNoline {
    padding-right: 3%;
    padding-left: 3%;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: 0%;
    margin-right: auto;
}
.ColumnNoline p:last-child {
    margin-bottom: 0rem;
}
.TopInfo {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 1%;
    padding-left: 3%;
    margin-left: 2%;
    margin-right: auto;
    background-color: #FEFF86;
}
.TopInfo p,
.TopInfo p a {
    text-decoration: none;
    margin-bottom: 0.5em;
    color: #E30002;
    line-height: 1.3;
    font-size: 13px;
}
div.SimpleBox {
	margin-bottom: 10px;
	padding-top: 0.15em;
	padding-left: 0.5em;
	padding-right: 0px;
	padding-bottom: 0.15em;
	border: 1px solid #A0C0D5;
	display: block;
}
div.SimpleBox  p:last-child {
    margin-bottom: 0rem;
}
div.SimpleBoxBlue {
	margin-bottom: 10px;
	padding-top: 0.1em;
	padding-left: 0.5em;
	padding-right: 0px;
	padding-bottom: 0.1em;
	border: 1px solid #77AFD5;
	display: block;
	color: #007ABF;
}
/*タイトルつきBox（お問い合わせなど）*/
div.ColumnTitle01 div {
    border: 1px solid #0680D6;
}
div.ColumnTitle01 p:last-child {
    margin-bottom: 0rem;
}
div.ColumnTitle01 span.Title{
    color: #FFFFFF;
    font-size: 0.9rem;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 5px;
    padding-left: 10px;
    font-weight: bold;
    background-color: #0380D6;
    display: block;
}
div.ColumnTitle01 div.Inner {
    padding-right: 3%;
    padding-left: 3%;
    padding-top: 10px;
    padding-bottom: 10px;
}


/* ==================================================
ul/li/ol系
================================================== */
main#ccMainArea ul{
    margin-left: 1.2em;
    padding-left: 0em;
    list-style-type: disc;
}
main#ccMainArea ol {
    margin-left: 1.5em;
    padding-left: 0em;
    list-style-type: decimal;
}
/*ul ol 共通：li指定*/
main#ccMainArea li {
    margin-bottom: 0.4rem;
    line-height: 1.4;
}
/*li：頭文字カスタマイズ*/
main#ccMainArea ul li {
    list-style: none;      /* デフォルトのアイコンを消す */
    padding: 0;             /* デフォルト指定上書き */
    text-indent: -1em;
}
main#ccMainArea ul li::before {
    content:  ""; /* 空の要素作成 */
    background-color: #0180D6;  
    border-radius:  50%;        
    width:  0.6em;              
    height:  0.6em;              
    display:  inline-block;     
    position:  relative;        
    left: 0.1em; /*横位置調整*/
    top: -0.05em;
    margin-right: 0.3em;          
}
/*ol：頭文字カスタマイズ*/
main#ccMainArea ol li::marker {
    color: #0180D6;
    font-size: 105%;
    font-weight: bold;
}
main#ccMainArea ol.RNumber li {
    position: relative;
    line-height: 1.6em;
    padding-top: 0em;
    padding-right: 0.5em;
    padding-left: 1.6em;
    padding-bottom: 0em;
}

/* olのスタイル */
main#ccMainArea ol.RNumber  {
  margin: 0;
  padding: 0;
  list-style: none; /* デフォルトの数字を非表示に */
  counter-reset: li;
}

/* ol内のliのスタイル */
main#ccMainArea ol.RNumber  li {
  position: relative;
  font-size: 16px;
  padding-left: 1.5em;
  line-height: 1.5;
}
/* 2つ目以降のliにmargin-topを指定 */
main#ccMainArea ol.RNumber  li:not(:first-child) {
  margin-top: 0.5em;
}
/* 数字のスタイル */
main#ccMainArea ol.RNumber  li::before {
    counter-increment: li;
    content: counter(li);
    position: absolute;
    left: 0; /*横位置調整*/
    top: 0.15em; /* 丸数字のY軸線上の位置を調整 */
    display: block;
    width: 1.4em;
    height: 1.4em;
    line-height: 1.5em; /*heightと同じ値で垂直方向に中央寄せ+微調整0.5em*/
    border-radius: 50%;
    background-color: #0180D6;
    font-size: 0.9em;
    color: #fff;
    text-align: center;/* 文字を水平方向に中央寄せ */
}


/* 頭文字カスタマイズなしの li*/
main#ccMainArea ul.NonListMark {
    margin-left: 0em;
    list-style-type: none;
}
main#ccMainArea ul.NonListMark li {
    text-indent: 0em;
}
/* 頭文の字を消す */
main#ccMainArea ul.NonListMark li::before {
    content:none;        
}


/*=========各ページのナビゲーション部分（nav要素）=========*/
/*liの頭記号を消す*/
main#ccMainArea nav ul li::before {
    display: none;
}
/*アンダーラインを取る*/
main#ccMainArea nav a {
    border-bottom: none !important;
}



/* ==================================================
パーツ係
================================================== */

/*=========ボタン/リンク装飾=========*/
.Butt01,
.ButtBig01,
a.Butt01 {
    padding-left: 0.8em;
    padding-right: 0.8em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    display: inline-block;
    border-radius: 0.5em;
    text-align: center;
    color: #FFFFFF!important;
    font-weight: bold;
    background-color: #0180D6;
    border-bottom-style: none!important;
}
a:has(.Butt01){ /*親要素aのアンダーラインを消す*/
     border-bottom-style: none!important;   
}
.Butt01 a,
.ButtBig01 a {
    color: #FFFFFF!important;
    border-bottom-style: none!important;
}
.Butt02,
a.Butt02 {
    padding-left: 0.8em;
    padding-right: 0.8em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    display: inline-block;
    text-align: center;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #0180D6;
    border-bottom-style: none!important;
}
a:has(.Butt02){ /*親要素aのアンダーラインを消す*/
     border-bottom-style: none!important;   
}
.Butt02 a{
    color: #FFFFFF!important;
    border-bottom-style: none!important;
}
.Btn01,
.HeadMark01{
    font-size: 70%;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 0.05em;
    padding-bottom: 0.05em;
    display: inline-block;
    border-radius: 0.9em;
    text-align: center;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #0180D6;
    margin-right: 5px;
}

/*頭付き強調リンク*/
main#ccMainArea div.card-body .ArrowLink01 a {
    position: relative;
    font-weight: bold;
    margin-left: 0px;
    margin-top: 3px;
    margin-bottom: 3px!important;
    background-color: #0180D6;
    color: #FFFFFF;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 2em;
    border-radius: 1em;
    padding-right: 1em;
    text-decoration: none;
    border-bottom-style: none;
}
main#ccMainArea div.card-body .ArrowLink01 a:hover,
main#ccMainArea .ArrowLink01 a:active {
    background-color: #0180D6;
    color: #FFFFFF;
    font-weight: 900;
}
main#ccMainArea div.card-body .ArrowLink01 a:before {
    font-family: "Font Awesome 5 Free";
	content: "\f144";
	color: #FFFFFF;
	font-size: 120%;
	position: absolute; /*もしくはrelative*/
	top: -0.05em;
	left: 0.5em;
    font-weight: 900;
}

/*==========リンクアイコン==========*/

/*ページ内リンクナビ【div囲みArea指定】*/
main#ccMainArea div.card-body div.PageNaviVerticalArea{
    margin-bottom:70px    
}
main#ccMainArea div.card-body div.PageNaviVerticalArea p{
    line-height: 1.2;
    padding-left: 1.2em;
    margin-top:0em;
    margin-bottom:0.6em;    
}
main#ccMainArea div.card-body div.PageNaviVerticalArea p a{
    display: inline-block;
    position: relative;
    font-weight: bold;
    color: #0380D6;
    border-bottom-style: none;
}
main#ccMainArea div.card-body div.PageNaviVerticalArea p a::before{
    font-family: "Font Awesome 5 Free";
	content: "\f13a";
	color: #0380D6;
	font-size: 110%;
	position: absolute;
	top: -0em;
	left: -1.2em;
    font-weight: 900;
}

/*ページ内/外リンクナビ【pで指定】*/
main#ccMainArea div.card-body p.PageNaviVertical,
main#ccMainArea div.card-body p.PageNaviParallel {
    line-height: 1.2;
    padding-left: 1.2em;
    margin-top:0em;
    margin-bottom:0.6em;
}
main#ccMainArea div.card-body p.PageNaviVerticalSecond,
main#ccMainArea div.card-body p.PageNaviParallelSecond {
    padding-left: 2.6em;
}
main#ccMainArea div.card-body p.PageNaviVertical a,
main#ccMainArea div.card-body p.PageNaviParallel a {
    display: inline-block;
    position: relative;
    font-weight: bold;
    color: #0380D6;
    border-bottom-style: none;
}
main#ccMainArea div.card-body p.PageNaviVertical a::before {
    font-family: "Font Awesome 5 Free";
	content: "\f13a";
	color: #0380D6;
	font-size: 110%;
	position: absolute;
	top: -0em;
	left: -1.2em;
    font-weight: 900;
}
main#ccMainArea div.card-body p.PageNaviParallel a::before {
    font-family: "Font Awesome 5 Free";
	content: "\f138";
	color: #0380D6;
	font-size: 110%;
	position: absolute;
	top: -0em;
	left: -1.2em;
    font-weight: 900;
}
main#ccMainArea div.card-body p.PageNaviSub {
    line-height: 1.6;
    padding-left: 2em;
    margin-top: -0.2em;
    margin-bottom: 0.1em;
    font-size: 90%;
}	
/*ページ外リンクナビ：旧サイト対応*/
main#ccMainArea div.card-body p.LinkList01{
    line-height: 1.2;
    padding-left: 1.2em;
    margin-top:0em;
    margin-bottom:0.6em;
}
main#ccMainArea div.card-body p.LinkList01 a {
    display: inline-block;
    position: relative;
    font-weight: bold;
    color: #0380D6;
    border-bottom-style: none;
}
main#ccMainArea div.card-body p.LinkList01 a::before {
    font-family: "Font Awesome 5 Free";
	content: "\f138";
	color: #0380D6;
	font-size: 110%;
	position: absolute;
	top: -0em;
	left: -1.2em;
    font-weight: 900;
}


/* ==================================================
アコーディオン関係
================================================== */
/* hover時に透明に */
summary:hover,
details[open] summary {
	 opacity: 0.6;
}
/* 開いたら透明解除 */
summary:active,
details[open] summary {
	 opacity: 1;
}
/*三角矢印のリセット*/
details summary {
	list-style: none;
}
details summary::-webkit-details-marker {/*safari*/
	display: none;
}

/* ＋のアイコンの疑似要素（縦横の棒の共通の設定） */
details summary {
	position: relative;
}
details summary::before,
details summary::after {
  content: "";
  position: absolute;
  right: 1rem;
  top: 0;
  bottom: 0;
  margin: auto 0;
  background-color: #0180D6;
  width: 16px;
  height: 2px;
}
/* 縦棒は90度回転 */
details summary::after {
  transform: rotate(90deg);
}
/* 開く際に縦棒を0度に */
details[open] summary::after {
  transform: rotate(0deg);
}

/* 基本details */
details {
    margin-bottom: 20px;
}
details div {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-right: 0.8em;
    padding-left: 0.8em;
    margin-bottom:35px;
}
details div p:last-child {
    margin-bottom: 0rem;
}

/* オープン時水色背景色付きのdetails */
details.Sky div {
    background-color: #F6FCFF;
    padding-top:1.5em;
    padding-bottom: 1.5em;
    padding-right: 2em;
    padding-left: 2em;
}

/* 太字summary */
summary.Accordion01{
    font-size: 1.2rem;
    font-weight: bold;
}
/* 地色付きのsummary */
summary.Accordion02{
    font-size: 1.1rem;
    font-weight: normal;
    line-height: 1.4;
    padding-left: 0.5em;
    padding-right: 2em;
    padding-top: 0.8em;
    padding-bottom: 0.8em;
    background-color: #E3F3FF;
    font-family: 'BIZ UDGothic', sans-serif;
    font-weight: 400;
}
/* ライン囲みのsummary */
summary.Accordion03{
    font-size: 1.1rem;
    border-top: 1px solid #0180D6;
    border-bottom: 1px solid #0180D6;
    border-right: 1px solid #0180D6;
    border-left: 1px solid #0180D6;
    line-height: 1.4;
    padding-top: 0.7em;
    padding-bottom: 0.7em;
    padding-right: 2em;
    padding-left: 0.5em;
    color: #0180D6;
    font-weight: bold;
}
/* ボタン風のsummary */
summary.AccordionButton {
    padding-left: 0.8em;
    padding-right: 0.8em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    display: inline-block;
    border-radius: 0.5em;
    text-align: center;
    color: #FFFFFF!important;
    font-weight: bold;
    background-color: #0680D6;
}
summary.AccordionButton::before,
summary.AccordionButton::after {
    content:none;
}



/* ==================================================
●Topページ：
Topアイテム01 ブロック
================================================== */

/*下位ページの左カラムとのpadding-left調整をリセット*/  
main#ccMainArea #frame-52 div.container{
    padding-left: 1%;
    padding-right: 1%;
    margin-bottom: 50px;
}
main#ccMainArea div.TopMainNav a{
    border-bottom-style: none!important;
}
main#ccMainArea div.TopMainNav {
    display: flex;  /* 直下の子要素をflexboxで揃える */
    justify-content: center; /* 直下の子要素をflexboxにより中央に配置 */
    flex-wrap: wrap; /* 端に達したときに折り返し */
    justify-content: space-between; /* 直下の子要素を等間隔に（両端余白なし） */
    margin-bottom: 20px;
}
main#ccMainArea div.TopMainNav div.TopNavButton{
    margin-bottom: 10px;
}
main#ccMainArea div.TopMainNav div.TopNavSubButton{
    margin-top: 20px;
    margin-bottom: 20px;
}

@media screen and (max-width: 1199px) {
  main#ccMainArea div.TopMainNav a {
    width: 33%;
    display: inline-block;
	}
}

@media screen and (max-width: 767px) {
    main#ccMainArea #frame-52 div.container{
    margin-bottom: 30px;
}
  main#ccMainArea div.TopMainNav a {
    width: 49%;
    display: inline-block;
	}
     main#ccMainArea div.TopMainNav a div.TopNavButton {
    margin-bottom: 2px;
	}
    main#ccMainArea div.TopMainNav a div.TopNavButton img {
    width: 100%;
	}
}


/* ==================================================
●Topページ：
最新情報タブ ブロック
================================================== */

/*下位ページの左カラムとのpadding-left調整を再設定*/  
main#ccMainArea #frame-47 div.container,
main#ccMainArea #frame-80 div.container,
main#ccMainArea #frame-172 div.container,
main#ccMainArea #frame-218 div.container,
main#ccMainArea #frame-217 div.container
{
    padding-left: 1%;
    padding-right: 1%;
}
main#ccMainArea div.NewsTab ul.nav-tabs{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
/* タブの下のスペースclass「mb-3」をクリア */
main#ccMainArea div.NewsTab div.mb-3{
    margin-bottom: 0rem!important;
}


/* タブ部分*/
main#ccMainArea div.NewsTab ul.nav-tabs li {
    width: 200px;
    margin-bottom: 0em;
    margin-right: 10px;
    text-indent: 0px;
}
main#ccMainArea div.NewsTab ul.nav-tabs li::before {
    display: none /*liの頭丸を消す*/
}
@media screen and (max-width: 1199px) { 
    main#ccMainArea div.NewsTab ul.nav-tabs li {
    width: 24%;
    margin-bottom: 0em;
    margin-right: 1%;
    }
}

/* タブ内のa要素 */
main#ccMainArea div.NewsTab a.nav-link {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-style: none;
    padding-bottom: 5px;
    padding-left: 0.5em;
    padding-right: 0.5em;
    font-size: 14px;
    text-align: center;
    line-height: 1.1;
    padding-top: 15px;
    margin-top: 15px;
    height: 35px;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    font-family: 'BIZ UDPGothic', sans-serif;
    font-weight: 700;
}
@media screen and (max-width: 767px) {
main#ccMainArea div.NewsTab a.nav-link {
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    padding-left: 0.2em;
    padding-right: 0.2em;
    font-size:10.5px;
    padding-top: 10px;
    margin-top: 18px;
    height: 37px;
    }
}

/* アクティブなタブ */
main#ccMainArea div.NewsTab a.nav-link.active {
    padding-top: 25px;
    margin-top: -5px;
    height: 55px;
}
@media screen and (max-width: 767px) {
main#ccMainArea div.NewsTab a.nav-link.active {
    padding-top: 18px;
    margin-top: 2px;
    height: 53px;
    opacity: 1!important;
    }
}

/*=======各タブの設定：========*/
/* 対応する新着情報にclassを付加しても↓タブプラグインには反映されないので注意*/
/* 各タブ：JASPO新着情報（:has()内の子要素を持つ場合に適用） */
div.plugin-tabs Ul.nav-tabs:has(li#tab_80 a.active){
    border-bottom:  7px solid #348ACB;
}
div.plugin-tabs li#tab_80 a.nav-link {
    background-color: #348ACB;
}
/* 各タブ：JASPO DI News */
div.plugin-tabs Ul.nav-tabs:has(li#tab_172 a.active){
    border-bottom:  7px solid #A57A9F;
}
div.plugin-tabs li#tab_172 a.nav-link {
    background-color: #A57A9F;
}
/* 各タブ：セミナー新着情報 */
div.plugin-tabs Ul.nav-tabs:has(li#tab_218 a.active){
    border-bottom:  7px solid #609468;
}
div.plugin-tabs li#tab_218 a.nav-link {
    background-color: #609468;
}
/* 各タブ：共催・後援情報 */
div.plugin-tabs Ul.nav-tabs:has(li#tab_217 a.active){
    border-bottom:  7px solid #4F958B;
}
div.plugin-tabs li#tab_217 a.nav-link {
    background-color: #4F958B;
}

/*==========各新着情報の設定：タブに設置した新着情報に
　　[NewsTabList01]classを付加===========*/
/*各タブのフレームのタイトルを隠す*/
div.NewsTabList01 div.card h1.card-header {
    display: none;
}
/*新着情報表示フレーム*/
div.NewsTabList01.plugin-whatsnews dl dt {
    font-weight: normal;
    font-size: 0.6rem;
    color: #AAAAAA;
    float: left;
    border-top-style: none!important;
    padding-left:10px;
  }
div.NewsTabList01.plugin-whatsnews dl dd a{
    color: #0262C9;
    font-size: 0.9rem;
    margin-left: 100px;
    display: block;
    padding-bottom:0.5em!important;
    line-height: 1.2;
}
@media screen and (max-width: 767px) {
div.NewsTabList01.plugin-whatsnews dl dt {
    float: none;/*日付をタテ並びに*/
    }
div.NewsTabList01.plugin-whatsnews dl dd a {
    font-size: 0.85rem;
    margin-left: 15px;
    }
}


/*区切り点線：間隔を調整するためbackgroundプロパティで作成*/
div.NewsTabList01.plugin-whatsnews dl dd {
    background-image : linear-gradient(to right, #409EDE, #409EDE 2px, transparent 2px, transparent 8px);  /* 幅2の線を作る */
    background-size: 8px 2px;          /* グラデーションの幅・高さを指定 */
    background-position: left bottom;  /* 背景の開始位置を指定 */
    background-repeat: repeat-x;       /* 横向きにのみ繰り返す */
}
/*メインコンテンツ内：以下の要素のアンダーラインをトル*/
div.NewsTabList01.plugin-whatsnews dl dd a {
    border-style: none!important;
}


/* ==================================================
●メニュー関係：【テンプレート=親子のみ】
・各カテゴリの鏡ページで利用
================================================== */
div.PageIndex.menus-parentsandchild a {
    margin-bottom: 0px;
    border-bottom: none!important;
}

div.PageIndex.menus-parentsandchild a.list-group-item {
    padding-left: 10px;
    color: #1D1D1D;
    border-style: none;
    background-color: #FFFFFF;
}

/*階層スペース「px-2」を消す*/
div.PageIndex.menus-parentsandchild  a span.px-2 {
    display: none;
} 

div.PageIndex.menus-parentsandchild a.list-group-item i {
    color: #77B4EF;
}
/*　基本の頭記号を指定*/
div.PageIndex.menus-parentsandchild a.list-group-item i::before{
	font-family: "Font Awesome 5 Free";
	content: '\f054';
}

/* 消す項目 */
/* 0階層目(=home直下階層)へのリンク：フレーム見出しと重複するので消す */
div.PageIndex.menus-parentsandchild a.list-group-item.depth-0 {
    display: none;
}
/* 1階層目のページ用Index=「Depth-1」を追加して1階層目を消す
　　「兄弟の depth-2以降」は引き続き表示されてしまうので意味がない*/
/*.PageIndex.Depth-1.menus-parentsandchild a.list-group-item.depth-1 {
    display: none;
}
*/
/* 1階層目 */
div.PageIndex.menus-parentsandchild a.list-group-item.depth-1 {
    padding-top: 5px!important;
    padding-bottom: 0px!important;
    margin-left: 0em;
    font-weight: bold;
    font-size: 1.1rem;
    color: #0180D6!important;
    margin-top: 15px;
}
/*　└1階層目：基本の頭記号「i」を消して別の記号を指定*/
div.PageIndex.menus-parentsandchild a.list-group-item.depth-1 i {
    display: none;
}
div.PageIndex.menus-parentsandchild a.list-group-item.depth-1:before {
    font-family: "Font Awesome 5 Free";
	content: "\f144";
	}
/* 2階層目 */
div.PageIndex.menus-parentsandchild a.list-group-item.depth-2{
    padding-top: 15px!important;
    padding-bottom: 2px!important;
    margin-left: 1em;
    font-size: 0.95rem;
    font-weight: bold;
    line-height: 1.2;
    border-bottom: 1px dotted #ACD7F4!important;
}
/* 3階層目以降 */
div.PageIndex.menus-parentsandchild a.list-group-item.depth-3, 
div.PageIndex.menus-parentsandchild a.list-group-item.depth-4, 
div.PageIndex.menus-parentsandchild a.list-group-item.depth-5{
    padding-top: 4px!important;
    padding-bottom: 4px!important;
    margin-left: 2em;
    font-size: 0.90rem;
    line-height: 1.2;
}
/*　└3階層目以降：基本の頭記号「i」を消して別の記号を指定*/
div.PageIndex.menus-parentsandchild a.list-group-item.depth-3 i, 
div.PageIndex.menus-parentsandchild a.list-group-item.depth-4 i, 
div.PageIndex.menus-parentsandchild a.list-group-item.depth-5 i {
    display: none;
}
div.PageIndex.menus-parentsandchild a.list-group-item.depth-3:before, 
div.PageIndex.menus-parentsandchild a.list-group-item.depth-4:before, 
div.PageIndex.menus-parentsandchild a.list-group-item.depth-5:before {
    font-family: "Font Awesome 5 Free";
	content: "\f0da";
    color: #77B4EF;
    font-weight: 900;

}

/* ==================================================
●メニュー関係：【テンプレート=サイトマップ（ルートのリンクなし）】
・認定・研修制度カテゴリの鏡ページ（2つのカテゴリを合わせた鏡ページ）で利用
================================================== */
div.PageIndex02 h3{
    font-size: 1.15rem;
    line-height: 1.2;
    margin-top: 60px!important;
    margin-bottom: -20px!important;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-right: 0.4em;
    padding-left: 0.3em;
    color: #0180D6;
    font-weight: bold;
    font-family: 'BIZ UDPGothic', sans-serif;
    font-weight: 700;
    border: 1px solid #0180D6;
    text-indent: 0px;
}

div.PageIndex02 ul {
    text-indent: 0px;
    margin-left: 0px!important;
}

div.PageIndex02 a {
    padding-left: 10px;
    color: #333!important;
    border-style: none;
    text-indent: 0px;
}
/*liの頭記号を消す*/
div.PageIndex02 nav ul li::before {
    display: none!important;
}
/*アンダーラインを取る*/
div.PageIndex02 nav a {
    border-bottom: none !important;
}

/* 1階層目 */
div.PageIndex02 a.depth-1 {
    padding-top: 25px!important;
    padding-bottom: 2px!important;
    margin-left: 0em;
    font-weight: bold;
    font-size: 1.1rem;
    color: #0180D6!important;
    display: block;
    margin-top: 15px;
}
/*　└1階層目：記号を指定*/
div.PageIndex02 a.depth-1:before {
    font-family: "Font Awesome 5 Free";
	content: "\f144";
	}

/* 2階層目 */
main#ccMainArea div.PageIndex02 a.depth-2{
    padding-top: 5px!important;
    padding-bottom: 2px!important;
    font-size: 0.95rem;
    font-weight: bold;
    line-height: 1.2;
    border-bottom: 1px dotted #ACD7F4!important;
    display: block;
    margin-left: 10px;
}
/*　└2階層目：記号を指定*/
main#ccMainArea div.PageIndex02 a.depth-2:before {
    font-family: "Font Awesome 5 Free";
	content: "\f105";
    color: #77B4EF;
    font-weight: 900;
	}
/* 3階層目以降 */
main#ccMainArea div.PageIndex02 a.depth-3, 
main#ccMainArea div.PageIndex02 a.depth-4, 
main#ccMainArea div.PageIndex02 a.depth-5{
    padding-top: 4px!important;
    padding-bottom: 4px!important;
    font-size: 0.90rem;
    line-height: 1.2;
    margin-left: 40px;
}
/*　└3階層目以降：基本の頭記号「i」を消して別の記号を指定*/
main#ccMainArea div.PageIndex02 a.depth-3:before, 
main#ccMainArea div.PageIndex02 a.depth-4:before, 
main#ccMainArea div.PageIndex02 a.depth-5:before {
    font-family: "Font Awesome 5 Free";
	content: "\f0da";
    color: #77B4EF;
    font-weight: 900;

}

/* 消す項目 */
/* 0階層目(=home直下階層)へのリンク：フレーム見出しと重複するので消す */
div.PageIndex02 a.depth-0 {
    display: none;
}

/* =============小さくする：IndexMini========== */
div.PageIndex02.IndexMini H3 {
    margin-bottom:0px!important;
    font-size: 1.05rem!important;
}
div.PageIndex02.IndexMini li {
    line-height: 1.05!important;
    margin-bottom:4px!important;
}
/* 1階層目 */
div.PageIndex02.IndexMini a.depth-1 {
    padding-top: 1px!important;
    padding-bottom: 6px!important;
    margin-top: 10px;
    font-size: 0.9rem;
}
/* 2階層目 */
main#ccMainArea div.PageIndex02.IndexMini a.depth-2{
    padding-top: 2px!important;
    padding-bottom: 1px!important;
    font-size: 0.88rem;
    line-height: 1.05;
    font-weight: normal;
}
/* 3階層目以降 */
main#ccMainArea div.PageIndex02.IndexMini a.depth-3, 
main#ccMainArea div.PageIndex02.IndexMini a.depth-4, 
main#ccMainArea div.PageIndex02.IndexMini a.depth-5{
    padding-bottom: 1px!important;
    margin-left: 40px;
    font-size: 0.85rem;
    line-height: 1.05;
}



/* ==================================================
新着情報プラグイン
================================================== */

/* =============テンプレート：onerow============== */
main#ccMainArea div.whatsnews-onerow {
    margin-bottom:50px;
}
main#ccMainArea div.whatsnews-onerow h1{
    background-color: transparent!important;
    color: #0180D6!important;
}
main#ccMainArea div.whatsnews-onerow article{
    font-size: 0.86rem;
    padding-top: 1px;
    border-bottom: 1px dotted #D8D8D8;
    padding-bottom: 1px;
}
main#ccMainArea div.whatsnews-onerow article a{
    border-bottom: none!important;
}
/* 日付表示*/
main#ccMainArea div.whatsnews-onerow article span.mr-2{
    color: #ADADAD;
    font-size: 0.7rem;
    padding-top: 4px;
}
/* カテゴリ表示*/
main#ccMainArea div.whatsnews-onerow article span.cc_category_ {
    color: #0380D6;
    font-size: 0.8rem;
}

/* =============テンプレート：Default============= */
main#ccMainArea div.whatsnews-default {
}
main#ccMainArea div.whatsnews-default h1{
    margin-bottom: 0px!important;
}
main#ccMainArea div.whatsnews-default p.text-left{
    min-height:0em;
}
main#ccMainArea div.whatsnews-default dd{
    font-size: 1rem;
    padding-top: 1px;
    border-bottom: 1px dotted #D8D8D8;
    padding-bottom: 1px;
}
main#ccMainArea div.whatsnews-default dd a{
    border-bottom: none!important;
}



/* ==================================================
●ブログ系ページ
================================================== */
/*ブログプラグインのフレーム見出しh1 */
main#ccMainArea div.plugin-blogs h1.card-header,
main#ccMainArea div.plugin-whatsnews h1.card-header{
    background-color: #0180D6;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 0.9rem;
    font-weight: bold;
    border-radius: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    min-height: 10px;
    color: #FFFFFF;
    font-family: 'BIZ UDGothic', sans-serif;
    font-weight: 700;
}
/*表示件数リスト*/
main#ccMainArea div.plugin-blogs div.float-right select.form-control{
    margin-top: -20px;
    font-size: 0.7rem;
    color: #0380D6;
}

/* ==============〔テンプレート：デフォルト〕============== */

/* ==========記事ページ========= */
main#ccMainArea div.plugin-blogs.blogs-default article{
    margin-bottom: 50px;
}
/*ブログ記事の見出し*/
main#ccMainArea div.plugin-blogs.blogs-default article header  {
    margin-top: 30px;
    margin-bottom: 40px;    
}
main#ccMainArea div.plugin-blogs.blogs-default article header h2 {
    font-size: 1.3rem;
    line-height: 1.2;
    font-weight: bold;
    border-top: 3px solid #61ACDE;
    border-bottom: 3px solid #61ACDE;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 0px;
    background-color: transparent;
    margin-bottom: 25px;
    font-family: 'BIZ UDGothic', sans-serif;
    font-weight: 700;
    color: #0380D6;
}
/*記事下のライン＆記事とのスペース*/
main#ccMainArea div.plugin-blogs.blogs-default article footer.row {
    border-top-style: solid;
    border-top-color: #CECECE;
    margin-top:100px;
}

/* ==========一覧ページ========= */
/*★★「:has(header a)」で、
　タイトルにリンクがある場合(=羅列の場合)のみに適用させる★★ */
main#ccMainArea div.plugin-blogs.blogs-default article:has(header a) {
    margin-bottom: 80px;
    border-style: none;
}
/*記事の見出し*/
main#ccMainArea div.plugin-blogs.blogs-default article:has(header a) header{
    margin-bottom: 30px;
}
main#ccMainArea div.plugin-blogs.blogs-default article:has(header a) h2{
    margin-bottom: 20px;
}
main#ccMainArea div.plugin-blogs.blogs-default article:has(header a) h2 a{
    color: #0180D6;
    border-bottom-style: none;
}
/*記事下のライン＆記事とのスペース*/
main#ccMainArea div.plugin-blogs.blogs-default article:has(header a) footer.row {
    border-top-style: none;
    margin-top: 0px;
}


/* ==============〔テンプレート：タイトルのみ〕============== */

/* ==========記事ページ========= */
main#ccMainArea div.plugin-blogs.blogs-titleindex article{
    margin-bottom: 50px;
}
/*ブログ記事の見出し*/
main#ccMainArea div.plugin-blogs.blogs-titleindex article header  {
    margin-top: 30px;
    margin-bottom: 40px;    
}
main#ccMainArea div.plugin-blogs.blogs-titleindex article header h2 {
    font-size: 1.3rem;
    line-height: 1.2;
    font-weight: bold;
    border-top: 3px solid #61ACDE;
    border-bottom: 3px solid #61ACDE;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 0px;
    background-color: transparent;
    margin-bottom: 25px;
    font-family: 'BIZ UDGothic', sans-serif;
    font-weight: 700;
    color: #0380D6;
}
/*main#ccMainArea div.plugin-blogs.blogs-titleindex article footer.row{
    border-top-style: none;
}
*/
/* ==========一覧ページ========= */
/*★★「:has(header a)」で、
　タイトルにリンクがある場合(=羅列の場合)のみに適用させる★★ */
main#ccMainArea div.plugin-blogs.blogs-titleindex article:has(header a)  {
    margin-top: 0px;
    margin-bottom: 0px;
    border-bottom: 1px dotted #57ACE5;
}
main#ccMainArea div.plugin-blogs.blogs-titleindex  article:has(header a)  header {
    margin-top:15px;
    margin-bottom: 15px;
    border-style: none;
}
/*記事の見出し*/
main#ccMainArea div.plugin-blogs.blogs-titleindex article:has(header a) header a{
    border-bottom-style: none;
}
main#ccMainArea div.plugin-blogs.blogs-titleindex article:has(header a) a span.title{
    margin-bottom: 30px;
    color: #0180D6;
    font-weight: bold;
    font-family: 'BIZ UDPGothic', sans-serif;
}
main#ccMainArea div.plugin-blogs.blogs-titleindex article:has(header a) span.date{
    margin-bottom: 20px;
    font-size: 10px;
    color: #AAAAAA;
    margin-right: 15px;
}
main#ccMainArea div.plugin-blogs.blogs-titleindex article:has(header a) footer.row{
    margin-top: 0px;
    border-top-style: none;
}




/* ==================================================
●ブログ：DI News
================================================== */
/*ブログ記事の見出し*/
main#ccMainArea #frame-card-108 div.card-body article header  {
    margin-bottom: 20px;    
}
/*記事中の本文*/
main#ccMainArea #frame-card-108 div.card-body article  {
    margin-bottom: 120px;
}
/*記事中の本文*/
main#ccMainArea #frame-card-108 div.card-body p  {
   font-size: 0.95rem;
    margin-bottom: 0.3rem;
    line-height: 1.7;
}
/*記事中の見出し類*/
main#ccMainArea #frame-card-108 div.card-body h1  {
   font-size: 1.15rem;
    line-height: 1.4;
    margin-top: 40px;
    margin-bottom: 15px;
    border-left: 4px solid #0180D6;
    border-bottom: 0px solid #0180D6;
    border-top: 0px solid #0180D6;
    border-right: 0px solid #0180D6;
    padding-left: 0.3em;
    padding-right: 0.1em;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    background-color: #DCF0FF;
    font-weight: normal;
    font-family: 'BIZ UDPGothic', sans-serif;
    font-weight: 400;
}
main#ccMainArea #frame-card-108 div.card-body h3 {
    font-size: 1.05rem;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    margin-top: 0px;
    margin-bottom: 0px;
}
main#ccMainArea #frame-card-108 div.card-body h4 {
    margin-top: 10px;
    font-size: 1rem;
    margin-bottom: 5px;
    font-family: 'Noto Sans JP', sans-serif;
    display: inline-block;
}
/*main#ccMainArea #frame-card-108 h2 {
    margin-top: 0.5em;
    padding-top: 4px;
    padding-bottom: 4px;
}*/
main#ccMainArea #frame-card-108 h5 {
    border-left: 4px solid #66A9D7;
    padding-left: 0.3em;
    padding-right: 0.8em;
    font-size: 0.8rem;
    font-weight: normal;
    margin-top: 0.5em;
    margin-bottom: 0.3em;
    color: #0180D6;
}
main#ccMainArea #frame-card-108 h6 {
    font-family: 'Noto Sans JP', sans-serif;
    border-left: 0px none;
    font-size: 0.85rem;
    color: #0180D6;
    font-weight: bold;
    margin-top: 0.5em;
    margin-bottom: 0em;
}
/*添付書類(h6)*/
main#ccMainArea #frame-card-108 h6 a{
    color: #7787BF;
    border-bottom-style: none;
}
main#ccMainArea #frame-card-108 h6 a:before {
    font-family: "Font Awesome 5 Free";
    content: "\f15c";
    color: #7787BF;
    font-weight: 900;
    margin-right: 2px;
}
/*お願いコラム*/
main#ccMainArea #frame-card-108 div.cc-column {
    margin-top: 5px;
    margin-bottom: 20px;
    margin-right: 0;
    margin-left: 0;
    font-size: 0.8rem;
    padding: 20px;
    background-color: #f2f2f2;
    border-radius: 7px;
}
/* ==================================================
●ブログ：役員選挙・代議員選挙
================================================== */
/* 更新日付を消す */
main#ccMainArea #frame-card-39 header b,
main#ccMainArea #frame-card-254 header b{
    display: none;
}
/* 羅列*/
/*記事下のライン＆記事とのスペース*/
main#ccMainArea #frame-card-39  article:has(header a) footer.row,
main#ccMainArea #frame-card-254  article:has(header a) footer.row{
    border-top-style: solid;
    border-top-color: #CECECE;
    margin-top:50px;
}
main#ccMainArea #frame-card-39  article:has(header a),
main#ccMainArea #frame-card-254  article:has(header a){
    margin-bottom: 10px;
}

/* ==================================================
ブログ系：ページャー部分
================================================== */
/*liの頭記号を消す*/
main#ccMainArea div.plugin-blogs nav ul li::before {
    display: none;
}
/*アンダーラインを取る*/
main#ccMainArea div.plugin-blogs nav a {
    border-bottom: none !important;
}

/*============一覧リスト：ページャー============*/
main#ccMainArea div.plugin-blogs nav ul.pagination li a {
    border-style: none;
    line-height: 1.6;
    color: #0180D6!important;
}
main#ccMainArea div.plugin-blogs nav ul.pagination li.active span.page-link {
    border-style: none;
    background-color: #0180D6;
    border-radius: 4px;
    text-indent: 0em;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 5px;
    margin-left: 5px;
}
main#ccMainArea div.plugin-blogs nav ul.pagination li.page-item a.page-link {
    border-style: none;
    text-indent: 0em;
    padding-left: 10px;
    padding-right: 10px;
}
main#ccMainArea div.plugin-blogs nav ul.pagination li.page-item span.page-link {
    border-style: none;
}


/*============記事：ページャー============*/
main#ccMainArea div.plugin-blogs nav {
    margin-top: 50px!important;
}
main#ccMainArea div.plugin-blogs nav.row a {
    color: #FFFFFF;
    font-weight: normal;
    background-color: #0180D6;
    border-style: none;
    font-size: 0.9rem;
    padding-top: 0.5em!important;
    padding-bottom: 0.5em!important;
}


/* ==================================================
●データーベース関係
Database01
================================================== */

/*============ 一覧のデザイン ============*/
div.Database01 div.card-body div.container{
    border: 1px solid #D9D9D9;
    padding-top:5px; 
    border-radius: 9px;
    padding-bottom: 5px;
}

/*=== 各行 ===*/
div.Database01 div.card-body div.container div.row{
    padding-top: 0px!important;
    padding-bottom: 0px!important;
    line-height: 1.3;
    border-style: none!important;
}
div.Database01 div.card-body div.container div.row  div.col{
    display: flex;  /* flexboxで子要素を横並び*/
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 5px;
    padding-bottom: 2px;
    border-bottom: 1px dotted #D9D9D9;
}
div.Database01 div.card-body div.container div.row p{
    line-height: 1.3;
    margin-bottom: 3px;
}
/*=== 項目名 ===*/
div.Database01 div.card-body div.container div.row  div.col small{
    width: 15%;
}
/*=== 項目 ===*/
div.Database01 div.card-body div.container div.row  div.col div:first-of-type{
    width: 85%;
    font-size: 0.90rem;
}
/*=== 大会名===*/
div.Database01 div.card-body div.container div.row  div.col div.ConferenceTitle{
    font-weight: bold;
    font-size: 1rem;
}
/*=== キャプション項目 ===*/
div.Database01 div.card-body div.container div.row  div.col div.text-dark{
    color: #FF0004;
    font-size: 0.85rem;
    line-height: 1.2;
}
/*=== 備考欄(.Notes) ===*/
div.Database01 div.card-body div.container div.row  div.Notes p {
    font-size: 95%;
}
/*=== 備考欄(.Notes)の下線を消す ===*/
div.Database01 div.card-body div.container div.row  div.col:has(div.Notes)  {
    border-style: none;
}

/*============ 詳細ページのデザイン ============*/
div.Database01.Database01-detail div.card-body div.container div.row  div.col{
    display: block;  /* flexbox横並びをリセット*/
    padding-bottom: 10px;
    margin-top: 5px;
}
/*=== 項目名 ===*/
div.Database01.Database01-detail div.card-body div.container div.row  div.col small{
    width: 100%;
    background-color: #D5EEFF;
    padding-top: 3px;
    padding-right: 11px;
    padding-bottom: 3px;
    padding-left: 11px;
    border-radius: 4px;
    margin-top: 5px;
}
/*=== 項目 ===*/
div.Database01.Database01-detail div.card-body div.container div.row  div.col div:first-of-type{
    width: 100%;
    font-size: 1rem;
    margin-top: 5px;
}
/*=== 大会名===*/
div.Database01.Database01-detail div.card-body div.container div.row div.col div.ConferenceTitle{
    font-size: 1.3rem;
    padding-bottom: 10px;
}

/* ==================================
表関係
================================== */
/*Tableのタイトル要素
　・bootstrapのキャプションの位置が下なので上に戻す
　・border-colorをやや薄く*/
table caption {
    caption-side: top
}
table {
	border-color:#B1B1B1;
}
table th {
	border-color:#B1B1B1;

}
table td {
	border-color:#B1B1B1;
}

/*Table01*/
/*エディタの自動コード整形でborder0になるので
　「!important;」を追加*/
table.Table01 {
	border-collapse: collapse;
	border-top: 1px solid #B1B1B1;
}
table.Table01 th {
    padding: 5px;
    height: 50px;
    border-bottom: 1px solid #B1B1B1;
    font-weight: bold;
}
table.Table01 td {
	padding: 5px;
    height: 50px;
	border-bottom: 1px solid #B1B1B1;
}

/*Table02*/
/*エディタの自動コード整形でborder0になるので
　「!important;」を追加*/
table.Table02 {
    border-collapse: collapse;
    border-top: 1px solid #B1B1B1!important;
}
table.Table02 th {
    padding: 5px;
    border-bottom: 1px solid #B1B1B1!important;
    font-weight: bold;
}
table.Table02 td {
    padding: 5px;
	border-bottom: 1px solid #B1B1B1!important;
}
/*Table02NoLine*/
table.Table02NoLine {
	border-collapse: collapse;
	margin-left: 10px;
	margin-bottom: 10px;
}
table.Table02NoLine th {
    padding: 5px;
    font-weight: bold;
}
table.Table02NoLine td {
    padding: 5px;
}


/*Table03*/
/*エディタの自動コード整形でborder0になるので
　「!important;」を追加*/
table.Table03 {
    border-collapse: collapse;
    border: 1px solid #B1B1B1!important;
}
table.Table03 th {
    padding: 5px;
    border-bottom: 1px solid #B1B1B1!important;
	border-left: 1px solid #B1B1B1!important;
    font-weight: bold;
    text-align: center;
}
table.Table03 td {
    padding: 5px;
	border-bottom: 1px solid #B1B1B1!important;
	border-left: 1px solid #B1B1B1!important;
}


/*Table03Center*/
/*エディタの自動コード整形でborder0になるので
　「!important;」を追加*/
table.Table03Center {
    border-collapse: collapse;
    border: 1px solid #B1B1B1!important;
}
table.Table03Center th {
    padding: 5px;
    border-bottom: 1px solid #B1B1B1!important;
    border-left: 1px solid #B1B1B1!important;
    font-weight: bold;
    text-align: center;
}
table.Table03Center td {
    padding: 5px;
    border-bottom: 1px solid #B1B1B1!important;
    border-left: 1px solid #B1B1B1!important;
    text-align: center;
}


/* ==================================================
フォーム関係
================================================== */
/* [必須] 表記 */
div.plugin-forms strong.badge-danger {
    font-size: 70%;
}
/* 各フォームの行 */
div.plugin-forms div.form-group.row {
    margin-bottom: 25px;
    font-size: 0.90rem;
    word-break: break-all; /*単語中でも改行する*/
}
/* 文字/メアド入力フォーム */
div.plugin-forms div.form-group input.form-control {
    margin-bottom: 5px;    
}
/* キャプションブロック（各フォームの行間にも影響するので注意） */
div.plugin-forms div.text-dark{
    margin-top: 2px;
}
/* placeholderの色 */
div.plugin-forms div.form-group input.form-control::placeholder {
   color: #ACACAC;
}
/* ラジオボックス/チェックボックス */
div.plugin-forms div.form-group.row div.container-fluid{
    padding-left: 0px;
}



/* ==================================================
●コンテンツカラム：各ページ
セミナースケジュール
================================================== */
#frame-card-137 table{
    font-size: 0.75rem;
    line-height: 1.5;
}
#frame-card-137 thead{
    margin-bottom: 20px;
}
#frame-card-137 thead th {
    line-height: 1.2;
    background-color: #0380D6;
    color: #FFFFFF;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
}
#frame-card-137 tr{
    border-bottom: 1px solid #6AA5E8;
}
#frame-card-137 tr p{
    margin-bottom: 0px;
    line-height: 1.5;
}
#frame-card-137 td,
#frame-card-137 th{
    border: none;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 5px;
    padding-left: 5px;
    vertical-align:middle
}
#frame-card-137 td.SeminarName{
    font-size: 0.85rem;
    font-weight: bold;
    width: 39%;
}
#frame-card-137 td.SeminarName a{
    border-bottom-style: none!important;
    /*pointer-events: none *//*←リンク無効*/
}
#frame-card-137 td.SeminarName a.detail-link{
    color: #B3D5E4!important;
}
#frame-card-137 td.SeminarDate{
    width: 20%;
    font-weight: bold;
}
#frame-card-137 td.SeminarArea{
    width: 10%;
    text-align: center;
    color: #5E46BD;
}
#frame-card-137 td.SeminarEntry{
    width: 19%;
    color: #0180D6;
}
#frame-card-137 td.SeminarDetail{
    width: 12%;
}
#frame-card-137 td.SeminarDetail .BtnSeminarDetail{
	padding-left: 0.3em;
	padding-right: 0.3em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	background-color: #0680D6;
	color: #FFFFFF;
	display: inline-block;
	border-radius: 0.5em;
	line-height: 1.1;
	font-weight: bold;
	font-size: 12px;
}

/*並べ替え項目プルダウン エリア*/
#frame-card-137 form div.form-group div.col-sm{
    font-size: 0.9rem;
    line-height: 1.5;
    margin-left: 50%;
}

/* ==================================================
●コンテンツカラム：各ページ
セミナー ページ
================================================== */

main#ccMainArea div.ColumnSeminar {
    border: 1px solid #6BB0DF;
    margin-left: 0%;
    margin-right: auto;
    padding-right: 2%;
    padding-left: 2%;
    padding-top: 15px;
    padding-bottom: 30px;
    margin-bottom: 50px;
}
main#ccMainArea div.ColumnSeminar p:last-child {
    margin-bottom: 0rem;
}

main#ccMainArea div.ColumnSeminar h1 {
    font-size: 1.3rem;
    line-height: 1.4;
    margin-top: 10px;
    margin-bottom: 30px;
    border-left: none;
    border-bottom: 0px solid #0180D6;
    border-top: 0px solid #0180D6;
    border-right: 0px solid #0180D6;
    padding-left: 0.8em;
    padding-right: 0.1em;
    padding-top: 0.6em;
    padding-bottom: 0.6em;
    background-color: #DCF0FF;
    font-weight: normal;
    font-family: 'BIZ UDPGothic', sans-serif;
    font-weight: 400;
}


/* ==================================
●コンテンツカラム：各ページ
組織・名簿
=================================== */
div.NameList01 {
    margin-bottom:30px;
}
div.NameList01 summary {
    font-size: 1.2rem;
    line-height: 1.4;
    margin-top: 20px;
    margin-bottom: 5px;
    border-left: 4px solid #0180D6;
    border-bottom: 0px solid #0180D6;
    border-top: 0px solid #0180D6;
    border-right: 0px solid #0180D6;
    padding-left: 0.3em;
    padding-right: 1em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    background-color: #DCF0FF;
    font-weight: normal;
}
div.NameList01 summary span {
    font-size: 0.95rem;
    font-weight: normal;
}
div.NameList01 table{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    display: block;
}
div.NameList01 tr{
}
div.NameList01 th,
div.NameList01 td{
    line-height: 1.4;
    padding-top: 3px;
    padding-bottom: 3px;
    vertical-align: top;
    font-size: 0.95rem;
    font-weight: normal;
}
div.NameList01 th{
    font-weight: bold;
    min-width:6.5em;
}
div.NameList01 td{
    /*width: 33em;*/
    /*max-width: 28em;*/
    /*text-indent: -5em;*/
/*    padding-left: 5.5em;*/
}
/*===補足情報==*/
div.NameList01 p.NamelistComment01{
    font-size: 0.80rem;
    text-align: right;
    margin-top: -0px;
    border-top: 0px dashed #CDCDCD;
    margin-left: auto;
    width: 60%;
    color: #0380D6;
}
div.NameList01 p.NamelistComment02{
    font-size: 0.8rem;
    text-align: right;
    margin-top: -20px;
    color: #0380D6;
}

@media screen and (max-width: 767px) {
div.NameList01 table{
    width: 100%;
}
  div.NameList01 th,
  div.NameList01 td{
}
  div.NameList01 th{
}
   div.NameList01 td{
}
}

/* ==================================
●コンテンツカラム：各ページ
認定制度 APACC/BPACC 一覧
=================================== */
div.NameList02 {
    margin-bottom:10px;
}
div.NameList02 details{
    margin-bottom:20px;
}
div.NameList02 summary {
    font-size: 1.1rem;
    font-weight: bold;
    line-height: 1.2;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #DCF0FF;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 40px;
}
div.NameList02 summary span {
    font-size: 0.95rem;
    font-weight: normal;
}
div.NameList02 table{
    width:100%;
    margin-left: auto;
    margin-right: auto;
}
div.NameList02 tr{
    border-bottom: 1px solid #D9D9D9;
}
div.NameList02 th,
div.NameList02 td{
    padding-left: 0.5em;    
    padding-right: 0.5em;
    line-height: 1.4;
    padding-top:8px;
    padding-bottom:8px;
    vertical-align:top;
    font-size: 0.9rem;
}
/*一行目のtrだけに適用*/
div.NameList02 tr:first-child th{
    font-size: 0.85rem;
    font-weight: normal;
    color: #2D92D7;
}
div.NameList02 td{
    font-weight: normal;
    max-width: 20em;
}
/*合計人数表示*/
div.NameList02 div.total-number, 
div.total-number p {
    color: #0380D6;
    text-align: right;
    font-size: 0.85rem;
    margin-bottom: 0px;
}

div.total-number-comment p {
    color: #0380D6;
    text-align: right;
    font-size: 0.8rem;
    margin-bottom: 5px;
    margin-top: -10px;
    margin-right: -5px;
}

@media screen and (max-width: 767px) {
    div.NameList01 table{
    width: 100%;
}
  div.NameList02 th,
  div.NameList02 td{
    padding-left: 0.2em;    
    padding-right: 0.2em;
}
  div.NameList02 td{
    max-width: 9em;
}
}



/* ==================================================
●コンテンツカラム：各ページ
検索結果ページ/Not Foundページ
================================================== */
div#frame-134{
    
}
/* 検索結果ページ内の検索フォーム */
div#frame-134 form.d-inline input,
div#frame-462 form.d-inline input {
    margin-top: 0px;
}
/* 検索結果表示 */
#frame-card-134 dt,
#frame-card-462 dt {
    margin-top: 30px;
}
#frame-card-134 dd,
#frame-card-462 dd {
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 5px;
    border-left: 5px solid #0380D6;
    padding-left: 3px;
    margin-left: auto;
    margin-right: auto;
}
#frame-card-134 dd a,
#frame-card-462 dd a {
    border-bottom: 0px none #0380D6!important;
}
#frame-card-134 dd.search-result-body,
#frame-card-462 dd.search-result-body {
    font-size: 0.9rem;
    font-weight: normal;
    margin-bottom: 30px;
    border-bottom: 1px solid #474747;
    padding-bottom: 20px;
    border-left: 0px none #0380D6;
    padding-left: 15px;
    padding-right: 15px;
}

/* ==================================================
●コンテンツカラム：各ページ
患者・市民の皆さまへ ページ
================================================== */
div.PublicNavArea {
    display: flex;  /* 直下の子要素をflexboxで揃える */
    flex-wrap: wrap; /* 端に達したときに折り返し */
    margin-top: 50px;
    margin-bottom: 30px;
}
div.PublicNavArea div {
    width: 46%;
    margin-bottom: 20px;
    margin-right: 4%;
}
@media screen and (max-width: 767px) {
  div.PublicNavArea div {
    width: 90%;
    margin-bottom:20px;
}
}

div.Shiminkouza {
    width: 50%;
    margin-bottom: 40px;
}
div.Shiminkouza a {
    border-bottom-style: none!important;
}
div.Shiminkouza img {
    margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  div.Shiminkouza {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
}

/* ==================================
●コンテンツカラム：各ページ
JASPOレター
=================================== */
main#ccMainArea article.JpLetter {
    background-color: #FFFFF0;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 50px;
}
main#ccMainArea article.JpLetter h1{
    background-color: transparent;
    border-left-style: none;
}
main#ccMainArea article.JpLetter h1 img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding-top: 60px;
}

/*見出し周り*/
main#ccMainArea article.JpLetter div.Title {
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 35px;
	position: relative
}
main#ccMainArea article.JpLetter div.Title img.JpAvatar{
    border-radius: 50px;
    display: inline-block;
}
main#ccMainArea article.JpLetter div.Title p{
    display: inline-block;
    vertical-align : 10px;
    margin-bottom: 1px;
    margin-left: 5px;
    position: absolute;
    top: 20px;
}

main#ccMainArea article.JpLetter div.Title h2 {
    font-size: 22px;
    line-height: 1.3;
    margin-top: 0px;
    margin-bottom:0px;
    background-color: transparent;
    color: #333;
}

/*本文*/
main#ccMainArea article.JpLetter div.JpLetterContents {
    margin-left: 10%;
    margin-right: 10%;
}
main#ccMainArea article.JpLetter div.JpLetterContents p {
    line-height: 2.2;
    margin-bottom: 30px;
    font-size: 15px;
}
main#ccMainArea article.JpLetter div.JpLetterContents p.Date  {
    font-size: 12px;
    text-align: right;
    margin-top: -30px;
}


/*扉ページ*/
main#ccMainArea article.JpLetter div {
}
main#ccMainArea article.JpLetter div.JpLetterTop {
}
main#ccMainArea article.JpLetter div.JpLetterTop a {
    text-decoration: none;
    color: rgb(73, 73, 73);
}
main#ccMainArea article.JpLetter div.JpLetterTop div.Title{
    margin-Top: 15px;
    margin-bottom: 0px;
    padding-top: 10px;
    border-Top: 1px solid #BCBCBC;
}
main#ccMainArea article.JpLetter div.JpLetterTop div.Title h2 {
    font-size: 18px;
    margin-top: 3px;
    margin-bottom: 3px;
    padding-left: 0px;
}
main#ccMainArea article.JpLetter div.JpLetterTop div.JpLetterContents p {
    line-height: 1.3;
    font-size: 13px;
    margin-bottom: 5px;
}

/* ==================================
●コンテンツカラム：各ページ
刊行物
=================================== */
div.JaspoPublish {
    padding-top: 5px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    border: 1px solid #8E8E8E;
    border-radius: 20px;
    margin-bottom: 30px;
}
div.JaspoPublish h2 {
	margin-top: 20px!important;
	margin-bottom: 20px!important;
}
div.JaspoPublish h4 {
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 0px;
}
div.JaspoPublish img {
    margin-bottom: 20px;
    border: 1px solid #9B9B9B!important;
    margin-top: 5px;
    margin-right: 20px;
    width: 50%;
    max-width: 150px;
    height: auto;
}
div.JaspoPublishData {
    margin-bottom: 20px;
}
div.JaspoPublish ul {
	padding-left: 1em;
}
div.JaspoPublish li {
	margin-bottom: 1em;
	line-height: 1.3;
}
div.JaspoPublish ul ul li {
	font-size: 90%;
}
div.JaspoPublishInfo {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px dotted #1C8ED5;
    border-bottom: 1px dotted #1C8ED5;
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 1.7;
}

/* ==================================
●コンテンツカラム：各ページ
雑誌
=================================== */
main#ccMainArea div.JJaspoContents {
	border: 1px solid #8E8E8E;
	padding: 3%;
	margin-bottom: 35px;
	border-radius: 10px;
}
main#ccMainArea div.JJaspoContents h2 {
	font-size: 14px;
	margin-bottom: 0px;
	color: #137BBC;
	margin-top: 10px;
	line-height: 1.2;
	font-weight: bold;
	border-bottom: 2px solid #007ABF;
	display: inline-block;
	border-left: 6px solid #007ABF;
	padding-left: 6px;
    background-color: transparent;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}
main#ccMainArea div.JJaspoContents h4 {
	font-weight: normal;
	margin-bottom: 5px;
	margin-top: 20px;
	margin-right: 0px;
	color: #137BBC;
	font-size: 11px;
	border-bottom: 1px solid #D5DFE6;
}
main#ccMainArea div.JJaspoContents h4::before {
	position: absolute;
	left: 0;
	bottom:0px;
	width: 0;
	height: 0px;
	content: none;
	background: none;
}
main#ccMainArea div.JJaspoContents ul {
    padding-inline-start: 1em;
	margin-left: 0.5em!important;
}
main#ccMainArea div.JJaspoContents li {
	margin-bottom: 1em;
	line-height: 1.3;
	list-style-type: square;
    text-indent: 0em;
}
/* 頭文字カスタマイズを消す */
main#ccMainArea div.JJaspoContents  li::before {
    content:none;        
}

/*それ以前の号：アコーディオン*/
/*summary アコーディオンのタイトル*/
main#ccMainArea div.JaspoPublishData div.Acco01 summary {
    font-size: 16px;
    font-weight: bold;
    color: #0180D6;
    background-color: #F1F9FF;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    margin-bottom: 5px;
}

/* ==================================================
●コンテンツカラム：各ページ
賛助会員
================================================== */
/*賛助会員リスト*/
main#ccMainArea ul.LinkList01{
    margin-left: 0px;
}
main#ccMainArea ul.LinkList01 li{
    text-indent: 0em;
    margin-bottom: 2em;
}
main#ccMainArea ul.LinkList01 li::before {
    content:none;        
}
main#ccMainArea ul.LinkList01 li a{
    font-size: 1.05rem;
    border-left: 6px solid #0180D6;
    padding-left: 3px;
    border-bottom-style: none!important;
}
main#ccMainArea ul.LinkList01 li p{
    font-size: 0.95rem;
    margin-left: 0.5em;
    line-height: 1.4;
    margin-top:  0.2em;
}



/* ==================================================
●各ページ：カスタマイズ
マニュアルページ（ブログ）
================================================== */
/*==記事タイトル==*/
main#ccMainArea div.plugin-blogs.ManualStyle article header {
    margin-bottom: 0px;
}
main#ccMainArea div.plugin-blogs.ManualStyle article header h2{
    margin-left: -30px;
    background-color: #0380D6;
    color: #FFFFFF;
    padding-left: 10px;
    border-style: none;
}
main#ccMainArea div.plugin-blogs.ManualStyle article h2 a{
    color: #FFFFFF!important;    
}

/*==記事エリア==*/
main#ccMainArea div.ManualStyle div.card-body.clearfix  {
    margin-left: 30px;
}
main#ccMainArea div.ManualStyle div.card-body.clearfix p {
    margin-bottom: 0.6em;
    line-height: 1.5;
}
/*==記事中画像==*/
main#ccMainArea div.ManualStyle div.card-body.clearfix img {
    margin-left: 0px;
}
main#ccMainArea div.ManualStyle div.card-body.clearfix img.img-thumbnail  {
    border:2px solid #D6D6D6;
}
/*==記事中見出し類==*/
main#ccMainArea div.ManualStyle div.card-body.clearfix h1,
main#ccMainArea div.ManualStyle div.card-body.clearfix h2,
main#ccMainArea div.ManualStyle div.card-body.clearfix h3,
main#ccMainArea div.ManualStyle div.card-body.clearfix h4,
main#ccMainArea div.ManualStyle div.card-body.clearfix h5,
main#ccMainArea div.ManualStyle div.card-body.clearfix h6 {
    margin-left: -30px;
}
main#ccMainArea div.ManualStyle div.card-body.clearfix h5 {
    font-weight: bold;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    margin-top: 30px;
}

/*==左ナビ：記事リスト==*/
aside#ccLeftArea div.NewPostList h1.card-header {
    font-size: 0.95rem;
    color: #0380D6;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}
aside#ccLeftArea div.NewPostList div.card-body {
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}
aside#ccLeftArea div.NewPostList div.card-body dl {
    margin-top: -20px;
}
aside#ccLeftArea div.NewPostList div.card-body dl dd {
    line-height: 1.2;
    margin-bottom: 1.5rem;
    border-left: 3px solid #54AAE6;
    padding-left:3px;
}
aside#ccLeftArea div.NewPostList div.card-body a {
    font-size: 0.8rem;
    font-weight: bold;
    color: #0380D6;
}


/* ==================================================
●各ページ：カスタマイズ
その他のページ
================================================== */

/*=========外来がん治療認定薬剤師」のお仕事===========*/
aside.InterviewRead {
	background-color: #FCF3E4;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 40px;
	margin-top: 26px;
	margin-bottom: 55px;
	border-radius: 15px;
}
aside.InterviewRead p {
	font-weight: bold;
	font-size: 15px!important;
}

/*===============定款・規則・規程=================*/
/*====各ファイルの頭記号====*/
div.Terms a {
    margin-left: 0.5em;
	}
div.Terms a:before {
    font-family: "Font Awesome 5 Free";
    content: "\f15c";
    color: #0180D6;
    font-weight: 900;
    margin-right:0.4em;
	}
/*====記号を取る====*/
div.Terms a.NoMark {
    margin-left:0px;
	}
div.Terms a.NoMark:before {
    content:none;
    color: #0180D6;
	}

/*===============セミナー案内=================*/
p span.SeminarBtn-R {
	font-size: 90%;
	padding-left: 0.8em;
	padding-right: 0.8em;
	background-color: rgba(220,129,0,1.00);
	color: rgb(255, 255, 255);
	display: inline-block;
	border-radius: 1em;
	line-height: 1.8;
	font-weight: bold;
	margin-right: 2px;
	margin-left:5px;
}
p span.SeminarBtn {
	font-size: 90%;
	padding-left: 0.5em;
	padding-right: 0.5em;
	background-color: rgba(18,122,188,1.00);
	color: rgb(255, 255, 255);
	display: inline-block;
	line-height: 1.7;
	font-weight: bold;
	margin-right:0px;
	margin-left:10px;
}
p.SeminarGuide {
    font-weight: bold;
    line-height: 2!important;
    font-size: 93%;
    margin-bottom: 20px;
    margin-left: -0.5em;
}


/* ==================================================
その他：指定
================================================== */

/*=========youtube埋め込みレスポンシブ対応=========*/
	div.VideoAutoSize {
	  max-width:700px;
	}
/*モバイル表示*/
@media only screen and (max-width:999px){
	div.VideoAutoSize {
	  position: relative;
	  max-width:100%;
	  width: 98%;
	  padding-top: 56.25%;
	}
	div.VideoAutoSize iframe {
	  position: absolute;
	  top: 0;
	  right: 0;
	  width: 100% !important;
	  height: 100% !important;
	}
}


/*送り三角*/
p.Arrow {
    text-align: center;
    transform: scale( 1 ,0.4   );/*文字を平体に*/
    width: 100px;
    color: #2D94DA;
    font-size: 60px;
    margin-top: 0px;
    margin-bottom: 0px!important;
    margin-left: auto;
    margin-right: auto;
    line-height: 1;
}
/*トップへ戻るボタン*/
.ToTop {
  position: fixed;
  bottom: 15px;
  right: 15px;
   z-index: 999;
}
.ToTop a {
    display: block;
    padding-top: 5px;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 2px;
    border-radius: 45px;
    width: 45px;
    height: 45px;
    background-color: #137ABC;
    opacity: 0.5;
    /* ボタン内の文字 */
    text-decoration: none;
    line-height: 1;
    color: #FFFFFF;
    text-align: center;
    font-size: 32px;
}
.ToTop a i.fa{
}
.ToTop a:hover {
 	 text-decoration: none;
	opacity: 0.3;
}


/* ==================================================
Bootstrap関係
================================================== */
/*Bootstrapボタン内の文字は白*/
main#ccMainArea div.card-body a.btn,
main#ccMainArea div.card-body a.btn:link,
main#ccMainArea div.card-body a.btn:visited {
    color: #FFFFFF;
}


/* ==================================================
Font Awesome関係
================================================== */
/*Font Awesomeの基本指定*/
main#ccMainArea i.fas,
main#ccMainArea i.far {
    margin-right:0.1em;
}
/*Font Awesomeｍ 見本*/
p.FontAwesomeCSS:before {
    font-family: "Font Awesome 5 Free";
    content: '\f105';
    color: #0180D6;
    font-weight: 900;
} 



/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼追加▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */

/*=========特定のチェックボックスをチェックすると項目を表示
（特定のチェックボックスの指定=class="select"）=========*/
.mod_search form {
  margin: 0 0 100px 0;
}
.mod_search form label{
  cursor:pointer;
}
.mod_search form input{
  vertical-align:middle;
}


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

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