#sort_buttons {
	display:flex;
}

.sort_label {
	display: inline-block;
	width: 20%;
	padding: 10px 0;
	text-align: center;
	font-size: 0.9em;
	border: 1px solid #ccc;
	border-radius: 5px;
	cursor: pointer;
	background-color: #f0f0f0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	user-select: none;
}

.sort_radio {
 	display: none;
}

.sort_radio:checked + .sort_label {
	color: #fff;
	background: #5d4297;
}



#list_rank {
	margin-top:20px;
}

.list_rank_item {
	margin:14px 0;
    border-bottom:1px solid #eee;
}

#list_explan {
	margin-bottom: 20px;
	font-size: 14px;
}

.explan_list {
	margin-bottom: 20px;
}

.explan_list_value {
	color: #ff6201;
}

#list{
}

.list_item {
	margin-bottom:30px;
	padding:0;
	border:1px solid #eee;
	box-shadow:0 1px 2px rgba(0,0,0,0.2);
}

.list_item_link {
	display:block;
}

.list_item_link:hover {
	text-decoration:none;
}

.list_item_link:hover .list_link_btn {
	background:#37B09B;
}

.list_link {
	display:table;
	width:calc(100% - 12px);
	padding:8px 6px;
}

.list_name {
	margin: 0;
	font-size:16px;
	font-weight:bold;
	border-bottom:none;
}

.list_name:after {
	content:none;
}

.list_genre{
	padding-left:10px;
	font-size:12px;
}

.list_info {
	margin-top:10px;
	font-size:12px;
	line-height:14px;
	color:#006621;
	font-family:Roboto-Regular,HelveticaNeue,Arial,sans-serif;
}

.list_value {
	margin:2px auto;
	padding-top:6px;
	width:calc(100% - 14px);
	line-height:16px;
	border-top:1px solid #ececec;
}

.list_value_item {
	display: inline-block;
	width: 50%;
	margin-bottom:4px;
	color:#555;
	font-size:14px;
	font-weight:bold;
}

.list_value_item_eval {
    color: #ff6201;
}

.list_detail {
	margin:2px auto 10px;
	padding-top:6px;
	width:calc(100% - 14px);
	font-size:12px;
	line-height:16px;
	clear:both;
	color:#777;
	border-top:1px solid #ececec;
}

.list_tool {
	margin:2px auto 10px;
	padding-top:6px;
	width:calc(100% - 14px);
	font-size:14px;
	line-height:18px;
    font-weight: bold;
	clear:both;
	color:#777;
	border-top:1px solid #ececec;
}

.list_tool_item {
    color: #d60000;
}

.list_right_under {
	text-align:right;
}

.list_link_btn {
	display:inline-block;
	padding:5px 10px;
	text-align:center;
	color:#fff;
	background:#4e92df;
	box-shadow:0 0 2px 0 rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.24);
}

.list_outline_review {
    overflow: hidden;
    padding: 6px 8px;
    font-size: 12px;
    line-height: 18px;
    background: #eee;
}

.list_outline_review_title {
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: bold;
}

.list_outline_review_detail {
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin-bottom: 4px;
}

.list_outline_review_name {
    text-align: right;
    font-weight: 700;
    color: #777;
}

.list_outline_review_icon {
    width: 20px;
    margin-right: 4px;
}

#faq {
	margin-top: 20px;
}

.faq_answer {
	margin-bottom: 20px;
}



/***********************640px***********************/
@media screen and (min-width:640px) {



.list_name{
	font-size:18px;
}