@charset "utf-8";
.ttl {
  background-image: url("../img/common/ttl_bg_common.png");
}
.page-memberlist ul#member-list{
	display: flex;
	flex-wrap: wrap;
}

.page-memberlist ul#member-list li{
		padding: 10px 0;
}
.page-memberlist ul#member-list li a{
	text-decoration: underline;
}
.page-memberlist ul#member-list li a:hover{
	text-decoration: none;
}
.page-memberlist ul#member-list li::after{
	content:"│";
	margin:0 15px;
}

.page-memberlist ul#member-list li:last-child::after{
	content:none;
}

.page-memberlist div[name]:nth-of-type(n+2){ display: none;
}

.page-memberlist a[name] {
	display: block;
	height: 30px;
}

.page-memberlist h3{
	padding-bottom:15px;
	border-bottom:1px dotted #ddd;
	font-size:1.6rem;
	font-weight:600;
}

.page-memberlist table{
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	border-collapse:collapse;
	border-spacing: 0;
	width:100%;
	margin-top:20px;
}

.page-memberlist table:last-child{
	margin-bottom:0;
}

.page-memberlist table th,
.page-memberlist table td{
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:20px;
}

.page-memberlist table th{
	background-color:#F3F3F3;
	text-align:center;
	font-weight:600;
}

.page-memberlist table th:nth-child(1){
	width:40%;
}

.page-memberlist table tr td:nth-child(1){
	font-weight:600;
}

.page-memberlist table th:nth-child(2){
	width:40%;
}

.page-memberlist table th:nth-child(3){
	width:20%;
}

.page-memberlist table tr td a{
	color:#8F6D48;
	text-decoration:underline;
}

.page-memberlist table tr td a:hover{
	text-decoration:none;
}

/*@media screen and (max-width: 940px){

.page-memberlist{
	width:94%;
}

}*/

@media screen and (max-width: 767px){

/*.page-memberlist h3{
	margin-top:30px;
}*/

.page-memberlist table{
	margin-top:20px;
}

.page-memberlist table th{
	display:none;
}

.page-memberlist table tr td{
	display:block;
	width:100%;
	padding:5px 10px;
	border-bottom:none;
}

.page-memberlist table tr{
	border-bottom:1px solid #ddd;
}

.page-memberlist table tr td:nth-child(1):before,
.page-memberlist table tr td:nth-child(2):before,
.page-memberlist table tr td:nth-child(3):before{
	font-weight:bold;
}

.page-memberlist table tr td:nth-of-type(1):before{content: "会員名 : ";}
.page-memberlist table tr td:nth-of-type(2):before{content: "住　所 : ";}
.page-memberlist table tr td:nth-of-type(3):before{content: "電　話 : ";}

}