@charset "utf-8";
/* CSS Document */

#jsddm li.news a.title{
background-position:bottom;
}


div#headline {
margin: 0px;
padding: 0px;
background: #FFFFFF;
width: 100%;
float: left;
height:auto;
margin-bottom:30px;
border-bottom:#aaa 1px dashed;

}
#headline-title {
margin-top: 20px;
padding: 0 0 0 0px;
background: #FFFFFF;
background-image:url(../img/sub-title-topnews.gif);
background-repeat:no-repeat;
width: 200px;
float: left;
height:30px;
}
#headline-title li{
float:left;

}

#headline li a{
text-decoration: none;
color:#113366;
}

#headline-button a img{
border:0px;
padding-bottom:10px;
vertical-align: bottom;
margin-top: 20px;
}

#headline-button {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
     margin-top:1vw
}
#headline-button li{    
    margin-right: 5px;
    margin-bottom: 22px;
}
#headline-button li a{
    padding: 0 2px;
    padding: 10px 15px;
    background-color: #f7f7f7;
    font-size: 16px;
    border-radius: 5px;
    margin-bottom: 16px;
}
#headline-button li a.selected{
    color:#fff;
    background-color: #b09560;
}

.tabNavigation li{
list-style:none;
display:block;
}

#headline-body div{
padding:0px 13px 0 3px;
/*要修正*/
width:100%;
float:left;
height: 80vh;
overflow: auto;
overflow-x:hidden;
}

#headline-body .status{
display:block;
height:10vw;
width:100%;
text-align:center;
padding-top:50px;
}

span.headline-block{

}
.headline-block h3{
font-size:12px;
line-height:17px;
color:#4D4D4D;
clear:both;
padding-top:10px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
border-top:#aaa 1px dashed;
}
.headline-block h3 img{
padding-right:10px;
}
.headline-block p{
padding:10px 0px;
}
#contents-left{
margin-left:10px;
}

#entry-header{
width:100%;
margin-top:30px;
padding-bottom:5px;
overflow:hidden;
}
#entry-header .date{
text-align:left;
padding-left:15px;
border-bottom:dotted 2px #15588C;
font-size:110%;
color:#15588C;
line-height:150%;
}
#entry-header .title{
padding: 18px 20px;
text-align:left;
font-size:130%;
color:#4C4C4C;
}
#entry-header .widget{
text-align:right;
border-bottom:dotted 2px #15588C;
margin-bottom:5px;
line-height:20px;
vertical-align:top;
}
#entry-header div.widget .rss{
float:right;
height:20px;
}

#entry-header div.widget a{
color:#555;
line-height:28px;
font-size:13px;
height:20px;
overflow:hidden;
vertical-align:top;
}
#entry-header .widget a:hover{
text-decoration:underline;
}

#entry-header .widget img{
vertical-align:top;
padding:0 2px 0 5px;
margin:0px;
}
#entry-body{
color:#555;
padding:20px 5px 20px 18px;
font-size:100%;
line-height:175%;
}
#entry-body h4{
color:#134579;
padding-top:10px;
font-weight:bold;
font-size:110%;
}
#entry-body img{
padding:5px;
border:1px solid #aaa;
}

#category-title{
width:100%;
margin-top:20px;
padding-bottom:5px;
border-bottom:1px solid #ccc;
}

/*プレスリリース一覧用*/
#press-list-icon li a{
line-height:33px;
text-decoration: none;
color:#113366;
}
#press-list-icon li a:hover{
text-decoration: underline;
color:#458CDD;
}
#press-list-icon li img{
border:0px;
vertical-align: bottom;
margin-top: 20px;
padding:0 5px 10px 0px;
}

#press-list-body{
padding:0px 0px 0px 0px;
width:100%;
float:left;
height: 600px;
overflow: auto;
overflow-x:hidden;
}

#press-list-block{
padding:10px 0;
border-top:#aaa 1px dashed;
display:table;
width:100%;
}
 #press-list-block .iconbox{
float:left;
width:61px;
height:61px;
overflow:hidden;
margin-left:0px;
border:#ccc 1px solid;

}
#press-list-block .right-text{
margin:0 40px 0 90px;
}

#press-list-block h3{
font-size:12px;
line-height:18px;
color:#4D4D4D;
}
#press-list-block .iconbox img{
padding:3px;
}
#press-list-block p{
padding-top:10px;
}



