/*-------------------------------------------------------------
@@ 全サイズまたはwidth1201px以上のCSS
-------------------------------------------------------------*/

.archive-btn{
	margin-bottom: 1em;
	position: relative;
}
.archive-btn .head{
	position: relative;
	overflow: hidden;
}
.archive-btn .head:before{
	content: '';
	width: 100%;
	display: block;
	padding-top: 33.3%;
}
.archive-btn .head .img{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}
.archive-btn .head .img img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	font-family: 'object-fit: cover; object-position: center;'
}
.archive-btn .overlink:hover + .head .img{
	width: 120%;
	height: 120%;
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.archive-btn .meta{
	position: relative;
	width: 100%;
	margin-bottom: 0;
}
.archive-btn .meta:before{
	content: '';
	display: block;
	padding-top: 15%;
	width: 100%;
}
.archive-btn .meta .box{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	margin: auto;
	width: 100%;
}
.archive-btn .meta{
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}



/* == 下層アーカイブ ================================== */
.archive-child-archive{
	position: relative;
	background-color: #dbebe1;
	padding: 1em;
	height: 100%;
}
.archive-child-archive .cat{
	display: inline-block;
	color: #FFF;
	background-color: #07913a;
	padding: 0.5ex 1ex;
	margin-bottom: 1ex;
	font-weight: bold;
}
.archive-child-archive .article-label{
	position: relative;
	font-size: 1rem;
	margin-bottom: 1ex;
	padding-left: 1.5em;
}
.archive-child-archive .article-label:before{
	content: '';
	position: absolute;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
	top: 50%;
	left: 0;
	height: 15px;
	width: 15px;
	background-color: #000;
}
.archive-child-archive .article-link{
	margin-bottom: 0;
}

/*====== ページング ======*/
.paginate-nav{
	text-align: center;
	margin-top: 1em;
}
.paginate-nav .page-numbers{
	padding: 1ex;
	background-color: #dbebe1;
}
.paginate-nav .page-numbers.current{
	background-color: #07913a;
	color: #FFF;
}

/*-------------------------------------------------------------
@@ lg以下
-------------------------------------------------------------*/
@media screen and (max-width: 1199px) {


}

/*-------------------------------------------------------------
@@ md以下
-------------------------------------------------------------*/
@media screen and (max-width: 991px) {


}

/*-------------------------------------------------------------
@@ sm以下
-------------------------------------------------------------*/
@media screen and (max-width: 767px) {


}

/*-------------------------------------------------------------
@@ xs以下
-------------------------------------------------------------*/
@media screen and (max-width: 575px) {
	.archive-btn .meta:before{
		padding-top: 25%;
	}

}

/*-------------------------------------------------------------
@@ iPhone6/7/8未満のデバイス用（iPhone5/SE等）
-------------------------------------------------------------*/
@media screen and (max-width: 374px) {


}