@charset "utf-8";


.age > h1 {
	position:absolute;
	bottom:calc(3em + 1em); /* フッター(コピーライト)の高さ3emプラスアルファ */
	left:0;
	font-size:0.6em;
	width:100%;
	text-align:center;
	z-index:10;
}


.blogUpdateContents {
	box-sizing: border-box;
	padding: 0 2%;
	margin-top: 3em;
	color:#000000;
}
.blogUpdateContents .blogTitle {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #000000;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
}
	.blogUpdateContents .blogTitle h2 {
		font-size: 1.1em;
	}
	.blogUpdateContents .blogTitle p {
		border-radius:0.2em;
		overflow: hidden;
	}
	.blogUpdateContents .blogTitle p a {
		display: block;
		background-color: #000000;
		font-size: 0.6em;
		line-height: 2;
		padding: 0 1em;
		text-align: center;
		color: #ffffff;
	}

.blogUpdateContents ul.update {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.blogUpdateContents ul.update li {
	background-color:#f7f7f7;
	width: 49%;
	margin-bottom: 0.5em;
}
	.blogUpdateContents ul.update li a {
		position: relative;
		display: block;
		padding: 0.7em;
		color: #000000;
		pointer-events: none;
	}
	.blogUpdateContents ul.update li dl.new::before { /* newマーク */
		content:"";
		position:absolute;
		top:0;
		left:0;
		border-color:#ffd0d0 transparent transparent transparent;
		border-style: solid;
		border-width: 4em 4em 0 0;
		width: 0;
		height: 0;
		z-index: 1;
	}
	.blogUpdateContents ul.update li dl.new::after { /* newマーク */
		content:"new";
		position:absolute;
		top:1em;
		left:1em;
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		font-size: 0.7em;
		color: #ffffff;
		z-index: 2;
	}

.blogUpdateContents ul.update li dl {
	font-size: 0.8em;
}
	.blogUpdateContents ul.update li dl dt {
		margin-bottom:1em;
		overflow: hidden;
	}
	.blogUpdateContents ul.update li dl dt img {
		width: 100%;
		height: auto;
		transform: scale(1);
		transition:.2s;
	}

.blogUpdateContents ul li dl dd {
	text-align:left;
	font-family:'ShinGoPro';
}
.blogUpdateContents ul li dl dd h3 { /* 記事タイトル */
	line-height: 1.2;
	margin-bottom: 0.8em;
}
	.blogUpdateContents ul li dl dd p.text { /* 記事本文 */
		font-size: 0.9em;
		margin-bottom: 1em;
		text-align:left;
		color:#000000;
	}
	.blogUpdateContents ul li dl dd p.info { /* 記事日付・カテゴリ */
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 0.7em;
		color:#000000;
	}
	.blogUpdateContents ul li dl dd p.info span:last-child { /* 記事日付・カテゴリ */
		border: 1px solid #666666;
		line-height: 1.8;
		padding: 0 0.8em;
	}