#profile{
	display: flex;
	justify-content: space-between;
	/*align-items:self-start;*/
	align-items: stretch;
	background:#FFF;
	padding:40px 40px;
	border-radius: 10px;
	width:100%;
	max-width:880px;
	margin:0 auto;
	gap:50px;
	margin-bottom:30px;
}

#tel{
	border:none;
	background:#FFF;
	color:#1e3a5f;
	border:1px solid #1e3a5f;
	padding:5px 15px;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Noto Sans JP", Meiryo, sans-serif;
	cursor: pointer;
	text-decoration: none;
	font-size:14px;
	border-radius: 5px;
	margin:5px auto 0;
	display: block;
	text-align: center;
	width:max-content;
}

#voices,
#recommendation,
#introduction{
	background:#FFF;
	padding:20px 40px;
	border-radius: 10px;
	width:100%;
	max-width:880px;
	margin:0 auto 20px;
}

#voices h3,
#recommendation h3,
#introduction h3{
	margin:0;
	color:#1E3A5F;
}


#profile figure{
	position: relative;
	font-size:0;
	margin:0;
	width:200px;
	border-radius:10px;
	overflow: hidden;
}

#profile figure img{
	width:100%;
	height:100%;
	object-fit: cover;
}


#infobox{
	position: relative;
	width: calc(100% - 250px);
	display: flex;
	flex-direction: column;
}


#infobox p{
	text-align: left;
	font-size:14px;
}


#infobox .payment{
	padding-top:0;
	display: block;
	position: static;
	font-size:20px;
	background:#FFF;
}

#infobox .payment .price{
	display: block;
	text-align: center;
	font-size:20px;
}

#profile .status{
	position: absolute;
	top:0;
	right:0;
	max-width:120px;
	color:#FFF;
}

#profile figure figcaption{
  width:calc(100% - 20px);
  position: absolute;
  bottom:5px;
  left:10px;
  background:var(--default-color);
  color:#FFF;
  border-radius: 20px;
  outline: 2px solid #FFF;
  box-shadow: 2px 2px 3px #0005;
  font-size:20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap:3px;
}

#profile figure figcaption span{
  font-size:60%;
}

#infobox h3{
/*	color:#007BFF;
	color:#D63384;
	color:#E63946;
	color:#C71585;
	color:#5C2A5D;
	color:#FFA500;
	COLOR:#E6C14C;
	COLOR:#4B0082;
	COLOR:#B94B70;
	COLOR:#009688;
	COLOR:#5A7FA6;
	COLOR:#4A90E2;
*/	COLOR:#1E3A5F;
	font-size:24px;
	margin:0;
	padding:10px 0;
}

#infobox h3 span{
	font-size:80%;
	margin-left:5px;
}

#infobox p{
	color:#333333;
	color:#322B3B;
	color:#1F3244;
}

#infobox span.title{
	color:#B94B70;
	background:#FDE9EF;
	padding:3px 10px;
	font-weight:bold;
	display: block;
	margin-bottom: 5px;
	font-size:16px;
}


/* ################ 780px以下 #####################*/

@media(max-width:979px){

	#profile{
		display:block;
	}

	#profile figure{
		margin:0 auto 30px;
	}

	#profile #infobox{
		width:100%;
		margin:0 auto;
	}

	#profile #infobox p,
	#profile #infobox h3{
		text-align: center;
	}

	#profile .status{
		position: static;
		margin:0 auto 30px;
	}

}


/* voice -----------------------*/


.voiceBox{
	width:100%;
	max-width:880px;
	margin:30px auto 30px;
	display: flex;
	gap:20px;
}


.voiceBox .left{
	width:100px;
}

.voiceBox .image img{
	width:100px;
	height:auto;
	cursor: pointer;
}

.voiceBox .name{
	font-size:14px;
	text-align: center;
}

.voiceBox .title{
	font-weight:900;
	margin-bottom:10px;
}

.voiceBox .comment{
	font-size:0.9em;
	white-space: pre-wrap;
}

.voiceBox .vid,
.voiceBox .gender{
	display:none;
}

#counter{
	display: none;
}


#voices.hidden{
	display:none;
}