#contents-recommend-footer {
		margin: 50px auto 40px;
		width: 980px;
		font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, Meiryo, "メイリオ", "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
}
#contents-recommend-footer h3 {
		padding: 0 0 8px;
		border-bottom: 1px solid #bbb;
		font-weight: bold;
		font-size: 1.4em;
		letter-spacing: 1px;
		color: #333;
		background-color: #fff;
		margin: 0 0 15px;
}
div.rec-items-area {
		display: flex;
		height: 12em;
}
#contents-recommend-footer ul.rec-items {
		list-style: square;
		text-align: left;
		width: 908px;
}
#contents-recommend-footer ul.rec-items li {
		display: inline-block;
		width: 171px;
		margin: 0 8px 10px 0;
		font-size: 0.9em;
		line-height: normal;
		list-style-type: none;
		vertical-align: top;
		text-align: left;
}
#contents-recommend-footer ul.rec-items li:nth-of-type(5n) {
		margin: 0 0 10px;
}
#contents-recommend-footer 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-footer ul.rec-items li a:nth-of-type(2) {
		padding: 0 3%;
}
#contents-recommend-footer ul.rec-items li a:hover {
		opacity: 0.6;
		transition: 0.2s;
		color: #FF0000;
		text-decoration: underline;
}
#contents-recommend-footer 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-footer ul.rec-items li a img.scr {
		/*height: 160px;*/
}
#contents-recommend-footer div.navi-btn {
		border: 1px solid #fff;
}
#contents-recommend-footer div#navi-reco-prev {
		position: relative;
		display: inline-block;
		padding: 42px 0 0px;
		width: 34px;
}
#contents-recommend-footer div#navi-reco-next img,
#contents-recommend-footer div#navi-reco-prev img {
		border: 1px solid #fff;
}
#contents-recommend-footer div#navi-reco-next {
		position: relative;
		width: 34px;
		padding: 42px 0 0;
		text-align: right;
}

@media screen and (max-width: 640px) {
	#contents-recommend-footer {
		margin: 15% auto 8%;
		width: 100%;
	}
	#contents-recommend-footer div {
		width: 100%;
		overflow: scroll;
	}
	#contents-recommend-footer 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-footer ul.rec-items {
		list-style: square;
    margin: 2% 2%;
    width: 80%;
	}
	#contents-recommend-footer ul.rec-items li {
		display: inline-block;
		width: 48%;
		margin: 0.3% 1% 0 0;
		line-height: normal;
		list-style-type: none;
		vertical-align: top;
	}
	#contents-recommend-footer ul.rec-items li:nth-of-type(5n) {
		margin: 0.3% 2% 0 0;
	}
	#contents-recommend-footer 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-footer 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;
	}
	
	#contents-recommend-footer div#navi-reco-prev {
	    position: relative;
	    display: inline-block;
	    padding: 11.5% 0 0;
	    width: 10%;
	    text-align: right;
	}

	#contents-recommend-footer div#navi-reco-next {
	    position: relative;
	    width: 10%;
	    padding: 11.5% 0 0;
	    text-align: left;
	}
}