@charset "UTF-8";

#title
{
	padding-bottom: 0;
}

#title .title
{
	font-family:  'R-M', 'GG-M', 'YU Gothic UI', 'Hiragino Sans', sans-serif;
	font-weight: 500;
	display: flex;
	justify-content: flex-start;
}

#title .title > div
{
	padding: clamp(1.5rem, 3vw, 3rem) max(2rem, calc(50vw - 460px + 2rem)) 0;
	background-color:white;
	min-width: 50vw;
}


#title .title h1
{
	display: flex;
	flex-direction:column;
	margin: .5em 0;
}

#title .title .date
{
	margin-top: -1em;
	margin-bottom: 1em;
}

#title .title p.cat > a
{
	font-family:  'R-B', 'GG-B', sans-serif;
	font-weight: 700;
	font-size: clamp(.8rem, 1.2vw, 1.2rem);
	border-bottom-width: 0;
}