/* 共通設定 */
/* font_family */
body {
    font-family : sans-serif;
}
/* globalナビはメニューの色合いと合わせる */
.bg-dark {
    background-color: #0B4F6C !important;
    padding: 0;
}
.navbar-dark .navbar-brand {
    font-size : 1rem;
    padding-left: 0.5rem;
}
.navbar-dark .navbar-nav .nav-link {
    font-size : 0.8rem;
}
/* 横型メニューのCSS */
/* 横型メニュー color */
.plugin-menus .nav-tabs li.nav-item > a {
    color : #ffffff;
}
.plugin-menus .nav-tabs li.nav-item > a.active {
    border-color : transparent;
}
/* 横型メニュー background */
.plugin-menus .nav-tabs li.nav-item > a {
    background : #12335c;
}
/* 横型メニュー border */
.plugin-menus .nav-tabs li.nav-item {
    border-top : none 2px #ffffff;
    border-bottom : none 2px #ffffff;
    border-left : none 2px #ffffff;
}
.plugin-menus .nav-tabs li.nav-item:last-child {
    border-right : none 2px #ffffff;
}
.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://nanbues.city-omachi.ed.jp/images/core/theme/menu/horizon/shiny/opacity.png);
        background-repeat : repeat;
        background-position : center center;
        background-color : #12335c;
}
/* 横型メニュー shiny */
.plugin-menus .nav-tabs li.nav-item {
    border-top : 0;
    border-bottom : 0;
    height : 37px;
}
.plugin-menus .nav-tabs li.nav-item:first-child {
    border-left : 0;
}
.plugin-menus .nav-tabs li.nav-item:last-child {
    border-right : 0;
}
.plugin-menus .nav-tabs li.nav-item > a {
    padding: 7px 0 0 0;
}
.plugin-menus .nav-tabs li.nav-item > a:hover,
.plugin-menus .nav-tabs li.nav-item > a.active {
    background-color: #ffffff30;
}/* ページ上部へ戻るボタン page-top */
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 80%;
    z-index: 9999;
}
#page-top a {
    display: block;
    background: #12335c;
    color: #fff;
    width: 100px;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
    font-size:3rem;
    opacity:1;
}
#page-top a:hover {
    background: #12335c;
    text-decoration: none;
    opacity:0.8;
}


/* 縦型（サイド）メニュー menu_vertical */
/* 縦型（サイド）メニュー color */
.plugin-menus .list-group > a.list-group-item {
    color : #ffffff;
}
/* 縦型（サイド）メニュー background */
.plugin-menus .list-group > a.list-group-item {
    color : #ffffff;
    background : #12335c;
}
.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 {
background-image : url(https://nanbues.city-omachi.ed.jp/images/core/theme/menu/vertical/shiny/opacity.png);
background-repeat : repeat-x;
background-position : center center;
background-color : #12335c;
}
.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-image : url(https://nanbues.city-omachi.ed.jp/images/core/theme/menu/vertical/shiny/opacity_on.png);
    background-color: #12335c;
    font-weight : bold;
}


/* --- フレームタイトル修正版 --- */
.card-header.bg-default {
    color: #ffffff !important;
    background-color: #073B4C !important;
    font-size: 1.1rem;
    padding-bottom: 10px;
    border-color: #ffffff;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    position: relative;
    z-index: 1;

    /* 画像を2枚重ねる設定（1枚目が上に来ます） */
    background-image: 
        url(https://nanbues.city-omachi.ed.jp/themes/Users/NANBU/images/Japanese-serow.png), 
        url(https://hokubues.city-omachi.ed.jp/images/core/theme/frame/shiny/opacity.png) !important;

    /* ライチョウは右から5pxの位置、キラキラは右下 */
    background-position: 
        right 5px center, 
        right bottom !important;

    background-repeat: 
        no-repeat, 
        no-repeat !important;

    /* 枠内にきれいに収める設定 */
    background-size: 
        contain, 
        contain !important;

    /* 文字が重ならないように右側を空ける */
    padding-right: 75px !important; 
}

/* 不要な重複設定を削除・整理 */
.card-header {
    /* 他のカードヘッダーへの干渉を防ぐため、一旦リセット */
}

/* フッター設定 */
#ccFooterArea {
    background-color: #073B4C;
    color: #ffffff;
}