/*
Theme Name:Ability-Search Theme
Theme URI:
Description:WordPressテーマ「Twenty-Seventeen」の検索画面専用子テーマ
Template:twentyseventeen
Author:San
Author URI:https://www.3channel.work/
Version:0.0.2
*/
#searching {
	display: table ;
	width: 8vw ;
	height: 8vw ;
	position: absolute ;
	top: min( 10vh, 50px ) ;
	left: 35% ;
/*	opacity: 0.7 ; */
}
#searching .searchingMsg {
	display: table-cell ;
	text-align: center ;
	vertical-align: middle ;
/*	padding-top: 140px ;*/
	content: url( 'icons/Loading.png' ) ;
	width: min( 20vw, 100px ) ;
}

@media screen and (max-width: 600px) {
/*
	.ab_opt_rare {
		0width: 39px ;
		0width: 50% ;
		0height: 42px ;
	}
*/
	img.ab_opt_element {
		width: 39px ;
		height: 53px ;
	}
/*
	.ab_opt_type {
		0width: 50% ;
	}
	.ab_opt_style {
		0width: 50% ;
	}
	.ab_opt_speciality {
		0width: 50% ;
	}
*/
}

.ab_opt_button_area {
	display: flex ;
	justify-content: space-around ;
}

#ab_reset_button {
	border-radius: 15pt ;
	padding: 0pt 10pt 0pt ;
	opacity: 0.5 ;
}
#ab_close_button {
	border-radius: 15pt ;
	padding: 5pt 10pt 5pt ;
}
.ab_test {
    font-size:32px;
    font-weight:bold;
    text-decoration:none;
    display: flex ;
    text-align:center;
    padding:40px 10px 40px;
    color:#f00;
    border:2px solid #333;
	border-radius: 5pt ;
}

#thead_result {
	display: block ;
}

#tbody_result {
	display: block ;
	overflow-y: auto ;
	height: 100% ;
}

.charaDetailTable {
	background: #FFF ;
}

.detailChargeAttackSpan {
	display: flex ;
	flex-wrap: wrap ;
	justify-content: flex-start ;
}
.detailAbilitySpan {
	display: flex ;
	flex-wrap: wrap ;
	justify-content: flex-start ;
}
.detailSupportAbilitySpan {
	display: flex ;
	flex-wrap: wrap ;
	justify-content: flex-start ;
}
.chargeAtkHead {
	flex-basis: 15vw ;
}
.abilityHead {
	flex-basis: 15vw ;
}
.supportAbiHead {
	flex-basis: 15vw ;
}
@media only screen and (max-width: 600px) {
	.chargeAtkHead {
		flex-basis: 100% ;
	}
	.abilityHead {
		flex-basis: 100% ;
	}
	.supportAbiHead {
		flex-basis: 100% ;
	}
}
.chargeAtkBody {
	flex-grow: 1 ;
}
.abilityBody {
	flex-grow: 1 ;
}
.supportAbiBody {
	flex-grow: 1 ;
}

.chargeAtkCell {
	border-width: 5px ;
	text-align: center ;
	border-style: ridge ;
	border-color: #90917F #8F8973 #655F4F ; 
	color: #FFF ;
	background: #7F523B ;
	padding: 0.2em ;
}
.chargeAtkRow {
	border-width: 5px ;
	border-style: ridge ;
	border-color: #90917F #8F8973 #7F523B ; 
	color: #FFF ;
	background: #7F523B ;
	width: max(30vw, 350px) ;
}

.chargeAtkRow2 {
	border-width: 5px ;
	border-style: ridge ;
	border-color: #90917F #8F8973 #655F4F ; 
	color: #000 ;
	background: #CFC8C0 ;
	padding: 0.2em ;
	bborder-left: none ;
	width: max(30vw, 350px) ;
}

.damageCell {
	width: 20% ;
	border-width: 5px ;
	text-align: center ;
	border-style: ridge ;
	border-color: #E2A18D #D38579 #9D5A4A  ;
	color: #FFF ;
	background: #8A370C ;
	padding: 0.2em ;
}
.buffCell {
	border-width: 5px ;
	border-style: ridge ;
	text-align: center ;
	border-color: #F2ECCE #CFA64C #A9A878 ;
	color: #FFF ;
	background: #BF873D ;
	padding: 0.2em ;
}
/*
@media only screen and (max-width: 600px) {
 .0cellStr {
	height: 8em ;
	margin: auto ;
	display: inline-block ;
	writing-mode: vertical-rl ;
	text-orientation: upright ;
 }
}
*/
.debuffCell {
	width: 20vw ;
	border-width: 5px ;
	text-align: center ;
	border-style: ridge ;
	border-color: #57C4E1 #0883A2 #308FAB ;
	color: #FFF ;
	background: #37788A ;
	padding: 0.2em ;
}

.healCell {
	width: 20vw ;
	border-width: 5px ;
	text-align: center ;
	border-style: ridge ;
	border-color: #BFDDA7 #449D2F #2F792E ;
	color: #FFF ;
	background: #4D983B ;
	padding: 0.2em ;
}

.fieldCell {
	width: 20vw ;
	border-width: 5px ;
	text-align: center ;
	border-style: ridge ;
	border-color: #AC94E8 #5834BA #614EA7 ;
	color: #FFF ;
	background: #68508F ;
	padding: 0.2em ;
}

.supportAbiCell {
	width: 20vw ;
	border-width: 5px ;
	text-align: center ;
	border-style: ridge ;
	border-color: #818F98 #70818B #677D8A ;
	color: #FFF ;
	background: #284146 ;
	padding: 0.2em ;
}

.limitSAbiCell {
	width: 20vw ;
	text-align: center ;
	border-width: 5px ;
	border-style: ridge ;
	border-color: #8975B2 #786897 #7A65AA ;
	color: #FFF ;
	background: #68508F ;
	padding: 0.2em ;
}

.damageRow {
	border-width: 5px ;
	border-style: ridge ;
	border-color: #E2A18D #D38579 #BF873D  ;
	color: #FFF ;
	background: #8A370C ;
	width: max(30vw, 350px) ;
}
.damageRow2 {
	border-width: 5px ;
	border-style: ridge ;
	border-color: #E2A18D #D38579 #9D5A4A  ;
	color: #000 ;
	background: #CFC8C0 ;
	padding: 0.2em ;
	bborder-left: none ;
	width: max(30vw, 350px) ;
}

.buffRow {
	border-width: 5px ;
	border-style: ridge ;
	border-color: #F2ECCE #CFA64C #BF873D ;
	color: #FFF ;
	background: #BF873D ;
	width: max(30vw, 350px) ;
}

.buffRow2 {
	border-width: 5px ;
	border-style: ridge ;
	border-color: #F2ECCE #CFA64C #A9A878 ;
	color: #000 ;
	background: #CFC8C0 ;
	padding: 0.2em ;
	bborder-left: none ;
	width: max(30vw, 350px) ;
}

.debuffRow {
	border-width: 5px ;
	border-style: ridge ;
	border-color: #57C4E1 #0883A2 #BF873D ;
	color: #FFF ;
	background: #37788A ;
	width: max(30vw, 350px) ;
}

.debuffRow2 {
	border-width: 5px ;
	border-style: ridge ;
	border-color: #57C4E1 #0883A2 #308FAB ;
	color: #000 ;
	background: #CFC8C0 ;
	padding: 0.2em ;
	bborder-left: none ;
	width: max(30vw, 350px) ;
}

.healRow {
	border-width: 5px ;
	border-style: ridge ;
	border-color: #BFDDA7 #449D2F #BF873D ;
	color: #FFF ;
	background: #4D983B ;
	width: max(30vw, 350px) ;
}

.healRow2 {
	border-width: 5px ;
	border-style: ridge ;
	border-color: #BFDDA7 #449D2F #2F792E ;
	color: #000 ;
	background: #CFC8C0 ;
	padding: 0.2em ;
	bborder-left: none ;
	width: max(30vw, 350px) ;
}

.fieldRow {
	border-width: 5px ;
	border-style: ridge ;
	border-color: #AC94E8 #5834BA #BF873D ;
	color: #FFF ;
	background: #68508F ;
	width: max(30vw, 350px) ;
}

.fieldRow2 {
	border-width: 5px ;
	border-style: ridge ;
	border-color: #AC94E8 #5834BA #614EA7 ;
	color: #000 ;
	background: #CFC8C0 ;
	padding: 0.2em ;
	bborder-left: none ;
	width: max(30vw, 350px) ;
}

.supportAbiRow {
	border-width: 5px ;
	border-style: ridge ;
	border-color: #818F98 #70818B #284146 ;
	color: #FFF ;
	background: #284146 ;
	width: max(30vw, 350px) ;
}

.supportAbiRow2 {
	border-width: 5px ;
	border-style: ridge ;
	border-color: #818F98 #70818B #677D8A ;
	color: #000 ;
	background: #CFC8C0 ;
	padding: 0.2em ;
	bborder-left: none ;
	width: max(30vw, 350px) ;
}

.limitSAbiRow {
	border-width: 5px ;
	border-style: ridge ;
	border-color: #8975B2 #786897 #68508F ;
	color: #FFF ;
	background: #68508F ;
	width: max(30vw, 350px) ;
}

.limitSAbiRow2 {
	border-width: 5px ;
	border-style: ridge ;
	border-color: #8975B2 #786897 #7A65AA ;
	color: #000 ;
	background: #CFC8C0 ;
	padding: 0.2em ;
	bborder-left: none ;
	width: max(30vw, 350px) ;
}

@media only screen and (max-width: 600px) {
	.chargeAtkCell {
		border-bottom: solid ;
	}
	.damageCell {
		border-bottom: solid ;
	}
	.buffCell {
		border-bottom: solid ;
	}
	.debuffCell {
		border-bottom: solid ;
	}
	.healCell {
		border-bottom: solid ;
	}
	.fieldCell {
		border-bottom: solid ;
	}
	.supportAbiCell {
		border-bottom: solid ;
	}
	.limitSAbiCell {
		border-bottom: solid ;
	}
	.chargeAtkRow2 {
		border-left: ridge ;
		border-top: none ;
	}
	.damageRow2 {
		border-left: ridge ;
		border-top: none ;
	}
	.buffRow2 {
		border-left: ridge ;
		border-top: none ;
	}
	.debuffRow2 {
		border-left: ridge ;
		border-top: none ;
	}
	.healRow2 {
		border-left: ridge ;
		border-top: none ;
	}
	.fieldRow2 {
		border-left: ridge ;
		border-top: none ;
	}
	.supportAbiRow2 {
		border-left: ridge ;
		border-top: none ;
	}
	.limitSAbiRow2 {
		border-left: ridge ;
		border-top: none ;
	}
}

.labelSSR {
	border-collapse: collapse ;
	background: #D0AE50 ;
	width: max(30vw, 350px) ;
}

.labelSR {
	background: #6F859C ;
	width: max(30vw, 350px) ;
}

.labelR {
	background: #774125 ;
	width: max(30vw, 350px) ;
}

.labelN {
	background: #D0AE50 ;
	width: max(30vw, 350px) ;
}

.labelDjeeta {
	background: #D0AE50 ;
	width: max(30vw, 350px) ;
}

.charaInfoCell {
	border-width: 5px ;
	border-style: ridge ;
	background: #302F2C ;
}

.charaInfoCell.th {
	background: #403030 ;
}

.pageBackground {
	background: #C1DADD ;
}

.informationParagram {
	width: 50vw ;
	align: center ;
	margin: 5px 30vw;
	padding: 20px 10px;
	text-align: center;
	color: red;
	font-weight: bold;
	border-width: 2px ;
	border-style: dashed ;
}
@media only screen and (max-width: 600px) {
 .informationParagram {
	width: 90vw ;
	margin: 0 10px 10px;
 }
}

