@charset "utf-8";#center-column{width:100%}#rankingList{padding:0 0 10px;line-height:1.2em}#rankingList .ranking-header{background:linear-gradient(to bottom,#000 10%,#333 80%)}#rankingList .ranking-header .heading{padding:15px 0 30px;display:flex;align-items:center;justify-content:center}#rankingList .ranking-header h1{padding:0 10px;text-align:center;font-size:24px}#rankingList .ranking-header p{padding:0 7px;font-size:13px;color:#ddd}#rankingList .indexTab{height:50px;position:relative}#rankingList .indexTab ul{height:50px;list-style-type:none;display:flex;align-items:center;justify-content:flex-start;line-height:50px;overflow:auto}#rankingList .indexTab ul li:first-child{margin-left:auto}#rankingList .indexTab ul li:last-child{margin-right:auto}#rankingList .indexTab.fixed ul{background:#333;border-bottom:1px solid #000;position:fixed;z-index:20;box-shadow:0 0 10px 0 #000}#rankingList .indexTab ul li:nth-child(n+2){border-left:1px solid #000}#rankingList .indexTab ul li a{height:50px;padding:0 24px;display:block;text-decoration:none;font-size:14px;color:#fff;white-space:nowrap}#rankingList .indexTab.fixed ul li a{color:#aaa}#rankingList .indexTab ul li a:hover,#rankingList .indexTab ul li.active a{background:linear-gradient(to top,#000 10%,#222 80%);color:#fe0}#rankingList .indexTab ul li a .ico{width:22px;height:23px;display:inline-block;vertical-align:middle}#rankingList .indexTab ul li a .ico::before{content:"\e907";font-size:20px;color:#fe0}#rankingList .indexTab.fixed ul li a .ico::before{color:#aaa}#rankingList .indexTab ul li a:hover .ico::before,#rankingList .indexTab ul li.active a .ico::before{color:#fe0}.ranking-group .top3-list{margin:0 -10px;display:flex;flex-wrap:wrap;border-bottom:1px solid #333}.ranking-group{margin:0;padding:15px 0}.ranking-group header{padding:10px}.ranking-group header h2{padding:10px;text-align:center;font-size:26px;color:#fff}.ranking-group header h2 span{margin:0 7px 0 0;padding:0 7px 0 0;border-right:1px solid #ccc;color:#fe0}.ranking-group .xSlide{overflow:hidden}.ranking-group .rankingList{padding:10px}.ranking-group dl{width:calc(33.33% - 20px);margin:0 0 15px;padding:10px 10px 15px}.ranking-group dl dt{margin:0;padding:0;border-radius:5px 5px 0 0;overflow:hidden;text-align:center}.ranking-group dl dt h3{height:40px;padding:0 5px;background:#fff;line-height:40px;font-size:16px;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-group dl dd{background:linear-gradient(to top,#000 10%,#aaa 80%)}.ranking-group dl dd ol{list-style-type:none;text-align:center}.ranking-group dl dd ol li{padding:0;overflow:hidden;border-bottom:1px solid #000;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease}.ranking-group dl dd ol li:first-child{min-height:261px;background:linear-gradient(to left bottom,#f7c500 0,#ffeeae 50% ,#fff 90%)}.ranking-group dl dd ol li:nth-child(2){background:#4f4f4f}.ranking-group dl dd ol li a{min-height:80px;padding:0;position:relative;display:flex;flex-flow:wrap;align-items:center;font-size:12px;color:#fff}.ranking-group dl dd ol li:first-child a{min-height:240px;padding:10px 0}.ranking-group dl dd ol li a .rankInfo{width:100%;display:flex;align-items:center;justify-content:center}.ranking-group dl dd ol li a .rank{width:80px;min-width:80px;margin:0;padding:10px 0 0}.ranking-group dl dd ol li a .rank.no1{color:#111}.ranking-group dl dd ol li:nth-child(n+2) a .rank{font-size:12px}.ranking-group dl dd ol li:nth-child(n+2) a .rank span{font-size:22px}.ranking-group dl dd ol li a .rank .ico::before{margin-top:-17px}.ranking-group dl dd ol li:nth-child(n+2) a .rank .ico::before{margin:-14px 0 0 -19px;font-size:24px}.ranking-group dl dd ol li a .encase{width:100%;text-align:left}.ranking-group dl dd ol li a .encase h4{padding:0 0 4px;line-height:1.2em;font-size:13px}.ranking-group dl dd ol li:first-child a .encase h4{font-size:14px;color:#111}.ranking-group dl dd ol li a .stx{line-height:1.2em;font-size:10px;color:#995429}.ranking-group dl dd ol li:first-child a .stx{color:#847d0a}.ranking-group dl dd ol li:nth-child(2) a .stx{color:#9cb2c0}.ranking-group dl dd ol li a figure{width:240px;height:220px;margin:5px auto 10px}.ranking-group dl dd ol li:nth-child(n+2) a figure{display:none}.ranking-group dl dd ol li a figure img{width:100%;height:100%;object-fit:contain}.ranking-group dl dd ol li a .arrow{width:40px}.ranking-group dl dd ol li a .arrow::before{content:"\e919";font-size:16px;color:#ccc}.ranking-group dl dd ol li:first-child a .arrow::before{color:#555}.ranking-group dl dd .seeMore{padding:7px}.ranking-group dl dd .seeMore a{height:30px;display:block;border:3px solid #333;border-radius:18px;line-height:30px;text-align:center;font-size:13px;color:#fff}.ranking-group dl dd .seeMore a:hover{border-color:#fe0;color:#fff}.ranking-group dl dd .seeMore a .ico{width:14px;height:14px;display:inline-block;position:relative}.ranking-group dl dd .seeMore a .ico::before{content:"\e934";position:absolute;transform:rotate(-90deg);font-size:16px}#indexList,.indexOpen{display:none}@media screen and (min-width:1281px){#rankingList .indexTab.fixed ul{top:50px}.ranking-group .top3-list{justify-content:center}@media screen and (min-width:1400px){.ranking-group dl{width:calc(25% - 20px)}}@media screen and (min-width:1700px){.ranking-group dl{width:calc(20% - 20px)}}}@media screen and (min-width:769px) and (max-width:1280px){#rankingList .indexTab.fixed ul{width:auto!important;top:0;left:10px;right:10px}.ranking-group .top3-list{justify-content:center}@media screen and (min-width:1200px){.ranking-group dl{width:calc(25% - 20px)}}}@media screen and (max-width:768px){#rankingList .ranking-header .heading{padding:15px 0;display:block;text-align:center}#rankingList .ranking-header .heading h1{padding:0 0 10px}#rankingList .ranking-header .heading p{font-size:11px}#rankingList .indexTab{border-top:1px solid #000}#rankingList .indexTab::before{content:"";height:1px;background:#444;position:absolute;top:0;left:0;right:0}#rankingList .indexTab ul{display:none!important}.indexOpen{width:100%;height:50px;background:#333;border-bottom:1px solid #000;display:flex;align-items:center;justify-content:center}.indexOpen span{height:34px;padding:0 15px;display:block;background:#806c00;border-radius:5px;line-height:34px;box-shadow:0 0 10px 0 #8a7728 inset;font-size:14px;font-weight:700;color:#ff3;cursor:pointer}.indexTab.fixed .indexOpen{position:fixed;top:51px;left:0;z-index:100}body.rankmm #wrap{position:fixed!important}body.rankmm #indexList{display:block!important}#indexList{padding:0 7px 7px;position:fixed;top:0;bottom:0;left:0;right:0;z-index:100;background:#333;overflow:auto}#indexList p{height:70px;padding:0 20px;line-height:70px;font-size:18px;font-weight:700;color:#ffe03a}#indexList .close{width:30px;height:30px;position:absolute;top:20px;right:20px;cursor:pointer}#indexList .close.ico::before{content:"\e916";position:absolute;top:0;left:2px;font-size:26px;color:#aaa}#indexList dl{padding:10px 0;display:flex;align-items:center;border-top:1px solid #000}#indexList dl dt{min-width:90px;text-align:center}#indexList dl dt a{margin:7px;white-space:nowrap;font-size:14px;color:#fff}#indexList dl dd{display:flex;flex-flow:wrap}#indexList dl dd a{margin:4px;padding:9px;display:block;background:#574d25;border-radius:5px;white-space:nowrap;font-size:12px;color:#ffe247}.ranking-group dl dd ol li a .rankInfo{min-width:280px}.ranking-group .xSlide{padding:0 10px 0 0;position:relative;overflow-y:hidden;overflow-x:scroll;-webkit-overflow-scrolling:touch;border-bottom:1px solid #333}.ranking-group .top3-list{margin:0;flex-wrap:nowrap;border:none}.ranking-group .top3-list dl{width:280px}.ranking-group dl dd ol li:first-child a .rank{font-size:14px}.ranking-group dl dd ol li:first-child a .rank span{font-size:28px}.ranking-group dl dd ol li:first-child a .rank .ico::before{margin:-18px 0 0 -22px;font-size:28px}.ranking-group dl dd ol li:nth-child(n+2) a .rank .ico::before{margin-top:-15px}}