@charset "utf-8";

/* common style
----------------------------------------------------------- */
.member.page h3.ttl{
	margin:0 0 15px;
	padding:0;
	font-family: "Kiwi Maru", serif;
	font-feature-settings: "palt";
	font-size:20px;
	letter-spacing:-0.1em;
	border-bottom:#ff9d00 3px solid;
}


/* member_list style
----------------------------------------------------------- */

.member.list ul.topics_list{}

/*
.member.list ul.topics_list li{
	margin-bottom:15px;
	position:relative;
}
.member.list ul.topics_list li a{
	text-decoration: none;
	color: #464646;
}
.member.list ul.topics_list li a span.pic{
	text-decoration: none;
	color: #464646;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
*/
.member.list ul.topics_list p.name{
	margin-bottom:10px;
	font-family: "Kiwi Maru", serif;
	color:#0064aa;
	font-size:18px;
	text-decoration:underline;
	transition:all 0.3s linear;
}
.member.list ul.topics_list a:hover p.name{
	color:orange;
	text-decoration:none;
}
.member.list ul.topics_list p.text{
	font-size:12px;
	line-height:1.8;
}
.member.list ul.topics_list p.text span{
	display:inline-block;
	margin-left:5px;
	padding:0 5px;
	color:white;
	line-height:1.4;
	border-radius:0.6em;
	-webkit-border-radius:0.6em;
	-moz-border-radius:0.6em;
	-ms-border-radius:0.6em;
	background-color:#00b996;
	transition:all 0.3s linear;
}
.member.list ul.topics_list a:hover p.text span{
	background-color:orange;
}

.member.list input[type="button"].btn.more{
	border:none;
}
@media screen and (min-width:360px){
	.member.list ul.topics_list li span.pic{
		margin-top:10px;
	}
}

/* member_detail style
----------------------------------------------------------- */
div#member_detail h2.name{
	margin:0 0 15px;
	padding:0 0 5px;
	font-family: "Kiwi Maru", serif;
	font-feature-settings: "palt";
	font-size:24px;
	letter-spacing:-0.1em;
}
div#member_detail span.pic{
	width:100%;
	display:block;
	margin:0 auto 15px;
	padding-top:66.66%;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-ms-border-radius:20px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
}
div#member_detail p.text{
	margin:0 0 15px;
}
dl#area_etc{
	margin:0 auto 15px;
}

dl#area_etc dt{width:9em;}
dl#area_etc dd{width:calc(100% - 9em);}

dl#area_etc dt:before{
	content:"◆";
}
.member.page div#contents ul.topics_list + a.btn{
	margin-bottom:30px;
}
@media screen and (min-width:370px){
	div#member_detail span.pic{
		margin-bottom:30px;
	}
	dl#area_etc{
		margin-top:-15px;
		margin-bottom:30px;
	}
	div#member_detail p.text{
		margin-bottom:30px;
	}
	.member.page div#contents ul.topics_list + a.btn{
		margin-bottom:45px;
	}
}
@media screen and (min-width:540px){
	div#member_detail span.pic{
		margin-bottom:45px;
	}
	dl#area_etc{
		margin-top:-30px;
		margin-bottom:45px;
	}
	div#member_detail p.text{
		margin-bottom:45px;
	}
	.member.page div#contents ul.topics_list + a.btn{
		margin-bottom:60px;
	}
}
@media screen and (min-width:1274px){
	div#member_detail span.pic{
		max-width:1024px;
		padding-top:66%;
	}
}