.detailCharaHeader {
	display: grid ;
	grid-template-rows: 70px 25px 25px 1fr ;
	grid-template-columns: 1fr ;
	border-width: 5px ;
	border-style: ridge ;
}
@media only screen and (max-width: 600px) {
 .detailCharaHeader {
	 grid-template-rows: 80px 15px 15px 1fr ;
	 grid-template-columns: 1fr ;
 }
}
.detailCharaName {
	display: flex ;
	width: 100% ;
	justify-content: space-between ;
	grid-row-start: 1 ;
	grid-row-end: 4 ;
	grid-column-start: 1 ;
	grid-column-end: 6 ;
}
.detailCharaImage {
	width: 15% ;
	height: 100% ;
}
@media only screen and (max-width: 600px) {
 .detailCharaImage {
	 width: 25vw ;
	 height: auto ;
 }
}
.detailCharaNameSpan {
	font-size: 32px ;
}
@media only screen and (max-width: 600px) {
 .detailCharaNameSpan {
		font-size: 24px ;
	}
}
.detailCharaData {
	display: flex ;
	grid-row-start: 2 ;
	grid-row-end: 4 ;
	grid-column-start: 1 ;
	grid-column-end: 6 ;
}
.detailCharaFlavor {
	grid-row-start: 4 ;
	grid-row-end: 4 ;
	grid-column-start: 1 ;
	grid-column-end: 6 ;
}
/*
.detailCharaElemNONE {
	content: url( 'icons/ICON_ELEM_NONE.png' ) ;
	width: 90% ;
	height: auto ;
}
*/
.detailCharaSpecialitySpan {
	display: flex ;
	flex-wrap: wrap ;
	flex-direction: column ;
	justify-content: space-around ;
	width: 40px ;
}
/* WebKit系 */
/*
.ab_opt_rare {
	margin: 0 0 0 ;
	width: 100% ;
	display: flex ;
	justify-content: space-between ;
}
*/
.ab_opt_kind_label input:checked + .ab_opt_kind_span,
.ab_opt_rare_label input:checked + .ab_opt_rare_span,
.ab_opt_element_label input:checked + .ab_opt_element_span,
.ab_opt_type_label input:checked + .ab_opt_type_span,
.ab_opt_style_label input:checked + .ab_opt_style_span,
.ab_opt_speciality_label input:checked + .ab_opt_speciality_span,
.ab_opt_series_label input:checked + .ab_opt_series_span {
	opacity: 1 ;
}
#opt_area {
	margin: 0.7em 0 0.5em ;
	border: solid ;
	border-radius: 12pt ;
	padding: 5pt ;
	position: relative ;
}
#opt_area::after {
	content: "Option Area" ;
	position: absolute ;
	top: -1.0em ;
	right: 1em ;
	background: #000000 ;
	padding: 0.2pt ;
	margin: 0 ;
	border: solid ;
	border-radius: 5pt ;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.ab_opt_kind {
	margin: 0 0 0 ;
	width: 100% ;
	display: flex ;
	justify-content: space-between ;
}
.ab_opt_rare {
	margin: 0 0 0 ;
	width: 100% ;
	display: flex ;
	justify-content: space-between ;
}
.ab_opt_element {
	display: flex ;
	margin: 0 0 0 ;
	width: 100%;
	justify-content: space-between ;
}
.ab_opt_type {
	display: flex ;
	margin: 0 0 0 ;
	width: 100% ;
	justify-content: space-between ;
}
.ab_opt_style {
	display: flex ;
	margin: 0 0 0 ;
	width: 100% ;
	justify-content: space-between ;
}
.ab_opt_speciality {
	display: flex ;
	margin: 0 0 0 ;
	width: 100% ;
	justify-content: space-between ;
	flex-wrap: wrap ;
}
.ab_opt_series {
	display: flex ;
	margin: 0 0 0 ;
	width: 100% ;
	justify-content: space-between ;
	flex-wrap: unset ;
}
}

@supports (-ms-ime-align: auto){
 .ab_opt_rare {
	margin: 0 0 0 ;
	width: 100% ;
	height: 5em ;
	display: flex ;
	justify-content: space-between ;
 }
 .ab_opt_kind {
	margin: 0 0 0 ;
	width: 100% ;
	height: 5em ;
	display: flex ;
	justify-content: space-between ;
 }
 .ab_opt_element {
	display: flex ;
	margin: 0 0 0 ;
	width: 100% ;
	height: 5em ;
	justify-content: space-between ;
 }
 .ab_opt_type {
	display: flex ;
	margin: 0 0 0 ;
	width: 100% ;
	height: 5em ;
	justify-content: space-between ;
 }
 .ab_opt_style {
	display: flex ;
	margin: 0 0 0 ;
	width: 100% ;
	height: 5em ;
	justify-content: space-between ;
 }
 .ab_opt_speciality {
	display: flex ;
	margin: 0 0 0 ;
	width: 100% ;
	height: 5em ;
	justify-content: space-between ;
	flex-wrap: wrap ;
 }
 .ab_opt_series {
	 display: flex ;
	 margin: 0 0 0 ;
	 width: 100% ;
	 height: 5em ;
	 justify-content: space-between ;
	 flex-wrap: unset ;
 }
}
/*
_:-ms-lang(x)::backdrop, .ab_opt_style {
	display: flex ;
	margin: 0 0 0 ;
	width: 100% ;
	height: 5em ;
	justify-content: space-between ;
 }
_:-ms-lang(x)::backdrop, .ab_opt_speciality {
	display: flex ;
	margin: 0 0 0 ;
	width: 100% ;
	height: 5em ;
	justify-content: space-between ;
 }
_:-ms-lang(x)::backdrop, .ab_opt_speciality0 {
	display: flex ;
	margin: 0 0 0 ;
	width: 100% ;
	height: 5em ;
	justify-content: space-between ;
	flex-wrap: wrap ;
 }
_:-ms-lang(x)::backdrop, .ab_opt_rare {
	margin: 0 0 0 ;
	width: 100% ;
	height: 5em ;
	display: flex ;
	justify-content: space-between ;
 }
_:-ms-lang(x)::backdrop, .ab_opt_element {
	display: flex ;
	margin: 0 0 0 ;
	width: 100% ;
	height: 5em ;
	justify-content: space-between ;
 }
_:-ms-lang(x)::backdrop, .ab_opt_type {
	display: flex ;
	margin: 0 0 0 ;
	width: 100% ;
	height: 5em ;
	justify-content: space-between ;
 }
*/
.ab_opt_kind_span {
	display: flex ;
	margin: 0 0 0 ;
	width: 100% ;
	justify-content: space-between ;
	opacity: 0.5 ;
}
.ab_opt_kind_label {
	margin: 0 0 0 ;
	flex-grow: 1 ;
	cursor: pointer ;
}

.ab_opt_rare_span {
	display: flex ;
	margin: 0 0 0 ;
	width: 100% ;
	justify-content: space-between ;
	opacity: 0.5 ;
}
.ab_opt_rare_label {
	margin: 0 0 0 ;
	flex-grow: 1 ;
	cursor: pointer ;
}

.ab_opt_element_span {
	display:flex ;
	margin: 0 0 0 ;
	width: 100% ;
	justify-content: space-between ;
	opacity: 0.5 ;
}
.ab_opt_element_label {
	margin: 0 0 0 ;
	flex-grow: 1 ;
	cursor: pointer ;
}

.ab_opt_type_label {
	margin: 0 0 0 ;
	flex-grow: 1 ;
	cursor: pointer ;
}
.ab_opt_type_span {
	display: flex ;
	margin: 0 0 0 ;
	width: 100% ;
	justify-content: space-between ;
	opacity: 0.5 ;
}
.ab_opt_style_label {
	margin: 0 0 0 ;
	flex-grow: 1 ;
	cursor: pointer ;
}
.ab_opt_style_span {
	display: flex ;
	margin: 0 0 0 ;
	width: 100% ;
	justify-content: space-between ;
	opacity: 0.5 ;
}

.ab_opt_speciality_label {
	margin: 0 0 0 ;
	flex-grow: 1 ;
	width: 20% ;
	cursor: pointer ;
}
.ab_opt_speciality_span {
	display: flex ;
	margin: 0 0 0 ;
	width: 100% ;
	justify-content: space-between ;
	opacity: 0.5 ;
}

