/* NEWS */
.sec_news{
  margin-top:40px;
}
.sec_news .inner{
  max-width: calc(900px + 4.0rem);
}

/* ARCHIVE */
.sec_news .news_list {
	max-width: 915px;
	margin: 0 auto 50px;
}
.sec_news .news_list li {
	border-top: 1px solid;
	position: relative;
}
.sec_news .news_list li:last-child {
	border-bottom: 1px solid;
}
.sec_news .news_list li:hover {
  color:#FFFFFF;
	background: var(--color-main);
}
.sec_news .news_list li::after {
	display: block;
    content:"";
	width: 0;
	height: 0;
	border: 0.7rem solid transparent;
	border-left: 1.2rem solid #555555;
	position: absolute;
	top: 50%;
	right:1.5em;
	transform: translateY(-50%);
}
.sec_news .news_list li a {
	display: block;
	padding:2em;
}
.sec_news .news_list li .date,
.sec_news .news_list li .title {
	display: block;
}

.sec_news .wp-pagenavi{
  margin-bottom:50px;
}

/* SINGLE */
.sec_news .detail_item{
  background-image: linear-gradient(to right, #D9D9D9, #D9D9D9 6px, transparent 6px);
  background-size: 10px 2px;
  background-position: left top;
  background-repeat: repeat-x;
  margin-top:25px;
  padding-top:25px;
}

.sec_news .navigation{
  display: grid;
  grid-template-columns: 1fr 1fr;
  place-items: center;
  margin-top: 80px;
}
.sec_news .link{
  display: grid;
  place-items: center;
  margin-top: 40px;
}
.sec_news .link .btn01 {
  font-size: 1.8rem;
}
.sec_news .prev,
.sec_news .next{
  border-bottom:1px solid #000;
}
@media screen and (min-width:768px) {
  .sec_news{
    margin-top:80px;
  }
  .sec_news .news_list li .date {
		display: inline-block;
		margin-right: 4em;
	}
	.sec_news .news_list li .title {
		display: inline-block;
	}
  .sec_news .navigation {
    margin-top: 120px;
  }
  .sec_news .link .btn01{
    font-size: 2rem;
  }
  
}