/* -----------------------------------------------
   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: #b6f2e5 !important;
}
.navbar-dark .navbar-brand,
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
    color: #212529;
}
.navbar-dark .navbar-nav .nav-link {
    color: #212529;
}
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: #212529;
    text-decoration:underline;
}
.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

/* -----------------------------------------------
    背景色
----------------------------------------------- */
body {
    background-color: #b6f2e5;
}

/* -----------------------------------------------
   ヘッダーに配置した固定記事
----------------------------------------------- */
header .plugin-contents {
    background: #fff url('/themes/Users/fukushima-typec-Mint/images/head_illust.gif') right bottom no-repeat;
    border-radius: 8px;
    margin-bottom: 2rem;
}
@media (max-width: 767px) {
    header .plugin-contents {
        background-image: none;
    }
}

/* -----------------------------------------------
   ヘッダーメニューデザイン
----------------------------------------------- */
.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    /* マウスオーバードロップダウンハンバーガー*/
{
    border-bottom: unset;
}
.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;

    color: #212529 !important;
    font-weight: bold;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.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: unset;
    color: #247c60 !important;
 }
.menus-tab .card-body nav ul.nav-tabs .nav-item:not(:last-child),                            /* タブ */
.menus-tab_flat .card-body nav ul.nav-tabs .nav-item:not(:last-child),                       /* タブフラット */
.menus-dropdown .card-body nav ul.nav-tabs .nav-item:not(:last-child),                       /* ドロップダウン */
.menus-mouseover_dropdown .card-body nav ul.nav-tabs .nav-item:not(:last-child),             /* マウスオーバードロップダウン */
.menus-mouseover_dropdown_no_root nav ul.nav-tabs .nav-item:not(:last-child),                /* マウスオーバードロップダウン（ルートなし） */
.menus-mouseover_dropdown_no_rootlink nav ul.nav-tabs .nav-item:not(:last-child),            /* マウスオーバードロップダウン（ルートのリンクなし） */
.menus-dropdown_hamburger .card-body nav ul.nav-tabs .nav-item:not(:last-child),             /* ドロップダウンハンバーガー */
.menus-mouseover_dropdown_hamburger .card-body nav ul.nav-tabs .nav-item:not(:last-child)    /* マウスオーバードロップダウンハンバーガー*/
{
    border-right: dotted 1px #000;
}
.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    /* マウスオーバードロップダウンハンバーガー：アクティブページ */
{
    color: #247c60 !important;
    background-color: unset;
    font-weight: bold;
}

.menus-hamburger .card-body .hamburger-menu,                      /* ハンバーガー */
.menus-dropdown_hamburger .card-body .hamburger-menu,             /* ドロップダウンハンバーガー */
.menus-mouseover_dropdown_hamburger .card-body .hamburger-menu    /* マウスオーバードロップダウンハンバーガー */
{
    background-color: #66b8a6;
    border-radius: 8px;
}
.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: #66b8a6;
    border-radius: 8px;
}
.menus-hamburger_button .menu-humburger-button  p {
    background-color: #fff;
}
.menus-hamburger_button .hamburger-menu-area a.list-group-item {
    color: #212529;
}
.menus-hamburger_button .hamburger-menu-area a.list-group-item.active{
    background-color: #66b8a6;
    color: #fff;
    border-color: unset;
}

/* -----------------------------------------------
   サイドメニューデザイン
----------------------------------------------- */
.plugin-menus .list-group a.list-group-item {
    color: #212529;
}
.plugin-menus .list-group a.list-group-item.active {
    background-color: #fb8c8c;
    color: #fff;
    border-color: unset;
}

/* -----------------------------------------------
   基本フレームデザイン
----------------------------------------------- */
[id^="frame-card-"] {
    border-radius: 8px;
}

/* -----------------------------------------------
    Default フレームデザイン
----------------------------------------------- */
.card-header.bg-default {
    background-color: unset;
    border-bottom: 0.2rem solid #d8d8d8;
}
.card-header.bg-default::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 2rem;
    background: url('/themes/Users/fukushima-typec-Mint/images/news_icon.png') no-repeat;
    background-size: contain;
}
/* -----------------------------------------------
    Denger フレームデザイン
----------------------------------------------- */
.card-header.bg-danger {
    background-color: unset !important;
    border-bottom: 0.2rem solid #d8d8d8;
    color: unset;
}
.card-header.bg-danger::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 2rem;
    background: url('/themes/Users/fukushima-typec-Mint/images/emergency_icon.png') no-repeat;
    background-size: contain;
}
.card-header.bg-default .float-right i,
.card-header.bg-danger .float-right i {
    background-color: unset !important;
    color: unset;
}

/* -----------------------------------------------
    基本リンクカラー
----------------------------------------------- */
.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: #0f7f90;
}

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

/* -----------------------------------------------
    フッター
----------------------------------------------- */
.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: #212529;
}

/* -----------------------------------------------
    新着情報デザイン
----------------------------------------------- */
.whatsnews-onerow .card-body .container .row::before {
    content: "\025a0";
    color: #fb8c8c;
    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: #fff;
    color: #b6f2e5;
    width: 4rem;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
    font-size:2rem;
    opacity:1;
}
#page-top a:hover {
    background-color: rgb(255 255 255 / .9);
    text-decoration: none;
    opacity:0.8;
}