@charset "UTF-8";
/*--- archive ---*/
.archive{
  height: auto;
  margin-top: 45px;
  width: 100%;
}
.a-contents{
  width: 80%;
}
.a-contents-area{
  height: auto;
}
.noarticle {
	padding: 10em 0;
	color: #fff;
	font-size: 15px;
	text-align: center;
}

.a-contents-list{
  height: auto;
  justify-content: space-around;
}
.a-contents-list.flex {
	flex-wrap: wrap;
}
.a-contents-list li{
  margin-bottom: 30px;
  padding: 0 45px;
  width: 50%;
  box-sizing: border-box;
}
.a-contents-list-cd,
.a-sidebar-list-cd{
  height: 100%;
}
.a-contents-img-wrap,
.a-sidebar-img-wrap{
  width: 100%;
}
.a-contents-img-wrap img,
.a-sidebar-img-wrap img{
  aspect-ratio: 4/3;
  object-fit: cover;
  width: 100%;
}
.a-contents-txt-wrap,
.a-sidebar-txt-wrap{
  padding-top: 10px;
  text-align: left;
}
.a-contents-txt-ttl,
.a-sidebar-txt-ttl
{
  margin-bottom: 10px;
}
/*---  siedbar ---*/
.a-sidebar{
  width: 20%;
}
.a-sidebar-ttl{
  border-bottom: 2px solid #fff;
  margin-bottom: 40px;
  position: relative;
}
.a-sidebar-ttl::before{
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 50%;
  height: inherit;
  border-bottom: 2px solid #ED4545;
}
.a-sidebar-list{
  height: auto;
}
.a-sidebar-list li{
  margin-bottom: 30px;
}

.a-contents-pagenav{
  margin-top: 50px;
}