@charset "utf-8";

/* member
────────────────────────────────────────────────── */

#member{
	display: flex;
	align-content: flex-start;
	justify-content: center;
}

#member div{
	width:300px;
}

#member div + div{
	margin-left:30px;
}

#member div h2{
	font-size:150%;
	font-weight:bold;
	padding-left:20px;
	position:relative;
}

#member div h2:before {
	background : -moz-linear-gradient(0% 50% 0deg,rgba(248, 181, 0, 1) 0%,rgba(255, 153, 51, 1) 100%);
	background : -webkit-linear-gradient(0deg, rgba(248, 181, 0, 1) 0%, rgba(255, 153, 51, 1) 100%);
	background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(248, 181, 0, 1) ),color-stop(1,rgba(255, 153, 51, 1) ));
	background : -o-linear-gradient(0deg, rgba(248, 181, 0, 1) 0%, rgba(255, 153, 51, 1) 100%);
	background : -ms-linear-gradient(0deg, rgba(248, 181, 0, 1) 0%, rgba(255, 153, 51, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8B500', endColorstr='#FF9933' ,GradientType=0)";
	background : linear-gradient(90deg, rgba(248, 181, 0, 1) 0%, rgba(255, 153, 51, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8B500',endColorstr='#FF9933' , GradientType=1);
	content:"";
	height:5px;
	display:block;
	position:absolute;
	top:50%; left:0;
	margin-top:-7px;
	width:10px;
}

#member div dl{
	border-top:1px #CCC solid;
	margin:1em 0 0;
	padding:0.5em 0 0;
}

#member div dt{
	clear:left;
	float:left;
	width:6em;
}

#member div dd,
#member div dd.linelast{
	border-bottom:1px #CCC solid;
	margin:0 0 0.5em 0;
	padding:0 0 0.5em 7em;
}

#member div dd + dd,
#member div dd.linereset{
	border-bottom:1px #CCC dashed;
}

#member dl img{
    width: 100%;
    height: auto;
    padding-left: 0;
}

#member div ul{
	border-bottom:1px #CCC solid;
	margin-top:1em;
	padding-bottom:0.5em;
}
#member div ul:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
	/*モダンブラウザ隙間対策*/
	overflow:hidden;
	font-size:0.1em;
	line-height:0;
}

#member div li{
	border-top:1px #CCC solid;
	box-sizing:border-box;
	float:left;
	display:block;
	margin-top:0.5em;
	padding:0 20px;
	padding-top:0.5em;
	text-align:center;
	width:50%;
}
#member div li:first-child,
#member div li:first-child + li{
	margin-top:0;
}

/* photo
────────────────────────────────────────────────── */

#photo{
	display: flex;
	align-content: flex-start;
	justify-content: center;
	margin-top:60px;
}

#photo img{
	vertical-align:bottom;
	box-shadow: inset 2px 2px 0 #fff, 0 8px 10px -4px rgba(0, 0, 0, 0.4);
}

#photo img + img{
	margin-left:30px;
}

/* link
────────────────────────────────────────────────── */

#pagelink {
	background : -moz-linear-gradient(0% 50% 0deg,rgba(248, 181, 0, 1) 0%,rgba(255, 153, 51, 1) 100%);
	background : -webkit-linear-gradient(0deg, rgba(248, 181, 0, 1) 0%, rgba(255, 153, 51, 1) 100%);
	background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(248, 181, 0, 1) ),color-stop(1,rgba(255, 153, 51, 1) ));
	background : -o-linear-gradient(0deg, rgba(248, 181, 0, 1) 0%, rgba(255, 153, 51, 1) 100%);
	background : -ms-linear-gradient(0deg, rgba(248, 181, 0, 1) 0%, rgba(255, 153, 51, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8B500', endColorstr='#FF9933' ,GradientType=0)";
	background : linear-gradient(90deg, rgba(248, 181, 0, 1) 0%, rgba(255, 153, 51, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8B500',endColorstr='#FF9933' , GradientType=1);
	border-radius:3px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	color: white;
	font-weight:bold;
	display:block;
	margin-top:60px;
	letter-spacing:0.2em;
	text-align:center;
	text-decoration:none;
	text-transform: uppercase;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	padding:1em 20px;
}

#pagelink:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}