@charset "utf-8";




/*----------------------------------------
	for PC
----------------------------------------*/


@media screen and (min-width:640px){

body{background-color:transparent!important;}

.chara-name{color:#fff;font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;font-size:50px;}
.chara-text{color:#fff;padding-bottom:20px;font-size:16px;width:500px;line-height:1.9;}
.chara-cv{color:#fff;font-size:30px;}


.wrap{width:100%;background-color:#24340e;padding:60px 0;position:absolute;top:200px;transform:skewY(-5deg);}
.inner{width:1000px;margin:0 auto;transform: skewY(5deg);}
.chara-data{width:700px;padding:0px 0 0;position:relative;z-index:2;margin-left:50px;}
.chara-pic{width:300px;}
.chara-pic img{width:100%;display:none;}

.wrapper{overflow:hidden;height:100vh;width:100%;position:relative;min-height:1100px;}

.titan .wrapper{min-height:1200px;}
.titan .wrap{background-color:#660000;}
.titan .inner{transform: skewY(-0deg);}
.titan .chara-data{padding:0px 0 0;}

/*  */
.chara-still{position:absolute;display:block;top:-390px;right:-400px;z-index:1;}
.chara-still.c01{top:-260px;right:-300px;}
.chara-still.c02{top:-200px;right:-450px;}
.chara-still.c03{top:-200px;right:-380px;}
.chara-still.c04{top:-340px;right:-400px;}
.chara-still.c05{top:-250px;right:-480px;}
.chara-still.c06{top:-250px;right:-500px;}
.chara-still.c07{top:-330px;right:-300px;}
.chara-still.c08{top:-280px;right:-240px;}
.chara-still.c09{top:-250px;right:-340px;}
.chara-still.c10{top:-255px;right:-80px;}
.chara-still.c11{top:-245px;right:-0px;}
.chara-still.c12{top:-260px;right:-30px;}
.chara-still.c13{top:-250px;right:-0px;}
.chara-still.c14{top:-255px;right:-60px;}
.chara-still.c15{top:-250px;right:-180px;}
.chara-still.c16{top:-250px;right:-220px;}
.chara-still.c17{top:-245px;right:30px;}
.chara-still.c18{top:-250px;right:-90px;}
.chara-still.c19{top:-240px;right:-300px;}
.chara-still.c20{top:-250px;right:20px;}
.chara-still.c21{top:-250px;right:50px;}
.chara-still.c22{top:-240px;right:0px;}
.chara-still.c23{top:-250px;right:30px;}
.chara-still.c24{top:-240px;right:-0px;}
.chara-still.c25{top:-240px;right:80px;}
.chara-still.c26{top:-200px;right:-340px;}
.chara-still.c27{top:-160px;right:-50px;}
.chara-still.c28{top:-200px;right:-190px;}
.chara-still.c29{top:-200px;right:-190px;}
.chara-still.c30{top:-200px;right:-340px;}
.chara-still.c31{top:-250px;right:-100px;}
.chara-still.c32{top:-245px;right:-10px;}
.chara-still.c33{top:-240px;right:90px;}
.chara-still.c34{top:-250px;right:90px;}
.chara-still.c35{top:-240px;right:-40px;}
.chara-still.c36{top:-240px;right:10px;}
.chara-still.c37{top:-250px;right:40px;}
.chara-still.c38{top:-250px;right:-260px;}
.chara-still.c39{top:-200px;right:-80px;}
.chara-still.c40{top:-240px;right:70px;}
.chara-still.c41{top:-240px;right:170px;}
.chara-still.c42{top:-240px;right:0px;}

.chara-still.t01{top:-220px;right:-250px;}
.chara-still.t02{top:-240px;right:-250px;}
.chara-still.t03{top:-480px;right:-360px;width:1700px;}
.chara-still.t04{top:-260px;right:-250px;}
.chara-still.t05{top:-300px;right:-250px;}


}


@media screen and (min-width: 1551px) {/*大画面用サイズ変更*/

}







/*----------------------------------------
	for SP
----------------------------------------*/


@media screen and (max-width: 640px) {


	body{background-color:transparent!important;}

	.chara-name{color:#fff;font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;font-size:30px;line-height:1.2;transform: skewY(5deg);padding-bottom:0.4em;}
	.chara-text{color:#fff;font-size:14px;line-height:1.9;transform: skewY(5deg);}
	.chara-cv{color:#fff;font-size:18px;transform: skewY(5deg);}


	.wrap{width:100%;background-color:#24340e;transform-origin: right top;	padding:60px 0;position:absolute;transform: skewY(-5deg);overflow:hidden;}
	.inner{width:100%;margin:0 auto;transform: skewY(5deg);padding:70% 0 0;}
	.chara-data{width:90%;padding:10% 5% 10%;position:relative;z-index:2;background:rgba(0,0,0,0.8);transform: skewY(-5deg);}
	.chara-pic{width:100%;}
	.chara-pic img{width:100%;display:none;}

	.wrapper{width:100%;position:relative;}

	.titan .inner{padding:100% 0 0;}
	.titan .chara-name{padding-bottom:0;}
	.titan .wrap{background-color:#660000;}
	/* .titan .inner{transform: skewY(-0deg);} */
	.titan .chara-data{}

	/*  */
	.chara-still{position:absolute;display:block;top:-240px;right:-400px;z-index:1;}
	.chara-still.c01{top:-260px;right:-400px;}
	.chara-still.c02{top:-90px;right:-550px;}
	.chara-still.c03{top:-100px;right:-500px;}
	.chara-still.c04{top:-180px;right:-410px;}
	.chara-still.c05{top:-50px;right:-590px;}
	.chara-still.c06{top:-80px;right:-670px;}
	.chara-still.c07{top:-224px;right:-380px;}
	.chara-still.c08{top:-80px;right:-400px;}
	.chara-still.c09{top:-50px;right:-460px;}
	.chara-still.c10{top:-35px;right:-130px;}
	.chara-still.c11{top:-45px;right:-60px;}
	.chara-still.c12{top:-50px;right:-100px;}
	.chara-still.c13{top:-50px;right:-70px;}
	.chara-still.c14{top:-40px;right:-160px;}
	.chara-still.c15{top:-170px;right:-240px;}
	.chara-still.c16{top:-200px;right:-260px;}
	.chara-still.c17{top:-40px;right:-23px;}
	.chara-still.c18{top:-40px;right:-120px;}
	.chara-still.c19{top:-30px;right:-350px;}
	.chara-still.c20{top:-50px;right:-70px;}
	.chara-still.c21{top:-46px;right:-25px;}
	.chara-still.c22{top:-50px;right:-60px;}
	.chara-still.c23{top:-50px;right:-60px;}
	.chara-still.c24{top:-50px;right:-80px;}
	.chara-still.c25{top:-40px;right:-5px;}
	.chara-still.c26{top:-60px;right:-450px;}
	.chara-still.c27{top:-50px;right:-60px;}
	.chara-still.c28{top:-50px;right:-360px;}
	.chara-still.c29{top:-110px;right:-290px;}
	.chara-still.c30{top:-60px;right:-520px;}
	.chara-still.c31{top:-180px;right:-190px;}
	.chara-still.c32{top:-40px;right:-90px;}
	.chara-still.c33{top:-40px;right:-50px;}
	.chara-still.c34{top:-30px;right:-10px;}
	.chara-still.c35{top:-40px;right:-100px;}
	.chara-still.c36{top:-40px;right:-60px;}
	.chara-still.c37{top:-30px;right:-50px;}
	.chara-still.c38{top:-130px;right:-460px;}
	.chara-still.c39{top:-30px;right:-130px;}
	.chara-still.c40{top:-30px;right:30px;}
	.chara-still.c41{top:-50px;right:50px;}
	.chara-still.c42{top:-40px;right:-70px;}

	.chara-still.t01{top:-170px;right:-150px;}
	.chara-still.t02{top:-80px;right:-200px;}
	.chara-still.t03{top:-420px;right:-560px;width:1700px;}
	.chara-still.t04{top:-200px;right:-350px;}
	.chara-still.t05{top:-460px;right:-540px;}

}