@charset "utf-8";
/* **********************************************
news.css
********************************************** */

.news_block,
.news_detail_block{
  max-width:720px;
  margin:0 auto;
  padding:60px 15px 0;
}
.news_block .annual_box{
  margin-bottom:60px;
}
.news_block .annual_box h4{
  font-size:20px;
  margin-bottom:25px;
  letter-spacing:0.1em;
}

.news_block .important_box{
  margin-bottom:40px;
  padding:22px 30px 2px;
  background:#f0f0f0;
}
.news_block .important_box h4{
  font-size:18px;
  margin-bottom:18px;
  letter-spacing:0.1em;
}

.news_block .important_box{
  margin-bottom:40px;
  padding:22px 30px 2px;
  background:#f0f0f0;
}

.news_block dt{
  font-size:14px;
  letter-spacing:0.1em;
  margin-bottom:15px;
  color:#666666;
}
.news_block dt span,
.news_detail_block .date_cat span{
  display:inline-block;
  padding:0 15px;
  font-size:12px;
  letter-spacing:0.2em;
  line-height:20px;
}
.news_block dt .newsctg_osirase,
.news_detail_block .date_cat .newsctg_osirase{
  color:#fff;
  background:#917663;
}
.news_block dt .newsctg_tenpo,
.news_detail_block .date_cat .newsctg_tenpo{
  background:#fff4cc;
  color:#000;
}
.news_block dt .newsctg_campaign,
.news_detail_block .date_cat .newsctg_campaign{
  background:#d3e22d;
  color:#000;
}
.news_block dt .newsctg_saiji,
.news_detail_block .date_cat .newsctg_saiji{
  color:#fff;
  background:#7aa86d;
}
.news_block dt .newsctg_important,
.news_detail_block .date_cat .newsctg_important{
  color:#fff;
  background:#e02c2c;
}
.news_block dt .newsctg_syogai,
.news_detail_block .date_cat .newsctg_syogai{
  color:#fff;
  background:#999;
}
.news_block dt .newsctg_column,
.news_detail_block .date_cat .newsctg_column{
  color: #fff;
  background: #4a90e2;
}

.news_block dd{
  margin:0 0 25px;
  font-size:14px;
  letter-spacing:0.1em;
  line-height:1.2;
}
.news_block dd a:hover{
  text-decoration:underline;
}

.news_detail_block{
  margin-bottom:50px;
}
.news_detail_block p{
  margin:0;
  font-size:16px;
}
.news_detail_block .date_cat{
  margin-bottom:5px;
  font-size:14px;
}
.news_detail_block .newsttl{
  font-size:22px;
  font-weight:normal;
  margin-bottom:0;
}
.news_detail_block .news_body{
  margin-top:50px;
  font-size:16px;
}


/* ------------------------------------------------------------ */
@media screen and (max-width:768px){
/* ------------------------------------------------------------ */

}

/* ------------------------------------------------------------ */
@media screen and (max-width:480px){
/* ------------------------------------------------------------ */

.news_block .important_box{
  padding:25px 15px 2px;
}

.news_block .annual_box h4{
  font-size:18px;
}

.news_block .important_box h4{
  font-size:16px;
}

.news_detail_block{
  padding:40px 15px 0;
}


}