@charset "UTF-8";
/* CSS Document  */

.pagination {
	width: 430px;
	display: inline-block;
	margin: 20px auto ;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 900;
}

@media (max-width: 767px) {
    .pagination {
		width: 310px;
    }
}

.pagination li a {
	color: #cd5c5c;
	float: left;
	padding: 8px 10px;
	text-decoration: none;
}

@media (max-width: 767px) {
    .pagination li a {
		padding: 8px 3px;
    }
}

.pagination li a.active {
  background-color: #cd5c5c;
  color: #fff;
}

.pagination a:hover:not(.active){
	background-color: #ddd;
}




#archive_main {
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
	position: relative;
}

@media (max-width: 767px) {
    #archive_main {
		display: block;
		width: 100%;
		max-width: 350px;
    }
}


.joei_archive  {
	 display: flex;
	flex-wrap: wrap;
}

@media (max-width: 767px) {
    .joei_archive {
		display: block;
    }
}

.archive_list {
	margin: 0 auto;
	
}

.archive_list img {
	width: 180px;
	padding: 0px 10px;
}

.archive_text {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 500;
	margin: 0 auto;
	width: 200px;
	text-align: center;
	padding: 0px 0px 20px ;
}

.a2{
	display: block;
	width: 40px;
	margin: 50px auto;
	text-decoration: none;
	font-family: "Avenir", sans-serif;
	font-size: 10px;
    color: #fff;
	background-color: #cd5c5c;
	padding: 5px 10px 5px;
	border-radius: 3px;
}