@charset "utf-8";

/******************* コンテンツ *******************/
section#sec01{
	margin-top:150px;
}


/******************* sec01 *******************/
section#sec01 div.profileBox,section#sec01 div.profileBox div.innerProfileBox{
	width:100%;
}

section#sec01 div.profileBox div.innerProfileBox:not(:nth-child(2),:last-child){
	padding-bottom:25px;
	background:#fff9;
	border-radius:15px;
	display:flex;
	flex-direction:row;
}

section#sec01 div.profileBox div.innerProfileBox div.characterImg{
	width:50%;
	height:0;
	margin-top:20px;
	padding-top:50%;
	background:url("./../images/profile/berettacr.png") no-repeat center/contain;
	position:relative;
	left:-25px;
	user-select:none;
	pointer-events:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-webkit-user-drag:none;
	-khtml-user-drag:none;
	-webkit-touch-callout:none;
}

section#sec01 div.profileBox div.innerProfileBox div.about{
	width:50%;
	margin-top:5px;
}

section#sec01 div.profileBox div.innerProfileBox div.about p.furigana{
	margin-top:15px;
	font-size:1.175rem;
	line-height:0.375rem;
}

section#sec01 div.profileBox div.innerProfileBox div.about h2.name{
	font-size:2.575rem;
	font-weight:bold;
}

section#sec01 div.profileBox div.innerProfileBox div.about p.aboutText{
	margin-bottom:15px;
	padding:15px 0;
	line-height:1.5rem;
	border-top:dashed 1px #c64595;
	border-bottom:dashed 1px #c64595;
}

section#sec01 div.profileBox div.innerProfileBox div.about table{
	width:100%;
}

section#sec01 div.profileBox div.innerProfileBox div.about table td{
	height:40px;
	padding:5px 0;
	border-bottom:solid 1px #c64595;
}

section#sec01 div.profileBox div.innerProfileBox div.about table td.item{
	width:180px;
}

section#sec01 div.profileBox div.innerProfileBox div.about table td a.twitter:before{
	padding-right:5px;
	color:#55acee;
	font-size:1.2rem;
	font-family:"FontAwesome";
	content:"\f099";
}

section#sec01 div.profileBox div.innerProfileBox div.about table td a.youtube:before{
	padding-right:5px;
	color:#cd201f;
	font-size:1.2rem;
	font-family:"FontAwesome";
	content:"\f16a";
}

section#sec01 div.profileBox div.innerProfileBox div.about table td a.mixch:before{
	width:18px;
	height:18px;
	margin-right:3px;
	padding-right:18px;
	background:url("./../images/profile/mixch.png") no-repeat left/contain;
	content:"";
}

section#sec01 div.profileBox div.innerProfileBox div.about table td a.fanbox:before{
	width:18px;
	height:18px;
	margin-right:5px;
	padding-right:18px;
	background:url("./../images/profile/fanbox.png") no-repeat left/contain;
	content:"";
}

section#sec01 div.profileBox div.innerProfileBox div.about table td a.booth:before{
	width:18px;
	height:18px;
	margin-right:5px;
	padding-right:18px;
	background:url("./../images/profile/booth.png") no-repeat left/contain;
	content:"";
}

section#sec01 div.profileBox div.innerProfileBox div.about table td a.fansfer:before{
	width:18px;
	height:18px;
	margin-right:5px;
	padding-right:18px;
	background:url("./../images/profile/fansfer.ico") no-repeat left/contain;
	content:"";
}


/******************* 経歴 *******************/
section#sec01 div.profileBox div.innerProfileBox:nth-child(2){
	width:100%;
	margin:50px auto 0;
}

section#sec01 div.profileBox div.innerProfileBox:nth-child(2) h2{
	width:100%;
	padding:10px 0;
	border-bottom:dashed 1px #c64595;
}

section#sec01 div.profileBox div.innerProfileBox:nth-child(2) h2::before{
	content:"・";
}

section#sec01 div.profileBox div.innerProfileBox:nth-child(2){
	background:#fff9;
	border-radius:15px;
}

section#sec01 div.profileBox div.innerProfileBox:nth-child(2) div.history{
	margin-top:20px;
	padding:0 30px 45px;
}

section#sec01 div.profileBox div.innerProfileBox:nth-child(2) div.history ul{
	margin-bottom:50px;
	text-align:left;
}

section#sec01 div.profileBox div.innerProfileBox:nth-child(2) div.history ul li::before{
	content:"・";
}

section#sec01 div.profileBox div.innerProfileBox:nth-child(2) div.history ul.inner_history li:not(:last-child){
	margin-bottom:22px;
}

