.archive{
	
}
.archive .archive-header{
	padding: 40px 20px;
    background-color: #db0000;
}
.archive .archive-header::before{
	content:none;
}
.archive .archive-list{
	padding:50px 20px;
}
.archive .archive-list .container{
	overflow:visible;
}
.archive .archive-list .archive-container{
	overflow:visible;
	display:flex;
	flex-wrap:wrap;
	gap: 30px;
}
.archive .archive-list .archive-nav{
	margin-top:50px;
	display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}
.archive .archive-list .archive-nav .page-numbers{
	color:#fff;
	padding:10px 15px;
	background:#666;
}
.archive .archive-list .archive-nav a:hover.page-numbers,
.archive .archive-list .archive-nav .page-numbers.current{
	color:#fff;
	background:var(--color-01);
}


@media all and (min-width: 680px){	
	.archive.first .archive-list .post-item:first-child{
		width: 100%;
		position: relative;
		
	}
	.archive.first .archive-list .post-item:first-child .post-item-image{
		background-position: 25%;
	}
	.archive.first .archive-list .post-item:first-child .post-item-image::after{
		content:'';
		width: 70%;
		height: 100%;
		top:0;
		left:0;
		position: absolute;
		background: linear-gradient(90deg,rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.56) 30%, rgba(0, 0, 0, 0) 100%);
	}
	.archive.first .archive-list .post-item:first-child .post-item-container{
		max-width: 410px;
		padding: 40px;
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		z-index: 1;
	}
	.archive.first .archive-list .post-item:first-child .post-item-container .post-item-content{
		display: flex;
		flex-wrap: wrap;
	}
	.archive.first .archive-list .post-item:first-child .post-item-container .post-item-content .post-categories{
		order:0;
		width: 100%;
	}
	.archive.first .archive-list .post-item:first-child .post-item-container .post-item-content h1{
		font-size: 26px;
		order:1;
		width: 100%;
		font-weight: 700;
	}
	.archive.first .archive-list .post-item:first-child .post-item-container .post-item-content h1 a{
		color:#fff;
	}
	.archive.first .archive-list .post-item:first-child .post-item-container .post-item-content h1 a:hover{
		color:var(--color-01);
	}
	.archive.first .archive-list .post-item:first-child .post-item-container .post-item-content p{
		order:2;
		width: 100%;
		color:#fff;
	}
	.archive.first .archive-list .post-item:first-child .post-item-container .post-item-content p a{
		color:var(--color-02);
	}
	.archive.first .archive-list .post-item:first-child .post-item-container .post-item-content p a:hover{
		color:#fff;
	}
}
@media all and (min-width: 830px){
	.archive.first .archive-list .post-item:first-child .post-item-image{
		padding-bottom: 29%;
	}
}