/*=============================================
*
*  PROFILE
*
=============================================*/
#profile {
	/*background: url(../images/profile/profileBack-01.jpg) no-repeat center 66px;*/
	background-size: 100%;
	padding-top: 15%;/*60*/
	/*
	display: block !important;
	top: 0 !important;
	position: relative;
	*/
	-webkit-transition: all 1s;
	transition: all 1s;	
}
/*
@media screen and (max-width:1000px){
	#profile {
		background: url(../images/profile/profileBack-02.jpg) no-repeat center 66px #000;
		background-size: 100%;
		padding-top: 90%;
	}
}
@media screen and (max-width:640px){
	#profile {
		background: url(../images/profile/profileBack-03.jpg) no-repeat center 66px #000;
		background-size: 100%;
		padding-top: 90%;		
	}
}
*/
#profile .hArea.lv01 {
	background: url(../images/common/neonBack_green_L.png) repeat-x center 0;
	display: block;
	min-height: 200px;
	width: 100%;
}
@media screen and (max-width:1000px){
	#profile .hArea.lv01 {
		background: url(../images/common/neonBack_green_M.png) repeat-x center 0;
	}
}
@media screen and (max-width:640px){
	#profile .hArea.lv01 {
		background: url(../images/common/neonBack_green_S.png) repeat-x center 0;
	}
}
#profile .hArea .waveGr {
	bottom: 0;
	left: 0;
	position: absolute;
}
/* ============================================
大見出し
============================================ */
#profile h1.heading {
	background: url(../images/common/h_profile.svg) no-repeat center 0;
	display: block;
	height: 35px;
	margin: 0 auto;
	width: 169px;

	overflow: hidden;
	text-indent: 100%;
	white-space:nowrap;
	text-indent: -9999em;
	
	/* IE8 */
	background: url(../images/common/h_profile.png) no-repeat center 0\9;
}
/* ============================================
linkArea 共通
============================================ */
#profile .linkArea {
	padding: 10px 10px 30px 20%;
}
#profile .linkArea ul {
	text-align: left;
}
#profile .linkArea ul li {
	display: inline-block;
}
@media screen and (max-width:1000px){
	#profile .linkArea {
		padding: 10px 15px 20px 15px;
	}
}
/* ============================================
area01
============================================ */
#profile .area01 {
	/*background: url(../images/profile/profileArea01BackTxt-01.svg) no-repeat 15% center #68ffda;*/
	background: #68ffda;
	padding: 30px 10px 30px 20%;
	/*min-height: 650px;*/
}
@media screen and (max-width:1000px){
	#profile .area01 {
		background-position: 10px center;
		padding: 30px 10px 30px 80px;
	}
}
@media screen and (max-width:1000px){
	#profile .area01 .txtArea {
		padding: 0 10px;
	}
}
#profile .area02 .hArea {
	background: url(../images/common/neonBack_MAKOTOpink_L.png) repeat-x center 0;
	display: block;
	min-height: 160px;
	width: 100%;
}
@media screen and (max-width:1000px){
	#profile .area02 .hArea {
		background: url(../images/common/neonBack_MAKOTOpink_M.png) repeat-x center 0;
	}
}
@media screen and (max-width:640px){
	#profile .area02 .hArea {
		background: url(../images/common/neonBack_MAKOTOpink_S.png) repeat-x center 0;
	}
}
#profile .area02 .hArea .wavePi {
	bottom: 0;
	left: 0;
	position: absolute;
}
/* ============================================
area02
============================================ */
#profile .area02 {
	background: url(../images/profile/profileArea02MAKOTO-01.jpg) no-repeat center top #ff49ff;
	background-size: 100%;
	padding-top: 60%;
	position: relative;

	-webkit-transition: all 1s;
	transition: all 1s;	
}
@media screen and (max-width:1000px){
	#profile .area02 {
		background: url(../images/profile/profileArea02MAKOTO-02.jpg) no-repeat center top #ff49ff;
		background-size: 100%;
		padding-top: 60%;
	}
}
@media screen and (max-width:640px){
	#profile .area02 {
		background: url(../images/profile/profileArea02MAKOTO-03.jpg) no-repeat center top #ff49ff;
		background-size: 100%;
		padding-top: 60%;
	}
}
@media screen and (max-width:1000px){
	#profile .area02 {
		
	}
}
#profile .area02 .waveGr {
	position: absolute;
	top: 0;
	
	transform: rotate(180deg);
}
/* ============================================
中見出し
============================================ */
#profile .area02 h2.name {
	background: url(../images/common/h_profile_MAKOTO.svg) no-repeat center 0;
	display: block;
	height: 35px;
	margin: -60px auto 42px auto;
	width: auto;

	overflow: hidden;
	text-indent: 100%;
	white-space:nowrap;
	text-indent: -9999em;
	
	/* IE8 */
	background: url(../images/common/h_profile_MAKOTO.png) no-repeat center 0\9;
}
#profile .area02 .txtArea {
	padding: 30px 10px 30px 20%;
}
@media screen and (max-width:1000px){
	#profile .area02 .txtArea {
		padding: 20px 15px 0 15px;
	}
}
/* ============================================
area03
============================================ */
#profile .area03 {
	background: url(../images/profile/profileArea02IPPEI-01.jpg) no-repeat center top #ac44ff;
	background-size: 100%;
	padding-top: 60%;
	position: relative;

	-webkit-transition: all 1s;
	transition: all 1s;	
}
@media screen and (max-width:1000px){
	#profile .area03 {
		background: url(../images/profile/profileArea02IPPEI-02.jpg) no-repeat center top #ac44ff;
		background-size: 100%;
		padding-top: 60%;
	}
}
@media screen and (max-width:640px){
	#profile .area03 {
		background: url(../images/profile/profileArea02IPPEI-03.jpg) no-repeat center top #ac44ff;
		background-size: 100%;
		padding-top: 60%;
	}
}
#profile .area03 .hArea {
	background: url(../images/common/neonBack_IPPEIpurple_L.png) repeat-x center 0;
	display: block;
	min-height: 160px;
	width: 100%;
}
@media screen and (max-width:1000px){
	#profile .area03 .hArea {
		background: url(../images/common/neonBack_IPPEIpurple_M.png) repeat-x center 0;
	}
}
@media screen and (max-width:640px){
	#profile .area03 .hArea {
		background: url(../images/common/neonBack_IPPEIpurple_S.png) repeat-x center 0;
	}
}
#profile .area03 .wavePi {
	position: absolute;
	top: 0;
	
	transform: rotate(180deg);
}
#profile .area03 .hArea .wavePu {
	bottom: 0;
	left: 0;
	position: absolute;
}
#profile .area03 .waveGr {
	position: absolute;
	top: 0;
	transform: rotate(180deg);
}
/* ============================================
中見出し
============================================ */
#profile .area03 h2.name {
	background: url(../images/common/h_profile_IPPEI.svg) no-repeat center 0;
	display: block;
	height: 35px;
	margin: -60px auto 42px auto;
	width: auto;

	overflow: hidden;
	text-indent: 100%;
	white-space:nowrap;
	text-indent: -9999em;
	
	/* IE8 */
	background: url(../images/common/h_profile_IPPEI.png) no-repeat center 0\9;
}
#profile .area03 .txtArea {
	padding: 30px 10px 30px 20%;
}
@media screen and (max-width:1000px){
	#profile .area03 .txtArea {
		padding: 20px 15px 0 15px;
	}
}