section#sec01 div.profileBox div.innerProfileBox:nth-child(2) div.history ul.inner_history li:nth-child(2) div.parent{
	margin-top:5px;
	text-align:right;
}

section#sec01 div.profileBox div.innerProfileBox:nth-child(2) div.history div.participation h3{
	margin-bottom:5px;
}

section#sec01 div.profileBox div.innerProfileBox:nth-child(2) div.history div.participation ul li:not(:last-child){
	margin-bottom:10px;
}

section#sec01 div.profileBox div.innerProfileBox:nth-child(2) div.history div.participation:last-child ul{
	margin-bottom:0;
}


/******************* 紹介動画 *******************/
section#sec01 div.profileBox div.innerProfileBox:nth-child(3){
	width:100%;
	margin:50px auto 0;
}

section#sec01 div.profileBox div.innerProfileBox:nth-child(3) h2{
	width:100%;
	padding:10px 0;
	border-bottom:dashed 1px #c64595;
}

section#sec01 div.profileBox div.innerProfileBox:nth-child(3) h2::before{
	content:"・";
}

section#sec01 div.profileBox div.innerProfileBox:nth-child(3){
	background:#fff9;
	border-radius:15px;
}

section#sec01 div.profileBox div.innerProfileBox:nth-child(3) div.intro_video iframe{
	margin:20px auto 0;
	padding-bottom:30px;
	display:block;
}


@media (max-width:999px){
	section#sec01{
		margin-top:115px;
	}
}


@media (min-width:768px) and (max-width:1259px){
	section#sec01 div.profileBox div.innerProfileBox div.characterImg{
		left:-20px;
	}

	section#sec01 div.profileBox div.innerProfileBox div.about p.furigana{
		font-size:.9rem;
	}

	section#sec01 div.profileBox div.innerProfileBox div.about h2.name{
		font-size:1.65rem;
	}

	section#sec01 div.profileBox div.innerProfileBox div.about p.aboutText{
		font-size:.9rem;
		line-height:1.4rem;
	}

	section#sec01 div.profileBox div.innerProfileBox div.about table{
		font-size:.9rem;
	}

	section#sec01 div.profileBox div.innerProfileBox div.about table td.item{
		width:42.5%;
	}


	/******************* 経歴 *******************/
	section#sec01 div.profileBox div.innerProfileBox:nth-child(2) div.history{
		font-size:.9rem;
	}

	section#sec01 div.profileBox div.innerProfileBox:nth-child(2) div.history ul.inner_history li{
		line-height:1.5375rem;
	}

	section#sec01 div.profileBox div.innerProfileBox:nth-child(2) div.history ul.inner_history li:nth-child(2) div.parent{
		margin-top:30px;
	}
}


@media (max-width:767px){
	section#sec01 div.profileBox div.innerProfileBox:not(:last-child){
		flex-direction:column;
	}

	section#sec01 div.profileBox div.innerProfileBox div.characterImg{
		width:100%;
		height:100vw;
		margin-top:0;
		padding-top:0;
		background-position:top;
		top:5px;
		left:0;
	}

	section#sec01 div.profileBox div.innerProfileBox div.about{
		width:calc(100% - 35px);
		margin:0 auto;
	}

	section#sec01 div.profileBox div.innerProfileBox div.about p.furigana{
		font-size:4vw;
	}

	section#sec01 div.profileBox div.innerProfileBox div.about h2.name{
		font-size:7vw;
	}

	section#sec01 div.profileBox div.innerProfileBox div.about p.aboutText{
		font-size:3.75vw;
		line-height:unset;
	}

	section#sec01 div.profileBox div.innerProfileBox div.about table{
		font-size:3.75vw;
	}

	section#sec01 div.profileBox div.innerProfileBox div.about table td{
		height:auto;
		padding:12.5px 0;
	}

	section#sec01 div.profileBox div.innerProfileBox div.about table td.item{
		width:42.5%;
	}


	/******************* 経歴 *******************/
	section#sec01 div.profileBox div.innerProfileBox:nth-child(2) h2{
		font-size:6vw;
	}

	section#sec01 div.profileBox div.innerProfileBox:nth-child(2) div.history{
		font-size:3.75vw;
		line-height:7vw;
	}

	section#sec01 div.profileBox div.innerProfileBox:nth-child(2) div.history ul.inner_history li:nth-child(2) div.parent{
		margin-top:30px;
	}

	
	/******************* 紹介動画 *******************/
	section#sec01 div.profileBox div.innerProfileBox:nth-child(3) div.intro_video iframe{
		width:100%;
		height:48.25vw;
	}
}