@charset "UTF-8";#main_inner{margin:0}#footer{padding:0}.ranking_by_age_2020_content{padding:60px 15px}.ranking_by_age_2020_content>.heading_box{text-align:center}.ranking_by_age_2020_content>.heading_box>.heading{display:inline-block;text-align:center;font-weight:700;font-size:18px;margin-bottom:2em;line-height:1.5;padding-bottom:.4em;border-bottom:6px solid #ffd12f}.ranking_by_age_2020_content>.heading_box>.heading.type_white{color:#fff}.ranking_by_age_2020_content>.heading_box>.sub_heading{margin-bottom:40px;display:block;text-align:center;font-weight:400;font-size:13px}.ranking_by_age_2020 b{font-size:1.2em;color:#4d80f5;font-weight:700}.fadein{opacity:0;transform:translateY(50px);transition:all 1s}.fadein.scrollin{opacity:1;transform:translateY(0)}.popupin{opacity:0;transform:scale(0);transition:all .4s;transform-origin:bottom left}.popupin.popup{opacity:1;transform:scale(1)}@keyframes logoarea{0%{transform:scale(0)}20%{transform:scale(.05)}80%{transform:scale(.95)}to{transform:scale(1)}}@keyframes logo{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cp_twitter{overflow:hidden;position:absolute;z-index:100;bottom:10px;right:10px;width:36px;height:36px;border-radius:50%;background:#319ef0;display:flex;align-items:center;justify-content:center;font-size:0;box-shadow:1px 2px 2px #00000026;transition:ease .1s;border:3px solid #fff;box-shadow:#002366 2px 2px 2px}.cp_twitter:before{content:"";color:#fff;padding-right:0;font-family:"Font Awesome 5 Brands";font-size:17px}.cp_twitter:hover{text-decoration:none;transform:scale(1.05)}.ranking_by_age_2020_header{background:url(/modpub/images/campaign/ranking_by_age_2020/bg_01.png) center center no-repeat;background-size:cover;background-color:#4c80f5;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.ranking_by_age_2020_header .hero_logo{padding:30px}.ranking_by_age_2020_header .hero_logo img{animation:logo .5s .5s ease-out backwards;width:100%}.ranking_by_age_2020_header .annotation{color:#fff;font-size:13px;opacity:.7;margin-right:20px;position:absolute;right:10px;bottom:10px}.ranking_by_age_2020_content.type_ranking{background-color:#f4f4f4}.age_rankinglist_box{margin:0 auto;max-width:1400px;filter:drop-shadow(0 0 3px rgba(0,0,0,.2))}.age_rankinglist{display:flex;justify-content:center}.age_rankinglist_item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.age_rankinglist_item+.age_rankinglist_item{margin-left:10px}.age_ranking{display:flex;flex-direction:column;filter:drop-shadow(0 0 3px rgba(0,0,0,.2))}.age_ranking>dt{background:#535353;font-size:20px;font-weight:700;padding:8px 15px;color:#fff;border-radius:8px 8px 0 0;display:flex;align-items:center;justify-content:center}.age_ranking>dt span{font-weight:400;font-size:12px;margin-left:10px}.age_ranking_genrelist{display:flex;flex-direction:column;border-radius:0 0 8px 8px;overflow:hidden}.age_ranking_genrelist_item{height:40px;font-size:14px;display:flex;align-items:center;background:#fff}.age_ranking_genrelist_item+.age_ranking_genrelist_item{border-top:1px solid #fff}.age_ranking_genrelist_item.top3{height:60px;font-size:16px;font-weight:700}.age_ranking_genrelist_item .rankno{position:relative;background:#757575;color:#fff;display:flex;align-items:center;justify-content:center;width:25px;height:25px;margin-left:10px;z-index:0;flex:none;border-radius:50%}.age_ranking_genrelist_item .rankno.rank01{background:#d1aa31;width:30px;height:30px}.age_ranking_genrelist_item .rankno.rank02{background:#bcbcbc;width:30px;height:30px}.age_ranking_genrelist_item .rankno.rank03{background:#903a2d;width:30px;height:30px}.age_ranking_genrelist_item span[class^="rankno rank0"]:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:"Font awesome 5 Pro";content:"";opacity:.4;font-size:1.2em;z-index:-1}.age_ranking_genrelist_item .rankname{padding:0 10px;overflow:hidden;flex:1}.age_ranking_genrelist_item .rankname a{display:block;overflow:hidden;text-overflow:ellipsis}.age_ranking_genrelist_item:nth-of-type(2n){background:#f7f7f7}.tab-wrap{display:flex;flex-wrap:wrap;justify-content:center}.tab-label{color:#fff;background:#d3d3d3;margin:5px;width:80px;padding:8px 12px;text-align:center;order:-1;font-size:16px;border-radius:5px;transition:.2s;box-shadow:0 -3px #0003 inset}.tab-content{width:100%;display:none;margin-top:20px;transition:.2s}.tab-switch:checked+.tab-label{background:#777;font-weight:700;pointer-events:none}.tab-switch:checked+.tab-label.type_10s{background:#dd2e30}.tab-switch:checked+.tab-label.type_20s{background:#db7f2e}.tab-switch:checked+.tab-label.type_30s{background:#db2e6b}.tab-switch:checked+.tab-label.type_40s{background:#2e9cdb}.tab-switch:checked+.tab-label.type_50s{background:#902edb}.tab-switch:checked+.tab-label.type_60s{background:#98db2e}.tab-switch:checked+.tab-label+.tab-content{display:block}.tab-switch{display:none}.ranking_by_age_2020_content.type_staff{background:#4d80f5;background-image:linear-gradient(-45deg,#5889f8 25%,transparent 25%,transparent 50%,#5889f8 50%,#5889f8 75%,transparent 75%,transparent);background-size:40px 40px}.ranking_by_age_2020 .staff_pic{position:relative;z-index:1;width:40px;height:40px;overflow:hidden;border-radius:20px}.ranking_by_age_2020 .staff_pic:before{position:absolute;inset:0;background:#ccc;content:""}.ranking_by_age_2020 .staff_pic.type_a:before{background:#b7dbff}.ranking_by_age_2020 .staff_pic.type_b:before{background:#b7ffff}.ranking_by_age_2020 .staff_pic.type_c:before{background:#b7ffdb}.ranking_by_age_2020 .staff_pic.type_d:before{background:#dbffb7}.ranking_by_age_2020 .staff_pic.type_e:before{background:#ffffb7}.ranking_by_age_2020 .staff_pic.type_f:before{background:#ffdbb7}.ranking_by_age_2020 .staff_pic:after{position:absolute;font-family:"Font awesome 5 Pro";font-weight:600;font-size:31px;opacity:.5;bottom:-5px;left:50%;transform:translate(-50%);content:""}.ranking_by_age_2020 .staff{margin-right:15px;display:flex;flex-direction:column;align-items:center}.ranking_by_age_2020 .staff span{margin-top:5px;color:#fff;font-size:11px}.ranking_by_age_2020 .fukidashi{padding:1em;border-radius:15px 15px 15px 0;background:#fff;font-size:16px;line-height:1.5;flex:1}.ranking_by_age_2020 .fukidashi p{font-size:14px}.ranking_by_age_2020 .staff_wrap{display:flex;align-items:flex-end;max-width:800px;margin:0 auto}.ranking_by_age_2020 .staff_wraplist{filter:drop-shadow(0 0 3px rgba(0,0,0,.2))}.ranking_by_age_2020 .staff_wraplist_item+.staff_wraplist_item{margin-top:30px}