/**
 * front-page.php用のCSS
 * 
 * 
 */



.info-wrapper{
	position            : relative;
	margin              : 64px auto;
	width               : 900px;
	max-width           : calc(100% - 2 * 10px);
}

.info-title{
	position            : absolute;
	top                 : 0;
	left                : 0;
	display             : inline-block;
	padding             : 8px 16px;
	font-family         : 'Josefin Slab', 'Noto Serif JP', serif;
	font-weight         : 700;
	background          : #FFFFFF;
	background          : var(--main-bg-color);
	transform           : translate(8px, -50%);
}

.info-container{
	padding             : 16px;
	border              : 2px solid;
	box-sizing          : border-box;
}
.info-article{
	position            : relative;
	margin              : 12px 0;
	padding-left        : 64px;
}
.info-article time,
.info-article .sticky-post{
	position            : absolute;
	top                 : 0;
	left                : 0;
	display             : block;
	width               : 64px;
	font-size           : 12px;
	font-family         : 'Josefin Slab', 'Noto Serif JP', serif;
	font-weight         : 400;
	white-space         : nowrap;
}
.info-article .sticky-post{
	font-weight         : 600;
}
.info-article h3{
	font-size           : 14px;
	line-height         : 1.7em;
}