/* 共通設定 */
/* font_family */
body {
    font-family : Meiryo,sans-serif;
}

/* 横型メニューのCSS */
/* 横型メニュー color */
.plugin-menus .nav-tabs li.nav-item > a {
    color : #008000; 
/*    color : #000000; */
}
.plugin-menus .nav-tabs li.nav-item > a.active {
    border-color : transparent;
}
/* 横型メニュー background */
.plugin-menus .nav-tabs li.nav-item > a {
    background : #008000;
}
/* 横型メニュー border */
.plugin-menus .nav-tabs li.nav-item {
    border-top : none 2px #000000;
    border-bottom : none 2px #000000;
    border-left : none 2px #000000;
}
.plugin-menus .nav-tabs li.nav-item:last-child {
    border-right : none 2px #000000;
}
.plugin-menus .nav-tabs .nav-link {
    border-radius : 0;
}
/* 横型メニュー background negative */
.plugin-menus .nav-tabs li.nav-item > a {
    background : transparent;
    padding: 5px 0 0 0;
    display: block;
    height: 100%;
}
.plugin-menus .nav-tabs .nav-link.active {
    height: 100%;
}
.plugin-menus .nav-tabs li.nav-item > a.active ,
.plugin-menus .nav-tabs li.nav-item > a:hover {
    background-color: #f5f8fa50;
}

/* 横型メニュー background-image */
.plugin-menus .nav-tabs {
        background-image : url(https://seiho.i-school.jp/images/core/theme/menu/horizon/clear/green.gif);
        background-repeat : repeat-x;
        background-position : top left;
        border-top : solid #008000 3px;
        background-color : transparent;
        height : 43px;
}
/* 横型メニュー clear */
.plugin-menus .nav-tabs li.nav-item {
    border-top : 0;
    border-bottom : 0;
    height : 38px;
}
.plugin-menus .nav-tabs li.nav-item:first-child {
    border-left : 0;
}
.plugin-menus .nav-tabs li.nav-item:last-child {
    border-right : 0;
}


/* ページ上部へ戻るボタン page-top */
#page-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 9999;
}
#page-top a {
    display: block;
    opacity:1;
}
#page-top a:hover {
    text-decoration: none;
    opacity:0.8;
}
#page-top a img {
    max-width: 90px;
}


/* 縦型（サイド）メニュー menu_vertical */
/* 縦型（サイド）メニュー color */
.plugin-menus .list-group > a.list-group-item {
    color : #008000;
}
/* 縦型（サイド）メニュー background */
.plugin-menus .list-group > a.list-group-item {
    color : #008000;
    background : #008000;
}
.plugin-menus .list-group > a.list-group-item.active,
.plugin-menus .list-group > a.list-group-item:hover {
    background-color : #55555550;
    z-index : 0;
    border-color : transparent;
    text-decoration: none;
}
/* 縦型（サイド）メニュー border */
.plugin-menus .list-group > a.list-group-item {
    border : none;
    border-radius : unset;
}
/* 縦型（サイド）メニュー background-image */
.plugin-menus .list-group > a.list-group-item {
position : relative;
display : inline-block;
padding-left : 30px;
background-color : transparent;
}
.plugin-menus .list-group > a.list-group-item,
.plugin-menus .list-group > a.list-group-item.active,
.plugin-menus .list-group > a.list-group-item:hover,
.plugin-menus .list-group > a.list-group-item.active:last-child,
.plugin-menus .list-group > a.list-group-item:hover:last-child {
    /* border */
    border : unset;
}
.plugin-menus .list-group > a.list-group-item.active,
.plugin-menus .list-group > a.list-group-item:hover {
    background-color : transparent;
    background-color : #00800050; 
    font-weight : bold; 
    color : #008000;
}
.plugin-menus .list-group > a.list-group-item:before {
    position: absolute;
     top: calc(50% - 7px); 
    left: 12px;
    top: 18px;
    width: 8px;
    height: 8px;
    /* content: ''; */
    border-radius: 50%; 
    background: #008000;
}


/* フレームタイトル frame_tittle */
/************/
/* サイト全体設定(メインエリアのみ) site all anchor */
#ccMainArea a:hover {
    color: #00800080;
    text-decoration: underline;
}
#ccMainArea a {
    color: #008000;
    text-decoration: underline;
}
/************/

/* フレームタイトル color */
.card-header.bg-default {
    color : #ffffff;
}
/* フレームタイトル background */
.card-header.bg-default {
    background : #008000;
}
/* フレームタイトル border */
.card-header.bg-default {
    border-color : #ffffff;
    border-bottom-style : none;
    border-bottom-width : 2px;
}
/* フレームタイトル background-image */
/*******/
/* ブログの記事タイトルの大きさ調整*/
header h2 {
    font-size: 1.3rem;
}
/*******/
.card-header.bg-default {
    font-size: 1.1rem;
    padding-bottom: 10px;    position : relative;
    margin : 0 -10px;
    background : #008000;
}.card {
    border : unset;
}
.card-header.bg-default:before,
.card-header.bg-default:after {
    position: absolute;
    content: '';
}
.card-header.bg-default:before {
    bottom: -10px;
    left: 0;
    width: 0;
    height: 0;
    border-top: 10px solid #00800080;
    border-left: 10px solid transparent;
}




/* Google map レスポンシブ */
.map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 75%; 
} 
.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/* Google callendar レスポンシブ */
.cal{
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 220%; 
} 
.cal iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/* 横型ドロップダウンメニュー　マウス外れると非表示 */
.dropdown .dropdown-menu{
    display: none; 
 }
 .dropdown:hover .dropdown-menu {
    display: block;
 }




/*ハンバーガーメニュー周囲の（枠線）消去 */
.navbar-toggler {
padding: 0 !important;
border: none;
}


/*表のスマホスクロール表示　図書館*/
.table-wrap {
  overflow-x: scroll;
}
.table table-sm {
  width: 100%;
  min-width: 768px;
  border-collapse: collapse;
}
.table table-sm th,
.table table-sm td {
  border: 2px solid #eee;
  padding: 4px 8px;
}

/*表のスマホスクロール表示　証明書発行*/
.table table-sm2 {
  width: 100%;
  min-width: 768px;
  border-collapse: collapse;
}
.table table-sm2 th,
.table table-sm2 td {
  border: 2px solid #eee;
  padding: 4px 8px;
}

/*アンダーライン　デザイン*/
.under1 {
  background: linear-gradient(transparent  60%, #37e8ff  90%);
}

/*PCのみ改行をする　　使用時：<br class="pc_hid" />*/
/*PCで無効*/
.pc_hid{
    display: block;
}
/*スマートフォンで有効*/
@media screen and (max-width:768px) {
    .pc_hid{
        display: none;
    }
}

/*スマホのみ改行をする　　使用時：<br class="sm_hid" />*/
/*PCで無効*/
.sm_hid{
    display: none;
}
/*スマートフォンで有効*/
@media screen and (max-width:768px) {
    .sm_hid{
        display: block;
    }
}

/* ハンバーガーメニューがクリックされたときにアイコンを変更する */
/* 
button[aria-expanded="true"] > span {
  position: relative;
  display: none;
}
 button[aria-expanded="true"]::after {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 28px;
  content: "Ｘ";
}
*/