@charset "utf-8";
/* 投稿ボックス領域 */
.gallerybox {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: 0 auto;
}
div.onelogbox {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	width: calc(100% / 4 - 0px);
	height: 200px;
	margin: 0;
}
/* ▽埋め込み画像 */
.embeddedimage {
	max-width: 100%;
	width: 170px;
	height: 170px;
	padding: 4px;
	border: 1px solid rgb(209, 209, 209, 0.8);
	object-fit: cover;
	/* filter: grayscale(20%) opacity(80%); */
}
p.imagebox {
	margin: 0;
}
/* ▽新着 */
span.newsign {
	position: absolute;
	top: 14px;
	left: 20px;
	font-size: 20px;
	font-weight: 600;
	color: red;
	text-shadow: 1px 1px white;
	transform: scale(1, 0.6); /* 平体 */
/*	animation: flash 2s linear infinite; */
}
@keyframes flash {
	50% {
	  opacity: 1;
	}
	25% {
		opacity: 0;
	}
}
/* ▼投稿画像＋本文抜粋 */
.onelogmain {
	margin: 0;
	position:relative;
}

/* ▼投稿情報(作中年号) */
.postdate {
	display: none;
}
/* .imagelink { */
	/* pointer-events: none; */
/* } */
.arrowlink {
	width: 25px;
	height: 22px;
	display: block;
	top: 157px;
	left: 11px;
	position: absolute;
	background-color: #ffffffee;
	border-radius: 0 4px 0 0;
}
.arrowlink::before {
	font-family: bootstrap-icons;
	content: "\F194";
	font-size: 16px;
	position: relative;
	top: 0;
	left: 5px;
	color: #37a1c2;
}
.subarea {
	width: 780px;
	margin: 0 auto;
}

/* メディアクエリー */
@media screen and (max-width: 480px) {

	/* ▼埋め込み画像 */
	div.onelogbox {
		width: calc(100% / 3 - 0px);
		height: 105px;
		margin: 0;
	}
	.embeddedimage {
		width: 85px;
		height: 85px;
		padding: 3px;
	}
	.arrowlink {
		width: 23px;
		height: 19px;
		display: block;
		top: 73px;
		left: 4px;
		position: absolute;
	}
	.arrowlink::before {
		font-size: 15px;
		top: -2px;
		left: 4px;
	}
	.subarea {
		width: 100%;
	}
	/* ▽新着 */
	span.newsign {
		position: absolute;
		top: 8px;
		left: 8px;
		font-size: 18px;
	}
}