@charset "UTF-8";
/* CSS Document */

.clearfix { zoom: 1; }
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.recommend-block ul, .recommend-block li, ul.recommend-block-wrap { list-style: none; }
.recommend-block ul, ul.recommend-block-wrap { padding-left: 0; }
/* ======= Text ======= */
.recommend-ttl {
	color: #FFFFFF;
	font-size: 20px;
	font-weight: bold;
	line-height: 150%;
}
.recommend-leadtxt {
	color: #FF8500;
	font-weight: bold;
	line-height: 160%;
}
.recommend-block-ttl {
	font-size: 13px;
	font-weight: bold;
	line-height: 150%;
}
.recommend-block-date {
	font-size: 12px;
	line-height: 150%;
}
.recommend-block-place { font-size: 10px; }
.recommend-block-copy {
	font-size: 10px;
	line-height: 130%;
	color: #666666;
}
@media screen and (max-width: 640px) {
	.recommend-ttl {
		color: #FF8500;
		font-size: 15px;
	}
	.recommend-leadtxt {
		font-size: 10px;
		white-space: normal;
	}
}

/* ======= Layout ======= */
.recommend-section {
	width: 100%;
	margin-bottom: 32px;
	border: #FF8500 solid 2px;
	background: none;
	padding: 10px;
}
.recommend-ttl {
	background: #FF8500;
	text-align: center;
	padding: 14px;
	margin: 0 0 14px;
}
.recommend-leadtxt {
	text-align: center;
	padding: 0 14px;
	margin-bottom: 20px;
}
.recommend-block-wrap ul {
	display: table;
	margin: 0 auto;
}
.recommend-block {
	float: left;
	margin: 0 15px 19px;
}
.recommend-block:nth-child(7n) { clear: both; }
.recommend-block-ttl, .recommend-block-date, .recommend-block-place, .recommend-block-copy {
	width: 130px;
	word-wrap: break-word;
}
.recommend-block-img {
	width: 130px;
	height: 130px;
	background-size: cover;
}
.recommend-block-img img {
	margin: 0 auto;
	max-height: 130px;
	max-width: 130px;
}
.recommend-block-ttl { margin: 6px 0 4px; }
.recommend-block-place { margin: 3px 0; }

@media screen and (max-width: 1084px) {
	.recommend-block:nth-child(7n) { clear: none; }
	.recommend-block:nth-child(6n) { clear: both; }
}

@media screen and (max-width: 959px) {
	.recommend-block:nth-child(6n) { clear: none; }
	.recommend-block:nth-child(5n) { clear: both; }
	.recommend-block { margin: 0 10px 10px; }
}

@media screen and (max-width: 800px) {
	.recommend-block:nth-child(5n) { clear: none; }
	.recommend-block:nth-child(4n) { clear: both; }
}
@media screen and (max-width: 640px) {
	.recommend-ttl {
		background: #FFFFFF;
		border-bottom: #FF8500 solid 1px;
		padding: 6px 4px 12px;
		margin-bottom: 12px;
	}
	.recommend-leadtxt {
		padding: 0 4px 4px;
		margin-bottom: 10px;
	}
	.recommend-block-ttl, .recommend-block-date, .recommend-block-place, .recommend-block-copy { width: 120px; }
	.recommend-block-img {
		width: 120px;
		height: 120px;
	}
	.recommend-block-img img {
		max-height: 120px;
		max-width: 120px;
	}
}

@media screen and (max-width: 543px) {
	.recommend-block:nth-child(4n) { clear: none; }
	.recommend-block:nth-child(2n+1) { clear: both; }
	.recommend-block { width: 42%; }
}