@charset "UTF-8";

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

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

#archive h2
{
	margin: 0 auto;
	text-align: center;
}
.post-type-archive-information #archive h2 svg
{
	--C1:var(--Ctheme2);
	width: calc(270 * var(--v));	aspect-ratio: 199/20;
}

.post-type-archive-information #archive .postList
{
	display: flex;	flex-direction: column;
	max-width: calc(900 * var(--v));
	margin: 0 auto;
}
.post-type-archive-information #archive .postList > li
{
	border-bottom: 1px solid var(--Ctheme2);
}
.post-type-archive-information #archive .postList > li:last-child
{
	border: unset;
}

.post-type-archive-information #archive .postList > li > div
{
	display: flex;
	padding: calc(40 * var(--v)) calc(30 * var(--v));
}
.post-type-archive-information #archive .postList > li p{	line-height: 1.7;	}

.post-type-archive-information #archive .postList .date
{
	flex-shrink: 0;
	width: calc(200 * var(--v));
}

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

.post-type-archive-information #archive h2 svg{	width: 47vw;	}
.post-type-archive-information #archive .postList > li > div
{	font-size: var(--fzv16);	padding: calc(50 * var(--v)) calc(30 * var(--v));	}

.post-type-archive-information #archive .postList .date
{
	min-width: 7em;
}


}


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

#gallery .boxes
{
	display: flex;	justify-content: center;	align-items: center;
	gap: calc(30 * var(--v));

}

#gallery .image1
{
	max-width: calc(458 * var(--v));	aspect-ratio: 2076/1402;
}
#gallery h2 svg
{
	--C1: var(--Ctheme2);
	width: calc(470 * var(--v));	aspect-ratio: 538/42;
}
#gallery .buttonA a{	margin: 0;	}



}
@media screen and (min-width: 768px)
{

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

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

#gallery .boxes
{
	flex-direction: column;
	gap: calc(120 * var(--v));
}


#gallery .image1{	width: 72vw;	max-width: unset;	}
#gallery .text1{	text-align: left;	}
#gallery h2{	text-align: left;	}
#gallery h2 svg{	width: 67vw;	aspect-ratio: 257/62;	}
#gallery .text2{	text-align: left;	}

}



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