@charset "utf-8";





.member{
width:1000px;
margin:0 auto;
padding-top:8px;
} 

.member>.top{
margin-bottom:10px;
} 

.member>.top .photo{
width:290px;
height:395px;
float:left;
} 

.member>.top .movie{
width:calc(100%);
} 

.member>.top .movie>div{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.member>.top .movie>div iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


.member>.bottom{
position:relative;
background:url(../images/member_profile_bg.jpg) 0 0 no-repeat;
background-size:cover;
height:93px;
} 

.member>.bottom .namephoto{
display:block;
float:left;
padding-left:19px;
padding-top:14px;
width:280px;
}


.member>.bottom .vote{
display:block;
float:left;
width:440px;
padding-top:10px;
text-align:center;
color:#fff;
}

.member>.bottom .vote .name{
padding-top:5px;
}

.member>.bottom .func{
position:absolute;
right:18px;
top:8px;
}

.member>.bottom .func img{
margin:0 3px;
}

.member .profile{
text-align:center;
padding:20px;
}

.member .profile br{
display:none;
}



.movie_list{
width:1000px;
margin:0 auto;
padding-top:30px;
}

.movie_list ul li{
width:24%;
margin-right:1%;
margin-bottom:1%;
float:left;
}

.movie_list ul li:nth-type-of(4n){
margin-right:0;
}

.movie_list ul li img{
width:100%;
}



@media all and (min-width: 0) and (max-width: 736px)  {





	.member{
	width:100%;
	}


	.member>.top{
	margin-bottom:0;
	} 


	.member>.top .movie{
	margin-left:0;
	width:100%;
	height:auto;
	float:none;

	} 


	.member>.bottom{
	position:relative;
	background:url(../images/name_bg1.png) 0 0 no-repeat;
	background-size:cover;
	height:15vw;
	} 


	.member>.bottom .namephoto{
	padding-left:2vw;
	padding-top:2vw;
	width:50vw;
	}

	.member>.bottom .namephoto img{
		height:10vw;
	}


	.member>.bottom .vote {
	display:none;
	}


	.member>.bottom .func{
	right:1vw;
	top:2vw;
	}


	.member>.bottom .func img{
	width:11vw;
	margin:0 0.1vw;
	}


	.member .vote.sp {
	background:url(../images/name_bg2.png) 0 0 no-repeat;
	background-size:cover;
	text-align:center;
	padding-top:1vw;
	padding-bottom:1vw;
	color:#fff;
	}


	.member .vote.sp .name{
	padding-top:1vw;

	}

	.member .profile{
		padding:2%;	
		text-align:left;
	}

	.member .profile .photo{
		width:45%;
		float:left;
	}

	.member .profile .profile_text{
		padding:2% 5%;	

		width:55%;
		float:left;
	}

	.member .profile br{
	display:inline;
	}


			.movie_list{
			width:100%;
			margin:0 auto;
			
			padding-top:10vw;
			padding-left:2%;
			padding-right:2%;
			}
			
			.movie_list h2{
			padding-left:2%;
			}


			.movie_list ul li{
			width:49%;
			margin-right:1%;
			margin-bottom:1%;
			float:left;
			}

			.movie_list ul li:nth-type-of(4n){
			margin-right:1%;
			}

			.movie_list ul li:nth-type-of(2n){
			margin-right:1%;
			}




}