body{background:#111; height:100vh;}
main section div.news-archive-wrapper{max-width:800px; margin:0 auto; padding:76px 0 100px;}
main section div.news-archive-wrapper h1.title{font-size:4.0rem; line-height:1.4; font-weight:bold; text-align:center; margin-bottom:35px;}
main section div.news-archive-wrapper ul.news-archive-block{margin-bottom:40px;}
main section div.news-archive-wrapper ul.news-archive-block li.news-archive-title{cursor: pointer;}
main section div.news-archive-wrapper ul.news-archive-block li.news-archive-title{font-size:1.5rem; line-height:1.7; background:#fff; border-left:5px solid #fe2531; margin-bottom:1px; padding: 12px 40px 13px 25px;}
main section div.news-archive-wrapper ul.news-archive-block li.news-archive-no-post{font-size:1.5rem; line-height:1.7; background:#fff; border-left:5px solid #fff; margin-bottom:1px; padding: 12px 40px 13px 25px; text-align:center;}
main section div.news-archive-wrapper ul.news-archive-block li.news-archive-title:hover {opacity:0.7;}
main section div.news-archive-wrapper ul.news-archive-block li.news-archive-title a{width:100%; height:100%; color:#333;display:flex; align-items:center; justify-content:flex-start;}
main section div.news-archive-wrapper ul.news-archive-block li.news-archive-title a span.title{display:block;}
main section div.news-archive-wrapper ul.news-archive-block li.news-archive-title a span.date{display:block; font-weight:bold; color:#fe2531; padding-right:45px;}
main section div.news-archive-wrapper ul.pagination{display:flex; justify-content:center; align-items:center; flex-wrap:wrap;}
main section div.news-archive-wrapper ul.pagination li {width:50px; height:50px; text-align:center; margin-right:10px; margin-top:10px; cursor:pointer;}
main section div.news-archive-wrapper ul.pagination li a{color:#333; display:block; text-decoration:underline; background-color:#e6e6e6; border-radius:2px;}
main section div.news-archive-wrapper ul.pagination li a, main section div.news-archive-wrapper ul.pagination li span{width:100%; height:100%; line-height:1.7; font-size:1.5rem; line-height:50px;}
main section div.news-archive-wrapper ul.pagination li span{display:block; font-weight:bold; color:#fff; background-color:#fe2531; border-radius:2px;}

/* タブレット */
@media (max-width: 1100px){

  main section div.news-archive-wrapper{margin:0 auto; padding:60px 40px 100px;}

}


/* スマホ */
@media (max-width: 760px){

  main section div.news-archive-wrapper{margin:0 auto; padding:30px 20px 20px;}
  main section div.news-archive-wrapper{padding-bottom:70px;}
  main section div.news-archive-wrapper ul.news-archive-block{margin-bottom:32px;}
  main section div.news-archive-wrapper ul.news-archive-block li.news-archive-title{padding: 15px 20px 15px 13px;}
  main section div.news-archive-wrapper h1.title{font-size:2.5rem; line-height:1.4; margin-bottom:35px;}
  main section div.news-archive-wrapper ul.news-archive-block li.news-archive-title a{flex-direction:column; align-items:start;}
  main section div.news-archive-wrapper ul.news-archive-block li.news-archive-title a span.date{padding-bottom:2px;}

  }