.ab_opt_series_label {
	margin: 0 0 0 ;
	flex-grow: 1 ;
	cursor: pointer ;
}
.ab_opt_series_span {
	display: flex ;
	margin: 0 0 0 ;
	width: 100% ;
	justify-content: space-between ;
	opacity: 0.5 ;
}
/*
 * WibKit(Chrome/FireFox)系
 */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
 .chara_rare_SSR {
	content: url( 'icons/ICON_RARE_SSR_S.png' ) ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
 .chara_rare_SR {
	content: url( 'icons/ICON_RARE_SR_S.png' ) ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
 .chara_element_FIRE {
	content: url( 'icons/ICON_ELEM_FIRE_S.png' ) ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
 .chara_element_WIND {
	content: url( 'icons/ICON_ELEM_WIND_S.png' ) ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
 .chara_element_EARTH {
	content: url( 'icons/ICON_ELEM_EARTH_S.png' ) ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
 .chara_element_WATER {
	content: url( 'icons/ICON_ELEM_WATER_S.png' ) ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
 .chara_element_LIGHT {
	content: url( 'icons/ICON_ELEM_LIGHT_S.png' ) ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
 .chara_element_DARK {
	content: url( 'icons/ICON_ELEM_DARK_S.png' ) ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
 .chara_element_NONE {
	content: url( 'icons/ICON_ELEM_NONE_S.png' ) ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
  .chara_style_ATTACK {
	 content: url( 'icons/ICON_STYLE_ATTACK_S.png' ) ;
	 width: 1.5em ;
	 height: 1.5em ;
	 vertical-align: middle ;
 }
  .chara_style_BALANCE {
	 content: url( 'icons/ICON_STYLE_BALANCE_S.png' ) ;
	 width: 1.5em ;
	 height: 1.5em ;
	 vertical-align: middle ;
 }
  .chara_style_DEFENCE {
	 content: url( 'icons/ICON_STYLE_DEFENCE_S.png' ) ;
	 width: 1.5em ;
	 height: 1.5em ;
	 vertical-align: middle ;
 }
  .chara_style_HEAL {
	 content: url( 'icons/ICON_STYLE_HEAL_S.png' ) ;
	 width: 1.5em ;
	 height: 1.5em ;
	 vertical-align: middle ;
 }
  .chara_style_SPECIAL {
	 content: url( 'icons/ICON_STYLE_SPECIAL_S.png' ) ;
	 width: 1.5em ;
	 height: 1.5em ;
	 vertical-align: middle ;
 }

 .chara_type_DRAPH {
	 content: url( 'icons/ICON_TYPE_DRAPH_S.png' ) ;
	 width: 1.5em ;
	 height: 1.5em ;
	 vertical-align: middle ;
 }
 .chara_type_ERUNE {
	 content: url( 'icons/ICON_TYPE_ERUNE_S.png' ) ;
	 width: 1.5em ;
	 height: 1.5em ;
	 vertical-align: middle ;
 }
 .chara_type_HARVIN {
	 content: url( 'icons/ICON_TYPE_HARVIN_S.png' ) ;
	 width: 1.5em ;
	 height: 1.5em ;
	 vertical-align: middle ;
 }
  .chara_type_HUMAN {
	 content: url( 'icons/ICON_TYPE_HUMAN_S.png' ) ;
	 width: 1.5em ;
	 height: 1.5em ;
	 vertical-align: middle ;
 }
 .chara_type_PRIMAL {
	 content: url( 'icons/ICON_TYPE_PRIMAL_S.png' ) ;
	 width: 1.5em ;
	 height: 1.5em ;
	 vertical-align: middle ;
 }
 .chara_type_UNK {
	 content: url( 'icons/ICON_TYPE_UNK_S.png' ) ;
	 width: 1.5em ;
	 height: 1.5em ;
	 vertical-align: middle ;
 }
  .chara_speciality_AXE {
	 content: url( 'icons/ICON_WP_AXE_S.png' ) ;
	 width: 1.5em ;
	 height: 1.5em ;
	 vertical-align: middle ;
 }
  .chara_speciality_BOW {
	 content: url( 'icons/ICON_WP_BOW_S.png' ) ;
	 width: 1.5em ;
	 height: 1.5em ;
	 vertical-align: middle ;
 }
  .chara_speciality_DAGGER {
	 content: url( 'icons/ICON_WP_DAGGER_S.png' ) ;
	 width: 1.5em ;
	 height: 1.5em ;
	 vertical-align: middle ;
 }
  .chara_speciality_GUN {
	 content: url( 'icons/ICON_WP_GUN_S.png' ) ;
	 width: 1.5em ;
	 height: 1.5em ;
	 vertical-align: middle ;
 }
  .chara_speciality_HARP {
	 content: url( 'icons/ICON_WP_HARP_S.png' ) ;
	 width: 1.5em ;
	 height: 1.5em ;
	 vertical-align: middle ;
 }
  .chara_speciality_KATANA {
	 content: url( 'icons/ICON_WP_KATANA_S.png' ) ;
	 width: 1.5em ;
	 height: 1.5em ;
	 vertical-align: middle ;
 }
  .chara_speciality_MELEE {
	 content: url( 'icons/ICON_WP_MELEE_S.png' ) ;
	 width: 1.5em ;
	 height: 1.5em ;
	 vertical-align: middle ;
 }
  .chara_speciality_SABRE {
	 content: url( 'icons/ICON_WP_SABRE_S.png' ) ;
	 width: 1.5em ;
	 height: 1.5em ;
	 vertical-align: middle ;
 }
  .chara_speciality_SPEAR {
	 content: url( 'icons/ICON_WP_SPEAR_S.png' ) ;
	 width: 1.5em ;
	 height: 1.5em ;
	 vertical-align: middle ;
 }
  .chara_speciality_STAFF {
	 content: url( 'icons/ICON_WP_STAFF_S.png' ) ;
	 width: 1.5em ;
	 height: 1.5em ;
	 vertical-align: middle ;
 }

 .chara_series_SUMMER {
	 content: url( 'icons/ICON_SERIES_SUMMER_S.png' ) ;
	 width: 1.5em ;
	 heiht: 1.5em ;
	 vertical-align: middle ;
 }
 .chara_series_YUKATA {
	 content: url( 'icons/ICON_SERIES_YUKATA_S.png' ) ;
	 width: 1.5em ;
	 height: 1.5em ;
	 vertical-align: middle ;
 }
 .chara_series_VALENTINE {
	 content: url( 'icons/ICON_SERIES_VALENTINE_S.png' ) ;
	 width: 1.5em ;
	 height: 1.5em ;
	 vertical-align: middle ;
 }
 .chara_series_HALLOWEEN {
	 content: url( 'icons/ICON_SERIES_HALLOWEEN_S.png' ) ;
	 width: 1.5em ;
	 height: 1.5em ;
	 vertical-align: middle ;
 }
 .chara_series_HOLIDAY {
	 content: url( 'icons/ICON_SERIES_HOLIDAY_S.png' ) ;
	 width: 1.5em ;
	 height: 1.5em ;
	 vertical-align: middle ;
 }
 .chara_series_12GENERALS {
	 content: url( 'icons/ICON_SERIES_12GENERALS_S.png' ) ;
	 width: 1.5em ;
	 height: 1.5em ;
	 vertical-align: middle ;
 }
 .chara_series_GRAND {
	 content: url( 'icons/ICON_SERIES_LIMITED_S.png' ) ;
	 width: 1.5em ;
	 height: 1.5em ;
	 vertical-align: middle ;
 }
 .chara_series_GRAND:lang(en) {
	 content: url( 'icons/EN/ICON_SERIES_GRAND_S.png' ) ;
 }
 .chara_series_FANTASY {
	 content: url( 'icons/ICON_SERIES_FANTASY_S.png' ) ;
	 width: 1.5em ;
	 height: 1.5em ;
	 vertical-align: middle ;
 }
 .chara_series_TIE_IN {
	 content: url( 'icons/ICON_SERIES_COLLAB_S.png' ) ;
	 width: 1.5em ;
	 height: 1.5em ;
	 vertical-align: middle ;
 }
 .chara_series_TIE_IN:lang(en) {
	 content: url( 'icons/EN/ICON_SERIES_TIE_IN_S.png' ) ;
 }
 .chara_series_ETERNALS {
	 content: url( 'icons/ICON_SERIES_ETERNALS_S.png' ) ;
	 width: 1.5em ;
	 height: 1.5em ;
	 vertical-align: middle ;
 }
 .chara_series_EVOKERS {
	 content: url( 'icons/ICON_SERIES_EVOKERS_S.png' ) ;
	 width: 1.5em ;
	 height: 1.5em ;
	 vertical-align: middle ;
 }
 .chara_series_STYLE {
	 content: url( 'icons/ICON_SERIES_STYLE_S.png' ) ;
	 width: 1.5em ;
	 height: 1.5em ;
	 vertical-align: middle ;
 }
 
 .skill_kind_BUFF {
	content: url( 'icons/ICON_SKILL_BUFF.png' ) ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
 .skill_kind_DEBUFF {
	content: url( 'icons/ICON_SKILL_DEBUFF.png' ) ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
 .skill_kind_DAMAGE {
	content: url( 'icons/ICON_SKILL_DAMAGE.png' ) ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
 .skill_kind_HEAL {
	content: url( 'icons/ICON_SKILL_HEAL.png' ) ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
 .skill_kind_FIELD {
	content: url( 'icons/ICON_SKILL_FIELD.png' ) ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
 .skill_kind_SUP {
	content: url( 'icons/ICON_SKILL_SUP.png' ) ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
 .skill_kind_EX {
	content: url( 'icons/ICON_SKILL_EX.png' ) ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
 .skill_kind_CA {
	content: url( 'icons/ICON_SKILL_CA.png' ) ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }

 .optSkillKindBUFF {
	content: url( 'icons/ICON_SKILL_BUFF.png' ) ;
 }
 .optSkillKindDEBUFF {
	content: url( 'icons/ICON_SKILL_DEBUFF.png' ) ;
 }
 .optSkillKindDAMAGE {
	content: url( 'icons/ICON_SKILL_DAMAGE.png' ) ;
 }
 .optSkillKindHEAL {
	content: url( 'icons/ICON_SKILL_HEAL.png' ) ;
 }
 .optSkillKindFIELD {
	content: url( 'icons/ICON_SKILL_FIELD.png' ) ;
 }
 .optSkillKindSUP {
	content: url( 'icons/ICON_SKILL_SUP.png' ) ;
 }
 .optSkillKindEX {
	content: url( 'icons/ICON_SKILL_EX.png' ) ;
 }
 .optSkillKindCA {
	content: url( 'icons/ICON_SKILL_CA.png' ) ;
 }

 .optCharaRareN {
	content: url( 'icons/ICON_RARE_N.png' ) ;
/*	width: max-content ;
	height: 100% ;*/
 }
 .optCharaRareR {
	content: url( 'icons/ICON_RARE_R.png' ) ;
 }
 .optCharaRareSR {
	content: url( 'icons/ICON_RARE_SR.png' ) ;
 }
 .optCharaRareNONE {
	content: url( 'icons/ICON_RARE_NONE.png' ) ;
 }
 .optCharaRareSSR {
	 content: url( 'icons/ICON_RARE_SSR.png' ) ;
 }
 .detailCharaRareSSR {
	content: url( 'icons/ICON_RARE_SSR.png' ) ;
	width: auto ;
	height: 100% ;
 }
 .detailCharaRareSR {
	content: url( 'icons/ICON_RARE_SR.png' ) ;
	width: auto ;
	height: 100% ;
 }
 .detailCharaRareR {
	content: url( 'icons/ICON_RARE_R.png' ) ;
	width: auto ;
	height: 100% ;
 }
 .detailCharaElemNONE {
	content: url( 'icons/ICON_ELEM_NONE.png' ) ;
	width: auto ;
	height: 100% ;
 }
 .detailCharaElemNONE:lang(en) {
	 content: url( 'icons/EN/ICON_ELEM_NONE.png' ) ;
 }
 .detailCharaElemWIND {
	content: url( 'icons/ICON_ELEM_WIND.png' ) ;
	width: auto ;
	height: 100% ;
 }
 .detailCharaElemWIND:lang(en) {
	 content: url( 'icons/EN/ICON_ELEM_WIND.png' ) ;
 }
 .detailCharaElemFIRE {
	content: url( 'icons/ICON_ELEM_FIRE.png' ) ;
	width: auto ;
	height: 100% ;
 }
 .detailCharaElemFIRE:lang(en) {
	 content: url( 'icons/EN/ICON_ELEM_FIRE.png' ) ;
 }
 .detailCharaElemEARTH {
	content: url( 'icons/ICON_ELEM_EARTH.png' ) ;
	width: auto ;
	height: 100% ;
 }
 .detailCharaElemEARTH:lang(en) {
	 content: url( 'icons/EN/ICON_ELEM_EARTH.png' ) ;
 }
 .detailCharaElemWATER {
	content: url( 'icons/ICON_ELEM_WATER.png' ) ;
	width: auto ;
	height: 100% ;
 }
 .detailCharaElemWATER:lang(en) {
	 content: url( 'icons/EN/ICON_ELEM_WATER.png' ) ;
 }
 .detailCharaElemLIGHT {
	content: url( 'icons/ICON_ELEM_LIGHT.png' ) ;
	width: auto ;
	height: 100% ;
 }
 .detailCharaElemLIGHT:lang(en) {
	 content: url( 'icons/EN/ICON_ELEM_LIGHT.png' ) ;
 }
 .detailCharaElemDARK {
	content: url( 'icons/ICON_ELEM_DARK.png' ) ;
	width: auto ;
	height: 100% ;
 }
 .detailCharaElemDARK:lang(en) {
	 content: url( 'icons/EN/ICON_ELEM_DARK.png' ) ;
 }
 .optCharaElemNONE {
	content: url( 'icons/ICON_ELEM_NONE.png' ) ;
 }
 .optCharaElemNONE:lang(en) {
	 content: url( 'icons/EN/ICON_ELEM_NONE.png' ) ;
 }
 .optCharaElemWIND {
	content: url( 'icons/ICON_ELEM_WIND.png' ) ;
 }
 .optCharaElemWIND:lang(en) {
	 content: url( 'icons/EN/ICON_ELEM_WIND.png' ) ;
 }
 .optCharaElemFIRE {
	content: url( 'icons/ICON_ELEM_FIRE.png' ) ;
 }
 .optCharaElemFIRE:lang(en) {
	 content: url( 'icons/EN/ICON_ELEM_FIRE.png' ) ;
 }
 .optCharaElemEARTH {
	content: url( 'icons/ICON_ELEM_EARTH.png' ) ;
 }
 .optCharaElemEARTH:lang(en) {
	 content: url( 'icons/EN/ICON_ELEM_EARTH.png' ) ;
 }
 .optCharaElemWATER {
	content: url( 'icons/ICON_ELEM_WATER.png' ) ;
 }
 .optCharaElemWATER:lang(en) {
	 content: url( 'icons/EN/ICON_ELEM_WATER.png' ) ;
 }
 .optCharaElemLIGHT {
	content: url( 'icons/ICON_ELEM_LIGHT.png' ) ;
 }
 .optCharaElemLIGHT:lang(en) {
	 content: url( 'icons/EN/ICON_ELEM_LIGHT.png' ) ;
 }
 .optCharaElemDARK {
	content: url( 'icons/ICON_ELEM_DARK.png' ) ;
 }
 .optCharaElemDARK:lang(en) {
	 content: url( 'icons/EN/ICON_ELEM_DARK.png' ) ;
 }

 .detailCharaTypeUNK {
	content: url( 'icons/ICON_TYPE_UNK.png' ) ;
	width: auto ;
	height: 100% ;
 }
 .detailCharaTypeUNK:lang(en) {
	 content: url( 'icons/EN/ICON_TYPE_UNK.png' ) ;
 }
 .detailCharaTypeHUMAN {
	content: url( 'icons/ICON_TYPE_HUMAN.png' ) ;
	width: auto ;
	height: 100% ;
 }
 .detailCharaTypeHUMAN:lang(en) {
	 content: url( 'icons/EN/ICON_TYPE_HUMAN.png' ) ;
 }
 .detailCharaTypeERUNE {
	content: url( 'icons/ICON_TYPE_ERUNE.png' ) ;
	width: auto ;
	height: 100% ;
 }
 .detailCharaTypeERUNE:lang(en) {
	 content: url( 'icons/EN/ICON_TYPE_ERUNE.png' ) ;
 }
 .detailCharaTypeDRAPH {
	content: url( 'icons/ICON_TYPE_DRAPH.png' ) ;
	width: auto ;
	height: 100% ;
 }
 .detailCharaTypeDRAPH:lang(en) {
	 content: url( 'icons/EN/ICON_TYPE_DRAPH.png' ) ;
 }
 .detailCharaTypeHARVIN {
	content: url( 'icons/ICON_TYPE_HARVIN.png' ) ;
	width: auto ;
	height: 100% ;
 }
 .detailCharaTypeHARVIN:lang(en) {
	 content: url( 'icons/EN/ICON_TYPE_HARVIN.png' ) ;
 }
 .detailCharaTypePRIMAL {
	content: url( 'icons/ICON_TYPE_PRIMAL.png' ) ;
	width: auto ;
	height: 100% ;
 }
 .detailCharaTypePRIMAL:lang(en) {
	 content: url( 'icons/EN/ICON_TYPE_PRIMAL.png' ) ;
 }
 .optCharaTypeUNK {
	content: url( 'icons/ICON_TYPE_UNK.png' ) ;
 }
 .optCharaTypeUNK:lang(en) {
	 content: url( 'icons/EN/ICON_TYPE_UNK.png' ) ;
 }
 .optCharaTypeHUMAN {
	content: url( 'icons/ICON_TYPE_HUMAN.png' ) ;
 }
 .optCharaTypeHUMAN:lang(en) {
	 content: url( 'icons/EN/ICON_TYPE_HUMAN.png' ) ;
 }
 .optCharaTypeERUNE {
	content: url( 'icons/ICON_TYPE_ERUNE.png' ) ;
 }
 .optCharaTypeERUNE:lang(en) {
	 content: url( 'icons/EN/ICON_TYPE_ERUNE.png' ) ;
 }
 .optCharaTypeDRAPH {
	content: url( 'icons/ICON_TYPE_DRAPH.png' ) ;
 }
 .optCharaTypeDRAPH:lang(en) {
	 content: url( 'icons/EN/ICON_TYPE_DRAPH.png' ) ;
 }
 .optCharaTypeHARVIN {
	content: url( 'icons/ICON_TYPE_HARVIN.png' ) ;
 }
 .optCharaTypeHARVIN:lang(en) {
	 content: url( 'icons/EN/ICON_TYPE_HARVIN.png' ) ;
 }
 .optCharaTypePRIMAL {
	content: url( 'icons/ICON_TYPE_PRIMAL.png' ) ;
 }
 .optCharaTypePRIMAL:lang(en) {
	 content: url( 'icons/EN/ICON_TYPE_PRIMAL.png' ) ;
 }
 .detailCharaStyleNONE {
	content: url( 'icons/ICON_STYLE_NONE.png' ) ;
	width: auto ;
	height: 100% ;
 }
 .detailCharaStyleNONE:lang(en) {
	 content: url( 'icons/EN/ICON_STYPE_NONE.png' ) ;
 }
 .detailCharaStyleATTACK {
	content: url( 'icons/ICON_STYLE_ATTACK.png' ) ;
	width: auto ;
	height: 100% ;
 }
 .detailCharaStyleATTACK:lang(en) {
	 content: url( 'icons/EN/ICON_STYLE_ATTACK.png' ) ;
 }
 .detailCharaStyleDEFENCE {
	content: url( 'icons/ICON_STYLE_DEFENCE.png' ) ;
	width: auto ;
	height: 100% ;
 }
 .detailCharaStyleDEFENCE:lang(en) {
	 content: url( 'icons/EN/ICON_STYLE_DEFENCE.png' ) ;
 }
 .detailCharaStyleHEAL {
	content: url( 'icons/ICON_STYLE_HEAL.png' ) ;
	width: auto ;
	height: 100% ;
 }
 .detailCharaStyleHEAL:lang(en) {
	 content: url( 'icons/EN/ICON_STYLE_HEAL.png' ) ;
 }
 .detailCharaStyleBALANCE {
	content: url( 'icons/ICON_STYLE_BALANCE.png' ) ;
	width: auto ;
	height: 100% ;
 }
 .detailCharaStyleBALANCE:lang(en) {
	 content: url( 'icons/EN/ICON_STYLE_BALANCE.png' ) ;
 }
 .detailCharaStyleSPECIAL {
	content: url( 'icons/ICON_STYLE_SPECIAL.png' ) ;
	width: auto ;
	height: 100% ;
 }
 .detailCharaStyleSPECIAL:lang(en) {
	 content: url( 'icons/EN/ICON_STYLE_SPECIAL.png' ) ;
 }
 .optCharaStyleNONE {
	content: url( 'icons/ICON_STYLE_NONE.png' ) ;
 }
 .optCharaStyleNONE:lang(en) {
	 content: url( 'icons/EN/ICON_STYLE_NONE.png' ) ;
 }
 .optCharaStyleATTACK {
	content: url( 'icons/ICON_STYLE_ATTACK.png' ) ;
 }
 .optCharaStyleATTACK:lang(en) {
	 content: url( 'icons/EN/ICON_STYLE_ATTACK.png' ) ;
 }
 .optCharaStyleDEFENCE {
	content: url( 'icons/ICON_STYLE_DEFENCE.png' ) ;
 }
 .optCharaStyleDEFENCE:lang(en) {
	 content: url( 'icons/EN/ICON_STYLE_DEFENCE.png' ) ;
 }
 .optCharaStyleHEAL {
	content: url( 'icons/ICON_STYLE_HEAL.png' ) ;
 }
 .optCharaStyleHEAL:lang(en) {
	 content: url( 'icons/EN/ICON_STYLE_HEAL.png' ) ;
 }
 .optCharaStyleBALANCE {
	content: url( 'icons/ICON_STYLE_BALANCE.png' ) ;
 }
 .optCharaStyleBALANCE:lang(en) {
	 content: url( 'icons/EN/ICON_STYLE_BALANCE.png' ) ;
 }
 .optCharaStyleSPECIAL {
	content: url( 'icons/ICON_STYLE_SPECIAL.png' ) ;
 }
 .optCharaStyleSPECIAL:lang(en) {
	 content: url( 'icons/EN/ICON_STYLE_SPECIAL.png' ) ;
 }
 .detailCharaSpecialityNONE {
	 content: url( 'icons/ICON_WP_NONE.png' ) ;
	 width: auto ;
	 height: 50% ;
 }
 .detailCharaSpecialitySPEAR {
	content: url( 'icons/ICON_WP_SPEAR.png' ) ;
	width: auto ;
	height: 50% ;
 }
 .detailCharaSpecialitySPEAR:lang(en) {
	 content: url( 'icons/EN/ICON_WP_SPEAR.png' ) ;
 }
 .detailCharaSpecialityBOW {
	content: url( 'icons/ICON_WP_BOW.png' ) ;
	width: auto ;
	height: 50% ;
 }
 .detailCharaSpecialityBOW:lang(en) {
	 content: url( 'icons/EN/ICON_WP_BOW.png' ) ;
 }
 .detailCharaSpecialityAXE {
	content: url( 'icons/ICON_WP_AXE.png' ) ;
	width: auto ;
	height: 50% ;
 }
 .detailCharaSpecialityAXE:lang(en) {
	 content: url( 'icons/EN/ICON_WP_AXE.png' ) ;
 }
 .detailCharaSpecialityDAGGER {
	content: url( 'icons/ICON_WP_DAGGER.png' ) ;
	width: auto ;
	height: 50% ;
 }
 .detailCharaSpecialityDAGGER:lang(en) {
	 content: url( 'icons/EN/ICON_WP_DAGGER.png' ) ;
 }
 .detailCharaSpecialitySTAFF {
	content: url( 'icons/ICON_WP_STAFF.png' ) ;
	width: auto ;
	height: 50% ;
 }
 .detailCharaSpecialitySTAFF:lang(en) {
	 content: url( 'icons/EN/ICON_WP_STAFF.png' ) ;
 }
 .detailCharaSpecialityMELEE {
	content: url( 'icons/ICON_WP_MELEE.png' ) ;
	width: auto ;
	height: 50% ;
 }
 .detailCharaSpecialityMELEE:lang(en) {
	 content: url( 'icons/EN/ICON_WP_MELEE.png' ) ;
 }
 .detailCharaSpecialitySABRE {
	content: url( 'icons/ICON_WP_SABRE.png' ) ;
	width: auto ;
	height: 50% ;
 }
 .detailCharaSpecialitySABRE:lang(en) {
	 content: url( 'icons/EN/ICON_WP_SABRE.png' ) ;
 }
 .detailCharaSpecialityKATANA {
	content: url( 'icons/ICON_WP_KATANA.png' ) ;
	width: auto ;
	height: 50% ;
 }
 .detailCharaSpecialityKATANA:lang(en) {
	 content: url( 'icons/EN/ICON_WP_KATANA.png' ) ;
 }
 .detailCharaSpecialityHARP {
	content: url( 'icons/ICON_WP_HARP.png' ) ;
	width: auto ;
	height: 50% ;
 }
 .detailCharaSpecialityHARP:lang(en) {
	 content: url( 'icons/EN/ICON_WP_HARP.png' ) ;
 }
 .detailCharaSpecialityGUN {
	content: url( 'icons/ICON_WP_GUN.png' ) ;
	width: auto ;
	height: 50% ;
 }
 .detailCharaSpecialityGUN:lang(en) {
	 content: url( 'icons/EN/ICON_WP_GUN.png' ) ;
 }
 .optCharaSpecialitySPEAR {
	content: url( 'icons/ICON_WP_SPEAR.png' ) ;
 }
 .optCharaSpecialityBOW {
	content: url( 'icons/ICON_WP_BOW.png' ) ;
 }
 .optCharaSpecialityAXE {
	content: url( 'icons/ICON_WP_AXE.png' ) ;
 }
 .optCharaSpecialityDAGGER {
	content: url( 'icons/ICON_WP_DAGGER.png' ) ;
 }
 .optCharaSpecialitySTAFF {
	content: url( 'icons/ICON_WP_STAFF.png' ) ;
 }
 .optCharaSpecialityMELEE {
	content: url( 'icons/ICON_WP_MELEE.png' ) ;
 }
 .optCharaSpecialitySABRE {
	content: url( 'icons/ICON_WP_SABRE.png' ) ;
 }
 .optCharaSpecialityKATANA {
	content: url( 'icons/ICON_WP_KATANA.png' ) ;
 }
 .optCharaSpecialityHARP {
	content: url( 'icons/ICON_WP_HARP.png' ) ;
 }
 .optCharaSpecialityGUN {
	content: url( 'icons/ICON_WP_GUN.png' ) ;
 }
 .optCharaSpecialitySPEAR:lang(en) {
	content: url( 'icons/EN/ICON_WP_SPEAR.png' ) ;
 }
 .optCharaSpecialityBOW:lang(en) {
	content: url( 'icons/EN/ICON_WP_BOW.png' ) ;
 }
 .optCharaSpecialityAXE:lang(en) {
	content: url( 'icons/EN/ICON_WP_AXE.png' ) ;
 }
 .optCharaSpecialityDAGGER:lang(en) {
	content: url( 'icons/EN/ICON_WP_DAGGER.png' ) ;
 }
 .optCharaSpecialitySTAFF:lang(en) {
	content: url( 'icons/EN/ICON_WP_STAFF.png' ) ;
 }
 .optCharaSpecialityMELEE:lang(en) {
	content: url( 'icons/EN/ICON_WP_MELEE.png' ) ;
 }
 .optCharaSpecialitySABRE:lang(en) {
	content: url( 'icons/EN/ICON_WP_SABRE.png' ) ;
 }
 .optCharaSpecialityKATANA:lang(en) {
	content: url( 'icons/EN/ICON_WP_KATANA.png' ) ;
 }
 .optCharaSpecialityHARP:lang(en) {
	content: url( 'icons/EN/ICON_WP_HARP.png' ) ;
 }
 .optCharaSpecialityGUN:lang(en) {
	content: url( 'icons/EN/ICON_WP_GUN.png' ) ;
 }

 .detailCharaSexMALE {
	content: url( 'icons/ICON_GENDER_MALE.png' ) ;
	width: auto ;
	height: 100% ;
 }
 .detailCharaSexMALE:lang(en) {
	 content: url( 'icons/EN/ICON_GENDER_MALE.png' ) ;
 }
 .detailCharaSexFEMALE {
	content: url( 'icons/ICON_GENDER_FEMALE.png' ) ;
	width: auto ;
	height: 100% ;
 }
 .detailCharaSexFEMALE:lang(en) {
	 content: url( 'icons/EN/ICON_GENDER_FEMALE.png' ) ;
 }
 .detailCharaSexOTHER {
	content: url( 'icons/ICON_GENDER_OTHER.png' ) ;
	width: auto ;
	height: 100% ;
 }
 .detailCharaSexOTHER:lang(en) {
	 content: url( 'icons/EN/ICON_GENDER_OTHER.png' ) ;
 }
 .optCharaSexMALE {
	content: url( 'icons/ICON_GENDER_MALE.png' ) ;
 }
 .optCharaSexFEMALE {
	content: url( 'icons/ICON_GENDER_FEMALE.png' ) ;
 }
 .optCharaSexOTHER {
	content: url( 'icons/ICON_GENDER_OTHER.png' ) ;
 }
 .optCharaSexMALE:lang(en) {
	content: url( 'icons/EN/ICON_GENDER_MALE.png' ) ;
 }
 .optCharaSexFEMALE:lang(en) {
	content: url( 'icons/EN/ICON_GENDER_FEMALE.png' ) ;
 }
 .optCharaSexOTHER:lang(en) {
	content: url( 'icons/EN/ICON_GENDER_OTHER.png' ) ;
 }

 .detailCharaSeriesSUMMER {
	content: url( 'icons/ICON_SERIES_SUMMER.png' ) ;
	width: auto ;
	height: 100% ;
 }
 .detailCharaSeriesYUKATA {
	 content: url( 'icons/ICON_SERIES_YUKATA.png' ) ;
	 width: auto ;
	 height: 100% ;
 }
 .detailCharaSeriesVALENTINE {
	 content: url( 'icons/ICON_SERIES_VALENTINE.png' ) ;
	 width: auto ;
	 height: 100% ;
 }
 .detailCharaSeriesHALLOWEEN {
	 content: url( 'icons/ICON_SERIES_HALLOWEEN.png' ) ;
	 width: auto ;
	 height: 100% ;
 }
 .detailCharaSeriesHOLIDAY {
	 content: url( 'icons/ICON_SERIES_HOLIDAY.png' ) ;
	 width: auto ;
	 height: 100% ;
 }
 .detailCharaSeries12GENERALS {
	 content: url( 'icons/ICON_SERIES_12GENERALS.png' ) ;
	 width: auto ;
	 height: 100% ;
 }
 .detailCharaSeriesGRAND {
	 content: url( 'icons/ICON_SERIES_LIMITED.png' ) ;
	 width: auto ;
	 height: 100% ;
 }
 .detailCharaSeriesGRAND:lang(en) {
	 content: url( 'icons/EN/ICON_SERIES_GRAND.png' ) ;
	 width: auto ;
	 height: 100% ;
 }
 .detailCharaSeriesFANTASY {
	 content: url( 'icons/ICON_SERIES_FANTASY.png' ) ;
	 width: auto ;
	 height: 100% ;
 }
 .detailCharaSeriesTIE_IN {
	 content: url( 'icons/ICON_SERIES_COLLAB.png' ) ;
	 width: auto ;
	 height: 100% ;
 }
 .detailCharaSeriesTIE_IN:lang(en) {
	 content: url( 'icons/EN/ICON_SERIES_TIE_IN.png' ) ;
	 width: auto ;
	 height: 100% ;
 }
 .detailCharaSeriesETERNALS {
	 content: url( 'icons/ICON_SERIES_ETERNALS.png' ) ;
	 width: auto ;
	 height: 100% ;
 }
 .detailCharaSeriesEVOKERS {
	 content: url( 'icons/ICON_SERIES_EVOKERS.png' ) ;
	 width: auto ;
	 height: 100% ;
 }
 .detailCharaSeriesSTYLE {
	 content: url( 'icons/ICON_SERIES_STYLE.png' ) ;
	 width: auto ;
	 height: 100% ;
 }
 .optCharaSeriesSUMMER {
	 content: url( 'icons/ICON_SERIES_SUMMER.png' ) ;
 }
 .optCharaSeriesYUKATA {
	 content: url( 'icons/ICON_SERIES_YUKATA.png' ) ;
 }
 .optCharaSeriesVALENTINE {
	 content: url( 'icons/ICON_SERIES_VALENTINE.png' ) ;
 }
 .optCharaSeriesHALLOWEEN {
	 content: url( 'icons/ICON_SERIES_HALLOWEEN.png' ) ;
 }
 .optCharaSeriesHOLIDAY {
	 content: url( 'icons/ICON_SERIES_HOLIDAY.png' ) ;
 }
 .optCharaSeries12GENERALS {
	 content: url( 'icons/ICON_SERIES_12GENERALS.png' ) ;
 }
 .optCharaSeriesGRAND {
	 content: url( 'icons/ICON_SERIES_LIMITED.png' ) ;
 }
 .optCharaSeriesGRAND:lang(en) {
	 content: url( 'icons/EN/ICON_SERIES_GRAND.png' ) ;
 }
 .optCharaSeriesFANTASY {
	 content: url( 'icons/ICON_SERIES_FANTASY.png' ) ;
 }
 .optCharaSeriesTIE_IN {
	 content: url( 'icons/ICON_SERIES_COLLAB.png' ) ;
 }
 .optCharaSeriesTIE_IN:lang(en) {
	 content: url( 'icons/EN/ICON_SERIES_TIE_IN.png' ) ;
 }
 .optCharaSeriesETERNALS {
	 content: url( 'icons/ICON_SERIES_ETERNALS.png' ) ;
 }
 .optCharaSeriesEVOKERS {
	 content: url( 'icons/ICON_SERIES_EVOKERS.png' ) ;
 }
 .optCharaSeriesSTYLE {
	 content: url( 'icons/ICON_SERIES_STYLE.png' ) ;
 }
}
/* Edge用 */
@supports (-ms-ime-align: auto) {
/* */
/*
 .ab_opt_rare {
	margin: 0 0 0 ;
	width: 100% ;
	height: 5em ;
	display: flex ;
	justify-content: space-between ;
 }
 .ab_opt_element {
	display: flex ;
	margin: 0 0 0 ;
	width: 100% ;
	height: 5em ;
	justify-content: space-between ;
 }
 .ab_opt_type {
	display: flex ;
	margin: 0 0 0 ;
	width: 100% ;
	height: 5em ;
	justify-content: space-between ;
 }
 .ab_opt_style {
	display: flex ;
	margin: 0 0 0 ;
	width: 100% ;
	height: 5em ;
	justify-content: space-between ;
 }
 .ab_opt_speciality {
	display: flex ;
	margin: 0 0 0 ;
	width: 100% ;
	height: 2.5em ;
	justify-content: space-between ;
	flex-wrap: wrap ;
 }
*/
/*
 .chara_rare_SSR {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_RARE_SSR_S.png' ) no-repeat ;
	background-size: contain ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
*/
 .chara_element_FIRE {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_ELEM_FIRE_S.png' ) no-repeat ;
	background-size: contain ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
 .chara_element_WIND {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_ELEM_WIND_S.png' ) no-repeat ;
	background-size: contain ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
 .chara_element_EARTH {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_ELEM_EARTH_S.png' ) no-repeat ;
	background-size: contain ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
 .chara_element_WATER {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_ELEM_WATER_S.png' ) no-repeat ;
	background-size: contain ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
 .chara_element_LIGHT {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_ELEM_LIGHT_S.png' ) no-repeat ;
	background-size: contain ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
 .chara_element_DARK {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_ELEM_DARK_S.png' ) no-repeat ;
	background-size: contain ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
 .chara_element_NONE {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_ELEM_NONE_S.png' ) no-repeat ;
	background-size: contain ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
 .chara_style_ATTACK {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_STYLE_ATTACK_S.png' ) no-repeat ;
	background-size: contain ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
 .chara_style_BALANCE {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_STYLE_BALANCE_S.png' ) no-repeat ;
	background-size: contain ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
 .chara_style_DEFENCE {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_STYLE_DEFENCE_S.png' ) no-repeat ;
	background-size: contain ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
 .chara_style_HEAL {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_STYLE_HEAL_S.png' ) no-repeat ;
	background-size: contain ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
 .chara_style_SPECIAL {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_STYLE_SPECIAL_S.png' ) no-repeat ;
	background-size: contain ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
 .chara_type_DRAPH {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_TYPE_DRAPH_S.png' ) no-repeat ;
	background-size: contain ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
 .chara_type_ERUNE {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_TYPE_ERUNE_S.png' ) no-repeat ;
	background-size: contain ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
 .chara_type_HARVIN {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_TYPE_HARVIN_S.png' ) no-repeat ;
	background-size: contain ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
 .chara_type_HUMAN {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_TYPE_HUMAN_S.png' ) no-repeat ;
	background-size: contain ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
 .chara_type_PRIMAL {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_TYPE_PRIMAL_S.png' ) no-repeat ;
	background-size: contain ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
 .chara_type_UNK {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_TYPE_UNK_S.png' ) no-repeat ;
	background-size: contain ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
 .chara_speciality_AXE {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_WP_AXE_S.png' ) no-repeat ;
	background-size: contain ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
 .chara_speciality_BOW {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_WP_BOW_S.png' ) no-repeat ;
	background-size: contain ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
 .chara_speciality_DAGGER {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_WP_DAGGER_S.png' ) no-repeat ;
	background-size: contain ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
 .chara_speciality_GUN {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_WP_GUN_S.png' ) no-repeat ;
	background-size: contain ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
 .chara_speciality_HARP {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_WP_HARP_S.png' ) no-repeat ;
	background-size: contain ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
 .chara_speciality_KATANA {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_WP_KATANA_S.png' ) no-repeat ;
	background-size: contain ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
 .chara_speciality_MELEE {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_WP_MELEE_S.png' ) no-repeat ;
	background-size: contain ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
 .chara_speciality_SABRE {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_WP_SABRE_S.png' ) no-repeat ;
	background-size: contain ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
 .chara_speciality_SPEAR {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_WP_SPEAR_S.png' ) no-repeat ;
	background-size: contain ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
 .chara_speciality_STAFF {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_WP_STAFF_S.png' ) no-repeat ;
	background-size: contain ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }

 .chara_series_SUMMER {
	 content: '' ;
	 display: inline-block ;
	 background: url( 'icons/ICON_SERIES_SUMMER_S.png' ) no-repeat ;
	 background-size: contain ;
	 width: 1.5em ;
	 height: 1.5em ;
	 vertical-align: middle ;
 }
 .chara_series_YUKATA {
	 content: '' ;
	 display: inline-block ;
	 background: url( 'icons/ICON_SERIES_YUKATA_S.png' ) no-repeat ;
	 background-size: contain ;
	 width: 1.5em ;
	 height: 1.5em ;
	 vertical-align: middle ;
 }
 .chara_series_VALENTINE {
	 content: '' ;
	 display: inline-block ;
	 background: url( 'icons/ICON_SERIES_VALENTINE_S.png' ) no-repeat ;
	 background-size: contain ;
	 width: 1.5em ;
	 height: 1.5em ;
	 vertical-align: middle ;
 }
 .chara_series_HALLOWEEN {
	 content: '' ;
	 display: inline-block ;
	 background: url( 'icons/ICON_SERIES_HALLOWEEN_S.png' ) no-repeat ;
	 background-size: contain ;
	 width: 1.5em ;
	 height: 1.5em ;
	 vertical-align: middle ;
 }
 .chara_series_HOLIDAY {
	 content: '' ;
	 display: inline-block ;
	 background: url( 'icons/ICON_SERIES_HOLIDAY_S.png' ) no-repeat ;
	 background-size: contain ;
	 width: 1.5em ;
	 height: 1.5em ;
	 vertical-align: middle ;
 }
 .chara_series_12GENERALS {
	 content: '' ;
	 display: inline-block ;
	 background: url( 'icons/ICON_SERIES_12GENERALS_S.png' ) no-repeat ;
	 background-size: contain ;
	 width: 1.5em ;
	 height: 1.5em ;
	 vertical-align: middle ;
 }
 .chara_series_GRAND {
	 content: '' ;
	 display: inline-block ;
	 background: url( 'icons/ICON_SERIES_GRAND_S.png' ) no-repeat ;
	 background-size: contain ;
	 width: 1.5em ;
	 height: 1.5em ;
	 vertical-align: middle ;
 }
 .chara_series_GRAND:lang(en) {
	 background: url( 'icons/EN/ICON_SERIES_GRAND_S.png' ) no-repeat ;
 }
 .chara_series_FANTASY {
	 content: '' ;
	 display: inline-block ;
	 background: url( 'icons/ICON_SERIES_FANTASY_S.png' ) no-repeat ;
	 background-size: contain ;
	 width: 1.5em ;
	 height: 1.5em ;
	 vertical-align: middle ;
 }
 .chara_series_TIE_IN {
	 content: '' ;
	 display: inline-block ;
	 background: url( 'icons/ICON_SERIES_COLLAB_S.png' ) no-repeat ;
	 background-size: contain ;
	 width: 1.5em ;
	 height: 1.5em ;
	 vertical-align: middle ;
 }
 .chara_series_TIE_IN:lang(en) {
	 background: url( 'icons/EN/ICON_SERIES_TIE_IN_S.png' ) no-repeat ;
 }
 .chara_series_ETERNALS {
	 content: '' ;
	 display: inline-block ;
	 background: url( 'icons/ICON_SERIES_ETERNALS_S.png' ) no-repeat ;
	 background-size: contain ;
	 width: 1.5em ;
	 height: 1.5em ;
	 vertical-align: middle ;
 }
 .chara_series_EVOKERS {
	 content: '' ;
	 display: inline-block ;
	 background: url( 'icons/ICON_SERIES_EVOKERS_S.png' ) no-repeat ;
	 background-size: contain ;
	 width: 1.5em ;
	 height: 1.5em ;
	 vertical-align: middle ;
 }
 .chara_series_STYLE {
	 content: '' ;
	 display: inline-block ;
	 background: url( 'icons/ICON_SERIES_STYLE_S.png' ) no-repeat ;
	 background-size: contain ;
	 width: 1.5em ;
	 height: 1.5em ;
	 vertical-align: middle ;
 }

 .skill_kind_BUFF {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_SKILL_BUFF.png' ) no-repeat ;
	background-size: contain ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
 .skill_kind_DEBUFF {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_SKILL_DEBUFF.png' ) no-repeat ;
	background-size: contain ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
 .skill_kind_DAMAGE {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_SKILL_DAMAGE.png' ) no-repeat ;
	background-size: contain ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
 .skill_kind_HEAL {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_SKILL_HEAL.png' ) no-repeat ;
	background-size: contain ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
 .skill_kind_FIELD {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_SKILL_FIELD.png' ) no-repeat ;
	background-size: contain ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
 .skill_kind_SUP {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_SKILL_SUP.png' ) no-repeat ;
	background-size: contain ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
 .skill_kind_EX {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_SKILL_EX.png' ) no-repeat ;
	background-size: contain ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }
 .skill_kind_CA {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_SKILL_CA.png' ) no-repeat ;
	background-size: contain ;
	width: 1.5em ;
	height: 1.5em ;
	vertical-align: middle ;
 }

 .optSkillKindBUFF {
	content: '' ;
	background: url( 'icons/ICON_SKILL_BUFF.png' ) no-repeat ;
	background-size: contain ;
	width: auto ;
	height: 100% ;
 }
 .optSkillKindDEBUFF {
	content: '' ;
	background: url( 'icons/ICON_SKILL_DEBUFF.png' ) no-repeat ;
	background-size: contain ;
	width: auto ;
	height: 100% ;
 }
 .optSkillKindDAMAGE {
	content: '' ;
	background: url( 'icons/ICON_SKILL_DAMAGE.png' ) no-repeat ;
	background-size: contain ;
	width: auto ;
	height: 100% ;
 }
 .optSkillKindHEAL {
	content: '' ;
	background: url( 'icons/ICON_SKILL_HEAL.png' ) no-repeat ;
	background-size: contain ;
	width: auto ;
	height: 100% ;
 }
 .optSkillKindFIELD {
	content: '' ;
	background: url( 'icons/ICON_SKILL_FIELD.png' ) no-repeat ;
	background-size: contain ;
	width: auto ;
	height: 100% ;
 }
 .optSkillKindSUP {
	content: '' ;
	background: url( 'icons/ICON_SKILL_SUP.png' ) no-repeat ;
	background-size: contain ;
	width: auto ;
	height: 100% ;
 }
 .optSkillKindEX {
	content: '' ;
	background: url( 'icons/ICON_SKILL_EX.png' ) no-repeat ;
	background-size: contain ;
	width: auto ;
	height: 100% ;
 }
 .optSkillKindCA {
	content: '' ;
	background: url( 'icons/ICON_SKILL_CA.png' ) no-repeat ;
	background-size: contain ;
	width: auto ;
	height: 100% ;
 }

 .optCharaRareN {
	content: '' ;
	background: url( 'icons/ICON_RARE_N.png' ) no-repeat ;
	width: auto ;
	height: 100% ;
	background-size: contain ;
 }
 .optCharaRareR {
	content: '' ;
	background: url( 'icons/ICON_RARE_R.png' ) no-repeat ;
	width: auto ;
	height: 100% ;
	background-size: contain ;
 }
 .optCharaRareSR {
	content: '' ;
	background: url( 'icons/ICON_RARE_SR.png' ) no-repeat ;
	width: auto ;
	height: 100% ;
	background-size: contain ;
 }
 .optCharaRareSSR {
	content: '' ;
	background: url( 'icons/ICON_RARE_SSR.png' ) no-repeat ;
	width: auto ;
	height: 100% ;
	background-size: contain ;
 }
 .optCharaRareNONE {
	content: '' ;
	background: url( 'icons/ICON_RARE_NONE.png' ) no-repeat ;
	width: auto ;
	height: 100% ;
	background-size: contain ;
 }

 .detailCharaRareSSR {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_RARE_SSR.png' ) no-repeat ;
	width: 47px ;
	height: 100% ;
	background-size: contain ;
 }
 .detailCharaRareSR {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_RARE_SR.png' ) no-repeat ;
	width: 47px ;
	height: 100% ;
	background-size: contain ;
 }
 .detailCharaRareR {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_RARE_R.png' ) no-repeat ;
	width: 47px ;
	height: 100% ;
	background-size: contain ;
 }
 
 .detailCharaElemNONE {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_ELEM_NONE.png' ) no-repeat ;
	width: 37px ;
	height: auto ;
	background-size: contain ;
 }
 .detailCharaElemWIND {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_ELEM_WIND.png' ) no-repeat ;
	width: 37px ;
	height: 100% ;
	background-size: contain ;
 }
 .detailCharaElemFIRE {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_ELEM_FIRE.png' ) no-repeat ;
	width: 37px ;
	height: 100% ;
	background-size: contain ;
 }
 .detailCharaElemEARTH {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_ELEM_EARTH.png' ) no-repeat ;
	width: 37px ;
	height: 100% ;
	background-size: contain ;
 }
 .detailCharaElemWATER {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_ELEM_WATER.png' ) no-repeat ;
	width: 37px ;
	height: 100% ;
	background-size: contain ;
 }
 .detailCharaElemLIGHT {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_ELEM_LIGHT.png' ) no-repeat ;
	width: 37px ;
	height: 100% ;
	background-size: contain ;
 }
 .detailCharaElemDARK {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_ELEM_DARK.png' ) no-repeat ;
	width: 37px ;
	height: 100% ;
	background-size: contain ;
 }
 .detailCharaElemNONE:lang(en) {
	background: url( 'icons/ICON_ELEM_NONE.png' ) no-repeat ;
	background-size: contain ;
 }
 .detailCharaElemWIND:lang(en) {
	background: url( 'icons/ICON_ELEM_WIND.png' ) no-repeat ;
	background-size: contain ;
 }
 .detailCharaElemFIRE:lang(en) {
	background: url( 'icons/ICON_ELEM_FIRE.png' ) no-repeat ;
	background-size: contain ;
 }
 .detailCharaElemEARTH:lang(en) {
	background: url( 'icons/ICON_ELEM_EARTH.png' ) no-repeat ;
	background-size: contain ;
 }
 .detailCharaElemWATER:lang(en) {
	background: url( 'icons/ICON_ELEM_WATER.png' ) no-repeat ;
	background-size: contain ;
 }
 .detailCharaElemLIGHT:lang(en) {
	background: url( 'icons/ICON_ELEM_LIGHT.png' ) no-repeat ;
	background-size: contain ;
 }
 .detailCharaElemDARK:lang(en) {
	background: url( 'icons/ICON_ELEM_DARK.png' ) no-repeat ;
	background-size: contain ;
 }

 .optCharaElemNONE {
	content: '' ;
	background: url( 'icons/ICON_ELEM_NONE.png' ) no-repeat ;
	width: auto ;
	height: 100% ;
	background-size: contain ;
 }
 .optCharaElemWIND {
	content: '' ;
	background: url( 'icons/ICON_ELEM_WIND.png' ) no-repeat ;
	width: auto ;
	height: 100% ;
	background-size: contain ;
 }
 .optCharaElemFIRE {
	content: '' ;
	background: url( 'icons/ICON_ELEM_FIRE.png' ) no-repeat ;
	width: auto ;
	height: 100% ;
	background-size: contain ;
 }
 .optCharaElemEARTH {
	content: '' ;
	background: url( 'icons/ICON_ELEM_EARTH.png' ) no-repeat ;
	width: auto ;
	height: 100% ;
	background-size: contain ;
 }
 .optCharaElemWATER {
	content: '' ;
	background: url( 'icons/ICON_ELEM_WATER.png' ) no-repeat ;
	width: auto ;
	height: 100% ;
	background-size: contain ;
 }
 .optCharaElemLIGHT {
	content: '' ;
	background: url( 'icons/ICON_ELEM_LIGHT.png' ) no-repeat ;
	width: auto ;
	height: 100% ;
	background-size: contain ;
 }
 .optCharaElemDARK {
	content: '' ;
	background: url( 'icons/ICON_ELEM_DARK.png' ) no-repeat ;
	width: auto ;
	height: 100% ;
	background-size: contain ;
 }
 .optCharaElemNONE:lang(en) {
	 background: url( 'icons/EN/ICON_ELEM_NONE.png' ) no-repeat ;
	 background-size: contain ;
 }
 .optCharaElemWIND:lang(en) {
	background: url( 'icons/EN/ICON_ELEM_WIND.png' ) no-repeat ;
	background-size: contain ;
 }
 .optCharaElemFIRE:lang(en) {
	background: url( 'icons/EN/ICON_ELEM_FIRE.png' ) no-repeat ;
	background-size: contain ;
 }
 .optCharaElemEARTH:lang(en) {
	background: url( 'icons/EN/ICON_ELEM_EARTH.png' ) no-repeat ;
	background-size: contain ;
 }
 .optCharaElemWATER:lang(en) {
	background: url( 'icons/EN/ICON_ELEM_WATER.png' ) no-repeat ;
	background-size: contain ;
 }
 .optCharaElemLIGHT:lang(en) {
	background: url( 'icons/EN/ICON_ELEM_LIGHT.png' ) no-repeat ;
	background-size: contain ;
 }
 .optCharaElemDARK:lang(en) {
	background: url( 'icons/EN/ICON_ELEM_DARK.png' ) no-repeat ;
	background-size: contain ;
 }
 
 .detailCharaTypeUNK {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_TYPE_UNK.png' ) no-repeat ;
	width: 37px;
	height: 100% ;
	background-size: contain ;
 }
 .detailCharaTypeHUMAN {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_TYPE_HUMAN.png' ) no-repeat ;
	width: 37px ;
	height: 100% ;
	background-size: contain ;
 }
 .detailCharaTypeERUNE {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_TYPE_ERUNE.png' ) no-repeat ;
	width: 37px ;
	height: 100% ;
	background-size: contain ;
 }
 .detailCharaTypeDRAPH {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_TYPE_DRAPH.png' ) no-repeat ;
	width: 37px ;
	height: 100% ;
	background-size: contain ;
 }
 .detailCharaTypeHARVIN {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_TYPE_HARVIN.png' ) no-repeat ;
	width: 37px ;
	height: 100% ;
	background-size: contain ;
 }
 .detailCharaTypePRIMAL {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_TYPE_PRIMAL.png' ) no-repeat ;
	width: 37px ;
	height: 100% ;
	background-size: contain ;
 }
 .detailCharaTypeUNK:lang(en) {
	background: url( 'icons/EN/ICON_TYPE_UNK.png' ) no-repeat ;
	background-size: contain ;
 }
 .detailCharaTypeHUMAN:lang(en) {
	background: url( 'icons/EN/ICON_TYPE_HUMAN.png' ) no-repeat ;
	background-size: contain ;
 }
 .detailCharaTypeERUNE:lang(en) {
	background: url( 'icons/EN/ICON_TYPE_ERUNE.png' ) no-repeat ;
	background-size: contain ;
 }
 .detailCharaTypeDRAPH:lang(en) {
	background: url( 'icons/EN/ICON_TYPE_DRAPH.png' ) no-repeat ;
	background-size: contain ;
 }
 .detailCharaTypeHARVIN:lang(en) {
	background: url( 'icons/EN/ICON_TYPE_HARVIN.png' ) no-repeat ;
	background-size: contain ;
 }
 .detailCharaTypePRIMAL:lang(en) {
	background: url( 'icons/EN/ICON_TYPE_PRIMAL.png' ) no-repeat ;
	background-size: contain ;
 }

 .optCharaTypeUNK {
	content: '' ;
	background: url( 'icons/ICON_TYPE_UNK.png' ) no-repeat ;
	width: auto;
	height: 100% ;
	background-size: contain ;
 }
 .optCharaTypeHUMAN {
	content: '' ;
	background: url( 'icons/ICON_TYPE_HUMAN.png' ) no-repeat ;
	width: auto ;
	height: 100% ;
	background-size: contain ;
 }
 .optCharaTypeERUNE {
	content: '' ;
	background: url( 'icons/ICON_TYPE_ERUNE.png' ) no-repeat ;
	width: auto ;
	height: 100% ;
	background-size: contain ;
 }
 .optCharaTypeDRAPH {
	content: '' ;
	background: url( 'icons/ICON_TYPE_DRAPH.png' ) no-repeat ;
	width: auto ;
	height: 100% ;
	background-size: contain ;
 }
 .optCharaTypeHARVIN {
	content: '' ;
	background: url( 'icons/ICON_TYPE_HARVIN.png' ) no-repeat ;
	width: auto ;
	height: 100% ;
	background-size: contain ;
 }
 .optCharaTypePRIMAL {
	content: '' ;
	background: url( 'icons/ICON_TYPE_PRIMAL.png' ) no-repeat ;
	width: auto ;
	height: 100% ;
	background-size: contain ;
 }
 .optCharaTypeUNK:lang(en) {
	background: url( 'icons/EN/ICON_TYPE_UNK.png' ) no-repeat ;
	background-size: contain ;
 }
 .optCharaTypeHUMAN:lang(en) {
	background: url( 'icons/EN/ICON_TYPE_HUMAN.png' ) no-repeat ;
	background-size: contain ;
 }
 .optCharaTypeERUNE:lang(en) {
	background: url( 'icons/EN/ICON_TYPE_ERUNE.png' ) no-repeat ;
	background-size: contain ;
 }
 .optCharaTypeDRAPH:lang(en) {
	background: url( 'icons/EN/ICON_TYPE_DRAPH.png' ) no-repeat ;
	background-size: contain ;
 }
 .optCharaTypeHARVIN:lang(en) {
	background: url( 'icons/EN/ICON_TYPE_HARVIN.png' ) no-repeat ;
	background-size: contain ;
 }
 .optCharaTypePRIMAL:lang(en) {
	background: url( 'icons/EN/ICON_TYPE_PRIMAL.png' ) no-repeat ;
	background-size: contain ;
 }

 .detailCharaStyleNONE {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_STYLE_NONE.png' ) no-repeat ;
	width: 37px ;
	height: 100% ;
	background-size: contain ;
 }
 .detailCharaStyleATTACK {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_STYLE_ATTACK.png' ) no-repeat ;
	width: 37px ;
	height: 100% ;
	background-size: contain ;
 }
 .detailCharaStyleDEFENCE {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_STYLE_DEFENCE.png' ) no-repeat ;
	width: 37px ;
	height: 100% ;
	background-size: contain ;
 }
 .detailCharaStyleHEAL {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_STYLE_HEAL.png' ) no-repeat ;
	width: 37px ;
	height: 100% ;
	background-size: contain ;
 }
 .detailCharaStyleBALANCE {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_STYLE_BALANCE.png' ) no-repeat ;
	width: 37px ;
	height: 100% ;
	background-size: contain ;
 }
 .detailCharaStyleSPECIAL {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_STYLE_SPECIAL.png' ) no-repeat ;
	width: 37px ;
	height: 100% ;
	background-size: contain ;
 }
 .detailCharaStyleNONE:lang(en) {
	background: url( 'icons/EN/ICON_STYLE_NONE.png' ) no-repeat ;
	background-size: contain ;
 }
 .detailCharaStyleATTACK:lang(en) {
	background: url( 'icons/EN/ICON_STYLE_ATTACK.png' ) no-repeat ;
	background-size: contain ;
 }
 .detailCharaStyleDEFENCE:lang(en) {
	background: url( 'icons/EN/ICON_STYLE_DEFENCE.png' ) no-repeat ;
	background-size: contain ;
 }
 .detailCharaStyleHEAL:lang(en) {
	background: url( 'icons/EN/ICON_STYLE_HEAL.png' ) no-repeat ;
	background-size: contain ;
 }
 .detailCharaStyleBALANCE:lang(en) {
	background: url( 'icons/EN/ICON_STYLE_BALANCE.png' ) no-repeat ;
	background-size: contain ;
 }
 .detailCharaStyleSPECIAL:lang(en) {
	background: url( 'icons/EN/ICON_STYLE_SPECIAL.png' ) no-repeat ;
	background-size: contain ;
 }

 .optCharaStyleNONE {
	content: '' ;
	background: url( 'icons/ICON_STYLE_NONE.png' ) no-repeat ;
	width: auto ;
	height: 100% ;
	background-size: contain ;
 }
 .optCharaStyleATTACK {
	content: '' ;
	background: url( 'icons/ICON_STYLE_ATTACK.png' ) no-repeat ;
	width: auto ;
	height: 100% ;
	background-size: contain ;
 }
 .optCharaStyleDEFENCE {
	content: '' ;
	background: url( 'icons/ICON_STYLE_DEFENCE.png' ) no-repeat ;
	width: auto ;
	height: 100% ;
	background-size: contain ;
 }
 .optCharaStyleHEAL {
	content: '' ;
	background: url( 'icons/ICON_STYLE_HEAL.png' ) no-repeat ;
	width: auto ;
	height: 100% ;
	background-size: contain ;
 }
 .optCharaStyleBALANCE {
	content: '' ;
	background: url( 'icons/ICON_STYLE_BALANCE.png' ) no-repeat ;
	width: auto ;
	height: 100% ;
	background-size: contain ;
 }
 .optCharaStyleSPECIAL {
	content: '' ;
	background: url( 'icons/ICON_STYLE_SPECIAL.png' ) no-repeat ;
	width: auto ;
	height: 100% ;
	background-size: contain ;
 }
 .optCharaStyleNONE:lang(en) {
	background: url( 'icons/EN/ICON_STYLE_NONE.png' ) no-repeat ;
	background-size: contain ;
 }
 .optCharaStyleATTACK:lang(en) {
	background: url( 'icons/EN/ICON_STYLE_ATTACK.png' ) no-repeat ;
	background-size: contain ;
 }
 .optCharaStyleDEFENCE:lang(en) {
	background: url( 'icons/EN/ICON_STYLE_DEFENCE.png' ) no-repeat ;
	background-size: contain ;
 }
 .optCharaStyleHEAL:lang(en) {
	background: url( 'icons/EN/ICON_STYLE_HEAL.png' ) no-repeat ;
	background-size: contain ;
 }
 .optCharaStyleBALANCE:lang(en) {
	background: url( 'icons/EN/ICON_STYLE_BALANCE.png' ) no-repeat ;
	background-size: contain ;
 }
 .optCharaStyleSPECIAL:lang(en) {
	background: url( 'icons/EN/ICON_STYLE_SPECIAL.png' ) no-repeat ;
	background-size: contain ;
 }

 .detailCharaSpecialityNONE {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_WP_NONE.png' ) no-repeat ;
	width: 47px ;
	height: 50% ;
	background-size: contain ;
 }
 .detailCharaSpecialitySPEAR {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_WP_SPEAR.png' ) no-repeat ;
	width: 47px ;
	height: 50% ;
	background-size: contain ;
 }
 .detailCharaSpecialityBOW {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_WP_BOW.png' ) no-repeat ;
	width: 47px ;
	height: 50% ;
	background-size: contain ;
 }
 .detailCharaSpecialityAXE {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_WP_AXE.png' ) no-repeat ;
	width: 47px ;
	height: 50% ;
	background-size: contain ;
 }
 .detailCharaSpecialityDAGGER {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_WP_DAGGER.png' ) no-repeat ;
	width: 47px ;
	height: 50% ;
	background-size: contain ;
 }
 .detailCharaSpecialitySTAFF {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_WP_STAFF.png' ) no-repeat ;
	width: 47px ;
	height: 50% ;
	background-size: contain ;
 }
 .detailCharaSpecialityMELEE {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_WP_MELEE.png' ) no-repeat ;
	width: 47px ;
	height: 50% ;
	background-size: contain ;
 }
 .detailCharaSpecialitySABRE {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_WP_SABRE.png' ) no-repeat ;
	width: 47px ;
	height: 50% ;
	background-size: contain ;
 }
 .detailCharaSpecialityKATANA {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_WP_KATANA.png' ) no-repeat ;
	width: 47px ;
	height: 50% ;
	background-size: contain ;
 }
 .detailCharaSpecialityHARP {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_WP_HARP.png' ) no-repeat ;
	width: 47px ;
	height: 50% ;
	background-size: contain ;
 }
 .detailCharaSpecialityGUN {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_WP_GUN.png' ) no-repeat ;
	width: 47px ;
	height: 50% ;
	background-size: contain ;
 }
 .detailCharaSpecialityNONE:lang(en) {
	background: url( 'icons/EN/ICON_WP_NONE.png' ) no-repeat ;
	background-size: contain ;
 }
 .detailCharaSpecialitySPEAR:lang(en) {
	background: url( 'icons/EN/ICON_WP_SPEAR.png' ) no-repeat ;
	background-size: contain ;
 }
 .detailCharaSpecialityBOW:lang(en) {
	background: url( 'icons/EN/ICON_WP_BOW.png' ) no-repeat ;
	background-size: contain ;
 }
 .detailCharaSpecialityAXE:lang(en) {
	background: url( 'icons/EN/ICON_WP_AXE.png' ) no-repeat ;
	background-size: contain ;
 }
 .detailCharaSpecialityDAGGER:lang(en) {
	background: url( 'icons/EN/ICON_WP_DAGGER.png' ) no-repeat ;
	background-size: contain ;
 }
 .detailCharaSpecialitySTAFF:lang(en) {
	background: url( 'icons/EN/ICON_WP_STAFF.png' ) no-repeat ;
	background-size: contain ;
 }
 .detailCharaSpecialityMELEE:lang(en) {
	background: url( 'icons/EN/ICON_WP_MELEE.png' ) no-repeat ;
	background-size: contain ;
 }
 .detailCharaSpecialitySABRE:lang(en) {
	background: url( 'icons/EN/ICON_WP_SABRE.png' ) no-repeat ;
	background-size: contain ;
 }
 .detailCharaSpecialityKATANA:lang(en) {
	background: url( 'icons/EN/ICON_WP_KATANA.png' ) no-repeat ;
	background-size: contain ;
 }
 .detailCharaSpecialityHARP:lang(en) {
	background: url( 'icons/EN/ICON_WP_HARP.png' ) no-repeat ;
	background-size: contain ;
 }
 .detailCharaSpecialityGUN:lang(en) {
	background: url( 'icons/EN/ICON_WP_GUN.png' ) no-repeat ;
	background-size: contain ;
 }

 .optCharaSpecialityNONE {
	content: '' ;
	background: url( 'icons/ICON_WP_NONE.png' ) no-repeat ;
	width: auto ;
	height: 100% ;
	background-size: contain ;
 }
 .optCharaSpecialitySPEAR {
	content: '' ;
	background: url( 'icons/ICON_WP_SPEAR.png' ) no-repeat ;
	width: auto ;
	height: 100% ;
	background-size: contain ;
 }
 .optCharaSpecialityBOW {
	content: '' ;
	background: url( 'icons/ICON_WP_BOW.png' ) no-repeat ;
	width: auto ;
	height: 100% ;
	background-size: contain ;
 }
 .optCharaSpecialityAXE {
	content: '' ;
	background: url( 'icons/ICON_WP_AXE.png' ) no-repeat ;
	width: auto ;
	height: 100% ;
	background-size: contain ;
 }
 .optCharaSpecialityDAGGER {
	content: '' ;
	background: url( 'icons/ICON_WP_DAGGER.png' ) no-repeat ;
	width: auto ;
	height: 100% ;
	background-size: contain ;
 }
 .optCharaSpecialitySTAFF {
	content: '' ;
	background: url( 'icons/ICON_WP_STAFF.png' ) no-repeat ;
	width: auto ;
	height: 100% ;
	background-size: contain ;
 }
 .optCharaSpecialityMELEE {
	content: '' ;
	background: url( 'icons/ICON_WP_MELEE.png' ) no-repeat ;
	width: auto ;
	height: 100% ;
	background-size: contain ;
 }
 .optCharaSpecialitySABRE {
	content: '' ;
	background: url( 'icons/ICON_WP_SABRE.png' ) no-repeat ;
	width: auto ;
	height: 100% ;
	background-size: contain ;
 }
 .optCharaSpecialityKATANA {
	content: '' ;
	background: url( 'icons/ICON_WP_KATANA.png' ) no-repeat ;
	width: auto ;
	height: 100% ;
	background-size: contain ;
 }
 .optCharaSpecialityHARP {
	content: '' ;
	background: url( 'icons/ICON_WP_HARP.png' ) no-repeat ;
	width: auto ;
	height: 100% ;
	background-size: contain ;
 }
 .optCharaSpecialityGUN {
	content: '' ;
	background: url( 'icons/ICON_WP_GUN.png' ) no-repeat ;
	width: auto ;
	height: 100% ;
	background-size: contain ;
 }
 .optCharaSpecialityNONE:lang(en) {
	background: url( 'icons/EN/ICON_WP_NONE.png' ) no-repeat ;
	background-size: contain ;
 }
 .optCharaSpecialitySPEAR:lang(en) {
	background: url( 'icons/EN/ICON_WP_SPEAR.png' ) no-repeat ;
	background-size: contain ;
 }
 .optCharaSpecialityBOW:lang(en) {
	background: url( 'icons/EN/ICON_WP_BOW.png' ) no-repeat ;
	background-size: contain ;
 }
 .optCharaSpecialityAXE:lang(en) {
	background: url( 'icons/EN/ICON_WP_AXE.png' ) no-repeat ;
	background-size: contain ;
 }
 .optCharaSpecialityDAGGER:lang(en) {
	background: url( 'icons/EN/ICON_WP_DAGGER.png' ) no-repeat ;
	background-size: contain ;
 }
 .optCharaSpecialitySTAFF:lang(en) {
	background: url( 'icons/EN/ICON_WP_STAFF.png' ) no-repeat ;
	background-size: contain ;
 }
 .optCharaSpecialityMELEE:lang(en) {
	background: url( 'icons/EN/ICON_WP_MELEE.png' ) no-repeat ;
	background-size: contain ;
 }
 .optCharaSpecialitySABRE:lang(en) {
	background: url( 'icons/EN/ICON_WP_SABRE.png' ) no-repeat ;
	background-size: contain ;
 }
 .optCharaSpecialityKATANA:lang(en) {
	background: url( 'icons/EN/ICON_WP_KATANA.png' ) no-repeat ;
	background-size: contain ;
 }
 .optCharaSpecialityHARP:lang(en) {
	background: url( 'icons/EN/ICON_WP_HARP.png' ) no-repeat ;
	background-size: contain ;
 }
 .optCharaSpecialityGUN:lang(en) {
	background: url( 'icons/EN/ICON_WP_GUN.png' ) no-repeat ;
	background-size: contain ;
 }

 .detailCharaSexMALE {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_GENDER_MALE.png' ) no-repeat ;
	width: 37px ;
	height: 100% ;
	background-size: contain ;
 }
 .detailCharaSexFEMALE {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_GENDER_FEMALE.png' ) no-repeat ;
	width: 37px ;
	height: 100% ;
	background-size: contain ;
 }
 .detailCharaSexOTHER {
	content: '' ;
	display: inline-block ;
	background: url( 'icons/ICON_GENDER_OTHER.png' ) no-repeat ;
	width: 37px ;
	height: 100% ;
	background-size: contain ;
 }
 .detailCharaSexMALE:lang(en) {
	background: url( 'icons/EN/ICON_GENDER_MALE.png' ) no-repeat ;
	background-size: contain ;
 }
 .detailCharaSexFEMALE:lang(en) {
	background: url( 'icons/EN/ICON_GENDER_FEMALE.png' ) no-repeat ;
	background-size: contain ;
 }
 .detailCharaSexOTHER:lang(en) {
	background: url( 'icons/EN/ICON_GENDER_OTHER.png' ) no-repeat ;
	background-size: contain ;
 }

 .optCharaSexMALE {
	content: '' ;
	background: url( 'icons/ICON_GENDER_MALE.png' ) no-repeat ;
	width: auto ;
	height: 100% ;
	background-size: contain ;
 }
 .optCharaSexFEMALE {
	content: '' ;
	background: url( 'icons/ICON_GENDER_FEMALE.png' ) no-repeat ;
	width: auto ;
	height: 100% ;
	background-size: contain ;
 }
 .optCharaSexOTHER {
	content: '' ;
	background: url( 'icons/ICON_GENDER_OTHER.png' ) no-repeat ;
	width: auto ;
	height: 100% ;
	background-size: contain ;
 }
 .optCharaSexMALE:lang(en) {
	background: url( 'icons/EN/ICON_GENDER_MALE.png' ) no-repeat ;
	background-size: contain ;
 }
 .optCharaSexFEMALE:lang(en) {
	background: url( 'icons/EN/ICON_GENDER_FEMALE.png' ) no-repeat ;
	background-size: contain ;
 }
 .optCharaSexOTHER:lang(en) {
	background: url( 'icons/EN/ICON_GENDER_OTHER.png' ) no-repeat ;
	background-size: contain ;
 }
 .detailCharaSeriesSUMMER {
	 content: '' ;
	 display: inline-block ;
	 background: url( 'icons/ICON_SERIES_SUMMER.png' ) no-repeat ;
	 width: 37px ;
	 height: 100% ;
	 background-size: contain ;
 }
 .detailCharaSeriesYUKATA {
	 content: '' ;
	 display: inline-block ;
	 background: url( 'icons/ICON_SERIES_YUKATA.png' ) no-repeat ;
	 width: 37px ;
	 height: 100% ;
	 background-size: contain ;
 }
 .detailCharaSeriesVALENTINE {
	 content: '' ;
	 display: inline-block ;
	 background: url( 'icons/ICON_SERIES_VALENTINE.png' ) no-repeat ;
	 width: 37px ;
	 height: 100% ;
	 background-size: contain ;
 }
 .detailCharaSeriesHALLOWEEN {
	 content: '' ;
	 display: inline-block ;
	 background: url( 'icons/ICON_SERIES_HALLOWEEN.png' ) no-repeat ;
	 width: 37px ;
	 height: 100% ;
	 background-size: contain ;
 }
 .detailCharaSeriesHOLIDAY {
	 content: '' ;
	 display: inline-block ;
	 background: url( 'icons/ICON_SERIES_HOLIDAY.png' ) no-repeat ;
	 width: 37px ;
	 height: 100% ;
	 background-size: contain ;
 }
 .detailCharaSeries12GENERALS {
	 content: '' ;
	 display: inline-block ;
	 background: url( 'icons/ICON_SERIES_12GENERALS.png' ) no-repeat ;
	 width: 37px ;
	 height: 100% ;
	 background-size: contain ;
 }
 .detailCharaSeriesGRAND {
	 content: '' ;
	 display: inline-block ;
	 background: url( 'icons/ICON_SERIES_LIMITED.png' ) no-repeat ;
	 width: 37px ;
	 height: 100% ;
	 background-size: contain ;
 }
 .detailCharaSeriesGRAND:lang(en) {
	 background: url( 'icons/EN/ICON_SERIES_GRAND.png' ) no-repeat ;
	 background-size: contain ;
 }
 .detailCharaSeriesFANTASY {
	 content: '' ;
	 display: inline-block ;
	 background: url( 'icons/ICON_SERIES_FANTASY.png' ) no-repeat ;
	 width: 37px ;
	 height: 100% ;
	 background-size: contain ;
 }
 .detailCharaSeriesTIE_IN {
	 content: '' ;
	 display: inline-block ;
	 background: url( 'icons/ICON_SERIES_TIE_IN.png' ) no-repeat ;
	 width: 37px ;
	 height: 100% ;
	 background-size: contain ;
 }
 .detailCharaSeriesTIE_IN:lang(en) {
	 background: url( 'icons/EN/ICON_SERIES_TIE_IN.png' ) no-repeat ;
	 background-size: contain ;
 }
 .detailCharaSeriesETERNALS {
	 content: '' ;
	 display: inline-block ;
	 background: url( 'icons/ICON_SERIES_ETERNALS.png' ) no-repeat ;
	 width: 37px ;
	 height: 100% ;
	 background-size: contain ;
 }
 .detailCharaSeriesEVOKERS {
	 content: '' ;
	 display: inline-block ;
	 background: url( 'icons/ICON_SERIES_EVOKERS.png' ) no-repeat ;
	 width: 37px ;
	 height: 100% ;
	 background-size: contain ;
 }
 .detailCharaSeriesSTYLE {
	 content: '' ;
	 display: inline-block ;
	 background: url( 'icons/ICON_SERIES_STYLE.png' ) no-repeat ;
	 width: 37px ;
	 height: 100% ;
	 background-size: contain ;
 }
 .optCharaSeriesSUMMER {
	 content: '' ;
	 background: url( 'icons/ICON_SERIES_SUMMER.png' ) no-repeat ;
	 width: auto ;
	 height: 100% ;
	 background-size: contain ;
 }
 .optCharaSeriesYUKATA {
	 content: '' ;
	 background: url( 'icons/ICON_SERIES_YUKATA.png' ) no-repeat ;
	 width: auto ;
	 height: 100% ;
	 background-size: contain ;
 }
 .optCharaSeriesVALENTINE {
	 content: '' ;
	 background: url( 'icons/ICON_SERIES_VALENTINE.png' ) no-repeat ;
	 width: auto ;
	 height: 100% ;
	 background-size: contain ;
 }
 .optCharaSeriesHALLOWEEN {
	 content: '' ;
	 background: url( 'icons/ICON_SERIES_HALLOWEEN.png' ) no-repeat ;
	 width: auto ;
	 height: 100% ;
	 background-size: contain ;
 }
 .optCharaSeriesHOLIDAY {
	 content: '' ;
	 background: url( 'icons/ICON_SERIES_HOLIDAY.png' ) no-repeat ;
	 width: auto ;
	 height: 100% ;
	 background-size: contain ;
 }
 .optCharaSeries12GENERALS {
	 content: '' ;
	 background: url( 'icons/ICON_SERIES_12GENERALS.png' ) no-repeat ;
	 width: auto ;
	 height: 100% ;
	 background-size: contain ;
 }
 .optCharaSeriesGRAND {
	 content: '' ;
	 background: url( 'icons/ICON_SERIES_LIMITED.png' ) no-repeat ;
	 width: auto ;
	 height: 100% ;
	 background-size: contain ;
 }
 .optCharaSeriesGRAND:lang(en) {
	 background: url( 'icons/EN/ICON_SERIES_GRAND.png' ) no-repeat ;
	 background-size: contain ;
 }
 .optCharaSeriesFANTASY {
	 content: '' ;
	 background: url( 'icons/ICON_SERIES_FANTASY.png' ) no-repeat ;
	 width: auto ;
	 height: 100% ;
	 background-size: contain ;
 }
 .optCharaSeriesTIE_IN {
	 content: '' ;
	 background: url( 'icons/ICON_SERIES_COLLAB.png' ) no-repeat ;
	 width: auto ;
	 height: 100% ;
	 background-size: contain ;
 }
 .optCharaSeriesTIE_IN:lang(en) {
	 background: url( 'icons/EN/ICON_SERIES_TIE_IN.png' ) no-repeat ;
	 background-size: contain ;
 }
 .optCharaSeriesETERNALS {
	 content: '' ;
	 background: url( 'icons/ICON_SERIES_ETERNALS.png' ) no-repeat ;
	 width: auto ;
	 height: 100% ;
	 background-size: contain ;
 }
 .optCharaSeriesEVOKERS {
	 content: '' ;
	 background: url( 'icons/ICON_SERIES_EVOKERS.png' ) no-repeat ;
	 width: auto ;
	 height: 100% ;
	 background-size: contain ;
 }
 .optCharaSeriesSTYLE {
	 content: '' ;
	 background: url( 'icons/ICON_SERIES_STYLE.png' ) no-repeat ;
	 width: auto ;
	 height: 100% ;
	 background-size: contain ;
 }
}
/* ブラウザ種別対応ここまで */
.levelSelectButton {
	position: relative ;
	display: inline-block ;
	padding: 5pt 10pt 5pt ;
	border-radius: 5px ;
	box-shadow: 2px 2px 6px ;
	cursor: pointer ;
	opacity: 0.5 ;
}
.levelSelectButton0 input:checked + .levelSelectButton
{
	opacity: 1 ;
}

.manualSelectButton {
	margin: 0 ;
	opacity: 0.5 ;
}

.manualSelectButton0 input:checked + .manualSelectButton {
	margin: 0 ;
	opacity: 1 ;
}

.button_inactive {
	opacity: 0.5 ;
}

input.button_activate:checked ~ .button_inactive
{
	opacity: 1.0 ;
}

.opt_area_checked {
	position: relative ;
}

.opt_selecting {
	position: absolute ;
	top: -0.5em ;
	right: -0.5em ;
	display: block ;
	color: #FFCCCC ;
	font-weight: bold ;
	width: 1em ;
	height: 1em ;
	text-align: center ;
	line-height: 1em ;
	border-radius: 50% ;
	background: red ;
	border: solid ;
	border-color: #FFCCCC ;
	border-width: 1px ;
	opacity: 0 ;
}

.ab_info {
	color: #CCCCFF ;
	font-weight: bold ;
	width: 1.5em ;
	height: 2.1ex ;
	text-align: center ;
	line-height: 1.8ex ;
	border-radius: 5pt ;
	background: #88AAFF ;
	border: solid ;
	border-color: #CCCCFF ;
	border-width: 2px ;
	display: inline-block ;
	position: relative ;
	top: -0.5ex ;
	cursor: pointer ;
}

.ab_info::before {
	content: "" ;
	position: absolute ;
	bottom: -0.6ex ;
	left: 2.5px ;
	width: 0 ;
	height: 0 ;
	border-top: 5px solid #CCCCFF ;
	border-left: 1px solid transparent ;
	border-right: 12px solid transparent ;
	transform-origin: left top ;
	transform: skewX( 150deg ) ;
	cursor: pointer ;
}

.ab_cursor {
	cursor: pointer ;
}

.ab_list_img {
	width: 20% ;
}

.ab_list_info {
	width: 50% ;
}

.ab_list_table {
	width: 100% ;
	height: 50vh ;
}
.ab_list_table ~ tbody {
	height: 100% ;
}

.ab_dialog_img {
	width: 20% ;
	border-radius: 5pt 0pt 0pt 5pt ;
}

.ab_dialog_name {
	display: flex ;
/*	align-items: flex-end ; */
	border-radius: 5pt ;
	border: ridge ;
/*	font-weight: bold ; */
	color: #FFFFFF ;
}
.ab_dialog_name p {
	margin: 0 ;
	display: flex ;
	align-items: center ;
}

.ab_dialog_skillname {
	display: flex ;
	flex-grow: 1 ;
	border-radius: 5pt ;
	border: ridge ;
}
.ab_dialog_skillname span {
	display: flex ;
	margin: 0.1em 0.1em 0.1em 0 ;
	padding: 0.1em ;
	align-items: center ;
}
.ab_dialog_skillname p {
	margin: 0 ;
	display: flex ;
	align-items: center ;
}

.ab_dialog_skillinfo {
	display: inline-flex ;
	flex-direction: column ;
	justify-content: space-around ;
	border-radius: 5pt ;
	border: ridge ;
}
.ab_dialog_skillinfo p {
	margin: 0 ;
	padding: 0.1em ;
}
.ab_dialog_button {
	display: flex ;
	justify-content: flex-end ;
}
.selectorDialog .ui-dialog-content {
	padding: 4px ;
	color: #606060 ;
}
#selectorDialogButton {
	background-color: lightgray ;
	color: black ;
	border-radius: 5pt ;
	padding: 5px 10px 5px ;
	margin: 0.1em 0.1em ;
}
#selectorDialogButton:hover {
	background-color: darkgray ;
}
.selectorDialog .ui-dialog-titlebar {
	color: blue ;
	background-color: lightgray ;
}
.selectorDialog .ui-dialog-titlebar-close {
	color: black ;
}
.opt_footer {
	width: 100% ;
	height: 2.1ex ;
	text-align: center ;
	line-height: 1.8ex ;
	display: inline-block ;
	position: relative ;
	cursor: pointer ;
}

.opt_footer::after {
	content: "" ;
	position: absolute ;
	bottom: -0.6ex ;
	lleft: 2.5px ;
	border-bottom: 12px solid #FFFFFF ;
	border-left: 12px solid transparent ;
	border-right: 12px solid transparent ;
	cursor: pointer ;
}

#table_stat {
	overflow-y: auto ;
	height: 50vh ;
	display: inline-grid ;
	overflow-y: auto ;
}

#thead_stat {
	display: block ;
}
#thead_stat th {
	position: sticky ;
}

#tbody_stat {
	display: block ;
	height: 100% ;
}



.stat_date {
	width: 120px ;
}
.stat_id {
	width: 150px ;
}
.stat_str {
	width: 250px ;
}
.stat_count {
	width: 50px ;
}