/*水色 #3F8CD3*/
/*紺色 #193D80*/
/*薄水色 #E6F6FF*/
/* bodyは基本の文字色を変更*/
body {
    color: #333333;
    overflow-x: hidden;
    font-family: 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", sans-serif;
}
/*各種frameのclassに追加する*/
.bk-darkblue {
    background: #193D80;
    color: #FFFFFF;
}
.h2, h2 {
    font-size: 1.2rem;
}

/* ヘッダーエリア */
#ccHeaderArea {
    background-image: url('/themes/Users/nishiaoiro/images/header-right.png');
    background-repeat: no-repeat;
    background-size: 467px;
    background-position: top right;
    margin-bottom: 1rem;
}
/* ヘッダーロゴ画像 */
.header-logo-area a img {
    max-width: 300px;
    width: 100%;
}
.header-logo-area img.logo-right {
    max-height: 30px;
}
.header-logo-area .header-logo-text {
    font-size: 1.15rem;
}
@media (max-width: 767px) {
    .header-logo-area img.logo-right {
        max-height: 20px;
        position: absolute;
        left: 7px;
        bottom: -12px;
    }
    .header-logo-area a img {
        max-width: 250px;
        margin-top: .75rem;
        position: relative;
        z-index: 100;
    }
    .header-logo-area .header-logo-text {
        max-height: 20px;
        position: absolute;
        left: 10px;
        top: .0rem;
        font-size: .8rem;
    }
}
/* マウスオーバードロップダウン */
/* フレームNoneにする */
/* 幅を固定(ヘッダー100％指定する) */
.menus-mouseover_dropdown_hamburger {
    background-color: #3F8CD3;
}
.menus-mouseover_dropdown_hamburger .frame-design-none {
    max-width: 1141px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto 0 !important;
}
/* メニューの角丸、縦幅調整、色 */
.menus-mouseover_dropdown_hamburger .frame-design-none .nav-tabs .nav-link {
    border-radius: 0;
    padding: 1rem;
    background-color: #3F8CD3;
    border: 0;/* 打消 */
    border-left: 1px solid #FFF;
    color: #FFFFFF;
}
.menus-mouseover_dropdown_hamburger .frame-design-none .nav-tabs .nav-item:last-of-type .nav-link {
    border-right: 1px solid #FFF;
}
/* マウスオーバー */
.menus-mouseover_dropdown_hamburger .frame-design-none .nav-tabs .nav-link.active,
.menus-mouseover_dropdown_hamburger .frame-design-none .nav-tabs .nav-link:hover {
    background-color: #193D80;
}
.menus-mouseover_dropdown_hamburger .card-body nav .dropdown-menu {
    min-width: 100%;
    border-radius: 0;
}
.menus-mouseover_dropdown_hamburger .card-body nav .dropdown-menu a {
    position: relative;
    color: #333333;
}
.menus-mouseover_dropdown_hamburger .card-body nav .dropdown-menu a:hover,
.menus-mouseover_dropdown_hamburger .card-body nav .dropdown-menu a.active {
    background: #193D80;
    color: #FFFFFF;
}
.menus-mouseover_dropdown_hamburger .card-body nav .dropdown-menu a.depth-1:before {
    content: "";
    position: absolute;
    top: 48%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #3F8CD3;
}
.menus-mouseover_dropdown_hamburger .card-body nav .dropdown-menu a:hover.depth-1:before,
.menus-mouseover_dropdown_hamburger .card-body nav .dropdown-menu a.active.depth-1:before  {
    border-color: transparent transparent transparent #FFFFFF;
    color: #FFFFFF;
}
/* スマホメニュー用 */
@media (max-width: 767px) {
    .menus-mouseover_dropdown_hamburger {
        background-color: transparent;
        position: absolute;
        top: 25px;
    }
    .menus-mouseover_dropdown_hamburger .frame-design-none {
        padding-left: 0;
        padding-right: 0;
    }
    .menus-mouseover_dropdown_hamburger .navbar {
        padding: 0;
    }
    /* メニューハンバーガ制御 end  */
    .menus-mouseover_dropdown_hamburger .navbar .navbar-toggler {
        z-index: 20;/*スライダー要素より上*/
        right: 25px;
    }
    .menus-mouseover_dropdown_hamburger .navbar button.navbar-toggler {
        border: 1px solid #193D80;
        padding: 10px;
        width: 50px;
        height: 50px;
        border-radius: 5px;
        background-color: #FFF;
        z-index: 10;
    }
    .menus-mouseover_dropdown_hamburger .navbar .navbar-toggler-icon {
        background-color: #193D80;
    }
    .menus-mouseover_dropdown_hamburger .hamburger-menu .navbar-light .navbar-toggler-icon {
        background-color: #193D80;
    }
    .menus-mouseover_dropdown_hamburger .navbar .navbar-toggler-icon:nth-of-type(1) {
        top: 15px;
        height: 3px;
    }
    .menus-mouseover_dropdown_hamburger .navbar .navbar-toggler-icon:nth-of-type(2) {
        top: 23px;
        height: 3px;
    }
    .menus-mouseover_dropdown_hamburger .navbar .navbar-toggler-icon:nth-of-type(3) {
        top: 31px;
        height: 3px;
    }
    .menus-mouseover_dropdown_hamburger .navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(1) {
        top:23px;
        height: 3px;
        transform: rotate(45deg);
    }
    .menus-mouseover_dropdown_hamburger .navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(2) {
        opacity: 0;
        height: 3px;
    }
    .menus-mouseover_dropdown_hamburger .navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(3) {
        top:23px;
        height: 3px;
        transform: rotate(-45deg);
    }
    /* メニューハンバーガ制御 end  */


    .menus-mouseover_dropdown_hamburger .navbar #grobalNav {
        z-index: 20;/*スライダー要素より上*/
        background-color: #3F8CD3;
        padding: 0 15px 10px;
        margin-top: 15px;
    }
    .menus-mouseover_dropdown_hamburger .navbar #grobalNav .navbar-nav {
        padding: 10px;
        border-bottom: 1px solid #FFF;
    }
    .menus-mouseover_dropdown_hamburger .navbar #grobalNav .navbar-nav.ml-3 {
        border-bottom: 0;
    }

    .menus-mouseover_dropdown_hamburger .navbar #grobalNav .navbar-nav .active>.nav-link, 
    .menus-mouseover_dropdown_hamburger .navbar #grobalNavlight .navbar-nav .nav-link.active, 
    .menus-mouseover_dropdown_hamburger .navbar #grobalNavlight .navbar-nav .nav-link.show, 
    .menus-mouseover_dropdown_hamburger .navbar #grobalNav .navbar-nav .show>.nav-link {
        color: #FFF;
    }
    .menus-mouseover_dropdown_hamburger .navbar #grobalNav .navbar-nav .nav-link {
        color: #FFFFFF;
        /*opacity: .8;*/
    }
    /* アコーディオンの+-の色 */
    .menus-mouseover_dropdown_hamburger .hamburger-menu .hamburger-accordion[aria-expanded="false"]:after,
    .menus-mouseover_dropdown_hamburger .hamburger-menu .hamburger-accordion-block[aria-expanded="false"]:after,
    .menus-mouseover_dropdown_hamburger .hamburger-menu .hamburger-accordion[aria-expanded="true"]:after,
    .menus-mouseover_dropdown_hamburger .hamburger-menu .hamburger-accordion-block[aria-expanded="true"]:after 
    {
        color: #FFFFFF;
    }
}




