.block-ranking{overflow-x:auto;margin:4rem auto}.block-ranking table{min-width:1100px;border-collapse:separate;border-spacing:0 .2rem;border-radius:5px;padding:0 .5rem;text-align:center}.block-ranking table thead{color:#000;background:#fff;box-shadow:0 0 5px 1px rgba(0,0,0,.1)}.block-ranking table thead th{padding:1rem;text-transform:uppercase;font-weight:700;font-size:1.8rem}.block-ranking table thead th:nth-child(1){border-radius:5px 0 0 5px}.block-ranking table thead th:nth-last-child(1){border-radius:0 5px 5px 0}.block-ranking table tbody tr{position:relative;counter-increment:counter;margin-top:1rem;box-shadow:0 0 5px 1px rgba(0,0,0,.1);border-radius:5px}@media (min-width:992px){.block-ranking table tbody tr{margin-top:0}.block-ranking table tbody tr:nth-child(even){background:rgba(245,245,255,.7)}}.block-ranking table tbody td{padding:3rem 1rem}.block-ranking table tbody td:nth-child(1){border-radius:5px 5px 0 5px;position:relative}.block-ranking table tbody td:nth-child(1)::after{position:absolute;left:0;top:0;content:counter(counter);font-weight:800;font-size:1.4rem;color:#fff;width:30px;height:30px;line-height:30px;text-align:center;background:#ff3e39;border-radius:5px 0 50% 0}.block-ranking table tbody td:nth-last-child(1){text-align:center}@media (min-width:992px){.block-ranking table tbody td:nth-last-child(1){border-radius:0 5px 5px 5px}}@media (min-width:992px){.block-ranking table .logo{padding-left:5rem;padding-right:2rem}}.block-ranking table .logo figure{margin:0 auto;background:var(--broker-color);background-image:linear-gradient(to right top,rgba(0,0,0,.4),var(--broker-color) 45%,var(--broker-color) 55%,rgba(0,0,0,.4));width:70px;height:70px;border-radius:1rem;position:relative}.block-ranking table .logo figure::before{position:absolute;content:"";width:70px;height:70px;left:0;top:0;border-radius:1rem;box-shadow:0 2px 10px 2px var(--broker-color);opacity:.5}.block-ranking table .logo figure img{width:100%;height:100%;object-fit:contain;vertical-align:middle}@media (min-width:1300px){.block-ranking table .logo{width:160px}}@media (min-width:1300px){.block-ranking table .broker{width:180px}}.block-ranking table .broker .title{font-weight:600;text-transform:uppercase}.block-ranking table .broker .url{font-size:1.5rem;color:#c4c4c4}.block-ranking table .broker .url:hover{color:#ff3e39}@media (min-width:1300px){.block-ranking table .amount{width:170px}}.block-ranking table .bonus{max-width:180px}.block-ranking table .rating{max-width:150px}.block-ranking table .rating a:hover{color:#ff3e39}.block-ranking table .rating span{font-weight:600}.block-ranking table .rating a{color:#000;text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:#d2d2d2}.block-ranking table .rating .stars{position:relative;text-align:center;--percent:calc(var(--rating) / 5 * 100%)}.block-ranking table .rating .stars::before{content:"★★★★★";letter-spacing:1px;width:105px;margin:0 auto;font-size:2rem;display:block;background:linear-gradient(90deg,#ff8f10 var(--percent),#dfe8f6 0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap}.block-ranking table .info{max-width:180px}@media (min-width:992px){.block-ranking table .info{padding-right:2rem}}.block-ranking table td.info span::before{content:"";display:inline-block;background:url(../image/icon--check.svg);background-size:contain;width:12px;height:12px;margin-right:.5rem;margin-bottom:0}.block-ranking table .col-button{min-width:100px}.block-ranking table .col-button .button{font-weight:700;font-size:2rem;display:inline-block;padding:1.3rem 3rem}.block-ranking table .col-button .button:hover{color:#fff}@media (max-width:991.98px){.block-ranking.responsive table{min-width:auto}.block-ranking.responsive table thead{display:none}.block-ranking.responsive table td:nth-of-type(even){background:rgba(245,245,255,.7)}.block-ranking.responsive table td,.block-ranking.responsive table tr{display:block;width:100%;max-width:100%}.block-ranking.responsive td:not(.col-button,.logo)::before{content:attr(data-heading);display:block;font-weight:700;font-size:1.7rem;text-transform:uppercase;margin-bottom:1rem}.block-ranking.responsive .rating{padding-left:1rem}.block-ranking.responsive .stars::before{margin:0 auto}.block-ranking.responsive .button{margin:0 auto}}