@charset "UTF-8";

/* ================================================================================
archive
================================================================================ */
@media print, screen
{

#archive > .inner{	padding: calc(50 * var(--v)) 0;	}

.postListArea
{
	max-width: calc(800 * var(--v));
	/* height: calc(400 * var(--v)); */

	/* padding: calc(20 * var(--v)) calc(40 * var(--v)); */
	margin: 0 auto;

	/* border: 1px solid var(--Cgray2); */
	/* overflow-y: scroll; */
}
.postList{	display: flex;	flex-direction: column;	}
.postList > li:not(:last-child){	border-bottom: 1px solid var(--Cgray2);	}

.postList > li.noItem,
.postList > li.noMoreItem,
.postList > li.loadMoreItem
{
	display: flex;	justify-content: center;	align-items: center;
	padding: calc(10 * var(--v));
	/* background: white; */
	color: var(--Cgray2);
}

.postList > li > a
{
	display: flex;
	gap: calc(15 * var(--v));
	padding: calc(10 * var(--v));

	background: white;
}
.postList > li > a > .box:nth-child(1)
{
	flex-shrink: 0;
	width: calc(240 * var(--v));
}
.postList picture,
.postList .noImage
{
	display: block;
	width: 100%;	height: calc(120 * var(--v));
}
.postList .noImage{	background: var(--Cgray2);	}

.postList .date
{
	margin-bottom: calc(5 * var(--v));
	color: var(--Cgray1);
	font-size: var(--fzv14);
	font-weight: 500;
	line-height: 1.3;
}
.postList .title
{
	margin-bottom: calc(10 * var(--v));
	font-size: var(--fzv24);
	font-weight: 500;
	line-height: 1.3;
}


.postList .category
{
	display: flex;	flex-wrap: wrap;	align-items: center;
	gap: calc(10 * var(--v));
	margin-bottom: calc(20 * var(--v));
}
.postList .category >li
{
	display: flex;	align-items: center;
	min-height: calc(30 * var(--v));
	padding: 0.5em 1em;

	background: var(--Clink0);
	border-radius: calc(40 * var(--v));
	
	color: white;
	font-size: var(--fzv14);
	font-weight: 500;
}


}
@media screen and (max-width: 767px)
{

}

/* ======================================== end ======================================== */