/************************************************************************************


熊本県公立学校向けカスタマイズ


************************************************************************************/


body{
    font-size: 16px;
    line-height: 1.7;
	padding-top: 25px;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    background-color: #c7e8f4;
}
main.container, main.container-fluid {
	margin-top: 0;
    background-color: #fff;
}

.row{
    margin: 0 25px;
}

/*　カレンダー修正 2019.01.07追記　*/
.plugin-calendars .row{
    margin-right: -15px;
    margin-left: -15px;
}


@media screen and ( max-width:768px) {
    
    body{
	    padding-top: 50px;
    }
    
    main.container, main.container-fluid {
        margin-top:0;
    }
    
   .row{
        margin: 0;
    }
}


.container {
    padding: 0;
}

a{
	color: #00baff;
}

a:hover{
	color: #ff9900;
}

.blogs_entry_meta a{
    color: #999 !important;
}

/************************************************************************************
 ログイン　ヘッダー
************************************************************************************/
.navbar-inverse {
    background-color: #c7e8f4;
    border: none;
}

.navbar {
    min-height: 35px;
    margin-bottom: 0;
}

.navbar-brand {
    height: 25px;
    padding: 10px 5px 5px 15px;
    font-size: 14px;
    line-height: 14px;
}

.navbar-nav > li > a {
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 5px;
    line-height: 14px;
}

.nav > li > a {
    padding: 10px 15px 0;
}

@media screen and ( max-width:768px) {

    .navbar-nav {
        margin: 7.5px 0;
    }
    .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 10px;
        line-height: 14px;
    }
    .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
        margin-right: 0;
        margin-left: 0;
    }
    
    .navbar-toggle {
        margin-right: 10px;
    }
    
    .navbar-inverse .navbar-toggle {
        border: none;
    }
    
    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #333;
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 28px;
        height: 3px;
        border-radius: 1px;
    }
    
    .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
        background-color: #c7e8f4;
    }
    
}


/************************************************************************************
 ヘッダー
************************************************************************************/

#container-header .plugin-announcements{
    border-bottom: 6px solid #00baff;
    margin-bottom: 25px;
    background: url(../img/header_kumamon.png) no-repeat;
    background-position : right 100px bottom 0;
    min-height: 100px;
}

#container-header p{
    margin: 20px 0 0 50px;
}

#container-header .panel-none > .panel-body{
    padding-top: 15px;
}

@media screen and ( max-width:992px) {
    #container-header p {
        margin: 10px 0 0 10px;
    }
}

@media screen and ( max-width:970px) {
    #container-header .plugin-announcements{
        background-image: none;
    }
}

@media screen and ( max-width:767px) {
    #container-header .plugin-announcements{
        border-bottom: 3px solid #00baff;
    }
}


/************************************************************************************
 フッター
************************************************************************************/

#container-footer{
    color: #fff;
    background-color:#00baff;
    padding: 10px 25px;
}


/************************************************************************************
 ナビゲーションメニュー
************************************************************************************/

.panel-none nav .list-group{
    padding-top: 52px;
    background: url(../img/menuTitle.png) no-repeat;
}

.panel-none nav .list-group .list-group-item:first-child{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.panel-none nav .list-group .list-group-item:last-child{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.panel-none nav .list-group .list-group-item {
    border: 1px solid #00baff;
}

.plugin-menus .menu-tree-0,
.plugin-menus .menu-tree-1,
.plugin-menus .menu-tree-2,
.plugin-menus .menu-tree-3{
    margin-left: 0;
    padding-left: 30px;
}

.panel-none nav .list-group a.list-group-item:focus,
.panel-none nav .list-group a.list-group-item:hover,
.panel-none nav .list-group button.list-group-item:focus,
.panel-none nav .list-group button.list-group-item:hover {
    color: #333;
    text-decoration: none;
    background-color: #f5f5f5;
}


.panel-none nav .list-group .list-group-item.active,
.panel-none nav .list-group .list-group-item.active:focus,
.panel-none nav .list-group .list-group-item.active:hover {
    z-index: 2;
    color: #00baff;
    background-color: #e1f6fd;
    border-color: #00baff;
}


/*スマホ用PC非表示*/
#container-header .plugin-menus{
    display: none;
}
/* ログイン時のみPCでスマホ用ヘッダーメニュー表示. メニューはタブ(nav-tabs)=header利用を想定. ＋メッセージ表示 */
body.body-loggedin #container-header .plugin-menus{
    display: block;
}
body.body-loggedin #container-header .plugin-menus .panel-body .navbar-default .hidden-xs:before {
    content: "（このテーマを利用時、ヘッダーに配置したメニューはスマートフォンのみ見れます。またログイン時はPCでも見れます。）";
}

#container-header .plugin-menus .list-group{
    padding-top: 0;
    margin: 0;
    background-image: none;
    background-color: #fff;
}

#container-header .plugin-menus button {
    margin-right: 10px;
}

@media screen and ( max-width:767px) {
    #container-header .plugin-menus{
        display:block;
        background-color:#00baff;
    }
    
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: #00baff;
    }
    
    #container-header .plugin-menus .panel-body {
    padding:0;
    }
       
    #container-header .plugin-menus .panel-body .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
    }
}


/************************************************************************************
 見出し等
************************************************************************************/

.frame .nc-content-list > h1, .frame .nc-content-list > .h1, .frame.nc-content-list article h1, .frame.nc-content-list article .h1 {
    font-weight: bold;
    padding-bottom: 5px;
    margin: 15px 0;
    border-bottom: 3px solid #00baff;
}

h2.title{
    font-size: 28px;
    font-weight: bold;
    padding-bottom: 5px;
    margin-bottom: 0;
    border-bottom: 3px solid #00baff;
}

.frame.nc-content-list article h2 a{
    font-size: 18px;
    font-weight: bold;
    color: #333;
}


/************************************************************************************
 トップページ
************************************************************************************/

/*メインビジュアル*/
#container-header .plugin-photo-albums{
    padding: 0 40px;
    margin: 0 auto;
    border-radius: 10px;
}


#container-header .plugin-photo-albums .carousel-inner {
    border-radius: 15px;
}