@charset "UTF-8";

/* 2019/07/23 ブログリスト追加 */
#bloglist {
	font-size: 1.4rem;
	text-align: center;
}
#bloglist > a {
	margin-bottom: 6px;
	display: inline-block;
}
#bloglist div:nth-child(1) {
	/* border:2px solid #808080; */
	/* border-radius: 3px; */
	/* padding: 5px 10px; */
	margin-top: 2px;
	height: 93px;
	overflow: auto;
}
#bloglist > div:nth-child(1) > ul > li {
	/* border-bottom: 1px solid #dbdbdb; */
	background-color: #808080;
	padding: 5px;
	margin-top: 2px;
}
#bloglist > div:nth-child(1) > ul > li > a {
	color: #fff;
}
#bloglist > div:nth-child(1) > ul > li > a:hover {
	color: #fff;
}

#bloglist  {
	font-size: 1.6rem;
	text-align: center;
	margin-top: 2px;
}
#bloglist > ul {
	border:2px solid #808080;
	border-radius: 3px;
	padding: 5px 10px;
	height: 108px;
	overflow: auto;
	/* background-color: gold; */
}
#bloglist > ul > li {
	/* background-color: #dbdbdb; */
	border-bottom: 1px solid #ddd;
	padding: 5px;
	margin-top: 2px;
}
#bloglist > ul > li > a {
	/* color: #fff; */
}
#bloglist > ul > li > a:hover {
	/* color: #fff; */
}

#bloglist > ul .listdate {
    font-size: 1.3rem;
		opacity: 0.8;
}

@media only screen and (max-width: 767px) {
	#osusume_more{
		margin-bottom: 15px;
	}
	#bloglist {
		margin: 0;
	}
	#bloglist > ul {
		overflow: hidden;
		height: auto;
		transition: height 0.3s ease-in-out;
		padding: 3px;
		text-align: left;
	}
	#bloglist_more {
		/* background-color: pink; */
		margin-top: -5px;
		text-align: right;
		padding: 10px;
		cursor: pointer;
		width: 100%;
		box-sizing: border-box;
	}
}