#contents-recommend {
		clear: both;
		margin: 10px auto;
		width: 980px;
}
#contents-recommend h3 {
		font-weight: bold;
		font-size: 1.4em;
		padding: 0 0 10px;
		border-bottom: 1px solid #bbb;
		background-color: #fff;
		color: #333;
		letter-spacing: 1px;
}
#contents-recommend h3 span {
		font-size: 1em;
		margin: 0;
}

#contents-recommend ul.rec-items {
		list-style: circle;
		margin: 10px 20px;
		width: 900px;
}
#contents-recommend ul.rec-items li {
		display: inline-block;
		width: 170px;
		margin: 10px 10px 10px 0;
		font-size: 0.9em;
		line-height: normal;
		list-style-type: none;
		vertical-align: top;
		text-align: left;
}
#contents-recommend ul.rec-items li:nth-of-type(5n) {
		margin: 10px 0;
}
#contents-recommend ul.rec-items li a {
		text-decoration: none;
		color: #1c64b3;
		display: block;
		font-size: 0.97rem;
		font-weight: bold;
		color: #333333;
		letter-spacing: -0.03em;
		line-height: 1.3;
		margin: 2% 0 0;
		opacity: 1;
		transition: 0.2s;
}
#contents-recommend ul.rec-items li a:nth-of-type(2) {
		padding: 0 3%;
}
#contents-recommend ul.rec-items li a:hover {
		opacity: 0.6;
		transition: 0.2s;
		color: #FF0000;
		text-decoration: underline;
}
#contents-recommend ul.rec-items li a img {
		width: 100%;
		height: 110px;
		object-fit: cover;
		object-position: 0 0;
		asborder: 1px solid #174eaf;
		border: 1px solid #AAAAAA;
}
#contents-recommend ul.rec-items li a img.scr {
		/*height: 160px;*/
}
#contents-recommend div.navi-btn {
		border: 1px solid #fff;
}
#contents-recommend div#navi-reco-prev {
		float: left;
		position: relative;
		top: 55px;
}
#contents-recommend div#navi-reco-next {
		float: right;
		position: relative;
		bottom: 135px;
}

@media screen and (max-width: 640px) {
	#contents-recommend {
		margin: 15% auto 8%;
		width: 100%;
	}
	#contents-recommend div {
		width: 100%;
		overflow: scroll;
	}
	#contents-recommend h3 {
		padding: 0 0 1% 2%;
		border-bottom: 1px solid #bbb;
		font-weight: bold;
		letter-spacing: 1px;
		font-size: 1em;
		color: #333;
		background-color: #fff;
	}
	#contents-recommend ul.rec-items {
		list-style: square;
		margin: 2% 4%;
		width: 752px;
	}
	#contents-recommend ul.rec-items li {
		display: inline-block;
		width: 137px;
		margin: 0.3% 1% 0 0;
		line-height: normal;
		list-style-type: none;
		vertical-align: top;
	}
	#contents-recommend ul.rec-items li:nth-of-type(5n) {
		margin: 0.3% 2% 0 0;
	}
	#contents-recommend ul.rec-items li a {
		text-decoration: none;
		color: #1c64b3;
		display: block;
		font-size: 0.7rem;
		letter-spacing: -0.03em;
		margin: 2% 0 0;
		opacity: 1;
		transition: 0.2s;
	}
	#contents-recommend ul.rec-items li a img {
		width: 100%;
		height: 5.8rem;
		object-fit: cover;
		object-position: 0 0;
		asborder: 1px solid #174eaf;
		border: 1px solid #AAAAAA;
	}
}