/*** home/content.css ***/
/******************/
/*** ブログ一覧 ***/
/******************/
.Content {
	background-color: #fffdf8;
	position: fixed;
	height: calc(100vh - 60px - 22px);
	overflow-y: auto;
	display: flex;
	flex-wrap: wrap;
}
/*****
	height: 100%;
	top: 68px;
*****/
.contents {
	margin: 6px;
	padding: 6px;
	color: #000;
	box-sizing: border-box;
	width: 23%;
	border-radius: 15px;
	/*transition: all 0.1s erase 0.3s;*/
	z-index: 0;	/* hoverで他の要素を隠さないようにするため、一番背面にする */
	text-decoration: none
}
.contents:hover {
	background-color: wheat;
	transition-delay: 0.1s;
	transform: scale(1.002);
	z-index: 0;	/* 効果無い? */
}
.contents .head {
	background: #d0d0d0;
	padding: 6px 0px;
	text-decoration: none
}
.contents .numb {
	font-size: small;
	/*background: tranceparent;*/
	text-decoration: none
}
.contents .date {
	font-size: x-small;
	/*text-align: right;*/
	padding: 6px 4px 0px 4px;
	text-decoration: none
}
.contents .title {
	font-size: 1em;
	color: #333;
	text-decoration: none
}
.contents .text {
	margin-top: 4px;
	font-size: 0.8rem;
	color: #444;
	text-decoration: none
}
/* 飾り見出し */
.contents .top-view {
	position: relative;
	display: inline-block;
	width: 100%;
}
.contents .top-view img {
	display: block;
	padding: 0;
	width: 100%;
	height: auto;
	border-radius: 7px;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6);
}
.contents .top-view .top-text {
	position: absolute;
	width: 230px;
	overflow-wrap: anywhere;
	top: -8px;
	left: 5px;
	font-size: 1rem;
	font-weight: bold;
	color: #fff;
	text-shadow: 2px 2px 2px #222, -1px -1px 1px #222;
}
.contents .top-view .top-comm {
	position: absolute;
	bottom: 1px;
	left: 5px;
	font-size: 0.8rem;
	color: #fffff0;
	text-shadow: 3px 3px 3px #222, -1px -1px 1px #222;
}
.contents .top-view .top-numb {
	position: absolute;
	width: 100%;
	bottom: 1px;
	left: 73%;
	font-size: 0.8rem;
	color: #fffff0;
	text-shadow: 3px 3px 3px #222, -1px -1px 1px #222;
}
.contents .top-view .top-comm:hover {
	color: #f0f0e0;
	font-size: 1rem;
}
.contents .top-view .top-numb:hover {
	color: #f0f0e0;
	font-size: 1rem;
}