html,body{overflow-x:hidden;width:100%;box-sizing:border-box;scroll-behavior:smooth;font-family:sans-serif}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{line-height:1;background-color:#ecece7;color:#000;margin:0}.about{margin-top:50px}.about p{font-size:25px;padding-left:20px}.about td{font-size:25px;padding:0 0 20px 20px}.container{max-width:1312px;margin:0 auto;padding:0 48px}.header{background-color:#ecece7;font-family:Arial,Helvetica,sans-serif;padding-top:20px}.main-title-link{color:inherit;text-decoration:none;cursor:pointer;font-size:4vw;font-weight:700;line-height:1}.header .sub-title{font-size:1.5vw;margin-top:20px}.header .sub-title a{text-decoration:none}.about-section .text p{font-size:1.5vw}.about a{text-decoration:none}.tab_list{display:flex;justify-content:space-between;background-color:#ecece7;position:relative;top:0;width:calc(100% - 96px);z-index:1000;margin-top:48px}.tab_button{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:10px 0;margin:0 -1px;background-color:#ecece7;border-bottom:2px solid black;transition:background-color .3s,border-color .3s;color:#000;font-weight:700;text-decoration:none;height:60px;box-sizing:border-box}.tab_button.selected{border-bottom:2px solid red}.tab_button:visited,.tab_button:active,.tab_button:focus,.tab_button:hover{color:#000;text-decoration:none}.tab_button:hover{background-color:#e0e0d8}.tab_button.active{border-bottom:3px solid red}.tab_button:before{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:red;transition:width .3s ease,left .3s ease}.tab_button.selected:before{width:100%;left:0}.button-container{display:flex;justify-content:center;margin:30px 0 10px}.count-button{text-decoration:none;width:240px;border-radius:25px;padding:10px 20px;font-size:18px;cursor:pointer;text-align:center;background-color:#010101;color:#ecece7;position:relative;z-index:1;transition:z-index .3s}.count-button.active{text-decoration:none;background-color:#010101;color:#ecece7;z-index:2}.count-button:not(.active){color:#9a9a9a;text-decoration:none;background-color:#ddd;border-radius:25px}.count-button:first-child{margin-right:-30px}.main_content{padding-top:30px;overflow:auto;height:calc(100vh - 50px)}.video-table{width:100%;border-collapse:collapse}.video-table th,.video-table td{padding:10px;text-align:left;border-bottom:1px solid #e8e8e8}.video-table th{position:relative}.video-table th a{color:#000;text-decoration:none}.video-table th a:hover,.video-table th a:focus,.video-table th a:active{text-decoration:underline}.video-table th a:after{content:"▼";position:absolute;right:-20px;font-size:12px;color:#777}.video-table th a.asc:after{content:"▲"}.video-table th a.desc:after{content:"▼"}.video-row{display:flex;align-items:flex-start;padding:15px 0;position:relative}.thumbnail,.channel-thumbnail{flex-shrink:0;margin-right:15px;margin-left:10px;position:relative}.thumbnail img{display:block;width:360px;height:203px;object-fit:cover;border-radius:8px}.channel-icon{width:150px;height:150px;border-radius:50%;margin-left:50px}.default-icon{width:150px;height:150px;border-radius:50%;background-color:#b9b5b5;margin-left:50px}.rank-icon{position:absolute;top:8px;left:8px;width:40px;height:40px;color:#fff;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:50%;z-index:1}.rank-1{background-color:gold}.rank-2{background-color:silver}.rank-3{background-color:#cd7f32}.rank-4{background-color:#4caf50}.rank-5{background-color:#2196f3}.rank-over6{background-color:#9e9e9e}.video-info{flex-grow:1}.video-info .title{font-size:18px;font-weight:700;padding:10px;color:#000;text-decoration:none}.video-info .title:hover,.video-info .title:focus,.video-info .title:active{text-decoration:none}.video-info .channel-info{display:flex;align-items:center;padding:10px;margin-bottom:5px}.channel-info .channel-icon{width:40px;height:40px;border-radius:50%;margin:0 10px}.video-info .channel{font-size:18px;color:#555;padding:10px}.video-info .details{font-size:16px;color:#777;text-decoration:none;padding-left:10px}.video-info .details div{margin-bottom:10px}.video-link{display:block;color:inherit;text-decoration:none}.video-link:hover,.video-link:focus,.video-link:active{background-color:#e0e0d8}.footer{width:100vw;height:10vw;display:block;background-color:#e0e0d8;position:relative}.footer-inner{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.footer-inner-copy,.disclaimer{font-size:1vw;font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:.3em;margin:.5em 0}#page-top{position:fixed;bottom:20px;right:20px;font-size:14px;line-height:1;z-index:99}#page-top button{background:#ab101b;border:none;color:#fff;width:60px;height:60px;text-align:center;display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:.9;transition:all .3s ease;cursor:pointer;font-size:14px;font-weight:700}#page-top button:hover{opacity:.5}@media (min-width: 600px) and (max-width: 960px){.container{padding:0 16px;width:86vw}.main-title-link{font-size:6vw;margin-top:10px;width:100%}.header .sub-title{font-size:1.2rem;margin-top:20px}.about-section .text p{font-size:1.2rem}.tab_list{width:100%;margin-top:20px}.tab_button{font-size:12px}.about h1{font-size:20px}.about p{font-size:16px;padding-left:20px}.about td{font-size:16px;padding:0 0 20px 20px}}@media screen and (max-width: 600px){.container{padding:0 16px;width:86vw}.main-title-link{font-size:8vw;margin-top:10px;width:100%}.header .sub-title{font-size:1rem;margin-top:15px}.about-section .text p{font-size:1rem}.about h1{font-size:20px}.about p{font-size:16px;padding-left:20px}.about td{font-size:16px;padding:0 0 20px 20px}.tab_list{flex-direction:column;width:85vw;margin-top:20px}.tab_button{padding:8px 0;font-size:14px}.video-row{flex-direction:column;align-items:flex-start}.thumbnail img{width:100%;height:auto}.video-info .title{font-size:16px}.video-info .details{font-size:14px}.footer{height:auto;padding:10px 0}.footer-inner{flex-direction:column;align-items:center;justify-content:center}.footer-inner-copy,.disclaimer{font-size:1.4vw;text-align:center;letter-spacing:.2em}}