@charset "utf-8";
/* CSS Document */

/* キャラ個別ページ */

#Chara {
	width:100%;
	padding-top:12%;
	position: relative;
	background: url("../en_img/chara_bg.png") left top repeat;
	padding-bottom:6%;
}

.chara_select {
	width:96%;
	margin:5% auto 0;
}

.chara_select ul {
	display: flex;
	margin:0 auto;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap:8px 1.5%;
}

.chara_select ul li {
	width:13%;
	background-color:#fff;
	box-shadow:3px 3px 0 rgba(0,0,0,0.2);
}

.chara_select ul li a {
	width:100%;
	padding-top:100%;
	background-size:cover;
	display:block;
	transition: all 0.3s;
}

.chara_select ul li a:hover {
	opacity: 0.6;
}

.chara_select ul li em {
	width:100%;
	padding-top:100%;
	background-size:cover;
	display:block;
}

.sel_cr00 em {background:url("../en_img/chara/cs00.jpg") center top no-repeat;}

.sel_cr02 a {background:url("../en_img/chara/cs_cr02.jpg") center top no-repeat;}
.sel_cr03 a {background:url("../en_img/chara/cs_cr03.jpg") center top no-repeat;}
.sel_cr04 a {background:url("../en_img/chara/cs_cr04.jpg") center top no-repeat;}
.sel_cr05 a {background:url("../en_img/chara/cs_cr05.jpg") center top no-repeat;}
.sel_cr06 a {background:url("../en_img/chara/cs_cr06.jpg") center top no-repeat;}
.sel_cr07 a {background:url("../en_img/chara/cs_cr07.jpg") center top no-repeat;}
.sel_cr08 a {background:url("../en_img/chara/cs_cr08.jpg") center top no-repeat;}
.sel_cr09 a {background:url("../en_img/chara/cs_cr09.jpg") center top no-repeat;}
.sel_cr10 a {background:url("../en_img/chara/cs_cr10.jpg") center top no-repeat;}
.sel_cr11 a {background:url("../en_img/chara/cs_cr11.jpg") center top no-repeat;}
.sel_cr12 a {background:url("../en_img/chara/cs_cr12.jpg") center top no-repeat;}
.sel_cr13 a {background:url("../en_img/chara/cs_cr13.jpg") center top no-repeat;}
.sel_cr14 a {background:url("../en_img/chara/cs_cr14.jpg") center top no-repeat;}
.sel_cr15 a {background:url("../en_img/chara/cs_cr15.jpg") center top no-repeat;}
.sel_cr16 a {background:url("../en_img/chara/cs_cr16.jpg") center top no-repeat;}
.sel_cr17 a {background:url("../en_img/chara/cs_cr17.jpg") center top no-repeat;}

.sel_pt02 a {background:url("../en_img/chara/cs_pt02.jpg") center top no-repeat;}
.sel_pt03 a {background:url("../en_img/chara/cs_pt03.jpg") center top no-repeat;}
.sel_pt04 a {background:url("../en_img/chara/cs_pt04.jpg") center top no-repeat;}
.sel_pt05 a {background:url("../en_img/chara/cs_pt05.jpg") center top no-repeat;}
.sel_pt06 a {background:url("../en_img/chara/cs_pt06.jpg") center top no-repeat;}
.sel_pt07 a {background:url("../en_img/chara/cs_pt07.jpg") center top no-repeat;}
.sel_pt08 a {background:url("../en_img/chara/cs_pt08.jpg") center top no-repeat;}
.sel_pt09 a {background:url("../en_img/chara/cs_pt09.jpg") center top no-repeat;}
.sel_pt10 a {background:url("../en_img/chara/cs_pt10.jpg") center top no-repeat;}
.sel_pt11 a {background:url("../en_img/chara/cs_pt11.jpg") center top no-repeat;}

.sel_fr02 a {background:url("../en_img/chara/cs_fr02.jpg") center top no-repeat;}
.sel_fr03 a {background:url("../en_img/chara/cs_fr03.jpg") center top no-repeat;}
.sel_fr04 a {background:url("../en_img/chara/cs_fr04.jpg") center top no-repeat;}
.sel_fr05 a {background:url("../en_img/chara/cs_fr05.jpg") center top no-repeat;}
.sel_fr06 a {background:url("../en_img/chara/cs_fr06.jpg") center top no-repeat;}
.sel_fr07 a {background:url("../en_img/chara/cs_fr07.jpg") center top no-repeat;}
.sel_fr08 a {background:url("../en_img/chara/cs_fr08.jpg") center top no-repeat;}

