.l-dtl-wrapper{position:relative;width:100%;background-color:#333!important}.l-dtl-wrapper.is-fixed{position:fixed}body a{text-decoration:none}#contents{margin:0 auto 50px;background-color:#333}h1{font-weight:700;color:#fff}.rank_tabs_monthly a{color:#000;font-size:12px;display:inline-block;text-align:center;background:#ffb609;padding:7px 20px 5px;width:100px;border-radius:15px;transition:.3s}.rank_tabs_monthly a:hover{background:#c98e03}.rank_tabs{display:flex}.rank_tabs_common{color:#fff;display:flex;justify-content:center;align-items:center;text-align:center}.rank_tabs_common img{margin-right:5px;width:16px;margin-top:-2px}.rank_tabs_selected{background-color:#242424}.rank_tabs_selected:hover{cursor:pointer}.nobreak{display:inline-block}.rank_tabs_unselected{color:#ccc;transition:all .3s;background-color:#404040}.rank_tabs_unselected:hover{background-color:#242424;color:#fff;cursor:pointer}.category{margin-top:15px}.category ul{display:flex}.category li{text-align:center;color:#ccc}.category .category_selected{color:#fff;border-bottom:2px solid #ffb609;white-space:nowrap}.category_unselected{transition:all .3s;white-space:nowrap}.category_unselected:hover{color:#fff}.rank_list a{cursor:pointer}.rank_list_number{font-size:15px;color:#fff;white-space:nowrap;width:20px;text-align:left;padding-right:5px;flex-shrink:0}.rank_list_title{font-size:12px;overflow:hidden;padding-top:0;color:#fff}.rank_list_title a{color:#fff!important}.rank_date{font-size:11px;margin:30px 10px 50px;color:#fff}.line-clamp:before{background-color:#333;content:"...";padding-left:5px;position:absolute;right:0;bottom:0;color:#fff}@media screen and (min-width:768px){.l-dtl-wrapper{min-width:951px}}@media (min-width:768px){#contents{max-width:1221px;padding:0 10px}h1{font-size:22px;padding:18px 10px 15px}.rank_wrap{position:relative;padding:0 10px;min-width:708px;max-width:1221px}.rank_tabs_monthly{position:absolute;right:42px}.rank_tabs_common{font-size:14px;width:180px;padding:0 10px;border:1px solid #666;height:42px}.rank_tabs_unselected{border-left:1px solid #666}.rank_tabs_behind{margin-left:-1px}.category li{font-size:13px;margin-right:10px;padding:10px 7px 4px;position:relative;display:inline-block;text-decoration:none;margin-right:20px}.rank_list{display:flex;flex-wrap:wrap;margin-top:20px}.rank_list ul{margin:0 30px 30px 0}.title_img{width:120px}.rank_list_title{position:relative;width:120px;height:50px;line-height: calc(50px / 3);padding-top:4px}}@media (max-width:767px){#contents{max-width:767px}h1{font-size:16px;padding:15px 10px 12px}.rank_tabs_monthly{margin:-40px 10px 15px;text-align:right}.rank_tabs{min-width:300px;border-top:1px solid #666;border-bottom:1px solid #666}.rank_tabs a{display:block;width:50%}.rank_tabs_common{font-size:10px;padding:9px;height:19px}.rank_tabs_behind{border-left:1px solid #666}.category{overflow-x:auto}.category ul{min-width:440px;margin-left:10px}.category li{font-size:11px;padding:0 5px 3px;margin-right:10px}.rank_list{margin-top:20px;padding:0 10px}.rank_list ul{display:flex;border-bottom:1px solid #666;margin-top:5px}.title_img{width:80px;margin:0 10px 5px 0;vertical-align:bottom}div.rank_list ul a{width:100%}}@media (min-width:768px) and (min-width:768px){.category_unselected::after{position:absolute;bottom:-2px;left:0;content:'';width:100%;height:2px;background:#ffb609;opacity:0;visibility:hidden;transition:.3s}.category_unselected:hover::after{opacity:1;visibility:visible}}@media (max-width:768px){.rank_list_number{text-align:right}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.line-clamp::before{background-color:#333;content:"...";padding-left:8px;position:absolute;right:0;bottom:-6px;color:#fff;width:17px;height:22px;display:block;text-align:center;vertical-align:middle;line-height:16px}}