#sidebar h3 {
	font-size: 20px;
	font-size: 2.0rem;
	padding-bottom: 10px;
	margin: 0;
}

#sidebar h3:before {
	/* タイトル下の線 */
	position: absolute;
  bottom: 0;
  content: '';
  width: 200px;
	border-bottom: 1px solid #209cc4;
}

#sidebar ul {
	display: block;
	padding: 0;

}

#sidebar ul li {
	outline: unset;
	border-bottom: 1px dashed #209cc4;
	border-radius: unset;
	box-shadow: unset;
}

#sidebar ul li a {
	font-size: 16px;
	font-size: 1.6rem;
	padding: 23px 0 8px 0;
	/* display: inline-block; */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#sidebar ul li a::before {
	font-family: "Font Awesome 5 Free";
	content: '\f0da';
	font-weight: 900;
	padding-right: 5px;
	color: #209cc4;
}

#sidebar ul li a:hover {
	opacity: 1.0;
	color: #209cc4;
}

@media screen and (min-width: 768px) and ( max-width: 1024px) {
	#sidebar h3:before {
		/* タイトル下の線 */
		width: 360px;
	}

	#sidebar ul li {
		width: 100%;
	}

	.post_sidebar { /* サイドバーを横並びにする */
		display: flex;
		justify-content: space-between;
	}

	.post_sidebar .widget{ /* サイドバーの幅 */
		width: 360px;
	}

}

@media screen and (max-width : 767px) {
	#sidebar h3:before {
		/* タイトル下の線 */
		width: 350px;
	}

	#sidebar ul {
		margin-bottom: 50px;
	}

	#sidebar ul li {
		width: 100%;
	}

}