/*/////////////////////////////////////////////////////////////////////////////////////////////////

 Page Style

/////////////////////////////////////////////////////////////////////////////////////////////////*/

.inner { padding: 0 50px 80px;}

/* 一覧 */
.news-block {
  padding: 30px 50px;
  border-top: #f0f0f0 2px solid;
  border-bottom: #f0f0f0 2px solid;
}
.news-list { margin: 0;}
.news-list li { border-width: 2px;}
.news-list li:first-child { border-top: none;}
.news-list li:last-child { border-bottom: none;}

/* 詳細 */
.news-detail .news-ttl {
  padding: 50px;
  border-top: #f0f0f0 2px solid;
  border-bottom: #f0f0f0 2px solid;
  font-size: 3.2rem; font-weight: 500; line-height: 1.4;  
}
.news-detail .news-ttl .news-dt {
  display: block;
  margin-bottom: 0.5em;
  font-size: 2.4rem; font-weight: normal; color: #858585;
}
.news-detail .news-post { 
  padding: 50px; 
  border-bottom: #f0f0f0 2px solid;
  font-size: 2.4rem; line-height: 1.6;
}

/* テンプレート内パーツ */
.news-detail .img-col { display: flex; justify-content: space-between;}
.news-detail .img-col span { display: block; padding: 0.8em 0 0; font-size: 2.0rem; line-height: 1.4;}
.news-detail .img-col.col-02 li { width: calc((100% - 30px)/2);}
.news-detail .img-col.col-03 li { width: calc((100% - 60px)/3);}


/* [SP] */
@media screen and (max-width: 767px) {

  .inner { padding: 0;}
  .news-block { padding: 0 20px; border-width: 1px;}
  .news-list li { border-width: 1px;}

  .news-detail .news-ttl { padding: 20px; border-width: 1px; font-size: 1.8rem;}
  .news-detail .news-ttl .news-dt { font-size: 1.4rem;}
  .news-detail .news-post { padding: 20px; border-width: 1px; font-size: 1.6rem;}

  .news-detail + .pagination { padding: 20px;}

  .news-detail .img-col { display: block;}
  .news-detail .img-col span { padding: 0.4em 0 0; font-size: 1.4rem;}
  .news-detail .img-col.col-02 li,
  .news-detail .img-col.col-03 li { width: 100%;}
  .news-detail .img-col li { margin-bottom: 15px;}
  .news-detail .img-col li:last-child { margin-bottom: 0;}

}