.headline-block{
    display:flex;
     margin-bottom: 16px;
}
.headline-block  .img_wrap{
    background-image: url(https://www.nibb.ac.jp/images/toppage/menu_img01.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 7vw;
    height: 7vw;
    position: relative;
    display: block;
    float: left;
}
.headline-block  .img_wrap.nobg{
     background-image: none;
}
.headline-block  .img_wrap {
    background-repeat: no-repeat;
    background-size: cover;
    width: 150px;
    height: 150px;
    position: relative;
    overflow: hidden;
}
.headline-block  .img_wrap p {
    position: absolute;
    background-image: url(https://www.nibb.ac.jp/images/toppage/menu_img_01icon.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto 50%;
    width: 80%;
    height: 40%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    -moz-transition: -moz-transform 0.2s linear;
    -webkit-transition: -webkit-transform 0.2s linear;
    -o-transition: -o-transform 0.2s linear;
    -ms-transition: -ms-transform 0.2s linear;
    transition: transform 0.2s linear;
padding-left: 0;
}
.headline-block  .img_wrap p span{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #fff;
    -moz-transition: -moz-transform 0.2s linear;
    -webkit-transition: -webkit-transform 0.2s linear;
    -o-transition: -o-transform 0.2s linear;
    -ms-transition: -ms-transform 0.2s linear;
    transition: transform 0.2s linear;
    font-weight: 500;
    font-size: 14px;
line-height:1;
}


.headline-block  .img_wrap.categ01{
background-image: url(https://www.nibb.ac.jp/images/toppage/menu_img01.png);
}
.headline-block  .img_wrap.categ02{
background-image: url(https://www.nibb.ac.jp/images/toppage/menu_img02.png);
}
.headline-block  .img_wrap.categ03{
background-image: url(https://www.nibb.ac.jp/images/toppage/menu_img03.png);
}
.headline-block  .img_wrap.categ04{
background-image: url(https://www.nibb.ac.jp/images/toppage/menu_img04.png);
}
.headline-block  .img_wrap.categ05{
background-image: url(https://www.nibb.ac.jp/images/toppage/menu_img05.png);
}

.headline-block  .img_wrap.categ01 p{
background-image: url(https://www.nibb.ac.jp/images/toppage/menu_img_01icon.png);
}
.headline-block  .img_wrap.categ02 p{
background-image: url(https://www.nibb.ac.jp/images/toppage/menu_img_02icon.png);
}
.headline-block  .img_wrap.categ03 p{
background-image: url(https://www.nibb.ac.jp/images/toppage/menu_img_03icon.png);
}
.headline-block  .img_wrap.categ04 p{
background-image: url(https://www.nibb.ac.jp/images/toppage/menu_img_04icon.png);
}
.headline-block  .img_wrap.categ05 p{
background-image: url(https://www.nibb.ac.jp/images/toppage/menu_img_05icon.png);
}


.headline-block  .img_wrap img{
position: absolute;
    height: 50%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
}
.headline-block  .img_wrap.nobg img{
position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
}
.headline-block   p{
    padding-left: 170px;
}
.headline-block   .date{
   display: block;
   font-size: 16px;
    padding: 7px 0;
    color: #777;
    font-weight: 400;
}

.headline-block   .title{
   display: block;
   font-size: 18px;
    line-height: 1.2;
    color:#b09560
}
/*スマホ用CSS
______________________________________________*/
@media screen and (max-width: 1000px) {
.headline-block {
    display: flex;
    margin-bottom: 2vw;
}
	.headline-block   .date{
   display: block;
   font-size: 2.6vw;
    padding: 0 0 0.5vw 0;
    color: #777;
    font-weight: 400;
}
.headline-block  .img_wrap{
    width: 15vw;
    height: 15vw;
    position: relative;
    display: block;
    float: left;
}
.headline-block p {
padding: 0;
padding-botoom:1vw;
padding-left: 17vw;
}

.headline-block   .title{
   display: block;
   font-size: 3vw;
    line-height: 1.2;
    color:#b09560
}
.headline-block  .img_wrap p {
    height: 60%;
}
#headline-button {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
}
#headline-button li a {
    display: block;
    padding: 2vw 2.5vw;
    background-color: #f7f7f7;
    font-size: 3vw;
    margin-left: 0.5vw;
    border-radius: 0.3vw;
    margin-bottom: 1vw;
    text-align: center;
    line-height: 1.2;
}



}