/* ============================================
アー写 
============================================ */
/* アー写 */
#profile .listArea {
	margin: 0 auto;
	max-width: 1000px;
	position: relative;
	text-align: center;
	width: auto;
	z-index: 50;
}
#profile .listArea li {
	margin: 0 0 20px 0;
	width: 100%;
}
#profile .listArea li a {
	text-decoration: none;
}
#profile .listArea li a {
	text-decoration: none;
}
#profile .listArea li img {
	margin-bottom: 10px;
	
	transition: transform 0.2s;
	-webkit-transition: transform 0.2s;
}
/*
#profile .listArea li:hover img {
    transform: scale(1.05);
	-webkit-transform: scale(1.05);
}
*/
#profile .listArea li .profileImg {
	float: left;
	margin-bottom: 5px;
	width: 35%;
}
#profile .listArea li .dataArea {
	float: right;
	width: 62%;
}
@media screen and (max-width:700px){
	#profile .listArea li .profileImg {
		float: none;
		width: 100%;
	}
	#profile .listArea li .dataArea {
		float: none;
		width: 100%;
	}
}
@media screen and (max-width:450px){

}
#profile .listArea li .name {
	color: #d9d9d9;
	font-family: 'Playfair Display', serif;
	font-size: 24px;
	letter-spacing: 0.15em;
	margin-bottom: 10px;
	text-align: left;
}
#profile .listArea li .txtArea {
	margin-bottom: 25px;
}
#profile .listArea li .txt01 {
	margin-bottom: 20px;
}
#profile .listArea li .linkArea {
	margin-bottom: 10px;
	text-align: left;
}
#profile .listArea li a {
	color: #999;
	font-family: 'Playfair Display', serif;
	font-size: 14px;
	text-align: left;
	text-decoration: none;
}
/* ============================================
SNS
============================================ */
#profile .listArea li .snsArea {
	text-align: left;
}
#profile .listArea .snsArea li a {
	color: #999;
	font-family: 'Playfair Display', serif;
	font-size: 14px;
	text-align: left;
	text-decoration: none;
}
#profile .listArea .snsArea li a.twitter {
	background: url(../images/common/snsLogo_Twitter.svg) no-repeat left center;
	display: block;
	min-height: 26px;
	padding-left: 30px;
	width: auto;
	/* IE8 */
	background: url(../images/common/snsLogo_Twitter.png) no-repeat center 0\9;
}