/* mobile-ranking */
section.mobile-ranking { width: 100%; overflow: hidden; }
section.mobile-ranking .tabWrap { overflow: hidden; }
section.mobile-ranking .title { float: left; height: 16px; padding: 13px 0 11px; text-indent: 13px; font-size: 15px; font-weight: bold; color: #000; }
section.mobile-ranking .title span { color: #2786e4; }
section.mobile-ranking ul,
section.mobile-ranking li { list-style: none; }
section.mobile-ranking ul.tab { float: right; }
section.mobile-ranking ul.tab > li { }
section.mobile-ranking ul.tab > li.ios { width: 82px; border-top: 1px solid #fff; border-bottom: 1px solid #2786e4; border-right: 0; border-left: 0; }
section.mobile-ranking ul.tab > li.ios.on { width: 80px; border: 1px solid #2786e4; border-bottom: 1px solid #fff; }
section.mobile-ranking ul.tab > li.and { width: 102px; border-top: 1px solid #fff; border-bottom: 1px solid #2786e4; border-right: 0; border-left: 0; }
section.mobile-ranking ul.tab > li.and.on { width: 100px; border: 1px solid #2786e4; border-bottom: 1px solid #fff; }
section.mobile-ranking ul.tab > li > a { display: block; text-align: center; font-weight: bold; padding: 0 5px; font-size: 1.1em; line-height: 2.5em; height: 2.5em; overflow: hidden; color: #9a9a9a; }
section.mobile-ranking ul.tab > li > a > img { -webkit-filter: grayscale(100%); filter: gray; }
section.mobile-ranking ul.tab > li.on a { color: #2786e4; }
section.mobile-ranking ul.tab > li.on > a > img { -webkit-filter: grayscale(0%); filter: none; }

section.mobile-ranking > div.list { clear: both; border-top: 1px solid #2786e4; margin-top: -1px; }
section.mobile-ranking > div.list > div.part { display: none; }
section.mobile-ranking > div.list > div.part.on { display: block; }

section.mobile-ranking > div.list > div.part > table { width: 100%; border-collapse: collapse; }
section.mobile-ranking > div.list > div.part col.rank { width: 10%; }
section.mobile-ranking > div.list > div.part col.download { width: 45%; }
section.mobile-ranking > div.list > div.part col.grossing { width: 45%; }
section.mobile-ranking > div.list > div.part th { text-align: center; padding: 10px 0 11px; border-bottom: 1px solid #e2e2e2; color: #484848; }
section.mobile-ranking > div.list > div.part th.rank { background: none; }
section.mobile-ranking > div.list > div.part td { padding: 5px 5px 6px; vertical-align: middle; color: #434343; }
section.mobile-ranking > div.list > div.part td.rank { text-align: center; font-weight: bold; }
section.mobile-ranking > div.list > div.part td.rank .bg { width: 20px; height: 20px; margin: 0 auto; background-color: #828282; color: #fff; }
section.mobile-ranking > div.list > div.part td.rank1 .bg,
section.mobile-ranking > div.list > div.part td.rank2 .bg,
section.mobile-ranking > div.list > div.part td.rank3 .bg { background-color: #fc6c90; }
section.mobile-ranking > div.list > div.part td span { 
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	min-height: 17px;
	line-height: 17px;
}