/* newslist_page
-----------------------------------------------------------------*/

/* #Sec01
-----------------------------------------------------------------*/
.newslist_page #Sec01{
  position: relative;
  padding: 80px 0 50px;
}
.newslist_page #Sec01 .inner{
}
.newslist_page #Sec01 h2{
  text-align: center;
  font-size: 2rem;
}
ul.cat_list{
  display: flex;
  justify-content: center;
  margin: 40px auto 40px;
}
ul.cat_list li{
  margin: 10px 8px 0;
}
ul.cat_list li a{
  display: block;
  font-size: 1.8rem;
  text-align: center;
  padding: 2px 13px;
  background-color: #C60813;
  color: #ffffff;
  font-family: "Marcellus", serif;
}
ul.cat_list li.news a{
  background-color: #575757;
}

.newslist_page .bg_gr{
  background-color: #F7F7F7;
  padding-bottom: 20px;
}
.newslist_page .news_slide{
  flex-wrap: wrap;	
  max-width: 1020px;
  margin: 0 auto;
  padding: 60px 50px 0;
}
ul.news_slide li {
    margin-bottom: 60px;
}
.newslist_page .news_slide:after{
  content: "";
  width: 31%;
}

ul.news_slide li.art_none{
  color: #000000;
  box-shadow: none;
}


@media screen and (max-width: 767px) {
/* 767pxまでの幅の場合に適応される */

/* #Sec01
-----------------------------------------------------------------*/
.newslist_page #Sec01{
  position: relative;
  padding: 20px 0 50px;
}
.newslist_page #Sec01 .inner{
}
.newslist_page #Sec01 h2{
  text-align: center;
  font-size: 1.6rem;
}
ul.cat_list{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 20px auto 20px;
  padding: 0 20px;
}
ul.cat_list li{
  margin: 5px 5px 0;
}
ul.cat_list li a{
  display: block;
  font-size: 1rem;
  text-align: center;
  padding: 2px 6px;
  background-color: #C60813;
  color: #ffffff;
  font-family: "Marcellus", serif;
}
ul.cat_list li.news a{
  background-color: #575757;
}

.newslist_page .bg_gr{
  background-color: #F7F7F7;
}
.newslist_page .news_slide{
  flex-wrap: wrap;
  max-width: 480px;
  margin: 0 auto;
  padding: 40px 20px 30px;
}
ul.news_slide li {
    margin-bottom: 30px;
}
.newslist_page .news_slide:after{
  content: "";
  width: 31%;
}


/* 767pxまでの幅の場合に適応される */
}