@charset "UTF-8";

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

#KV{	padding: 0;	}
#KV picture
{
	display: block;
	width: 100%;	height: calc(300 * var(--v));
}

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

}


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

#newPost .titleArea
{
	display: flex;	flex-direction: column;
	gap: calc(10 * var(--v));
	padding: calc(10 * var(--v)) 0 calc(20 * var(--v));
}

#newPost h3
{
	font-size: var(--fzv20);
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1.3;
}
#newPost .date
{
	font-size: var(--fzv14);
}

#newPost .WPcontent
{
	padding: calc(40 * var(--v)) 0 calc(80 * var(--v));
	border-top: 1px solid var(--Cgray2);
}


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

}


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


#archivePost li:not(:last-child){	border-bottom: 1px solid var(--Cgray2);	}
#archivePost li a
{
	display: flex;	align-items: center;
	padding: calc(10 * var(--v)) 0;
}
#archivePost .date
{
	flex-shrink: 0;
	width: calc(120 * var(--v));
	font-size: var(--fzv14);
}
#archivePost h3
{
	font-size: var(--fzv16);
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1.3;
}



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

#archivePost .date{	width: calc(180 * var(--v));	}

}









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