/* スライドショー背景設定 */
.plugin-slideshows.bk-color_image {
    background-image: url('/themes/Users/nishiaoiro/images/header-left.png');
    background-repeat: no-repeat;
    background-size: 280px;
    background-color: #E6F6FF;
}
.plugin-slideshows.bk-color_image .mb-3 {
    margin-bottom: 0!important;
}

/* 新着情報 */
#ccCenterArea .plugin-whatsnews.whatsnews-onerow.bk-news .card-body {
    background-image: url('/themes/Users/nishiaoiro/images/news.png');
    background-repeat: no-repeat;
    background-size: 200px;
    background-position: 40px center;
    padding-left: 280px !important;
    min-height: 88px;
}
#ccCenterArea .plugin-whatsnews.whatsnews-onerow article .row span:not(.badge).mr-2:before {
    content : "▶";
    margin-left: 10px;
    margin-right: 10px;
    color: #3F8CD3;
}
#ccCenterArea .plugin-whatsnews.whatsnews-onerow article .row span:not(.badge).mr-2 {
    margin-right:1.75rem !important;
    color:#193D80;
}
#ccCenterArea .plugin-whatsnews.whatsnews-onerow article .row span.badge {
    margin-right:1.25rem !important;
    width: 110px;
    font-weight: normal;
    border-radius: 10px;
    padding: .25rem 0;
}
#ccCenterArea .plugin-whatsnews.whatsnews-onerow article .row a {
    color: #333333;
}
#ccCenterArea .plugin-whatsnews.whatsnews-onerow article .row a:hover {
    color:#193D80;
}
#ccCenterArea .plugin-contents .whats-new-link {
    text-align: center;
}
#ccCenterArea .plugin-contents .whats-new-link a.whats-new {
    color: #FFFFFF;
    background-color: #05AFF2;
    min-width: 150px;
    border-radius: 1rem;
    padding: 0;
    margin-bottom: 2rem;
}
@media (max-width: 767px) {
    #ccCenterArea .plugin-whatsnews.whatsnews-onerow.bk-news .card-body {
        background-size: 160px;
        background-position: top center;
        padding-top: 80px !important;
        padding-left: 0px !important;
    }
    #ccCenterArea .plugin-whatsnews.whatsnews-onerow article .row .text-truncate {
        margin-top: 0px;
        text-align: left;
    }
    #ccCenterArea .plugin-whatsnews.whatsnews-onerow article .row .text-truncate a {
        margin-left: 38px;
    }
}




