@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Noto+Serif+JP&display=swap");body{background-color:#f7f7f9}img{vertical-align:bottom}main .inner{padding:0 20px}.site-main{font-family:"Noto Sans JP",sans-serif}.mv{width:100%;height:auto;background-color:#fff}.mv .mv-imgBox{max-width:970px;margin:0 auto;background:url(../img/bg.png);background-size:cover}.mv-imgBox-inner{padding:24px 20px;box-sizing:border-box}.mv .mv-imgBox h2{margin:0 0 8px;text-align:center}.mv h2 img{width:262px}.mv p{font-size:12px;text-align:justify;margin:0}.mv .mv-br-pc{display:none}.rankingSec{max-width:970px;margin:0 auto;padding-top:16px}.rankingSec a{display:block;color:#1558d6}.rankingSec p.lastdate{text-align:center;color:#999fa4;font-size:12px;margin:0}.rankingSec .rankingInfo{margin-top:16px;padding:16px 16px 24px;background:#ebebee}.rankingSec .rankingInfo h1{position:relative;margin:0;color:#2d3539;font-size:14px;font-weight:700;padding-left:24px}.rankingSec .rankingInfo h1:before{content:'';display:block;width:16px;height:16px;background-image:url(../img/union.png);background-size:contain;background-repeat:no-repeat;position:absolute;top:1px;left:2px}.rankingSec .rankingInfo p{font-size:12px;color:#2d3539;margin-top:4px;margin-bottom:0}.rankingSec .weeklyAria{margin-top:24px;text-align:center;color:#2d3539}.rankingSec .weeklyAria p.year{font-size:14px;margin:0 0 -5px}.rankingSec .weeklyAria p.weekly{font-size:28px;font-weight:700;margin:0}.rankingSec .weeklyAria .pagenation{width:128px;display:flex;margin:4px auto 0}.rankingSec .weeklyAria .pagenation>div{width:64px;height:21px}.rankingSec .weeklyAria .pagenation>div img{width:4px;height:9px}.rankingSec .weeklyAria .pagenation .preBox{border-right:1px solid #c5c8ce;display:flex;align-items:center}.rankingSec .weeklyAria .pagenation .nextBox{display:flex;flex-direction:row-reverse;align-items:center}.rankingSec .weeklyAria .pagenation p{margin:0;font-size:14px;width:3rem}.rankingSec .weeklyAria .pagenation p.pre{padding-left:6px}.rankingSec .weeklyAria .pagenation p.next{padding-right:6px}.rankingSec .rankingBox{margin-top:20px;box-sizing:border-box}.rankingSec .rankingBox .rankingCard{margin-top:12px;background-color:#fff;border-radius:8px;box-sizing:border-box;box-shadow:0px 0px 16px 0px rgba(0,0,0,0.05)}.rankingSec .rankingBox .rankingCard:after{content:"";clear:both;display:block}.rankingSec .rankingBox .rankingCard:first-child{margin-top:0}.rankingSec .rankingBox .rankingCard .rankingCardBox{padding:12px 0;box-sizing:border-box}.rankingSec .rankingBox .rankingCard .rankingCardBox .numBox{width:45px;text-align:center;margin:0 16px;box-sizing:border-box;float:left}.rankingSec .rankingBox .rankingCard .rankingCardBox .number{width:48px}.rankingSec .rankingBox .rankingCard .rankingCardBox .number img{margin-top:4px}.rankingSec .rankingBox .rankingCard .rankingCardBox .arrow{text-align:center}.rankingSec .rankingBox .rankingCard .rankingCardBox .arrow img{margin:0 auto;width:20px;margin-top:4px}.rankingSec .rankingBox .rankingCard .rankingCardBox .arrow.rapid_img img{width:38px}.rankingSec .rankingBox .rankingCard .rankingCardBox .arrow.new_img img{width:31px}.rankingSec .rankingBox .rankingCard .rankingCardBox .new{text-align:center}.rankingSec .rankingBox .rankingCard .rankingCardBox .new img{width:31px}.rankingSec .rankingBox .rankingCard .rankingCardBox .comp{font-size:12px;margin:2px 0 0;color:#999fa4;min-height:16px}.rankingSec .rankingBox .rankingCard .rankingCardBox .comp p{margin:0;font-size:12px}.rankingSec .rankingBox .rankingCard .rankingCardBox .comp p.comp-num{margin:-2px 0 0;font-size:15px;font-weight:700}.rankingSec .rankingBox .rankingCard .rankingCardBox .thumb{width:82px;margin:0 8px 12px 0;float:left}.rankingSec .rankingBox .rankingCard .rankingCardBox .ttlBox{font-size:14px;font-weight:700;width:calc(100% - 183px);margin:10px 16px 0 0;box-sizing:border-box;float:left}.sp .rankingSec .rankingBox .rankingCard .rankingCardBox .ttlBox{width:calc(100% - 110px)}.rankingSec .rankingBox .rankingCard .rankingCardBox .ttlBox .cateBox{display:flex;flex-wrap:wrap}.rankingSec .rankingBox .rankingCard .rankingCardBox .ttlBox .cateBox span{display:block;margin:0 4px 0 0;padding:2px 8px;background:#fc0;font-size:12px;font-weight:700}.rankingSec .rankingBox .rankingCard .rankingCardBox .ttlBox .cateBox a{color:#2d3539;text-decoration:none}.rankingSec .rankingBox .rankingCard .rankingCardBox .ttlBox p.title{margin:4px 0 0;text-align:left}.rankingSec .rankingBox .rankingCard .rankingCardBox .view{width:100%;display:flex;justify-content:center;align-items:center;padding:9px 0 0;color:#999fa4;border-top:1px dashed #e7e7eb}.rankingSec .rankingBox .rankingCard .rankingCardBox .view .view-inner{display:flex;justify-content:center;align-items:center}.rankingSec .rankingBox .rankingCard .rankingCardBox .view img{width:18px;padding:2px 2px 0 0}.rankingSec .rankingBox .rankingCard .rankingCardBox .view p{margin:0;font-size:12px}.rankingSec .rankingBox .rankingCard .rankingCardBox p.viewres{font-size:18px;font-weight:700;color:#2d3539;padding-left:8px}.countInfo{margin:40px auto 0;max-width:970px}.countInfo h2{font-size:18px;font-weight:700;background:linear-gradient(90deg, #fc0 0 100%);background-repeat:no-repeat;background-size:80px 3px;background-position:left bottom;margin:0;padding-bottom:16px}.countInfo h1{font-size:14px;font-weight:700;margin-top:28px;margin-bottom:0}.countInfo h1:first-of-type{margin-top:24px}.countInfo p{font-size:14px;margin-top:0;margin-bottom:0}.countInfo ul{padding-left:0;margin-left:0;list-style:none;font-size:14px}.countInfo ul li{text-align:justify;margin-left:.2rem;padding-left:1rem;text-indent:-1rem}@media screen and (min-width: 768px){main .inner{padding-bottom:82px}.mv{height:250px}.mv .mv-imgBox{height:250px;background:url(../img/mv_pc.png);background-size:cover}.mv .mv-imgBox .mv-imgBox-inner{padding:47px 0}.mv h2 img{width:399px}.mv p{font-size:16px;text-align:center}.mv .mv-br-pc{display:block}.rankingSec .rankingInfo{padding:24px 40px}.rankingSec p.lastdate{font-size:16px}.rankingSec .rankingInfo h1{font-size:18px;padding-left:28px}.rankingSec .rankingInfo h1:before{width:20px;height:20px;top:1px;left:2px}.rankingSec .rankingInfo p{font-size:16px;color:#2d3539;margin-top:8px}.rankingSec .weeklyAria p.year{font-size:16px;margin-top:40px;margin-bottom:0}.rankingSec .weeklyAria p.weekly{font-size:30px}.rankingSec .weeklyAria .pagenation p{font-size:16px}.rankingSec .rankingBox .rankingCard{margin-top:16px;padding:24px 40px 24px 0}.rankingSec .rankingBox .rankingCard:first-child{margin-top:24px}.rankingSec .rankingBox .rankingCard .rankingCardBox{padding:0}.rankingSec .rankingBox .rankingCard .rankingCardBox .numBox{width:51px;margin:0 24px;min-height:120px}.rankingSec .rankingBox .rankingCard .rankingCardBox .arrow img{width:26px;margin-top:8px}.rankingSec .rankingBox .rankingCard .rankingCardBox .arrow.rapid_img img{width:50px}.rankingSec .rankingBox .rankingCard .rankingCardBox .arrow.new_img img{width:41px}.rankingSec .rankingBox .rankingCard .rankingCardBox .comp p{font-size:14px;margin-top:6px}.rankingSec .rankingBox .rankingCard .rankingCardBox .comp p.comp-num{font-size:28px}.rankingSec .rankingBox .rankingCard .rankingCardBox .thumb{width:148px;margin-right:32px;padding-bottom:0}.rankingSec .rankingBox .rankingCard .rankingCardBox .ttlBox{font-size:14px;width:calc(100% - 305px);margin-top:0;margin-right:0}.rankingSec .rankingBox .rankingCard .rankingCardBox .ttlBox p.title{margin-top:12px;font-size:20px}.rankingSec .rankingBox .rankingCard .rankingCardBox .view{width:calc(100% - 305px);display:flex;justify-content:left;align-items:flex-start;flex-flow:column;margin-top:12px;padding:9px 0 0;color:#999fa4;border-top:0}.rankingSec .rankingBox .rankingCard .rankingCardBox .view p{font-size:14px}.rankingSec .rankingBox .rankingCard .rankingCardBox p.viewres{font-size:20px;padding-left:0}}.toRankingDescription{position:relative}.rankingSec .scroll-anchor{display:block;font-size:11px;position:absolute;top:8px;right:0;padding:8px 17px;background-color:#ebebee;border-radius:25px;text-decoration:none;color:#333;transition:background-color 0.3s}.sp .rankingSec .scroll-anchor{position:relative;text-align:center;max-width:100%;margin:0 auto}.rankingSec .scroll-anchor:hover{background-color:#fc0}.rankingSec .scroll-hint{display:inline-block;font-size:12px;margin:0}.arrow-icon{display:inline-block;font-size:10px;text-align:center}.sp .arrow-icon{position:absolute;right:16px}
