html,body{height:100%}*,*:before,*:after{box-sizing:border-box}html,body{font-size:100%}body{background:#fff;color:#222;cursor:auto;font-family:Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.6;margin:0;padding:0;position:relative}a:hover{cursor:pointer}img{max-width:100%;height:auto}img{-ms-interpolation-mode:bicubic}.hide{display:none}.invisible{visibility:hidden}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:inline-block;vertical-align:middle}textarea{height:auto;min-height:50px}select{width:100%}.chart-container__body{position:relative}@media only screen and (min-width:48em){.chart-container__body{padding:0 20px;width:100%}}.chart-container__body canvas{width:200vw;height:50vh;pointer-events:none;max-width:345px;min-height:375px;margin:0 auto}@media only screen and (min-width:48em){.chart-container__body canvas{width:10vw;max-width:none;min-height:none}}@media(max-width:320px){.chart-container__body canvas{max-width:290px;min-height:320px}}.chart-container__title{position:absolute;top:0;left:0;right:0;margin:auto;text-align:center;top:52%;transform:translateY(-50%);font-weight:700;font-size:18px}.data-read{font-size:16px;margin-bottom:10px}@media only screen and (min-width:48em){.data-read{text-align:center;font-size:18px;margin-bottom:20px}}.ranking-list{margin:40px 0 0}@media only screen and (min-width:48em){.ranking-list{padding:30px 30px 0;border-radius:10px}}.ranking-list li{margin-bottom:30px;border-bottom:1px dotted #ccc;padding-bottom:10px}.ranking-list li:last-child{margin-bottom:0}.g-crown{width:0;height:0;border-bottom:35px solid #999;border-left:20px solid transparent;border-right:20px solid transparent;position:relative;display:inline-block;width:40px;vertical-align:top}.g-crown:after{width:0;height:0;border-top:15px solid transparent;border-bottom:20px solid #999;border-left:20px solid #999;border-right:20px solid #999;content:"";position:absolute;top:0;left:-20px}.g-crown__circle{background-color:#999;border-radius:50%;width:5px;height:5px;position:absolute;top:-5px;left:-21px}.g-crown__circle:before{background-color:#999;border-radius:50%;width:5px;height:5px;content:"";position:absolute;top:0;left:19px}.g-crown__circle:after{background-color:#999;border-radius:50%;width:5px;height:5px;content:"";position:absolute;top:0;left:38px}.g-crown__text{padding-left:10px;display:inline-block;width:64%}@media only screen and (min-width:48em){.g-crown__text{width:80%;vertical-align:middle}}@media(max-width:320px){.g-crown__text{width:62%}}.g-crown__text .male,.g-crown__text .female{font-size:20px;font-weight:700;vertical-align:baseline}.g-crown__text .male{color:#5aa9ff}.g-crown__text .female{color:#ff669d}.g-crown__number{display:inline-block;font-size:22px;font-weight:700;text-align:right;width:20%;vertical-align:top}@media only screen and (min-width:48em){.g-crown__number{width:10%}}.g-crown__number span{font-size:16px;vertical-align:baseline}.g-crown__rank{position:absolute;top:8px;left:-6px;z-index:1;font-size:20px}.g-crown.rank1{border-bottom:35px solid #bfa930}.g-crown.rank1:after{border-bottom:20px solid #ffe973;border-left:20px solid #ffe973;border-right:20px solid gold}.g-crown.rank1__circle{background-color:#a68c00}.g-crown.rank1__circle:before{background-color:#a68c00}.g-crown.rank1__circle:after{background-color:#a68c00}.g-crown.rank2{border-bottom:35px solid #909090}.g-crown.rank2:after{border-bottom:20px solid #e0e0e0;border-left:20px solid #e0e0e0;border-right:20px solid silver}.g-crown.rank2__circle{background-color:#909090}.g-crown.rank2__circle:before{background-color:#909090}.g-crown.rank2__circle:after{background-color:#909090}.g-crown.rank3{border-bottom:35px solid #69433f}.g-crown.rank3:after{border-bottom:20px solid #8c4841;border-left:20px solid #8c4841;border-right:20px solid #5b1c15}.g-crown.rank3__circle{background-color:#69433f}.g-crown.rank3__circle:before{background-color:#69433f}.g-crown.rank3__circle:after{background-color:#69433f}