@charset "UTF-8";

/* ---------------------------------------------
	順位表ページ
--------------------------------------------- */
.cx_smartphoneview .w1000{ width: 96%; margin-top: 14px;}
h3{
    background-color: #be0000;
    color: #fff;
    font-weight: bold;
    line-height: 1.2;
    padding: 0.3em 0.4em;
    font-size: 130%;
    margin: 0 0 10px;
    position: relative;
}
h3.men{ background-color: #0f0cc0;}
h3 span{
    display: inline-block;
    position: absolute;
    bottom: 5px;
    right: 6px;
    font-size: 70%;
    font-weight: normal;
    color: rgba(255,255,255,0.9);
}
.cx_smartphoneview h3 span{ font-size: 65%;}
.tableWrap.men{ margin-bottom: 3em;}

.cx_smartphoneview .ranking .tableWrap{
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}
.ranking table{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: center;
    line-height: 1.2;
}
.cx_smartphoneview .ranking table{
    width: 170%;
}
thead{
    border-top: solid 1px #9b8a6b;
    border-left: solid 1px #9b8a6b;
}
.ranking thead > tr{ border-bottom: solid 1px #9b8a6b;}
.ranking th{
    background-color: #b48d4484;
    border-right: solid 1px #9b8a6b;
    padding: 5px 0;
    font-size: 84%;
    color: #fff;
}
/* .ranking tr:nth-of-type(1) th:nth-last-of-type(1){ border: none;} */
.cx_smartphoneview .ranking th.narrow_sp{ letter-spacing: -0.08em;}
.ranking tbody > tr{
    border-bottom: solid 1px #555;
    border-left: solid 1px #555;
}
tbody > tr:nth-of-type(2){ border-bottom: 5px solid #e4bd74;}
/* .ranking tbody > tr:nth-of-type(2n){ background-color: rgba(255,255,255,0.16);} */
.ranking tbody > tr > td{
    position: relative;
    padding: 0.9em 0;
    border-right: solid 1px #555;
    width: 7.5%;
    color: #eee;
    box-sizing: border-box;
}
.cx_smartphoneview .ranking tbody > tr > td{ padding: 0.8em 0;}
.ranking tbody > tr > td:nth-of-type(1){ color: #e4bd74;}
.ranking tbody > tr > td:nth-of-type(1),
.ranking tbody > tr > td:nth-of-type(2){
    font-weight: bold;
}
.ranking tbody > tr > td:nth-of-type(1){ font-size: 120%;}
.cx_smartphoneview .ranking tbody > tr > td:nth-of-type(1){
    font-size: 110%;
    width: 4%;
}
.ranking tbody > tr > td:nth-of-type(8),
.ranking tbody > tr > td:nth-of-type(11){ width: 8.5%;}
.ranking tbody > tr > td:nth-of-type(2){
    width: 23%;
    text-align: left;
    padding-left: 65px;
    color: #fff;
}
.ranking tbody > tr > td:nth-of-type(2)::before{
    content: "";
    display: block;
    position: absolute;
    bottom: 0.3em;
    left: -5px;
    width: 60px;
    height: 60px;
    background-size: contain;
    background-repeat: no-repeat;regulations
    background-position: 0 0;
}
.ranking tbody > tr.japan{ background-color: #ff373775;}
.ranking .men tbody > tr.japan{ background-color: #1612ff75;}
.ranking tbody > tr.japan > td:nth-of-type(2)::before{ background-image: url("../img/vabo_japan.png");}
.ranking tbody > tr.serbia > td:nth-of-type(2)::before{
    background-image: url("../img/vabo_serbia.png");
    width: 56px;
    height: 56px;
}
.ranking tbody > tr.turkey > td:nth-of-type(2)::before{
    background-image: url("../img/vabo_turkey.png");
}
.ranking tbody > tr.belgium > td:nth-of-type(2)::before{
    background-image: url("../img/vabo_belgium.png");
    width: 62px;
    height: 62px;
    left: -5px;
    bottom: 0.5em;
}
.ranking tbody > tr.bulgaria > td:nth-of-type(2)::before{
    background-image: url("../img/vabo_bulgaria.png");
    width: 50px;
    height: 50px;
    left: 2px;
}
.ranking tbody > tr.puerto-rico > td:nth-of-type(2)::before{
    background-image: url("../img/vabo_puerto-rico.png");
    width: 50px;
    height: 50px;
    left: 2px;
}
.ranking tbody > tr.peru > td:nth-of-type(2)::before{
    background-image: url("../img/vabo_peru.png");
    width: 54px;
    height: 54px;
    left: 2px;
}
.ranking tbody > tr.netherland > td:nth-of-type(2)::before{
    background-image: url("../img/vabo_netherland.png");
    width: 52px;
    height: 52px;
    left: -2px
}
.ranking tbody > tr.brazil > td:nth-of-type(2)::before{
    background-image: url("../img/vabo_brazil.png");
    width: 50px;
    height: 50px;
    left: 2px;
}
.ranking tbody > tr.argentina > td:nth-of-type(2)::before{ background-image: url("../img/vabo_argentina.png");}
.ranking tbody > tr.america > td:nth-of-type(2)::before{
    background-image: url("../img/vabo_america.png");
    width: 64px;
    height: 64px;
    left: -3px;
}
.ranking tbody > tr.dominica > td:nth-of-type(2)::before{
    background-image: url("../img/vabo_dominica.png");
    width: 58px;
    height: 58px;
}
.ranking tbody > tr.poland > td:nth-of-type(2)::before{
    background-image: url("../img/vabo_poland.png");
    width: 64px;
    height: 64px;
}
.ranking tbody > tr.iran > td:nth-of-type(2)::before{
    background-image: url("../img/vabo_iran.png");
    width: 50px;
    height: 50px;
    left: 0;
}
.ranking tbody > tr.australia > td:nth-of-type(2)::before{
    background-image: url("../img/vabo_australia.png");
    width: 56px;
    height: 56px;
    left: 0;
}
.ranking tbody > tr.egypt > td:nth-of-type(2)::before{
    background-image: url("../img/vabo_egypt.png");
    width: 58px;
    height: 58px;
    left: -2px;
}
.ranking tbody > tr.tunisia > td:nth-of-type(2)::before{
    background-image: url("../img/vabo_tunisia.png");
    width: 50px;
    height: 50px;
    left: 0;
}
.ranking tbody > tr.italy > td:nth-of-type(2)::before{
    background-image: url("../img/vabo_italy.png");
    width: 62px;
    height: 62px;
    left: -5px;
}
.ranking tbody > tr.canada > td:nth-of-type(2)::before{
    background-image: url("../img/vabo_canada.png");
    width: 58px;
    height: 58px;
    left: 0;
}
.ranking tbody > tr.canada > td:nth-of-type(2)::before{
    background-image: url("../img/vabo_canada.png");
    width: 58px;
    height: 58px;
    left: 0;
}
.ranking tbody > tr.slovenia > td:nth-of-type(2)::before{
    background-image: url("../img/vabo_slovenia.png");
    width: 51px;
    height: 51px;
    left: 0;
}
.ranking tbody > tr.finland > td:nth-of-type(2)::before{
    background-image: url("../img/vabo_finland.png");
    width: 53px;
    height: 53px;
    left: 0;
}

.cx_smartphoneview .ranking tbody > tr > td:nth-of-type(2){
    padding-left: 95px;
    width: 24%;
}
.cx_smartphoneview .ranking tbody > tr > td:nth-of-type(2)::before{
    width: 90px;
    height: 90px;
}
.cx_smartphoneview .ranking tbody > tr.bulgaria > td:nth-of-type(2)::before{
    width: 77px;
    height: 77px;
}
.cx_smartphoneview .ranking tbody > tr.puerto-rico > td:nth-of-type(2)::before{
    width: 75px;
    height: 75px;
    bottom: 0;
}
.cx_smartphoneview .ranking tbody > tr.peru > td:nth-of-type(2)::before{
    width: 78px;
    height: 78px;
    bottom: 0;
}
.cx_smartphoneview .ranking tbody > tr.serbia > td:nth-of-type(2)::before{
    width: 88px;
    height: 88px;
}
.cx_smartphoneview .ranking tbody > tr.cameroon > td:nth-of-type(2)::before{
    width: 92px;
    height: 92px;
}
.cx_smartphoneview .ranking tbody > tr.kenya > td:nth-of-type(2)::before{ bottom: 0;}
.cx_smartphoneview .ranking tbody > tr.russia > td:nth-of-type(2)::before{
    width: 80px;
    height: 80px;
}
.cx_smartphoneview .ranking tbody > tr.netherland > td:nth-of-type(2)::before{
    width: 88px;
    height: 88px;
}
.cx_smartphoneview .ranking tbody > tr.brazil > td:nth-of-type(2)::before{
    width: 78px;
    height: 78px;
    bottom: 0;
}
.cx_smartphoneview .ranking tbody > tr.america > td:nth-of-type(2)::before{
    width: 94px;
    height: 94px;
}
.cx_smartphoneview .ranking tbody > tr.dominica > td:nth-of-type(2)::before{
    width: 86px;
    height: 86px;
}
.cx_smartphoneview .ranking tbody > tr.canada > td:nth-of-type(2)::before{
    bottom: 0;
}
.cx_smartphoneview .ranking tbody > tr.poland > td:nth-of-type(2)::before{
    width: 94px;
    height: 94px;
}
.cx_smartphoneview .ranking tbody > tr.iran > td:nth-of-type(2)::before{
    width: 76px;
    height: 76px;
}
.cx_smartphoneview .ranking tbody > tr.egypt > td:nth-of-type(2)::before{
    width: 83px;
    height: 83px;
}
.cx_smartphoneview .ranking tbody > tr.tunisia > td:nth-of-type(2)::before{
    width: 78px;
    height: 78px;
}
.cx_smartphoneview .ranking tbody > tr.italy > td:nth-of-type(2)::before{
    width: 92px;
    height: 92px;
}


.regulations{ margin-top: 3em;}
.cx_smartphoneview .regulations{ padding: 0 0.6em;}
.regulations dl{ margin-bottom: 1em;}
.regulations dt{
    background-color: #b48c44;
    display: inline-block;
    font-weight: bold;
    line-height: 1.2;
    padding: 0.2em 0.4em;
    margin-bottom: 0.4em;
}
.regulations dd span{
    width: 8.6em;
    display: inline-block;
}