#Ranking{padding:50px 0 100px 0;background:url("../images/section_bg_pc.jpg") top center;background-size:100%}#Ranking .inner article{width:860px;margin:0 auto}#Ranking .inner article.group1::before{content:"";width:1400px;height:900px;position:absolute;top:-50px;left:calc(50% - 700px);background:url("../images/ranking_cracker_pc.png") center center;background-size:1400px}#Ranking .inner article .rank{width:240px;margin:0 auto;display:block;position:relative}#Ranking .inner article .rank img{width:240px;height:146.51px}#Ranking .inner article figure{width:100%;height:484px;margin:10px 0 0 0;position:relative;overflow:hidden}#Ranking .inner article figure figcaption{position:absolute;bottom:0;left:0;width:100%;height:244px;background:#000;background:-moz-linear-gradient(top, transparent 0%, rgba(0,0,0,0.6) 100%);background:-webkit-linear-gradient(top, transparent 0%, rgba(0,0,0,0.6) 100%);background:linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.6) 100%);align-items:flex-end;padding:30px}#Ranking .inner article figure figcaption h4{font-weight:600;font-size:60px;line-height:60px;letter-spacing:6px;color:#fff;margin:0 auto;text-align:center}#Ranking .inner article .score{display:table;margin:20px auto 0 auto;font-family:vdl-v7gothic,sans-serif;font-weight:800;font-size:70px;line-height:70px;letter-spacing:0;color:#FFF500;text-shadow:2px 2px 0px #000, -2px 2px 0px #000, 2px -2px 0px #000, -2px -2px 0px #000,  .2px .2px 0 #000, .5px .5px 0 #000, 1px 1px 0 #000, 2px 2px 0 #000, 3px 3px 0 #000, 4px 4px 0 #000;position:relative}#Ranking .inner article .score label{font-size:39px;line-height:39px;letter-spacing:0;color:#fff;text-shadow:2px 2px 0px #000, -2px 2px 0px #000, 2px -2px 0px #000, -2px -2px 0px #000,  .2px .2px 0 #000, .5px .5px 0 #000, 1px 1px 0 #000, 2px 2px 0 #000, 3px 3px 0 #000, 4px 4px 0 #000}#Ranking .inner article .btngroup{margin:20px auto 0 auto}#Ranking .inner article .btngroup #Youtubebtn,#Ranking .inner article .btngroup #Twitterbtn{width:410px;height:90px}#Ranking .inner article .btngroup #Youtubebtn a.none,#Ranking .inner article .btngroup #Twitterbtn a.none{pointer-events:none;opacity:0.7}@media screen and (min-width: 1025px){#Ranking .inner article .btngroup #Youtubebtn a:hover,#Ranking .inner article .btngroup #Twitterbtn a:hover{filter:brightness(110%);-webkit-filter:brightness(110%)}}#Ranking .inner .group2,#Ranking .inner .group3{margin:50px auto 0 auto;width:100%}#Ranking .inner .group2 ul li,#Ranking .inner .group3 ul li{width:48%;margin:0 0 50px 0}#Ranking .inner .group2 ul li .rank,#Ranking .inner .group3 ul li .rank{width:180px}#Ranking .inner .group2 ul li .rank img,#Ranking .inner .group3 ul li .rank img{width:180px;height:109.88px}#Ranking .inner .group2 ul li .rank.num,#Ranking .inner .group3 ul li .rank.num{font-family:vdl-v7gothic,sans-serif;font-weight:800;font-size:80px;line-height:80px;letter-spacing:0;color:#000;text-shadow:2px 2px 0px #fff,-2px 2px 0px #fff,2px -2px 0px #fff,-2px -2px 0px #fff,3px 3px 3px rgba(0,0,0,0.7);width:auto;text-align:center}#Ranking .inner .group2 ul li .rank.num label,#Ranking .inner .group3 ul li .rank.num label{font-size:56px;line-height:56px;letter-spacing:0}#Ranking .inner .group2 ul li figure,#Ranking .inner .group3 ul li figure{height:366px}#Ranking .inner .group2 ul li figure figcaption,#Ranking .inner .group3 ul li figure figcaption{height:170px;padding:20px 30px}#Ranking .inner .group2 ul li figure figcaption h4,#Ranking .inner .group3 ul li figure figcaption h4{font-size:50px;line-height:50px;letter-spacing:4px}#Ranking .inner .group2 ul li .score,#Ranking .inner .group3 ul li .score{font-size:59px;line-height:59px;text-shadow:1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000,  .2px .2px 0 #000, .5px .5px 0 #000, 1px 1px 0 #000, 2px 2px 0 #000, 3px 3px 0 #000}#Ranking .inner .group2 ul li .score label,#Ranking .inner .group3 ul li .score label{font-size:30px;line-height:30px;text-shadow:1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000,  .2px .2px 0 #000, .5px .5px 0 #000, 1px 1px 0 #000, 2px 2px 0 #000, 3px 3px 0 #000}#Ranking .inner .group2 ul li .btngroup #Youtubebtn,#Ranking .inner .group2 ul li .btngroup #Twitterbtn,#Ranking .inner .group3 ul li .btngroup #Youtubebtn,#Ranking .inner .group3 ul li .btngroup #Twitterbtn{width:48%;height:auto}#Ranking .inner .group3{margin:0 auto}#Ranking .inner .group3 ul li{width:32%}#Ranking .inner .group3 ul li .rank.num{font-family:vdl-v7gothic,sans-serif;font-weight:800;font-size:66px;line-height:66px;letter-spacing:0;color:#000}#Ranking .inner .group3 ul li .rank.num label{font-size:46px;line-height:46px;letter-spacing:0}#Ranking .inner .group3 ul li figure{height:253px}#Ranking .inner .group3 ul li figure figcaption{height:120px;padding:15px 30px}#Ranking .inner .group3 ul li figure figcaption h4{font-size:40px;line-height:40px;letter-spacing:3px}#Ranking .inner .group3 ul li .score{font-size:49px;line-height:49px;text-shadow:1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000,  .2px .2px 0 #000, .5px .5px 0 #000, 1px 1px 0 #000, 2px 2px 0 #000, 3px 3px 0 #000}#Ranking .inner .group3 ul li .score label{font-size:25px;line-height:25px;text-shadow:1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000,  .2px .2px 0 #000, .5px .5px 0 #000, 1px 1px 0 #000, 2px 2px 0 #000, 3px 3px 0 #000}#Ranking .inner .group3 ul li .btngroup #Youtubebtn,#Ranking .inner .group3 ul li .btngroup #Twitterbtn{width:49%}@media all and (-ms-high-contrast: none){#Ranking .inner article .score{margin:40px auto 0 auto}#Ranking .inner .group2 ul li .score,#Ranking .inner .group3 ul li .score{margin:30px auto 0 auto}}@media all and (min-width: 768px) and (max-width: 1024px){#Ranking .inner article{width:100%}#Ranking .inner article figure{height:375px}#Ranking .inner article figure figcaption h4{font-size:50px;line-height:50px}#Ranking .inner article .btngroup #Youtubebtn,#Ranking .inner article .btngroup #Twitterbtn{width:49%;height:auto}#Ranking .inner .group2 ul li{width:100%}#Ranking .inner .group2 ul li figure{height:375px}#Ranking .inner .group2 ul li figure figcaption h4{font-size:50px;line-height:50px}#Ranking .inner .group3 ul li{width:48%}#Ranking .inner .group3 ul li figure{height:180px}#Ranking .inner .group3 ul li figure figcaption h4{font-size:30px;line-height:30px}}@media all and (max-width: 767px){#Ranking{padding:6.66667vw 0 13.33333vw 0;background:url("../images/section_bg_sp.jpg") top center;background-size:100%}#Ranking .inner article{width:100%}#Ranking .inner article.group1::before{width:100%;height:122.66667vw;top:0;left:0;background:url("../images/ranking_cracker_sp.png") center center;background-size:100%}#Ranking .inner article .rank{width:32vw}#Ranking .inner article .rank img{width:32vw;height:auto}#Ranking .inner article figure{height:52vw;margin:2.13333vw 0 0 0}#Ranking .inner article figure figcaption{height:25.33333vw;padding:2.66667vw}#Ranking .inner article figure figcaption h4{font-size:8vw;line-height:8vw;letter-spacing:.5vw}#Ranking .inner article .score{margin:2.66667vw auto 0 auto;font-family:vdl-v7gothic,sans-serif;font-weight:800;font-size:70px;line-height:70px;letter-spacing:0;color:#FFF500;font-size:9.33333vw;line-height:9.33333vw;letter-spacing:0;text-shadow:.2px .2px 0 #000, .5px .5px 0 #000, 1px 1px 0 #000, 2px 2px 0 #000, 3px 3px 0 #000;-webkit-text-stroke:1px #000;text-stroke:1px #000}#Ranking .inner article .score label{font-size:5.2vw;line-height:5.2vw;letter-spacing:0;color:#fff;text-shadow:.2px .2px 0 #000, .5px .5px 0 #000, 1px 1px 0 #000, 2px 2px 0 #000, 3px 3px 0 #000;-webkit-text-stroke:1px #000;text-stroke:1px #000}#Ranking .inner article .btngroup{margin:4vw auto 0 auto}#Ranking .inner article .btngroup #Youtubebtn,#Ranking .inner article .btngroup #Twitterbtn{width:100%;height:auto}#Ranking .inner article .btngroup #Twitterbtn{margin:1vw 0 0 0}#Ranking .inner .group2,#Ranking .inner .group3{margin:6.66667vw auto 0 auto}#Ranking .inner .group2 ul li,#Ranking .inner .group3 ul li{width:100%;margin:0 0 6.66667vw 0}#Ranking .inner .group2 ul li .rank,#Ranking .inner .group3 ul li .rank{width:32vw}#Ranking .inner .group2 ul li .rank img,#Ranking .inner .group3 ul li .rank img{width:32vw;height:auto}#Ranking .inner .group2 ul li .rank.num,#Ranking .inner .group3 ul li .rank.num{font-family:vdl-v7gothic,sans-serif;font-weight:800;font-size:80px;line-height:80px;letter-spacing:0;color:#000;font-size:13.33333vw;line-height:13.33333vw;text-shadow:2px 2px 2px rgba(0,0,0,0.7);-webkit-text-stroke:1px #fff;text-stroke:1px #fff;width:auto;text-align:center}#Ranking .inner .group2 ul li .rank.num label,#Ranking .inner .group3 ul li .rank.num label{font-size:9.6vw;line-height:9.6vw}#Ranking .inner .group2 ul li figure,#Ranking .inner .group3 ul li figure{height:52vw;margin:2.13333vw 0 0 0}#Ranking .inner .group2 ul li figure figcaption,#Ranking .inner .group3 ul li figure figcaption{height:25.33333vw;padding:2.66667vw}#Ranking .inner .group2 ul li figure figcaption h4,#Ranking .inner .group3 ul li figure figcaption h4{font-size:8vw;line-height:8vw;letter-spacing:.5vw}#Ranking .inner .group2 ul li .score,#Ranking .inner .group3 ul li .score{margin:2.66667vw auto 0 auto;font-size:9.33333vw;line-height:9.33333vw;letter-spacing:0;text-shadow:.2px .2px 0 #000, .5px .5px 0 #000, 1px 1px 0 #000, 2px 2px 0 #000, 3px 3px 0 #000;-webkit-text-stroke:1px #000;text-stroke:1px #000}#Ranking .inner .group2 ul li .score label,#Ranking .inner .group3 ul li .score label{font-size:5.2vw;line-height:5.2vw;letter-spacing:0;color:#fff;text-shadow:.2px .2px 0 #000, .5px .5px 0 #000, 1px 1px 0 #000, 2px 2px 0 #000, 3px 3px 0 #000;-webkit-text-stroke:1px #000;text-stroke:1px #000}#Ranking .inner .group2 ul li .btngroup,#Ranking .inner .group3 ul li .btngroup{margin:4vw auto 0 auto}#Ranking .inner .group2 ul li .btngroup #Youtubebtn,#Ranking .inner .group2 ul li .btngroup #Twitterbtn,#Ranking .inner .group3 ul li .btngroup #Youtubebtn,#Ranking .inner .group3 ul li .btngroup #Twitterbtn{width:66.66667vw;height:auto;margin:0 auto}#Ranking .inner .group2 ul li .btngroup #Twitterbtn,#Ranking .inner .group3 ul li .btngroup #Twitterbtn{margin:1vw auto 0 auto}#Ranking .inner .group3{margin:0 auto}#Ranking .inner .group3 ul li{width:48%}#Ranking .inner .group3 ul li .rank.num{font-size:8.26667vw;line-height:8.26667vw}#Ranking .inner .group3 ul li .rank.num label{font-size:6vw;line-height:6vw}#Ranking .inner .group3 ul li figure{height:25.33333vw}#Ranking .inner .group3 ul li figure figcaption{height:12vw;padding:1.6vw 2.66667vw}#Ranking .inner .group3 ul li figure figcaption h4{font-size:4vw;line-height:4vw;letter-spacing:.5vw;-webkit-text-stroke:.25px #fff;text-stroke:.25px #fff}#Ranking .inner .group3 ul li .score{font-size:6vw;line-height:6vw;text-shadow:.1px .1px 0 #000, .25px .25px 0 #000, .5px .5px 0 #000, 1px 1px 0 #000, 1.5px 1.5px 0 #000}#Ranking .inner .group3 ul li .score label{font-size:3.33333vw;line-height:3.33333vw;text-shadow:.1px .1px 0 #000, .25px .25px 0 #000, .5px .5px 0 #000, 1px 1px 0 #000, 1.5px 1.5px 0 #000}#Ranking .inner .group3 ul li .btngroup{margin:2.66667vw auto 0 auto}#Ranking .inner .group3 ul li .btngroup #Youtubebtn,#Ranking .inner .group3 ul li .btngroup #Twitterbtn{width:100%}}