@charset "utf-8";

h2.pagetitle{
  background-image:url("../../news/img/h2_news.jpg");
}

/* NEWS */
#news{
  padding:10px;
  background:#000000;
}
#news .news_item{
  background:#ffffff;
  margin-bottom:10px;
  padding:15px;
}
#news .title_wrap{
  border-bottom:1px solid #646464;
  padding-bottom:5px;
  margin-bottom:5px;
}
#news .title_wrap .date{
  display:block;
  font-size:1.4rem;
  margin-bottom:5px;
}
#news .title_wrap h3{
  font-size:2rem;
  line-height:120%;
  font-weight:400;
}
#news .news_text p{
  line-height:130%;
}

/* ページャー */
#news .pager{
  text-align:center;
  color:#ffffff;
  margin:40px 0 30px 0;
}
#news .pager ul li{
  display:inline-block;
}
#news .pager ul li{
  margin:0 5px 20px 5px;
}
#news .pager ul .page-numbers{
  color:#ffffff;
  text-decoration:none;
  display:block;
  padding:15px 20px;
  border:1px solid #ffffff;
}
#news .pager ul .current{
  background:#ffffff;
  color:#000000;  
}



/* タブレット
-------------------------------------------------- */
@media only screen and (min-width: 667px) {

  /* NEWS */
  #news{
    padding:20px;
  }
  #news .news_item{
    padding:20px;
  }
}



/* PC
-------------------------------------------------- */
@media only screen and (min-width: 1024px) {

  /* NEWS */
  #news{
    padding:30px;
  }
  #news .news_item{
    max-width:1000px;
    margin:0 auto 20px auto;
    padding:30px;
  }
  #news .title_wrap{
    margin-bottom:10px;
  }
  #news .title_wrap .date{
    float:right;
    font-size:1.6rem;
    margin-top:1.4rem;
  }
  #news .title_wrap h3{
    font-size:3rem;
    float:left;
  }
  #news .news_text p{
    line-height:150%;
  }
}