/* 共通設定 */
/* font_family */
body {
    font-family : "UD デジタル 教科書体 N-R",sans-serif;
}
/* globalナビはメニューの色合いと合わせる */
.bg-dark {
/*    background-color: #5BAF35 !important; */
    background-color: #0077b3!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 : #0077b3;
}
.plugin-menus .nav-tabs li.nav-item > a.active {
    border-color : transparent;
}
/* 横型メニュー background */
.plugin-menus .nav-tabs li.nav-item > a {
    background : #5BAF35;
}
/* 横型メニュー border */
.plugin-menus .nav-tabs li.nav-item {
    border-top : solid 2px #0077b3;
    border-bottom : solid 2px #0077b3;
    margin-bottom: -2px;
    border-left : solid 2px #0077b3;
}
.plugin-menus .nav-tabs li.nav-item:last-child {
    border-right : solid 2px #0077b3;
}
.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 : transparent;
}
/* 横型メニュー underline */
.nav-tabs {
    border : 0;
}
.nav-tabs .nav-item {
    margin-bottom: 0;
}
.plugin-menus .nav-tabs li.nav-item {
    border-top : 0;
    border-right : 0;
    border-left : 0;
}
.plugin-menus .nav-tabs li.nav-item:last-child {
    border-right : 0;
}

.plugin-menus .nav-tabs li.nav-item > a.active ,
.plugin-menus .nav-tabs li.nav-item > a:hover {
    background-color: unset;
    font-weight: bold;
    border : 0;
    color : #5BAF35;
}
.plugin-menus .nav-tabs li.nav-item > a {
    position: relative;
    padding: 10px 0 10px 0px;
}
.plugin-menus .nav-tabs li.nav-item > a.active:after {
    position: absolute;
    vertical-align: bottom;
    bottom: -2px;
    left: 45%;
    width: 0;
    height: 0;
    content: '';
    border-width: 0 10px 10px 10px;
    border-style: solid;
    border-color: transparent transparent #5BAF35 transparent;
}
#frame-card-2 > div > nav {
    border-bottom : solid 2px #0077b3;
}
#frame-card-2 > div > nav > ul {
    max-width: 1110px;
    margin: 0 auto;
}


/* ページ上部へ戻るボタン page-top */
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 80%;
    z-index: 9999;
}
#page-top a {
    display: block;
/* background: #5BAF35; */
    background-image: url("https://f-kyouiku.fukuroi.ed.jp/themes/Users/f-kyouiku/images/toppage.png");
    color: #fff;
    width: 100px;
    height: 108px;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
    font-size:3rem;
    opacity:1;
} 
#page-top a:hover {
/*
    background: #5BAF35;
    text-decoration: none;
*/
    opacity:0.8;
}


/* 縦型（サイド）メニュー menu_vertical */
/* 縦型（サイド）メニュー color */
.plugin-menus .list-group > a.list-group-item {
    color : #0077b3;
}
/* 縦型（サイド）メニュー background */
.plugin-menus .list-group > a.list-group-item {
    color : #0077b3;
    background : #5BAF35;
}
.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-top : solid 2px #0077b3;
    border-left : solid 2px #0077b3;
    border-right : solid 2px #0077b3;
    border-radius : 0;
    text-decoration: none;
}
.plugin-menus .list-group > a.list-group-item:last-child {
    border-bottom : solid 2px #0077b3;
}
/* 縦型（サイド）メニュー background-image */
.plugin-menus .list-group > a.list-group-item {
position : relative;
display : inline-block;
background-color : transparent;
}
.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-color : #0077b3;
}
.plugin-menus .list-group > a.list-group-item.active,
.plugin-menus .list-group > a.list-group-item:hover {
    background-color : transparent;
    font-weight : bold;
    color : #5BAF35;
}
.plugin-menus .list-group > a.list-group-item:before {
    position: absolute;
    right: 12px;
    top: 13px;
    width: auto;
    height: auto;
    content: "▶";
}


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

/* フレームタイトル color */
.card-header.bg-default {
    color : #ffffff;
}
/* フレームタイトル background */
.card-header.bg-default {
    background : #0077b3;
}
/* フレームタイトル 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 : #0077b3;
}.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 #0077b380;
    border-left: 10px solid transparent;
}
.card-header.bg-default:after {
    right: 0;
    bottom: -10px;
    width: 0;
    height: 0;
    border-top: 10px solid #0077b380;
    border-right: 10px solid transparent;
}

/* フッター設定 */
#ccFooterArea {
    background: #0077b3;
    color: #fff;
}

/* ドロップダウンメニュー */
.dropdown-item {
    color: #0077b3;
}
.dropdown-item:hover {
    color: #5BAF35;
    font-weight: bold;
}
.dropdown-item:active {
    background-color: transparent;
}
.dropdown-menu {
    border: 2px solid #0077b3;
    box-shadow: 10px 10px 10px 0 rgb(0 0 0 / 30%);
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #5BAF35;
    background-color: #f5f8fa;
    border-color: #0077b3 #0077b3 #0077b3;
    border-width: 2px 2px 0 2px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.dropdown-divider {
    border-top: 1px solid #5BAF35;
}

.bg-default a { color: #fff !important; }
#frame-card-4 > h1 {
/* background: url("/themes/Users/f-kyouiku/images/13_07_gakusya.png") no-repeat; */
    background: url(/themes/Users/f-kyouiku/images/13_07_gakusya.png) no-repeat, linear-gradient(180deg, transparent 0%, transparent 50%, #0077B3 50%, #0077B3 100%);
    background-size: contain;
/* background-color: #0077B3; */
    background-position: right;
    padding-right: 80px;
    padding-top: 70px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    height: 108px;
    z-index: 99;
}

/* ----- トップページスライダー設定 -----------------------------------*/
.toppage_slider .carousel-inner {
    box-shadow: 10px 10px 10px 0 rgb(0 0 0 / 30%);
}
.toppage_slider .carousel-control-prev-icon {
 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230077b3' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}
.toppage_slider .carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230077b3' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}
/* スマホで見た時、画像のど真ん中にインジケーターが来てしまうので、画像の外に出す */
.toppage_slider .carousel-indicators {
    position: unset;
    margin-bottom: 0;
}
.toppage_slider .carousel-control-prev,
.toppage_slider .carousel-control-next {
    margin-bottom: 30px;
}
.toppage_slider .carousel-indicators li {
    height: 10px;
    width: 10px;
    background-color: #5BAF35;
}