#bl-fv{
  height: 300px;
  background:url(../img/bg-grey.png) center top repeat;
  text-align: center;
}
#bl-fv h1,
#bl-fv p{
  font-size: 4.5rem;
  letter-spacing: 10px;
  line-height: 3rem;
  font-weight: 300;
  margin: 150px auto 100px;
}
#bl-fv h1 span,
#bl-fv p span{
  color: #aaa;
  font-size: 1.5rem;
  display: block;
  margin-top:50px;
}

#bl-category{
  padding: 30px;
}
#bl-category h3{
  color: #172446;
  display: inline-block;
  font-size: 2rem;
  
}
#bl-category a{
  color: #fff;
  display: inline-block;
  background: #172446;
  padding: 7px;
  margin-left:10px;
}



#bl-news{
  background: url(../img/bg-grey.png) center top repeat;
  text-align: center;
  padding: 0 0  100px;
  min-height: calc(100vh - 550px);
}
#bl-news h2,
#bl-news .btn{
  display: inline-block;
  margin: 20px 50px;
}
.newslist article{
  display: inline-block;;
  vertical-align: top;
  text-align: left;
  width: 260px;
  padding: 25px;
  border-right:1px solid #aaa;
}
#bl-news article a{
  color: #172446;
  text-decoration: underline;
  font-size: 1.4rem;
}
#bl-news .ph-thumb img{
  width: 200px;
  height: 160px;
  border: 1px solid rgba(0,0,0,.3);
  background: #fff url(../img/logo.svg) center center no-repeat;
  background-size: cover;
}
.newslist .txt-exp{
  font-size: 1.4rem;
  margin: 10px 0;
}
#bl-news .txt-date{
  color: #999;
  font-size: 1.3rem;
  letter-spacing: 0;
}
#bl-news .txt-link{
  float: right;
}

.newsarticle{
  background: #fff!important;
  min-height: calc(100vh - 550px);
}

.newsarticle h1 {
  font-size: 2rem;
  line-height: 3rem;
  margin: 50px auto;
}
.newsarticle .txt-date{
  font-size: 1.5rem!important;
}
.newsarticle .bl-cat{
  font-size: 1.4rem!important;
}
.newsarticle section{
  width: 80vw;
  margin: 50px auto;
}


/* right */

#bl-right .side_box:nth-child(1) h2 img{
  margin-top: 0;
}

#bl-right .side_box:nth-child(1) li {
  border-bottom: 2px dotted #aaa;
}
#bl-right .side_box:nth-child(1) li a {
  font-size: 1.5rem;
  display:block;
  padding:7px 0;
  overflow: hidden;
}

#bl-right .side_box:nth-child(2) li,
#bl-right .side_box:nth-child(3) li{
  border-bottom: 2px dotted #aaa;
}
#bl-right .side_box:nth-child(2) li a,
#bl-right .side_box:nth-child(3) li a{
  font-size: 1.45rem;
  text-decoration: none;
  line-height: 164%;
  letter-spacing: 0;
  height: 50px;
  margin: 5px;
  display: block;
  overflow: hidden;
}
#bl-right .side_box:nth-child(2) li a img,
#bl-right .side_box:nth-child(3) li a img{
  width: 50px;
  margin-right: 10px;
  float: left;
  display: inline-block;
}
#bl-right .side_box:nth-child(2) li a:hover,
#bl-right .side_box:nth-child(3) li a:hover{
  text-decoration: underline;
}

#bl-right .side_box:nth-child(3){display:none;}

  .side_box{
    width: 100%;
  } 
  .side_box h2{
    margin:10px!important;
    font-size:2rem;
  }
  .side_box ul,
  .side_box li{
    display:inline-block;
  } 
/* ------------------------- windows size pattern ------------------------- */
@media screen and (max-width: 999px){
  #main{
    letter-spacing: .5px;
  }
	.bl-wrap{
		display:block;
	}
	
  #bl-left{
    width: 100vw;
  }

  #bl-left article{
    padding: 4vw 2vw;
    width: 46vw;  
  }

  #bl-left article p{
    display: none;
  }
  #bl-left .bl-article p{
    display: block;
  }

	#bl-left .eyecatch,
	#bl-left .eyecatch img{
		width: 40vw;
		height: 30vw;
	}
	
  #bl-left article.bl-article{
    width: 100%;
    margin: 0 auto;
  }
  #bl-left .bl-article .bl-img{
    display: block;
    width: 100%;
    margin:10px 0;
  }
  #bl-left .bl-article .bl-img img{
    max-width: 40vw;
    height: auto;
  }
  #bl-left .bl-article .bl-txt{
    display: block;
  }
  #bl-left .exp{
    font-size: 1.5rem;
  }


  
}