@import url('chara.css');
html.news
{
background: url('/assets/images/present_bg.png.webp') repeat-y 50%;
background-size: 100% auto;
}
.TermsPage .l_primaryContent
{
background: none;
}
/* .rankTable */
.rankTable
{
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
width: 100%;
}
.rankTable > *
{
display: block;
width: 100%;
height: auto;
padding: 112.5% 0 0 0;
margin: 0;
position: relative;
}
.rankTable > *:nth-child(n+7):nth-child(-n+9)
{
background: url('/news/img/battle_rank_slot_01.webp') no-repeat center center;
background-size: 100% 100%;
}
.rankTable > *:nth-child(n+10):nth-child(-n+12)
{
background: url('/news/img/battle_rank_slot_04.webp') no-repeat center center;
background-size: 100% 100%;
}
.rankTable > *:nth-child(-n+3)
{
background: url('/news/img/battle_rank_slot_07.webp') no-repeat center center;
background-size: 100% 100%;
}
.rankTable > *:nth-child(n+4):nth-child(-n+5)
{
background: url('/news/img/battle_rank_slot_10.webp') no-repeat center center;
background-size: 100% 100%;
}
.rankTable > *:nth-child(6)
{
background: url('/news/img/battle_rank_slot_12.webp') no-repeat center center;
background-size: 100% 100%;
}
.rankTable > * > *
{
display: inline-block;
position: absolute;
}
.rankTable > * > *:nth-child(2)
{
width: 95%;
padding: 87.5% 0 0 0;
left: 50%;
transform: translateX(-50%);
background: url('/news/img/main_chara_icon_bg.png') no-repeat center center;
background-size: 100% 100%;
overflow: hidden;
}
.rankTable > *:nth-child(n+7) > *:nth-child(2)
{
top: 2.22%;
}
.rankTable > *:nth-child(-n+6) > *:nth-child(2)
{
top: 20.56%;
}
.rankTable > * > *:first-child
{
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
top: 0;
left: 0;
}
.rankTable > *:not(.lock) > *:first-child
{
visibility: hidden;
}
.rankTable > * > *:last-child
{
width: 78.75%;
left: 50%;
transform: translateX(-50%);
}
.rankTable > *:nth-child(n+7) > *:last-child
{
bottom: 0%;
}
.rankTable > *:nth-child(-n+6) > *:last-child
{
bottom: 77.22%;
}
.rankTable > * > *:nth-child(2)::before
{
content: ' ';
font-size: 1px;
display: inline-block;
position: absolute;
}
.rankTable > *:not(.lock) > *:nth-child(2)::before
{
width: 111.84%;
height: 121.43%;
top: -10.715%;
left: 50%;
transform: translateX(-50%);
}
.rankTable > *.all > *:nth-child(2)::before { background-image: url('/news/img/chara/rankSlot_icon_all.webp'); }
.rankTable > *.empty > *:nth-child(2)::before { background-image: url('/news/img/chara/rankSlot_icon_empty.webp'); }
/* @ chara_001`049 face */
/*
.rankTable > *.chara_001 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_10010011_face.webp'); }
.rankTable > *.chara_002 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_10020011_face.webp'); }
.rankTable > *.chara_003 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_10030011_face.webp'); }
.rankTable > *.chara_004 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_10040011_face.webp'); }
.rankTable > *.chara_005 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_10050011_face.webp'); }
.rankTable > *.chara_006 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_10060011_face.webp'); }
.rankTable > *.chara_007 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_10070011_face.webp'); }
.rankTable > *.chara_008 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_10080011_face.webp'); }
.rankTable > *.chara_009 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_10090011_face.webp'); }
.rankTable > *.chara_010 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_10100011_face.webp'); }
.rankTable > *.chara_011 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_10110011_face.webp'); }
.rankTable > *.chara_012 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_10120011_face.webp'); }
.rankTable > *.chara_013 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_10130011_face.webp'); }
.rankTable > *.chara_014 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_10140011_face.webp'); }
.rankTable > *.chara_015 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_10150011_face.webp'); }
.rankTable > *.chara_016 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_10160011_face.webp'); }
.rankTable > *.chara_017 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_10170011_face.webp'); }
.rankTable > *.chara_018 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_10180011_face.webp'); }
.rankTable > *.chara_019 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_10190011_face.webp'); }
.rankTable > *.chara_020 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_10200011_face.webp'); }
.rankTable > *.chara_021 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_10210011_face.webp'); }
.rankTable > *.chara_022 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_10220011_face.webp'); }
.rankTable > *.chara_023 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_10230011_face.webp'); }
.rankTable > *.chara_024 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_10240011_face.webp'); }
.rankTable > *.chara_025 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_10250011_face.webp'); }
.rankTable > *.chara_026 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_10260011_face.webp'); }
.rankTable > *.chara_027 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_10270011_face.webp'); }
.rankTable > *.chara_028 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_10280011_face.webp'); }
.rankTable > *.chara_029 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_10290011_face.webp'); }
.rankTable > *.chara_030 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_10300011_face.webp'); }
.rankTable > *.chara_031 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_10310011_face.webp'); }
.rankTable > *.chara_032 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_10320011_face.webp'); }
.rankTable > *.chara_033 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_10330011_face.webp'); }
.rankTable > *.chara_034 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_10340011_face.webp'); }
.rankTable > *.chara_035 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_10350011_face.webp'); }
.rankTable > *.chara_036 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_10360011_face.webp'); }
.rankTable > *.chara_037 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_10370011_face.webp'); }
.rankTable > *.chara_038 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_10380011_face.webp'); }
.rankTable > *.chara_039 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_10390011_face.webp'); }
.rankTable > *.chara_040 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_10400011_face.webp'); }
.rankTable > *.chara_041 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_10410011_face.webp'); }
.rankTable > *.chara_042 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_10420011_face.webp'); }
.rankTable > *.chara_043 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_10430011_face.webp'); }
.rankTable > *.chara_044 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_10440011_face.webp'); }
.rankTable > *.chara_045 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_10450011_face.webp'); }
.rankTable > *.chara_046 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_10460011_face.webp'); }
.rankTable > *.chara_047 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_10470011_face.webp'); }
.rankTable > *.chara_048 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_10480011_face.webp'); }
.rankTable > *.chara_049 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_10490011_face.webp'); }
*/
/* @ chara_001`049 face */
/* @ chara_101`149 face */
/*
.rankTable > *.chara_100 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_11000093_face.webp'); }
.rankTable > *.chara_101 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_11010093_face.webp?240425'); }
.rankTable > *.chara_102 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_11020093_face.webp'); }
.rankTable > *.chara_103 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_11030093_face.webp'); }
.rankTable > *.chara_104 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_11040093_face.webp'); }
.rankTable > *.chara_105 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_11050093_face.webp'); }
.rankTable > *.chara_106 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_11060093_face.webp'); }
.rankTable > *.chara_107 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_11070093_face.webp'); }
.rankTable > *.chara_108 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_11080011_face.webp'); }
.rankTable > *.chara_109 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_11090011_face.webp'); }
.rankTable > *.chara_110 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_11100011_face.webp'); }
.rankTable > *.chara_111 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_11110011_face.webp'); }
.rankTable > *.chara_112 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_11120011_face.webp'); }
.rankTable > *.chara_113 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_11130011_face.webp'); }
.rankTable > *.chara_114 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_11140011_face.webp'); }
.rankTable > *.chara_115 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_11150011_face.webp'); }
.rankTable > *.chara_116 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_11160011_face.webp'); }
.rankTable > *.chara_117 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_11170011_face.webp'); }
.rankTable > *.chara_118 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_11180011_face.webp'); }
.rankTable > *.chara_119 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_11190011_face.webp'); }
.rankTable > *.chara_120 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_11200011_face.webp'); }
.rankTable > *.chara_121 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_11210011_face.webp'); }
.rankTable > *.chara_122 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_11220011_face.webp'); }
.rankTable > *.chara_123 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_11230011_face.webp'); }
.rankTable > *.chara_124 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_11240011_face.webp'); }
.rankTable > *.chara_125 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_11250011_face.webp'); }
.rankTable > *.chara_126 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_11260011_face.webp'); }
.rankTable > *.chara_127 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_11270011_face.webp'); }
.rankTable > *.chara_128 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_11280011_face.webp'); }
.rankTable > *.chara_129 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_11290011_face.webp'); }
.rankTable > *.chara_130 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_11300011_face.webp'); }
.rankTable > *.chara_131 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_11310011_face.webp'); }
.rankTable > *.chara_132 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_11320011_face.webp'); }
.rankTable > *.chara_133 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_11330011_face.webp'); }
.rankTable > *.chara_134 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_11340011_face.webp'); }
.rankTable > *.chara_135 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_11350011_face.webp'); }
.rankTable > *.chara_136 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_11360011_face.webp'); }
.rankTable > *.chara_137 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_11370011_face.webp'); }
.rankTable > *.chara_138 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_11380011_face.webp'); }
.rankTable > *.chara_139 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_11390011_face.webp'); }
.rankTable > *.chara_140 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_11400011_face.webp'); }
.rankTable > *.chara_141 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_11410011_face.webp'); }
.rankTable > *.chara_142 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_11420011_face.webp'); }
.rankTable > *.chara_143 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_11430011_face.webp'); }
.rankTable > *.chara_144 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_11440011_face.webp'); }
.rankTable > *.chara_145 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_11450011_face.webp'); }
.rankTable > *.chara_146 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_11460011_face.webp'); }
.rankTable > *.chara_147 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_11470011_face.webp'); }
.rankTable > *.chara_148 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_11480011_face.webp'); }
.rankTable > *.chara_149 > *:nth-child(2)::before { background-image: url('/news/img/chara/Chara_11490011_face.webp'); }
*/
/* @ chara_101`149 face */
.rankTable > * > *:nth-child(2)::before
{
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.rankTable > *.lock > *:nth-child(2)::before
{
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.4);
background-image: url('/news/img/chara/main_icon_lock.png'), url('/news/img/chara/rankSlot_bg_lock.png');
background-repeat: no-repeat, no-repeat;
background-position: center center, center center;
background-size: 40% auto, cover;
}
.rankTable > #rank12 > *:nth-last-child(2)
{
width: 30%;
height: auto;
top: -16.67%;
right: 0.625%;
}
.rankTable > #rank01 > *:nth-last-child(2)
{
width: 30%;
height: auto;
bottom: -5.56%;
left: -7.5%;
}
/* .rankTable */