.chara_body {
	width:100%;
	padding-top:150%;
	position: relative;
}

.chara_stand {
	width:100%;
}

.chara_txt {
	width:100%;
}

.chara_voice {
	position: absolute;
	left:5%;
	top:23%;
	z-index:100;
	width:25%;
}

.chara_voice ul {
	display: flex;
	justify-content: space-between;
	width:100%;
	position: relative;
}

.chara_voice ul li {
	width:30%;
	position: relative;
}

.chara_voice ul li a {
	display: block;
	width:100%;
	padding-top:50%;
	background-color:#000;
	text-indent:-9999px;
	overflow: hidden;
	position: relative;
}

.chara_voice ul li a:before {
	content:"";
	display: block;
	width:100%;
	padding-top:50%;
	background:url("../en_img/chara/voice_b.png") center center no-repeat;
	background-size:cover;
	position: absolute;
	left:0;
	top:0;
}

.chara_txt p {display: none;}

#Chara_gcr02 {background:url("../en_img/mobile/chara/chara01_body.png") center top no-repeat;background-size:contain;}

#Chara_gcr03 {background:url("../en_img/mobile/chara/chara02_body.png") center top no-repeat;background-size:contain;}

#Chara_gcr04 {background:url("../en_img/mobile/chara/chara03_body.png") center top no-repeat;background-size:contain;}

#Chara_gcr05 {background:url("../en_img/mobile/chara/chara04_body.png") center top no-repeat;background-size:contain;}

#Chara_gcr06 {background:url("../en_img/mobile/chara/chara05_body.png") center top no-repeat;background-size:contain;}

#Chara_gcr07 {background:url("../en_img/mobile/chara/chara06_body.png") center top no-repeat;background-size:contain;}

#Chara_gcr08 {background:url("../en_img/mobile/chara/chara07_body.png") center top no-repeat;background-size:contain;}

#Chara_gcr09 {background:url("../en_img/mobile/chara/chara08_body.png") center top no-repeat;background-size:contain;}

#Chara_gcr10 {background:url("../en_img/mobile/chara/chara09_body.png") center top no-repeat;background-size:contain;}

#Chara_gcr11 {background:url("../en_img/mobile/chara/chara10_body.png") center top no-repeat;background-size:contain;}

#Chara_gcr12 {background:url("../en_img/mobile/chara/chara11_body.png") center top no-repeat;background-size:contain;}

#Chara_gcr13 {background:url("../en_img/mobile/chara/chara12_body.png") center top no-repeat;background-size:contain;}

#Chara_gcr14 {background:url("../en_img/mobile/chara/chara13_body.png") center top no-repeat;background-size:contain;}

#Chara_gcr15 {background:url("../en_img/mobile/chara/chara14_body.png") center top no-repeat;background-size:contain;}

#Chara_gcr16 {background:url("../en_img/mobile/chara/chara15_body.png") center top no-repeat;background-size:contain;}

#Chara_gcr17 {background:url("../en_img/mobile/chara/chara16_body.png") center top no-repeat;background-size:contain;}

#Chara_gcr02 .chara_voice ul li a {background-color:#9f384a;}
#Chara_gcr03 .chara_voice ul li a {background-color:#5c83b9;}
#Chara_gcr04 .chara_voice ul li a {background-color:#ce94bb;}
#Chara_gcr05 .chara_voice ul li a {background-color:#9f462a;}
#Chara_gcr06 .chara_voice ul li a {background-color:#488fd5;}
#Chara_gcr07 .chara_voice ul li a {background-color:#364e65;}
#Chara_gcr08 .chara_voice ul li a {background-color:#c62529;}
#Chara_gcr09 .chara_voice ul li a {background-color:#ee8fa1;}
#Chara_gcr10 .chara_voice ul li a {background-color:#f39800;}
#Chara_gcr11 .chara_voice ul li a {background-color:#cc9f00;}
#Chara_gcr12 .chara_voice ul li a {background-color:#7b6b73;}
#Chara_gcr13 .chara_voice ul li a {background-color:#3bd3df;}
#Chara_gcr14 .chara_voice ul li a {background-color:#25d8f1;}
#Chara_gcr15 .chara_voice ul li a {background-color:#87c4af;}
#Chara_gcr16 .chara_voice ul li a {background-color:#d3273f;}
#Chara_gcr17 .chara_voice ul li a {background-color:#e98a46;}



