/*==================== recommend ====================*/
.recommend {
	background: url(/src/images/common/shade_green.png);
	background-size: 1rem;
	border-radius: 1rem;
}

body.circuit .recommend {background-image: url(/src/images/common/shade_puple.png);}
body.swimming .recommend {background-image: url(/src/images/common/shade_blue.png);}
body.exercise .recommend {background-image: url(/src/images/common/shade_orange2.png);}
body.running .recommend {background-image: url(/src/images/common/shade_green2.png);}
body.condition .recommend {background-image: url(/src/images/common/shade_pinkgrape.png);}
body.eatdiet .recommend {background-image: url(/src/images/common/shade_pink.png);}
body.arke .recommend {background-image: url(/src/images/common/shade_aqua.png);}
body.vipr .recommend {background-image: url(/src/images/common/shade_vipr.png);}

.recommend h3 {
	margin: 0;
	text-align: center;
}

.recommend h3 img {
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
.recommend ul {
	margin: 0;
	padding: 0 0.75rem 0.75rem;
	list-style-type: none;
}
.recommend ul:after {
	content: ' ';
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
}
.recommend li {
	display: inline-block;
	float: left;
	clear: left;
	background: white url(/src/images/school/type_check.png) no-repeat 0.25rem center;
	background-size: 1.75em auto;
	margin: 0.75em 0 0;
	padding: 0.75em;
	padding-left: 2em;
	padding-bottom: 0.5em;
	font-weight: bold;
	line-height: 1.4;
}
.recommend li:first-child {
	margin-top: 0;
}

	html.PC .recommend {
	}
	html.PC .recommend h3 img {
		height: 2rem;
	}
	html.PC .recommend li {
		font-size: 85%;
		-ms-transform: rotate(0.001deg);
	}

		html.SP .recommend {
			margin: 2rem 0 0;
		}
		html.SP .recommend h3 img {
			height: 1.5rem;
		}
		html.SP .recommend li {
			font-size: 75%;
		}