#top-message{
    background-color:#0f5ca0;
    padding:1.5rem 1.5rem 0 1.5rem;
}

#top-message>p{
    margin-bottom:0;

}

#top-message>div>h4{
    font-size:1.4vw;
    line-height: 2.25em;
    font-weight:bold;
    border-bottom:solid 1px #ffffff;
    color:#ffffff;
}

#top-message>div>p{
    font-size:1.09vw;
    line-height: 1.75em;
    color:#ffffff;
}

.list-group{
    padding:0 ;

}

.list-group-header{
    background-color:#d1ecf8;
    color:#495057;
    font-weight: bold;
}

.list-group{
    border-radius:0;
    border-top:solid 1px #e9e9e9;
    border-bottom:solid 1px #e9e9e9;
}

.list-group>a{
    border-top:solid 1px #e9e9e9;
    border-bottom:solid 1px #e9e9e9;
    padding:0.75rem 0.25rem;
}

.span-date{
    color:#0f5ca0;
    margin-right:10px;
}

.span-category{
    border:solid 1px #0f5ca0;
    color:#FFFFFF;
    text-align:center;
    background-color: #0f5ca0;
    font-size:0.8rem;
    display:inline-block;
    width:6rem;
    padding:0 0.5rem;
}

.top-card-column>a{
  color:#495057;
  text-decoration: none;
}

.top-card-column>a:hover{
  text-decoration: none;
}

.top-card-row a{
  color:#495057;
  text-decoration: none;
}
.top-card-column a{
  color:#495057;
  text-decoration: none;
}
.top-card-row >a:hover{
  text-decoration: none;
}

.top-card-row{
    padding:0 1rem;
}

.top-card-item{
    opacity:1;
    margin-bottom:1rem;
    background-color:white;
　　transition:box-shadow 1s;
    padding-bottom:1.5rem;
    padding-left:0;
    padding-right:0;
    border-radius:5px;
    box-shadow:2px 2px 3px rgba(150,150,150,0.8);
}

.top-card-item>div>img{
border-radius:5px 5px 0 0 ;   
}

.top-card-item:hover{
    opacity:0.85;
}

.top-card-item>div>h5{
    padding:1rem 0.75rem 0rem 0.75rem;
    color:#0f5ca0;
    font-size:1.1rem;
}

.top-card-item>div>p{
    padding:0 0.75rem 0rem 0.75rem;
    margin-bottom:0;
    font-size:0.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.page-container{
    padding:0 0rem;
}


@media (min-width:992px) {
.page-container{
    padding:0 0rem;
}
}

.page-body{
    background-color:#f5f5f5;
    padding-top:60px;
}

@media (min-width:992px) {
.page-body{
    padding:0;
    padding-top:60px;
    line-height: 1.6rem;
}
}

.page-title{
    padding:0 1rem;
    border-left:solid 5px #0f5ca0;
    margin-bottom:1.5rem;
    
}

.page-title-folder{
    font-size:0.8rem;
    margin:1rem 0 ;
    color:#495057;
}

.page-title-name{
    font-size:1.6rem;
    font-weight:bold;
    color:#0f5ca0;
    padding:0.5rem 0;
}

.page-content{
    font-size:0.95rem;
    padding-bottom:1rem;
}

.page-content img{
    margin-bottom:0.5rem;
}

.page-content>h2{
    font-size:1.2rem;
    padding-left:0.75rem;
    border-left:solid 0.5rem #0f5ca0;
    margin-bottom:1rem;
    color:#0f5ca0;
}
.pagenav-container{
    padding:0;
}

.pagenav-body{
    background:#ffffff;
    margin-top:1rem;
}


.nav-item-header>div{
    padding:0.5rem 0.5rem;
    margin:0;
    font-size:0.9rem;
    font-weight:normal;
    background-color:#0f5ca0;
    color:#ffffff;
}

.pagenav-body>.nav>li{
    border-top:solid 1px #e9e9e9;
    color:#41505e;

}

.pagenav-body>.nav>li>a{
  color:#495057;
  text-decoration: none;
}

.pagenav-title{
    color:#0f5ca0;
    text-align:left;
    font-size:1rem;
}

.pagenav-item{
    font-size:0.95rem;
    background:#ffffff;
}


@media (max-width: 575.98px) {
.WhatsNew a:nth-child(4){
display:none;
}

.WhatsNew a:nth-child(5){
display:none;
}
}

.footer-bottom > .container{
    padding-left:8.3%;
    padding-right:8.3%;
    width:100%;
    margin:0;
}