/* -----------------------------------------------
   H1～H6の設定
----------------------------------------------- */
.h1, h1 { font-size: 1.8rem; }
.h2, h2 { font-size: 1.7rem; }
.h3, h3 { font-size: 1.5rem; }
.h4, h4 { font-size: 1.3rem; }
.h5, h5 { font-size: 1.2rem; }
.h6, h6 { font-size: 1.1rem; }

/* -----------------------------------------------
   ヘッダーナビバーの設定
----------------------------------------------- */
.bg-dark {
    background-color: #257e17 !important;
}
.navbar-dark .navbar-nav .nav-link {
    color: #fff;
}
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    text-decoration:underline;
}

/* -----------------------------------------------
   ヘッダーメニューデザイン
----------------------------------------------- */
.menus-tab .card-body nav ul.nav-tabs,                            /* タブ */
.menus-tab_flat .card-body nav ul.nav-tabs,                       /* タブフラット */
.menus-dropdown .card-body nav ul.nav-tabs,                       /* ドロップダウン */
.menus-mouseover_dropdown .card-body nav ul.nav-tabs,             /* マウスオーバードロップダウン */
.menus-mouseover_dropdown_no_root nav ul.nav-tabs,                /* マウスオーバードロップダウン（ルートなし） */
.menus-mouseover_dropdown_no_rootlink nav ul.nav-tabs,            /* マウスオーバードロップダウン（ルートのリンクなし） */
.menus-dropdown_hamburger .card-body nav ul.nav-tabs,             /* ドロップダウンハンバーガー */
.menus-mouseover_dropdown_hamburger .card-body nav ul.nav-tabs    /* マウスオーバードロップダウンハンバーガー*/
{
    background-color: #257e17;
    border: unset;
}
.menus-tab .card-body nav ul.nav-tabs a.nav-link.active,                             /* タブ：アクティブページ */
.menus-tab .card-body nav ul.nav-tabs a.nav-link:hover,                              /* タブ：オンマウス */
.menus-tab_flat .card-body nav ul.nav-tabs a.nav-link.active,                        /* タブフラット：アクティブページ */
.menus-tab_flat .card-body nav ul.nav-tabs a.nav-link:hover,                         /* タブフラット：オンマウス */
.menus-dropdown .card-body nav ul.nav-tabs a.nav-link.active,                        /* ドロップダウン：アクティブページ */
.menus-dropdown .card-body nav ul.nav-tabs a.nav-link:hover,                         /* ドロップダウン：オンマウス */
.menus-mouseover_dropdown .card-body nav ul.nav-tabs a.nav-link.active,              /* マウスオーバードロップダウン：アクティブページ */
.menus-mouseover_dropdown .card-body nav ul.nav-tabs li.show a.nav-link,             /* マウスオーバードロップダウン：オンマウス */
.menus-mouseover_dropdown_no_root nav ul.nav-tabs a.nav-link.active,                 /* マウスオーバードロップダウン（ルートなし）：アクティブページ */
.menus-mouseover_dropdown_no_root nav ul.nav-tabs li.show a.nav-link,                /* マウスオーバードロップダウン（ルートなし）：オンマウス */
.menus-mouseover_dropdown_no_rootlink nav ul.nav-tabs a.nav-link.active,             /* マウスオーバードロップダウン（ルートのリンクなし）：アクティブページ */
.menus-mouseover_dropdown_no_rootlink nav ul.nav-tabs li.show a.nav-link,            /* マウスオーバードロップダウン（ルートのリンクなし）：オンマウス */
.menus-dropdown_hamburger .card-body nav ul.nav-tabs a.nav-link.active,              /* ドロップダウンハンバーガー：アクティブページ */
.menus-dropdown_hamburger .card-body nav ul.nav-tabs a.nav-link:hover,               /* ドロップダウンハンバーガー：オンマウス */
.menus-mouseover_dropdown_hamburger .card-body nav ul.nav-tabs a.nav-link.active,    /* マウスオーバードロップダウン：アクティブページ */
.menus-mouseover_dropdown_hamburger .card-body nav ul.nav-tabs li.show a.nav-link    /* マウスオーバードロップダウン：オンマウス */
{
    background-color: #6eb563;
}
.menus-tab .card-body nav ul.nav-tabs a.nav-link,                            /* タブ：オンマウス */
.menus-tab_flat .card-body nav ul.nav-tabs a.nav-link,                       /* タブフラット：オンマウス */
.menus-dropdown .card-body nav ul.nav-tabs a.nav-link,                       /* ドロップダウン：オンマウス */
.menus-mouseover_dropdown .card-body nav ul.nav-tabs a.nav-link,             /* マウスオーバードロップダウン：オンマウス */
.menus-mouseover_dropdown_no_root nav ul.nav-tabs a.nav-link,                /* マウスオーバードロップダウン（ルートなし）：オンマウス */
.menus-mouseover_dropdown_no_rootlink nav ul.nav-tabs a.nav-link,            /* マウスオーバードロップダウン（ルートのリンクなし）：オンマウス */
.menus-dropdown_hamburger .card-body nav ul.nav-tabs a.nav-link,             /* ドロップダウンハンバーガー：オンマウス */
.menus-mouseover_dropdown_hamburger .card-body nav ul.nav-tabs a.nav-link    /* マウスオーバードロップダウン：オンマウス */
{
    border: unset;
    border-radius: unset;
    margin-bottom: unset;

    border-left: 0.1rem solid #fff;
    color: #fff !important;;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.menus-dropdown .card-body nav ul.nav-tabs .dropdown-menu .dropdown-item:hover,                        /* ドロップダウン：オンマウス */
.menus-dropdown .card-body nav ul.nav-tabs .dropdown-menu .dropdown-item.active,                       /* ドロップダウン：アクティブページ */
.menus-mouseover_dropdown .card-body nav ul.nav-tabs .dropdown-menu .dropdown-item:hover,              /* マウスオーバードロップダウン：オンマウス */
.menus-mouseover_dropdown .card-body nav ul.nav-tabs .dropdown-menu .dropdown-item.active,             /* マウスオーバードロップダウン：アクティブページ */
.menus-mouseover_dropdown_no_root nav ul.nav-tabs .dropdown-menu .dropdown-item:hover,                 /* マウスオーバードロップダウン（ルートなし）：オンマウス */
.menus-mouseover_dropdown_no_root nav ul.nav-tabs .dropdown-menu .dropdown-item.active,                /* マウスオーバードロップダウン（ルートなし）：アクティブページ */
.menus-mouseover_dropdown_no_rootlink nav ul.nav-tabs .dropdown-menu .dropdown-item:hover,             /* マウスオーバードロップダウン（ルートのリンクなし）：オンマウス */
.menus-mouseover_dropdown_no_rootlink nav ul.nav-tabs .dropdown-menu .dropdown-item.active,            /* マウスオーバードロップダウン（ルートのリンクなし）：アクティブページ */
.menus-dropdown_hamburger .card-body nav ul.nav-tabs .dropdown-menu .dropdown-item:hover,              /* ドロップダウンハンバーガー：オンマウス */
.menus-dropdown_hamburger .card-body nav ul.nav-tabs .dropdown-menu .dropdown-item.active,             /* ドロップダウンハンバーガー：アクティブページ */
.menus-mouseover_dropdown_hamburger .card-body nav ul.nav-tabs .dropdown-menu .dropdown-item:hover,    /* マウスオーバードロップダウンハンバーガー：オンマウス */
.menus-mouseover_dropdown_hamburger .card-body nav ul.nav-tabs .dropdown-menu .dropdown-item.active    /* マウスオーバードロップダウンハンバーガー：アクティブページ */
{
    background-color: #6eb563;
    color: #fff;
}


.menus-hamburger .card-body .hamburger-menu,                      /* ハンバーガー */
.menus-dropdown_hamburger .card-body .hamburger-menu,             /* ドロップダウンハンバーガー */
.menus-mouseover_dropdown_hamburger .card-body .hamburger-menu    /* マウスオーバードロップダウンハンバーガー */
{
    background-color: #257e17;
}
.menus-hamburger .card-body .hamburger-menu .navbar-toggler-icon,                      /* ハンバーガー */
.menus-dropdown_hamburger .card-body .hamburger-menu .navbar-toggler-icon,             /* ドロップダウンハンバーガー */
.menus-mouseover_dropdown_hamburger .card-body .hamburger-menu .navbar-toggler-icon    /* マウスオーバードロップダウンハンバーガー */
{
    background-color: #fff;
    height: 2.5px;
}
.menus-hamburger .card-body .hamburger-menu a.nav-link,                                        /* ハンバーガー：文字色 */
.menus-hamburger .card-body .hamburger-menu a.hamburger-accordion::after,                      /* ハンバーガー：＋ーマーク */
.menus-dropdown_hamburger .card-body .hamburger-menu a.nav-link,                               /* ドロップダウンハンバーガー：文字色 */
.menus-dropdown_hamburger .card-body .hamburger-menu a.hamburger-accordion::after,             /* ドロップダウンハンバーガー：＋ーマーク */
.menus-mouseover_dropdown_hamburger .card-body .hamburger-menu a.nav-link,                     /* マウスオーバードロップダウンハンバーガー：文字色 */
.menus-mouseover_dropdown_hamburger .card-body .hamburger-menu a.hamburger-accordion::after    /* マウスオーバードロップダウンハンバーガー：＋ーマーク */
{
    color: #fff;
}
.menus-hamburger .card-body .hamburger-menu a.nav-link:hover,                                        /* ハンバーガー：文字色 */
.menus-dropdown_hamburger .card-body .hamburger-menu a.nav-link:hover,                               /* ドロップダウンハンバーガー：文字色 */
.menus-mouseover_dropdown_hamburger .card-body .hamburger-menu a.nav-link:hover                     /* マウスオーバードロップダウンハンバーガー：文字色 */
{
    font-weight: bold;
}

/* ----- ハンバーガーメニュー用設定 ----- */
.menus-hamburger_button .card-body:not(.frame-setting-body) {
    background-color: #257e17;
}
.menus-hamburger_button .menu-humburger-button  p {
    background-color: #fff;
}
.menus-hamburger_button .hamburger-menu-area a.list-group-item {
    color: #257e17;
}
.menus-hamburger_button .hamburger-menu-area a.list-group-item.active{
    background-color: #257e17;
    color: #fff;
    border-color: unset;
}

/* -----------------------------------------------
   サイドメニューデザイン
----------------------------------------------- */
.plugin-menus .list-group a.list-group-item {
    color: unset !important;
    text-decoration: none;
}
.plugin-menus .list-group a.list-group-item::before {
    content: "\025a0";
    color: #257e17;
}
.plugin-menus .list-group a.list-group-item:hover,
.plugin-menus .list-group a.list-group-item.active {
    background-color: #f5f5f5;
    border: #ddd solid 1px;
}
.plugin-menus .list-group a.list-group-item.active::before {
    content: "\025a0";
    color: #ffa200;
}

/* -----------------------------------------------
    Default / Denger フレームデザイン
----------------------------------------------- */
.card:has(.bg-default),
.card:has(.bg-danger)
 {
    border: unset;
}
.card-header.bg-default,
.card-header.bg-danger {
    border-radius: unset;
    border: none;
    color: #fff;
    background-color: #257e17 !important;
    border: none;
    border-left: 0.5rem #ffa200 solid;
    font-size: 1.25rem;
}
.card-header.bg-default .float-right i,
.card-header.bg-danger .float-right i {
    background-color: unset !important;
    color: #fff;
}


/* -----------------------------------------------
    基本リンクカラー
----------------------------------------------- */
.card-body:not(.frame-setting-body) a:not(.btn),
.card-body:not(.frame-setting-body) a .fa-twitter,
.card-body:not(.frame-setting-body) a .fa-facebook-square
 {
    color: #257e17;
}


/* -----------------------------------------------
   通常ボタンデザイン
----------------------------------------------- */
a.badge-info,
a.btn-info {
    background-color: #257e17;
    border-color: #257e17;
    color: #fff !important;
}
a.badge-info:hover, a.badge-info:focus,
a.btn-info:hover {
    background-color: #6eb563;
    border-color: #6eb563;
}

/* -----------------------------------------------
    フッター
----------------------------------------------- */
.site-footer,
.plugin-contents .card-body div.footer {
    background-color: #257e17;
    color: #fff;
    padding: 0.5rem 1.8rem;
    border-top: 0.5rem #ffa200 solid;
}
.site-footer .footer ul,
.plugin-contents .card-body div.footer ul {
    text-align: right;
    padding: 0;
}
.site-footer .footer ul li,
.plugin-contents .card-body div.footer ul li {
    list-style: none;
    display: inline;
}
.site-footer .footer ul li:before,
.plugin-contents .card-body div.footer ul li:before {
    content: "｜";
}
.site-footer .footer ul li a,
.plugin-contents .card-body div.footer a {
    padding-left: 10px;
    color: #fff;
}

/* -----------------------------------------------
    新着情報デザイン
----------------------------------------------- */
.whatsnews-onerow .card-body .container .row::before {
    content: "\025a0";
    color: #257e17;
    padding-right: 0.5rem;
}
.whatsnews-onerow .card-body .container .row,
.whatsnews-onerow .card-body .container .pb-2 {
    padding: 1rem !important;
}

/* -----------------------------------------------
   ページ上部へ戻るボタンの設定
----------------------------------------------- */
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 80%;
    z-index: 9999;
}
#page-top a {
    display: block;
    background: #257e17;
    color: #fff;
    width: 4rem;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
    font-size:2rem;
    opacity:1;
}
#page-top a:hover {
    background: #6eb563;
    text-decoration: none;
    opacity:0.8;
}