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


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


/* --------------------------------------------------------
COMMON
-------------------------------------------------------- */


/* --------------------------------------------------------
#section-Index
-------------------------------------------------------- */
#section-Index { padding-top: 33.4375%; padding-bottom: 36.09375%; }/* pt214 pb231 */

#title { margin-bottom: 4.827586%; position: relative; z-index: 11;}/* mb28 */
#readtext { position: relative; z-index: 12;}

#iconlist { position: absolute; top: 0; left: 0; width: 100%; }
#iconlist li { position: absolute; top: 0; left: 0; width: 29.375%;}/* w188 */

#iconlist li.i01 { margin-top: 1.875%; left: 24.0625%;}/* テリー：mt12  L154 */
#iconlist li.i02 { margin-top: 6.5625%; left: -2.8125%;}/* クラウド：mt42  L18 */
#iconlist li.i03 { margin-top: 44.53125%; left: -7.5%;}/* ゼシカ：mt285  L48 */
#iconlist li.i04 { margin-top: 45.5625%; left: 79.53125%;}/* ケフカ：mt362  L509 */
#iconlist li.i05 { margin-top: 11.40625%; left: 49.53125%; z-index: 1;}/* ライトニング：mt73  L317 */
#iconlist li.i06 { margin-top: 1.875%; left: 72.8125%;}/* アンルシア：mt12  L466 */
#iconlist li.i07 { margin-top: 81.40625%; left: -2.65625%;}/* セフィロス：mt521  L17 */
#iconlist li.i08 { margin-top: 92.96875%; left: 16.875%;}/* 全員：mt595  L108 */
#iconlist li.i09 { margin-top: 91.71875%; left: 74.53125%;}/* リッカ：mt587  L477 */
#iconlist li.i10 { margin-top: 87.5%; left: 47.65625%; z-index: 2;}/* ２人：mt560  L305 */

@media screen and (min-width: 641px) {
	#section-Index { padding: 0; }
	#section-Area #section-Index .inner { padding-top: 15.857142%; padding-bottom: 15.357142%;}/* in w1320 */

	#title { max-width: 798px; width: 60.454545%; margin: 0 auto 0.757575%;}/* mb10 */
	#readtext { max-width: 669px; width: 50.681818%; margin: 0 auto;}

	#iconlist { }
	#iconlist li { max-width: 213px; width: 15.214285%;}

	#iconlist li.i01 { margin-top: 4.428571%; left: 15.642857%;}/* テリー：mt62  L219 */
	#iconlist li.i02 { margin-top: 11.714285%; left: 2.214285%;}/* クラウド：mt164  L31 */
	#iconlist li.i03 { margin-top: 23%; left: 16.285714%;}/* ゼシカ：mt322  L228 */
	#iconlist li.i04 { margin-top: 25.857142%; left: 35.142857%;}/* ケフカ：mt362  L492 */
	#iconlist li.i05 { margin-top: 2.642857%; left: 33%; z-index: 1;}/* ライトニング：mt37 L462 */
	#iconlist li.i06 { margin-top: 2.285714%; left: 52.142857%;}/* アンルシア：mt32  L730 */
	#iconlist li.i07 { margin-top: 22.642857%; left: 67.857142%;}/* セフィロス：mt317  L950 */
	#iconlist li.i08 { margin-top: 15.642857%; left: 81.071428%;}/* 全員：mt219  L1135 */
	#iconlist li.i09 { margin-top: 24.714285%; left: 49%;}/* リッカ：mt346  L686 */
	#iconlist li.i10 { margin-top: 5.428571%; left: 69.428571%; z-index: 2;}/* ２人：mt76  L972 */
}
@media screen and (min-width: 1401px) {
	#section-Area #section-Index .inner { padding-top: 222px; padding-bottom: 215px; }
}





/* --------------------------------------------------------
#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 .inner { }

	#section-Submenu .block { max-width: 660px; width: 50%;}
	#section-Submenu #dqmenu.block { margin-left: -0.378787%;}
	#section-Submenu #ffmenu.block { margin-right: -0.378787%;}
	#section-Submenu .block dt { margin-bottom: 1.076923%; text-align: center;}
	#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 { text-align: left;}
	#section-Submenu .block .submenu-List li { max-width: 132px; width: 20%; margin-right: 0.0%; }
	#section-Submenu .block .submenu-List li:nth-child(odd) { margin-right: 0.0%;}
	#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.02); transform: scale(1.02);}

	

}