/* ヘッダーエリア */
.card .card-header.bg-default {
    color: #FFFFFF !important;
    font-size: 1.1rem;
    background-color: #193D80 !important;
    background-image: url('/themes/Users/nishiaoiro/images/card-header.png');
    background-repeat: no-repeat;
    background-size: 6px;
    border-radius: .25rem;
    background-position: 1rem center;
    padding-left: 2.25rem;    
}








/* フッター */
.bk-darkblue .card {
    background: transparent;
}
.bk-darkblue .card-body a {
    color: #FFFFFF;
}
.bk-darkblue .card-body .footer-copy {
    text-align: left;
    color: #FFFFFF;
    font-size: 1.5rem;
    padding: 0 0 1rem;
    margin-bottom: 1rem;
    line-height: 1.2;
}
.bk-darkblue .card-body .footer-copy span {
    font-size: 1rem;
}
.bk-darkblue .card-body .footer-copy {
    border-bottom: 1px solid #FFFFFF;
}
.bk-darkblue .card-body .footer-copyright {
    text-align: right;
    color: #FFFFFF;
    font-size: 0.8rem;
}
.menus-sitemap .card.mb-3 {
    margin-bottom: 0 !important;
}
.menus-sitemap nav ul {
    font-size: 0.9rem;
    text-align: left;
    list-style: none;
    position: relative;
}
.menus-sitemap nav ul li a:before {
    list-style: none;
    content: "";
    position: absolute;
    top: 0.4rem;
    left: 1.5rem;
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #FFFFFF;
}
@media (min-width: 992px) {
    /* PC以上の画面サイズ（992px以上）の場合に適用するCSS */
    .menus-sitemap nav {
        display: flex;
        justify-content: right;
    }
}

/* ページ上部へ戻るボタン page-top */
#page-top {
    position: fixed;
    bottom: 90px;
    right: 20px;
    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;
}