/*	member
============================== */
.member .memberMain { width: 100%;}
.member .memberMain .ph_cut span {padding-top: -webkit-calc(720 / 1080 * 100%); padding-top: calc(720 / 1080 * 100%);}
#memberBlock.idx {background-color: rgba(255, 255, 255, 0.6);}
.explanation  p{ line-height: 1.8em;}
.member #memberBlock .profileBox { background-color: rgba(255,255,255,0.6); background-repeat: no-repeat;}
.member#member01 #memberBlock .profileBox { background-image: url(../img/member/icon_member01.png);}
.member#member02 #memberBlock .profileBox { background-image: url(../img/member/icon_member02.png);}
.member#member03 #memberBlock .profileBox { background-image: url(../img/member/icon_member03.png);}
.member#member04 #memberBlock .profileBox { background-image: url(../img/member/icon_member04.png);}
.member#member05 #memberBlock .profileBox { background-image: url(../img/member/icon_member05.png);}
.member#member06 #memberBlock .profileBox { background-image: url(../img/member/icon_member06.png);}
.member#member07 #memberBlock .profileBox { background-image: url(../img/member/icon_member07.png);}

.member #memberBlock ul.thumb{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.otherMembers h3 { background-color: #FF7B7B; height: 38px; background-position:center center; background-repeat:no-repeat; background-size: contain; background-image:  url(../img/member/h3_other.png); text-indent: -9999px;}

.member #memberBlock ul.thumb.thumb li a, .member ul li a span {
	display:block;
}
.member #memberBlock ul.thumb.thumb li a, .member #memberBlock ul.thumb.thumb li span.mb{
	position:relative;
	height:0;
	padding-top: -webkit-calc(278 / 210 * 100%);
	padding-top: calc(278 / 210 * 100%);
	display: block;
}
.member #memberBlock ul.thumb.thumb li a span.lazy, .member #memberBlock ul.thumb.thumb li span.mb span.lazy {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	white-space:nowrap;overflow:hidden;
    background-size: cover;
    background-repeat: no-repeat;
	background-position: center center;
}
.member #memberBlock li a:hover { filter: brightness(1.1); /* 明るくする */}

.member #memberBlock ul.thumb.thumb li a .name { position: absolute; bottom:0; left:0; width: 100%; height: 38.265%; background-position:center bottom; background-repeat: no-repeat; background-size: contain; 
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
}
 #memberBlock ul.thumb li.member01 a .name {background-image: url(../img/member/name1.png);}
 #memberBlock ul.thumb li.member02 a .name {background-image: url(../img/member/name2.png);}
 #memberBlock ul.thumb li.member03 a .name {background-image: url(../img/member/name3.png);}
 #memberBlock ul.thumb li.member04 a .name {background-image: url(../img/member/name4.png);}
 #memberBlock ul.thumb li.member05 a .name {background-image: url(../img/member/name5.png);}
 #memberBlock ul.thumb li.member06 a .name {background-image: url(../img/member/name6.png);}
 #memberBlock ul.thumb li.member07 a .name {background-image: url(../img/member/name7.png);}
 #memberBlock ul.thumb li a .name span {padding: 7% 15px 7% 20px; margin-left: 15px; color: #000; font-weight: 700; position: relative; display: inline-block;}
 #memberBlock ul.thumb li a .name span:before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 2px #000;
  border-right: solid 2px #000;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}
#memberBlock:not(.idx) li.member00 { display: none;}
#member01 li.member01 { display: none;}
#member02 li.member02 { display: none;}
#member03 li.member03 { display: none;}
#member04 li.member04 { display: none;}
#member05 li.member05 { display: none;}
#member06 li.member06 { display: none;}
#member07 li.member07 { display: none;}

