@charset "utf-8";
/* ==================================================================
CSS information
style info : キャラクター
================================================================== */


/* --------------------------------------------------------
OVERWRITE
-------------------------------------------------------- */
#section-Area { padding-top: 6.25%; }
#section-Area .inner { }
@media screen and (min-width: 641px) {
	#section-Area { padding-top: 0; }
}
@media screen and (min-width: 1401px) {
}


/* --------------------------------------------------------
COMMON
-------------------------------------------------------- */
#title { padding: 0 4.6875%; margin-bottom: 11.5625%; z-index: 99; position: relative;}/* mb74 */
@media screen and (min-width: 641px) {
	#title { display: none;}
}
.c_white { color: #fff;}
.c_orange { color: #e14a00;}
.c_gray { color: #a1a1a1;}


/* --------------------------------------------------------
#section-Character
-------------------------------------------------------- */
#section-Character { margin-bottom: 6.25%;}
@media screen and (min-width: 641px) {
	#section-Character { margin-bottom: 2.857142%;}
}
@media screen and (min-width: 1401px) {
	#section-Character { margin-bottom: 40px;}
}

/* .chara-Block
-------------------------------------------------------- */
.chara-Block { padding-bottom: 6.25%; }/* pb40 */
.chara-Block .inner { }

.chara-Block .pic-Box { position: relative; }/* w580 h532 */
.chara-Block .pic-Box .charaframe { }
.chara-Block .pic-Box .chara { position: absolute; top: 0; left: -27.413793%; max-width: 925px!important; width: 159.482758%; height: auto; margin-top: -25.344827%;}/* w925 mt147 l159*/

.chara-Block .desc-Box { position: relative; margin-top: -48.275862%; }/* mt280 */
.chara-Block .desc-Box .copy {}
.chara-Block .desc-Box .name { position: relative; margin-bottom: 1.724137%; }
.chara-Block .desc-Box .name .cv { position: absolute; top: 0; right: 0; width: 21.724137%; margin-top: 2.241379%;}/* w126 */
.chara-Block .desc-Box .game { margin-bottom: 13.793103%;}
.chara-Block .desc-Box .voice-List { letter-spacing: -.45em; }
.chara-Block .desc-Box .voice-List li { letter-spacing: normal; display: inline-block; vertical-align: top; width: 12.241379%; margin-right: 4.827586%;}/* w71 */
.chara-Block .desc-Box .voice-List li a { display: block;}
.chara-Block .desc-Box .btn-Change { float: right; width: 20.689655%; margin-top: -20.689655%; margin-bottom: 5%; }/* w120 mt120 */
.chara-Block .desc-Box .text { clear: both; color: #fff; line-height: 1.61; font-size: 1.6rem; font-weight: bold; margin-bottom: 10%;}
.chara-Block .desc-Box .ss-List { letter-spacing: -.45em;}
.chara-Block .desc-Box .ss-List li { letter-spacing: normal; display: inline-block; vertical-align: top;}
.chara-Block .desc-Box .ss-List li.mv { width: 100%; margin-bottom: 5.172413%;}
.chara-Block .desc-Box .ss-List li.mv img { width: 100%; }
.chara-Block .desc-Box .ss-List li.ss1 { width: 55.172413%;}
.chara-Block .desc-Box .ss-List li.ss2 { width: 55.172413%; margin-top: -22.413793%; margin-left: 44.827586%;}

@media screen and (min-width: 641px) {
	.chara-Block { padding-bottom: 0%; }/* pb40 */
	.chara-Block .inner { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: stretch; align-items: stretch;}
	#section-Area .chara-Block > .inner:after { display: none;}

	.chara-Block .pic-Box { max-width: 610px; width: 46.212121%; }
	.chara-Block .pic-Box .charaframe { max-width: 580px; width: 95.081967%; margin-top: 13.278688%; margin-left: 4.262295%; }/* mt81 ml26*/
	.chara-Block .pic-Box .chara { left: -21.803278%; max-width: 925px!important; width: 151.639344%; height: auto; margin-top: -17.377049%; }/* w925 mt106 l133*/

	.chara-Block .desc-Box { max-width: 680px; width: 51.515151%; margin-top: 0; padding-bottom: 6.439393% }/* pb85 */
	.chara-Block .desc-Box .copy { margin-top: 3.676470%; margin-bottom: 1.470588%;}/* mt25 mb10 */
	.chara-Block .desc-Box .name { max-width: 580px; width: 85.294117%; margin-bottom: 1.470588%;}
	.chara-Block .desc-Box .name .cv { right: inherit; max-width: 145px; width: 25%; margin-top: 10.517241%;}/* mt61 */
	.chara-Block .desc-Box .game { max-width: 580px; width: 65.294117%; margin-bottom: 2.941176%;}/* mb20 */
	/*.chara-Block .desc-Box .game { max-width: 580px; width: 85.294117%; margin-bottom: 2.941176%;}*//* mb20 */

	.chara-Block .desc-Box .voice-List { position: absolute; left: 0; bottom: 0; width: 100%;}
	.chara-Block .desc-Box .voice-List li { max-width: 53px; width: 7.794117%; margin-right: 0.441176%; margin-bottom: 1.617647%; }/* mr3 mb11 */
	.chara-Block .desc-Box .voice-List li a { -webkit-transform: scale(1.0); transform: scale(1.0); -webkit-transition: .1s ease-in-out; transition: .1s ease-in-out; -webkit-backface-visibility: hidden;}
	.chara-Block .desc-Box .voice-List li a:hover { -webkit-transform: scale(1.1); transform: scale(1.1);}

	.chara-Block .desc-Box .btn-Change { position: absolute; left: -22.941176%; bottom: 0; float: none; max-width: 89px; width: 13.088235%; margin-top: 0%; margin-bottom: 1.617647%; }/* l156 mb11 */
	.chara-Block .desc-Box .btn-Change { -webkit-transform: scale(1.0); transform: scale(1.0); -webkit-transition: .1s ease-in-out; transition: .1s ease-in-out; -webkit-backface-visibility: hidden;}
	.chara-Block .desc-Box .btn-Change:hover { -webkit-transform: scale(1.1); transform: scale(1.1);}

	.chara-Block .desc-Box .text { line-height: 1.61; font-size: 1.5rem; font-weight: normal; margin-bottom: 5%;}
	.chara-Block .desc-Box .ss-List { }
	.chara-Block .desc-Box .ss-List li { }
	.chara-Block .desc-Box .ss-List li.mv { max-width: 292px; width: 42.941176%; margin-bottom: 0;}
	.chara-Block .desc-Box .ss-List li.ss1 { max-width: 210px; width: 30.882352%; margin-left: 2.941176%;}/* ml20 */
	.chara-Block .desc-Box .ss-List li.ss2 { max-width: 210px; width: 30.882352%; margin-top: 6.764705%; margin-left: -7.647058%;}/* mt46 ml52 */

}


/* .actor-Block
-------------------------------------------------------- */
.actor-Block { color: #fff;}
.actor-Block .inner { }

.actor-Block .prof-Box { position: relative; padding: 4.6875% 0 10%; }/* w580 h532 */
.actor-Block .prof-Box dt { position: relative; margin-bottom: 6.896551%;}
.actor-Block .prof-Box dt .pic { width: 35.862068%; border-radius: 6px; margin-right: 5.172413%;}/* w208 */
.actor-Block .prof-Box dt .name { width: 35.862068%; margin-top: 12.068965%; vertical-align: top;}/* w208 */
.actor-Block .prof-Box dd .subhl { width: 33.793103%; margin-bottom: 2.586206%;}/* w196 */
.actor-Block .prof-Box dd .text { font-size: 1.4rem; line-height: 1.61; }
.actor-Block .prof-Box dd .notes_text { font-size: 1.3rem; line-height: 1.41; }
.actor-Block .prof-Box dd p { margin-bottom: 2em; }
.actor-Block .prof-Box dd p:last-child { margin-bottom: 0; }
.actor-Block .prof-Box dd.works { margin-bottom: 6.896551%;}


@media screen and (min-width: 641px) {
	.actor-Block { }
	.actor-Block .inner { }
	
	.actor-Block .prof-Box { position: relative; padding: 3.030303% 0; }/* w1320 */
	.actor-Block .prof-Box dt { position: absolute; top: 0; left: 0; max-width: 149px; width:11.287878%; margin-top: 3.030303%; margin-bottom: 0;}
	.actor-Block .prof-Box dt .pic { width: 100%; border-radius: 6px; margin-right: 0;}/* w208 */
	.actor-Block .prof-Box dt .name { width: 100%; margin-top: 0%; }/* w208 */

	.actor-Block .prof-Box dd { margin-left: 12.878787%; max-width: 1150px; width: 87.121212%; }/* ml170 */
	.actor-Block .prof-Box dd .subhl { max-width: 119px; width: 10.347826%; margin-bottom: 1%;}
	.actor-Block .prof-Box dd .text { font-size: 1.4rem; line-height: 1.61; }
	.actor-Block .prof-Box dd .notes_text { font-size: 1.3rem; line-height: 1.41; }
	.actor-Block .prof-Box dd p { margin-bottom: 2em; }
	.actor-Block .prof-Box dd p:last-child { margin-bottom: 0; }
	.actor-Block .prof-Box dd.works { margin-bottom: 2.608695%;}

}


/* --------------------------------------------------------
個別指定
-------------------------------------------------------- */
.arena .actor-Block { background: #f7ce0f; color: #000;}
.krift .actor-Block { background: #51a71f; }
.flora .actor-Block { background: #007dd5; }
.bianka .actor-Block { background: #f6ac0d; color: #000;}
.terry .actor-Block { background: #0094a1; }
.hassan .actor-Block { background: #cf7306; }
.maribel .actor-Block { background: #d05310; }
.jessica .actor-Block { background: #cb1932; }
.kukule .actor-Block { background: #b21c27; }
.rikka .actor-Block { background: #1d80c5; }
.anlucia .actor-Block { background: #b82439; }
.nelgel .actor-Block { background: #6231bd; }
.silvia .actor-Block { background: #c01475; }

.golbez .actor-Block { background: #243683; }
.gilgamesh .actor-Block { background: #a60012; }
.cefca .actor-Block { background: #7518a5; }
.cloud .actor-Block { background: #2c338d; }
.sephiroth .actor-Block { background: #322b4f; }
.squall .actor-Block { background: #1f1c2c; }
.zidane .actor-Block { background: #065f84; }
.tidus .actor-Block { background: #eccd00; color: #000; }
.yuna .actor-Block { background: #5343d4; }
.balflear .actor-Block { background: #74450e; }
.lightning .actor-Block { background: #ba3573; }
.minfilia .actor-Block { background: #b81c44; }
.noctis .actor-Block { background: #1c215c; }

@media screen and (min-width: 641px) {
	/* w580 */
	.arena .chara-Block .desc-Box .name .cv { left: 51.896551%;}/* l301 */
	.krift .chara-Block .desc-Box .name .cv { left: calc(280 / 580 * 100%);}/* l280 */
	.flora .chara-Block .desc-Box .name .cv { left: calc(305 / 580 * 100%);}/* l305 */
	.bianka .chara-Block .desc-Box .name .cv { left: calc(305 / 580 * 100%);}/* l305 */
	.terry .chara-Block .desc-Box .name .cv { left: calc(225 / 580 * 100%);}/* l225 */
	.hassan .chara-Block .desc-Box .name .cv { left: calc(295 / 580 * 100%);}/* l295 */
	.maribel .chara-Block .desc-Box .name .cv { left: calc(307 / 580 * 100%);}/* l307 */
	.jessica .chara-Block .desc-Box .name .cv { left: calc(232 / 580 * 100%);}/* l232 */
	.kukule .chara-Block .desc-Box .name .cv { left: calc(303 / 580 * 100%);}/* l303 */
	.rikka .chara-Block .desc-Box .name .cv { left: calc(209 / 580 * 100%);}/* l209 */
	.anlucia .chara-Block .desc-Box .name .cv { left: calc(376 / 580 * 100%);}/* l376 */
	.nelgel .chara-Block .desc-Box .name .cv { left: calc(316 / 580 * 100%);}/* l316*/
	.silvia .chara-Block .desc-Box .name .cv { left: calc(305 / 580 * 100%);}/* l305*/

	.golbez .chara-Block .desc-Box .name .cv { left: calc(383 / 580 * 100%);}/* l383 */
	.gilgamesh .chara-Block .desc-Box .name .cv { left: calc(449 / 580 * 100%);}/* l449 */
	.cefca .chara-Block .desc-Box .name .cv { left: calc(228 / 580 * 100%);}/* l228 */
	.cloud .chara-Block .desc-Box .name .cv { left: calc(284 / 580 * 100%);}/* l284 */
	.sephiroth .chara-Block .desc-Box .name .cv { left: calc(348 / 580 * 100%);}/* l348 */
	.squall .chara-Block .desc-Box .name .cv { left: calc(313 / 580 * 100%);}/* l313 */
	.zidane .chara-Block .desc-Box .name .cv { left: calc(234 / 580 * 100%);}/* l234 */
	.tidus .chara-Block .desc-Box .name .cv { left: calc(286 / 580 * 100%);}/* l286 */
	.yuna .chara-Block .desc-Box .name .cv { left: calc(236 / 580 * 100%);}/* l236 */
	.balflear .chara-Block .desc-Box .name .cv { left: calc(358 / 580 * 100%);}/* l358 */
	.lightning .chara-Block .desc-Box .name .cv { left: calc(423 / 580 * 100%);}/* l423 */
	.minfilia .chara-Block .desc-Box .name .cv { left: calc(412 / 580 * 100%);}/* l412 */
	.noctis .chara-Block .desc-Box .name .cv { left: calc(338 / 580 * 100%);}/* l338 */
}




/* --------------------------------------------------------
#section-Submenu
-------------------------------------------------------- */
#section-Submenu { }

#section-Submenu .block { width: 47.413793%;}/* w275 */
#section-Submenu #dqmenu.block { float: left;}
#section-Submenu #ffmenu.block { float: right;}
#section-Submenu .block dt { margin-bottom: 1.5%; }
#section-Submenu .block dd { }
#section-Submenu .block img { vertical-align: top;}
#section-Submenu .block a { display: block;}
#section-Submenu .block .on a { background: url(../_img_v2/common/navi/btn_on_sp.png) top center no-repeat; background-size: cover;}

#section-Submenu .block .submenu-List { letter-spacing: -.45em;}
#section-Submenu .block .submenu-List li { letter-spacing: normal; display: inline-block; vertical-align: top; width: 48%; position: relative;}/* w132 */
#section-Submenu .block .submenu-List li:nth-child(odd) { margin-right: 4%;}

@media screen and (min-width: 641px) {
	#section-Submenu { }
	
	#section-Submenu .block { max-width: 650px; width: 49.242424%;}
	#section-Submenu .block dt { margin-bottom: 1.076923%;}
	#section-Submenu .block dd { }
	#section-Submenu .block .on a ,
	#section-Submenu .block a:hover { background: url(../_img_v2/common/navi/btn_on_pc.png) top center no-repeat; background-size: contain;}

	#section-Submenu .block .submenu-List { }
	#section-Submenu .block .submenu-List li { max-width: 92px; width: 14.153846%; margin-right: 0.153846%; }
	#section-Submenu .block .submenu-List li:nth-child(odd) { margin-right: 0.153846%;}
	#section-Submenu .block .submenu-List li:nth-child(7) { margin-right: 0;}
	
	#section-Submenu .block .submenu-List li a img { -webkit-transform: scale(1.0); transform: scale(1.0); -webkit-transition: .1s ease-in-out; transition: .1s ease-in-out; -webkit-backface-visibility: hidden; display: block;}
	#section-Submenu .block .submenu-List li:not(.on) a:hover img { -webkit-transform: scale(1.04); transform: scale(1.04);}

}