@charset "UTF-8";

section h3 {
	margin: 1em 0;
}

.rank_nav {
	display: flex;
	align-items: stretch;
	justify-content: space-evenly;
	margin-top: -1em;
	padding-bottom: 1em;
}

.rank_nav a {
	line-height: 1.25;
	padding: .5em;
}

.rank_nav a:nth-of-type(1) {
}

.rank_nav a:nth-of-type(2) {
}

.rank_nav a:nth-of-type(3) {
}


section figure {
	max-width: 500px;
	margin: 0 auto;
}

.recommend_review {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	font-size: 1.4em;
	line-height: 1;
}

i[class^="star"] {
	display: block;
	width: 1.2em;
	height: 1.2em;
	background: no-repeat url(star.svg) center top/auto 100%;
}

i.star-half {
	background-image: url(star_half.svg)
}

i.star-null {
	background-image: url(star_null.svg)
}

.btn-ad {
	font-size:1.2em;
}

@media( min-width:768px ) {

.rank_nav a {
	padding: 1em 0;
}

.rank_nav a br {
	display:none;
}

section h3 {
	margin: 2em 0 1em;
}

}