.member #memberBlock .profileBox article h3 {margin: 0 auto; padding: 15px 0;  background-position: left center; background-repeat:no-repeat; background-size: 37px 36px; background-image:  url(../img/img_star.png); min-height: 36px;  display: table;}
.member #memberBlock .profileBox article h3 span {display: table-cell; vertical-align: middle;}
.Ename {font-family: ethnocentric, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 2.5em;
padding-left: 48px;}
.kana {color: #717171; font-weight: 900; font-size: 1.6em; text-align: right;}

.profile {
	font-family: sicuveiw-dsp, sans-serif;
    font-weight: 400;
    font-style: normal;
}
.profile h4 {font-size: 1.5em; padding-bottom: 0.5em;}
.profile .txt { line-height: 1.6em;}
.profile table { margin-bottom: 0.5em;}
.profile table th, .profile table td { line-height: 1.6em; text-align: left; font-weight: normal;}

#memberBlock .photoArea { width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;}
#memberBlock .photoArea .ph_cut.main { width: 100%;}
#memberBlock .photoArea .ph_cut.sub { width: 50%;}
#memberBlock .photoArea .ph_cut.main span {padding-top: -webkit-calc(1000 / 750 * 100%); padding-top: calc(1000 / 750 * 100%);}
#memberBlock .photoArea .ph_cut.sub span {padding-top: -webkit-calc(1000 / 667 * 100%); padding-top: calc(1000 / 667 * 100%);}

#movieBlock h2, #visualBlock h2 {
	text-align: center;
    font-family: pennypacker-wide, sans-serif;
	font-weight: 800;
	font-style: normal;
}
#movieBlock h3, #visualBlock h3 {
	font-family: "pennypacker-wide", sicuveiw-dsp, sans-serif;
	font-weight: 500;
	position: relative;
	display: inline-block;
}
#movieBlock h3:before, #visualBlock h3:before {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  height: 2px;
  background-color: #000;
	left:0;
}
.member #visualBlock #ga1 .ph_cut span {padding-top: -webkit-calc(810 / 1080 * 100%); padding-top: calc(810 / 1080 * 100%);}
.member #visualBlock #ga3 .ph_cut.ph_l span {padding-top: -webkit-calc(1080 / 720 * 100%); padding-top: calc(1080 / 720 * 100%);}
	

@media all and (min-width: 768px) {
	#memberBlock.idx {width: 1080px; margin: 0 auto;}
	.explanation { padding: 30px; }
	.member #memberBlock .profileBox { width: 1040px; margin: 0 auto; padding: 20px; background-position:right 10px bottom 10px; background-size: 320px 233px;}
	.member #memberBlock ul.thumb {
	width: 100%;
	margin:0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
	.member #memberBlock ul.thumb li { width:calc((100%)/4);}
	.member ul.thumb li a .name span { font-size: 1.1em;}
	.member #memberBlock article {width:840px; margin: 0 auto;}
	.member #memberBlock .profileBox article h3 { width: 100%; }
	.profile { padding: 30px 0 40px; font-size: 1.1em;}
	.profile .txt { padding-right: 140px;}
	
	.member #memberBlock .otherMembers ul li { width: calc((100%) / 6);}
	.otherMembers h3 { height: 45px;}
	
	#movieBlock, #visualBlock { padding: 80px 0 50px;}
	#movieBlock h2, #visualBlock h2 {
	font-size: 2em;
	padding-bottom: 30px;}
	#movieBlock article:not(:last-of-type), #visualBlock article:not(:last-of-type) { padding-bottom: 40px;}
	#movieBlock h3, #visualBlock h3 { font-size: 1.2em; line-height: 1.5em; margin-bottom: 10px; padding: 0 0 0 30px;}
	#movieBlock h3:before, #visualBlock h3:before {width: 20px; top:0.75em;}
	
	.member #visualBlock #ga3 .ph_cut.ph_l {width: 560px; margin: 0 auto;}
	
	
}
@media all and (max-width: 767px) {
	.explanation { padding:60px 15px 30px; }
	.explanation p { font-size: 0.9em;}
	.member #memberBlock .profileBox {padding: 2% 2% 50px; background-position:right bottom; background-size: 180px 131px;}
	.member #memberBlock .profileBox article h3 { width: 98%; padding: 10px 0; background-size: 31px 30px; min-height: 30px; }
	.Ename {font-size: 2.0em; padding-left: 38px;}
	.kana { font-size: 1.4em;}

	.member #memberBlock ul.thumb {margin-bottom:0px;}
	.member #memberBlock ul.thumb li {width:calc((100%)/2);}
	
	#memberBlock .photoArea .ph_cut.sub:nth-child(-n+2) { width: 100%;}
	
	.profile { padding: 20px 10px;}
	.profile .txt { font-size: 1em; padding-right: 80px;}
	
	.otherMembers h3 { height: 38px;}
	
	#movieBlock, #visualBlock { width: 95%; margin: 0 auto; padding: 40px 0 2.5%;}
	#movieBlock h2, #visualBlock h2 {
	font-size: 1.2em;
	padding-bottom: 15px;}
	#movieBlock article:not(:last-of-type), #visualBlock article:not(:last-of-type) { padding-bottom: 25px;}
	#movieBlock h3, #visualBlock h3 { font-size: 0.9em; line-height: 1.3em; margin-bottom: 6px; padding: 0 5px 0 20px;}
	#movieBlock h3:before, #visualBlock h3:before {width: 15px; top:0.5em;}

}