.lists-telop.facebook {
    width: 46%;
    float: left;
    margin: 0 4% 0 0;
}

.fb-page {width: 500px;margin: 0 4% 5%;}

/* ハッシュタグ群（投稿に表示） */
.hastags-wrapper .hashtags{
	margin: .25rem 0;
	display: flex;
	gap: .5rem;
}

/* ハッシュタグリスト（ハッシュタグページに表示） */
.hashtags-list h3{
	font-size: 1.25rem;
	margin: .5rem 0 1rem;
}
.hashtags-list h3 .hashtag{
	margin: auto .5rem;
	padding: .25rem .5rem;
	border: 1px solid gray;
	background-color: darkgray;
	color: white;
}
.hashtags-list ul{
	margin: 1rem 0 1rem 1rem;
}
.hashtags-list ul li{
	list-style-type: circle;
	margin: .5rem 0;
}
.hashtags-list ul li a{
	color: black;
}
.hashtags-list ul li a:hover{
	opacity: .5;
}

/* ハッシュタグ共通 */
.hashtag a{
	display: inline-block;
	padding: .25rem .5rem;
	border: 1px solid gray;
	background-color: darkgray;
	color: white;
}
.hashtag a:hover{
	opacity: .5;
	text-decoration: none;
}


/* コラム一覧：日付とタイトルの重なりを修正 */
@media screen and (min-width: 769px) {

	.facebookbox .lists-telop dl {
		display: flex;
		align-items: flex-start;
		margin-right: 0;
	}

	.facebookbox .lists-telop dt.date {
		float: none;
		width: 140px;
		min-width: 140px;
		box-sizing: border-box;
		padding: 0 15px 0 5px;
		white-space: nowrap;
	}

	.facebookbox .lists-telop dd.title {
		float: none;
		width: auto;
		min-width: 0;
		flex: 1;
		box-sizing: border-box;
		padding-left: 10px;
		overflow-wrap: anywhere;
	}
}