@charset "UTF-8";

body{
    font-family: 'Noto Sans JP', sans-serif;
    background-color:#FaFaFc;
    font-size:14px;
}

a{
    font-weight:700;
}
a:link { color: #333; }
a:visited { color: #333; }
a:hover { color: #2b427c; }
a:active { color: #2b427c; }

.set-border{
    border: 1px solid rgba(255, 0, 0, .5); 
}

.img-thumb{
    width: 55px;
    height: 55px;
    object-fit: cover;
}

.sec-title{
    font-size:1.1rem;
    padding-bottom:0.5rem;
    margin:0.5rem;
    border:0;
    border-bottom:1px solid #2b427c; 
    color:#2b427c;
}
/*-------------------------------------*/
/*
   test
 */
/*
   .container .row div, .container-fluid .row div {
border: 1px solid lightgray;
}
 */

/*-------------------------------------*/
/*
   web font (NotoSans JP)
 */
.weight100   {
    /*
       Thin
     */
    font-weight:100;
}

.weight300   {
    /*
       Light
     */
    font-weight:300;
}

.weight400   {
    /*
       Regular
     */
    font-weight:400;
}

.weight500   {
    /*
       Medium
     */
    font-weight:500;
}


.weight700   {
    /*
       Bold
     */
    font-weight:700;
}

.weight900   {
    /*
       Black
     */
    font-weight:900;
}

/*------------------------------------*/
/*
   Container top
 */
.container_top{
    /*
    padding-right:5px;
    padding-left:5px;
    */
    padding-right:7px;
    padding-left:7px;
    overflow:hidden;
}

/*------------------------------------*/
/*
   nav-bar
 */
.navbar-bg{
    background-color:#00035A;
}

.navbar-bg .navbar-toggler{
    border-color: rgba(255,255,255, .5);
}

.navbar-bg .navbar-toggler-icon{
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='3' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}


/*------------------------------------*/
/*
   card
 */
.card-border{
    border-top-color:#ebebeb;
    border-left-color:#ebebeb;
    border-right-color:#ffffff;
    border-bottom-color:#ffffff;
}

.card-border-inner{
    border-color:#ebebeb;
}


/*------------------------------------*/
/*
   Table Striped color
 */
.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #f7f7f7;
}

/*------------------------------------*/
/*

 */
.card-title-custom{
    background-color:#2b427c;border-color:#2b427c;color:#FFF;
    font-size:0.9rem;
}

.card-body-custom{
    color:#333;
}

.box-read{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.footer-bg{
    background-color:#00035A;
}


/*----------------------------*/
/*
   nav-tab scroll
 */
.nav-tabs-outer{
    overflow-x:scroll;
    /* IE, Edge 対応 */
    -ms-overflow-style: none;
    /* Firefox 対応 */
    scrollbar-width: none;
}
/* Chrome, Safari 対応 */
.nav-tabs-outer::-webkit-scrollbar {
    display:none;
}

.nav-tab-menu{
    /*
    width:55rem;
    */
    width:70rem;
}

/*----------------------------*/
/*
   nav-tabs color
 */
/* active (faded) */
.nav-tabs .nav-link {
    background-color: rgba(208, 208, 208, 0.1);
    border-color:#ddd;
    color: #2b427c;
}

/* not active */
/*
   .nav-tabs .nav-link:not(.active) {
   background-color: rgba(255, 0, 0, 0.5);
   }
 */


/*----------------------------*/
/*
   card on text
 */
.card-img-overlay_custom{
    padding: 0; /* card-img-overlayのpaddingを0に */
         /* flexで位置指定（枠の最下部に） */
    display: flex;
    align-items: flex-end;  
}

.eyecatch-text{

    /* 背景色と透過 */
    /*
    background: rgba(0,0,0, 0.5);
    */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 1.0));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 1.0));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 1.0));

    width:100%;
    padding:10px;
            /*
    height:20%;
             */

            /*  テキストの位置調整 */
    display: flex;
             justify-content: center;
             align-items: center;
}

/*----------------------------*/

.linkarea {
    position: relative;
    /*
    width: 300px;
    height: 70px;
    margin: 15px auto;
    */
}
.linkarea a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}