#total-ranking{padding:100px 0 0px}#total-ranking .ttl-img{text-align:center;margin-bottom:50px}#total-ranking .tabs{display:flex;justify-content:space-between;width:1000px;margin:auto}#total-ranking .tabs .tab{display:flex;justify-content:center;align-items:center;background-color:#e6e6e6;color:gray;border-bottom:2px solid #45bdf2;border-radius:10px 10px 0 0;width:19%;height:65px;font-size:16px;text-align:center;transform:translateY(2px);cursor:pointer}#total-ranking .tabs .tab.active{background-color:#daf2fc;color:#286bc1;border-color:#45bdf2;border:2px solid #45bdf2;border-bottom:none;font-weight:bold}#total-ranking .ranking-wrap{border-top:2px solid #45bdf2;background-color:#daf2fc;padding:30px 0 100px}#total-ranking .ranking-wrap .inner{width:1000px;margin:auto}#total-ranking .ranking-wrap .ranking-tables{display:flex;flex-direction:column;gap:16px}#total-ranking .ranking-wrap .ranking-table{display:none}#total-ranking .ranking-wrap .ranking-table.show{display:block}#total-ranking .content{background-color:#fff;border-radius:12px;padding:30px 30px 50px;margin-bottom:30px}#total-ranking .content.hidden{display:none}#total-ranking .head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}#total-ranking .head .info{display:flex;justify-content:space-between;align-items:center;gap:16px}#total-ranking .head .info .rank{width:56px}#total-ranking .head .info .rank-icon{width:56px}#total-ranking .head .info .rank-badge{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background-color:#45bdf2;font-weight:bold;font-size:28px;color:#fff;padding-top:4px}#total-ranking .head .info .names p{font-size:30px;font-weight:800;color:#000}@media screen and (max-width: 768px){#total-ranking .head .info .names p{margin-bottom:5px}}#total-ranking .head .info .names .stars{display:flex;gap:2px}#total-ranking .head .info .names .stars img{width:12px}#total-ranking .head .score{display:flex;align-items:baseline;gap:4px;font-weight:bold}#total-ranking .head .score span{font-size:30px;font-weight:800;color:red}@media screen and (max-width: 768px){#total-ranking .head .score{position:absolute;font-size:20px;right:0;bottom:0;font-size:14px}#total-ranking .head .score span{font-size:15px}}#total-ranking .site-info{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:30px}@media screen and (max-width: 768px){#total-ranking .site-info{flex-direction:column;gap:16px}}#total-ranking .site-info .bnr{width:300px;background-color:#fff;border:2px solid #e6e6e6}@media screen and (max-width: 768px){#total-ranking .site-info .bnr{width:100%}}#total-ranking .site-info .table-wrap{flex:1}@media screen and (max-width: 768px){#total-ranking .site-info .table-wrap{width:100%}}#total-ranking .site-info table{width:100%}#total-ranking .site-info table th,#total-ranking .site-info table td{border:2px solid #dcdcdc}#total-ranking .site-info table th{width:25%;background-color:#286bc1;color:#fff;padding:8px 0;text-align:center;font-weight:bold;font-size:14px;vertical-align:middle}#total-ranking .site-info table td{padding:8px 12px}#total-ranking .site-info table .icon{width:25px}#total-ranking .site-info table .logo{width:120px}#total-ranking .site-info table .data{display:flex;align-items:center;font-weight:bold;gap:8px}#total-ranking .site-info table .data.icons{gap:8px}#total-ranking .site-info table .data span{text-box-trim:trim-end}#total-ranking .site-info table .icon-data{display:flex;flex-direction:column}#total-ranking .site-info table .icon-text{display:flex;align-items:center;gap:2px;font-size:10px}#total-ranking .site-info table .icon-text span{font-size:16px}#total-ranking .site-info table .icon-text img{width:14px}#total-ranking .ranking-content .content-head{border-left:4px solid #286bc1;background-color:#f5f5f5;padding:8px 12px}#total-ranking .ranking-content .content-head p{color:#286bc1;font-size:20px;font-weight:bold}#total-ranking .ranking-content .point-list{display:flex;flex-direction:column;gap:8px;padding:16px 0}#total-ranking .ranking-content .point-list .list{display:flex;align-items:center;gap:4px;font-weight:bold}#total-ranking .ranking-content .point-list .list .icon{width:25px}#total-ranking .ranking-content .point-list .list span{color:red;font-weight:bold}#total-ranking .ranking-content .feature-list{padding:16px 0;line-height:1.8;font-weight:bold}#total-ranking .ranking-content .feature-list span{color:red;font-weight:bold}#total-ranking .ranking-content .recommend-point{display:flex;justify-content:space-between;align-items:stretch;margin-top:10px}#total-ranking .ranking-content .point-content{width:49%;border:2px solid #45bdf2;border-radius:10px;overflow:hidden}#total-ranking .ranking-content .point-content .point-head{display:flex;align-items:center;justify-content:flex-start;gap:8px;background-color:#45bdf2;color:#fff;height:50px;padding:0 16px}#total-ranking .ranking-content .point-content .point-head .icon{width:24px}#total-ranking .ranking-content .point-content .point-head p{font-weight:bold}#total-ranking .ranking-content .point-content .p-inner{display:flex;flex-direction:column;gap:8px;padding:24px}#total-ranking .ranking-content .point-content .p-inner .list{display:flex;align-items:center;gap:4px;font-weight:bold}#total-ranking .ranking-content .point-content .p-inner .list .icon{width:20px}#total-ranking .ranking-content .point-content .p-inner .list p{color:red;font-weight:bold}#total-ranking .ranking-content .point-content.not{border-color:#999}#total-ranking .ranking-content .point-content.not .point-head{background-color:#999}#total-ranking .ranking-content .point-content.not .p-inner .list p{color:#000}#total-ranking .ranking-content .quote{font-size:12px;text-align:center}#total-ranking .btn-area{padding:0;margin-top:40px}#total-ranking .btn-area .btn{position:relative;display:flex;align-items:center;justify-content:center;width:400px;height:60px;background-color:#f23071;color:#fff;font-size:20px;font-weight:bold;border-radius:100px;margin:auto;box-shadow:0 .2em 0 #b22455}#total-ranking .btn-area .icon_arrow{position:absolute;top:0;bottom:0;right:30px;margin:auto}#total-ranking .btn-area .icon_arrow:after{border-color:#f23071}#total-ranking .more .more-btn{position:relative;display:flex;align-items:center;justify-content:center;width:400px;height:60px;background-color:#45bdf2;color:#fff;font-size:20px;font-weight:bold;border-radius:100px;margin:auto;box-shadow:0 .2em 0 #0d85bb;cursor:pointer}#total-ranking .more .more-btn .icon_plus{position:absolute;width:1.2rem;height:1.2rem;background-color:#fff;top:0;bottom:0;right:20px;margin:auto;border-radius:50%}#total-ranking .more .more-btn .icon_plus:before,#total-ranking .more .more-btn .icon_plus:after{content:"";position:absolute;top:50%;left:50%;width:60%;height:2px;background-color:#45bdf2}#total-ranking .more .more-btn .icon_plus:before{transform:translate(-50%, -50%)}#total-ranking .more .more-btn .icon_plus:after{transform:translate(-50%, -50%) rotate(90deg)}#total-ranking .more .more-btn.opened .icon_plus:after{display:none}/*# sourceMappingURL=total-ranking.css.map */