.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:0.3s}.rank_tabs_monthly a:hover{background:#c98e03}.rank_tabs{display:flex}.rank_tabs .point{display:flex;align-items:center;color:#fff}.rank_tabs .point input{display:none}.rank_tabs .point input+p{display:flex;align-items:center}.rank_tabs .point input+p::before{content:"";display:inline-block;border-radius:3px;margin-right:5px;border:1px solid #666;box-sizing:border-box;background-color:#404040}.rank_tabs .point input:checked+p::before{background-color:#242424;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2236%22%20height%3D%2236%22%20viewBox%3D%220%200%2036%2036%22%3E%20%3Cpath%20id%3D%22_273-checkmark%22%20data-name%3D%22273-checkmark%22%20d%3D%22M22.673%2C2l-12.6%2C12.6L4.2%2C8.718%2C0%2C12.917%2C10.077%2C22.994l16.8-16.8Z%22%20transform%3D%22translate(5%206)%22%20fill%3D%22%23ffb609%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-size:contain;background-position:center}.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 0.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 0.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_detail{color:#fff}.rank_list_detail .c-dtl-rating__score{font-weight:normal}.rank_list_detail .c-dtl-rating__review{margin-left:5px}.rank_list_detail .c-dtl-rating__review a{color:#2F78FF !important;position:relative;z-index:1}.rank_list_detail .c-dtl-label{margin-top:7px}.rank_list_title{overflow:hidden;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 .point{margin-left:18px;cursor:pointer}.rank_tabs .point span{transition:.3s opacity ease-out}.rank_tabs .point:hover span{opacity:.5}.rank_tabs .point input+p{font-size:11px}.rank_tabs .point input+p::before{width:18px;height:18px}.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_detail>*:not(.rank_list_title){display:none}.rank_list_title{font-size:12px;position:relative;width:120px;height:50px;line-height:calc(50px / 3)}}@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 .point{margin-left:15px;margin-top:15px;padding-bottom:5px}.rank_tabs .point input+p{font-size:12px}.rank_tabs .point input+p::before{width:20px;height:20px}.rank_tabs{min-width:300px;flex-wrap:wrap}.rank_tabs a{display:block;width:50%;flex-grow:1;border-top:1px solid #666;border-bottom:1px solid #666}.rank_tabs_common{font-size:12px;padding:3px 5px 0;height:41px;box-sizing:border-box}.rank_tabs_behind{border-left:1px solid #666}.category{overflow-x:auto}.category ul{min-width:440px;margin-left:10px}.category li{font-size:13px;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:10px}.title_img{width:100px;margin:0 10px 5px 0;vertical-align:bottom}.rank_list_number{text-align:right}.rank_list_detail{width:100%;position:relative;font-size:15px;padding-bottom:10px}.rank_list_detail .c-dtl-rating{margin-top:7px}.rank_list_title{line-height:1.333}.rank_list_title a::after{content:"";position:absolute;height:100%;width:100%;left:0;top:0;z-index:1}.rank_list_price{margin-top:7px;font-size:13px}div.rank_list ul a{width:100%;display:block}}@media (max-width: 340px){.rank_tabs a{width:auto}}@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:0.3s}.category_unselected:hover::after{opacity:1;visibility:visible}}@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}}