#Chara_gpt02 {background:url("../en_img/mobile/chara/chara_pt01_body.png") center top no-repeat;background-size:contain;}

#Chara_gpt03 {background:url("../en_img/mobile/chara/chara_pt02_body.png") center top no-repeat;background-size:contain;}

#Chara_gpt04 {background:url("../en_img/mobile/chara/chara_pt03_body.png") center top no-repeat;background-size:contain;}

#Chara_gpt05 {background:url("../en_img/mobile/chara/chara_pt04_body.png") center top no-repeat;background-size:contain;}

#Chara_gpt06 {background:url("../en_img/mobile/chara/chara_pt05_body.png") center top no-repeat;background-size:contain;}

#Chara_gpt07 {background:url("../en_img/mobile/chara/chara_pt06_body.png") center top no-repeat;background-size:contain;}

#Chara_gpt08 {background:url("../en_img/mobile/chara/chara_pt07_body.png") center top no-repeat;background-size:contain;}

#Chara_gpt09 {background:url("../en_img/mobile/chara/chara_pt08_body.png") center top no-repeat;background-size:contain;}

#Chara_gpt10 {background:url("../en_img/mobile/chara/chara_pt09_body.png") center top no-repeat;background-size:contain;}

#Chara_gpt11 {background:url("../en_img/mobile/chara/chara_pt10_body.png") center top no-repeat;background-size:contain;}

#Chara_gpt02 .chara_voice ul li a {background-color:#475a95;}
#Chara_gpt03 .chara_voice ul li a {background-color:#6d4f8b;}
#Chara_gpt04 .chara_voice ul li a {background-color:#8caed4;}
#Chara_gpt05 .chara_voice ul li a {background-color:#ffcb00;}
#Chara_gpt06 .chara_voice ul li a {background-color:#f969a4;}
#Chara_gpt07 .chara_voice ul li a {background-color:#d10303;}
#Chara_gpt08 .chara_voice ul li a {background-color:#548fa1;}
#Chara_gpt09 .chara_voice ul li a {background-color:#bd6765;}
#Chara_gpt10 .chara_voice ul li a {background-color:#d594c8;}
#Chara_gpt11 .chara_voice ul li a {background-color:#b1cd68;}



#Chara_gfr02 {background:url("../en_img/mobile/chara/chara_fr01_body.png") center top no-repeat;background-size:contain;}

#Chara_gfr03 {background:url("../en_img/mobile/chara/chara_fr02_body.png") center top no-repeat;background-size:contain;}

#Chara_gfr04 {background:url("../en_img/mobile/chara/chara_fr03_body.png") center top no-repeat;background-size:contain;}

#Chara_gfr05 {background:url("../en_img/mobile/chara/chara_fr04_body.png") center top no-repeat;background-size:contain;}

#Chara_gfr06 {background:url("../en_img/mobile/chara/chara_fr05_body.png") center top no-repeat;background-size:contain;}

#Chara_gfr07 {background:url("../en_img/mobile/chara/chara_fr06_body.png") center top no-repeat;background-size:contain;}

#Chara_gfr08 {background:url("../en_img/mobile/chara/chara_fr07_body.png") center top no-repeat;background-size:contain;}


#Chara_gfr02 .chara_voice ul li a {background-color:#373333;}
#Chara_gfr03 .chara_voice ul li a {background-color:#845a8b;}
#Chara_gfr04 .chara_voice ul li a {background-color:#c24971;}
#Chara_gfr05 .chara_voice ul li a {background-color:#fae840;}
#Chara_gfr06 .chara_voice ul li a {background-color:#c48a51;}
#Chara_gfr07 .chara_voice ul li a {background-color:#e88ab0;}
#Chara_gfr08 .chara_voice ul li a {background-color:#97adee;}