.libe-main-bgcolor{
    background-color: #254590;
}

.libe-main-color{
    color: #254590;
}

.libe-base-color{
    color: #333333;
}

.libe-white-color{
    color: #FFFFFF;
    line-height:10px ;
}

h2{
    color: #254590;
    text-align: center;
    margin: 0.5em;
}

h4{
    color: #254590;
    text-align: center;
    margin: 0.5em;
}

.libe-dv-center{
    vertical-align:middle ;
}


.libe-border{
    border: 2px solid #254590;
    opacity: 1;
}

.libe-font{
    font: normal normal normal 32px/54px Hiragino Kaku Gothic ProN;
}

.hover_td td:hover{
    background-color: #EEF4FA;
}

table, td, th{
    border: 1px solid #CCCCCC;
    padding:5px;
}

table{
    width: 100%;
}

.libe-table-month{
    table-layout:fixed;
}


.libe-table-striped{
    border-collapse:collapse;
}
.libe-table-striped tr:nth-child(odd) {
    background-color:#EEF4FA;
}
.libe-table-striped tr:nth-child(even) {
    background-color:#DBE8F4;
}
.libe-table-striped tr td {
    border: 1px solid #C0C0C0;
}


.libe-accorion {
    background-color:#DBE8F4;
}

.libe-btn-secondary{
    border: 1px solid #639FD6;
    border-radius: 4px;
    opacity: 1;
    font: normal normal normal 16px/27px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #639FD6;

}

.libe-btn-admin{
    border: 1px solid #da5266;
    border-radius: 4px;
    opacity: 1;
    font: bold normal normal 16px/27px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #da5266;

}

.libe-btn-nav{
    border: 1px solid #FFFFFF;
    border-radius: 3px;
    opacity: 1;
    font: normal normal normal 16px/27px Hiragino Kaku Gothic ProN;
    letter-spacing: 0px;
    color: #FFFFFF;
    

}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

span {
    display: inline-block;
 }
 .img_logo {
    border-radius: 0%;  /* 丸にしない */
}
img {
    border-radius: 50%;  /* 角丸半径を50%にする(=円形にする) */
}

h5 {
    border-bottom: 2px solid #254590;
}


.footerFixed{
    min-height: 100vh; /* ←コンテンツの高さの最小値＝ブラウザの高さに指定 */
    position: relative;/* ←相対位置 */
    padding-bottom: 40px; /* ←フッターの高さを指定 */
    box-sizing: border-box;
    width: 100%;
    /* ↑ヘッダーやフッターを含むすべての要素の高さ＝min-height:100vhになるように指定 */
}

.navbar-toggler-icon{
    /* 三本線 */
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

}
.th_detail{
    background-color: #254590;
    color: #FFFFFF;
}

.user_iconbox {
    width: 25%;
    text-align: center;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    z-index: 1;
}

.h_w_size_20 {
    min-width: 20px;
    max-height: 20px;
    max-width: 20px;
}

.h_w_size_30 {
    min-width: 30px;
    max-height: 30px;
    max-width: 30px;
}

.h_w_size_40 {
    min-width: 40px;
    max-height: 40px;
    max-width: 40px;
}

.h_w_size_100 {
    min-width: 100px;
    max-height: 100px;
    max-width: 100px;
}

.table-link-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.table-cell-relative {
    position: relative;
}

.table-link-absolute {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}