@charset "utf-8";

.ap_member_list,
.ap_member_list * { box-sizing: border-box; }
.ap_member_list a { color: #669; text-decoration: none; }

.ap_member_list_head { padding: 12px 3%; border: 10px solid #eee; text-align: center; }
.ap_member_list_head h2 { margin: .8em 4px 1em; font-size: 2.3em; line-height: 1.3; letter-spacing: -1px; color: #222; word-break: keep-all; }
.ap_member_list_head p { font-size: 1.1em; color: #444; }

.ap_member_list_group,
.ap_member_list_table,
.ap_member_list_page { margin: 30px auto; padding: 0; line-height: 1.5; text-align: center; }

.ap_member_list_group { display: table; }
.ap_member_list_group div { display: inline-block; list-style: none; }
.ap_member_list_group div a { display: block; margin: 2px; padding: 5px 16px; border: 1px solid #8a96a6; border-radius: 3px; background: #fff; color: #666; text-decoration: none; white-space: nowrap; }
.ap_member_list_group div a:hover,
.ap_member_list_group div a:active { background: #8a96a6; color: #fff; text-decoration: none; }
.ap_member_list_group div a.on { border: 1px solid #8a96a6; background: #8a96a6; color: #fff; font-weight: bold; }

.ap_member_list_table { width: 100%; border-collapse: collapse; border-spacing: 0; border-top: 2px solid #999; border-bottom: 1px solid #999; }
.ap_member_list_table th,
.ap_member_list_table td { padding: 10px; text-align: center; font-size: 13px; }
.ap_member_list_table td { border-top: 1px solid #999; }
.ap_member_list_table td .ap_member_intro_img_profile { display: block; margin: 0 auto; width: 70px; height: 70px; }
.ap_member_list_table tbody > tr.ap_member_list_tr:nth-child(odd) > td { background-color: #f9f9f9; }
.ap_member_list_table tbody > tr.ap_member_list_tr:hover > td { background-color: #f5f5f5; }
.ap_member_list_table .ap_member_list_signature td { border-top: none; }
.ap_member_list_table .ap_member_list_signature td.ap_member_list_signature_position { text-align: left; }

.ap_member_list_page * { margin: 0; padding: 0; }
.ap_member_list_page a { border: 1px solid #ccc; border-radius: 5px; background: #fff; color: #666; text-decoration: none; white-space: nowrap; }
.ap_member_list_page a:hover,
.ap_member_list_page a:active { background: #ccc; color: #fff; text-decoration: none; }
.ap_member_list_page li { display: inline; list-style: none; line-height: 2.5; }
.ap_member_list_page li a,
.ap_member_list_page li span { padding: 4px 8px; }
.ap_member_list_page li span { border: 1px solid #999; border-radius: 5px; background: #999; color: #fff; font-weight: bold; }

.ap_member_list_search { text-align: center; }
.ap_member_list_search select,
.ap_member_list_search input { margin-right: 4px; padding: 4px; }

@media only screen and (max-width: 640px) {
	.ap_member_list_head h2 { font-size: 20px; }
	.ap_member_list_table th,
	.ap_member_list_table td { padding: 10px 5px; }
}