@charset "utf-8";
/* CSS Document */

p.add202506 {
padding: 10px;
background: #FFF0F5;
font-weight: bold;
}

p.target {
    background: #FFF0F5;
    display: inline-block;
    padding: 0 6px;
    margin-top: 5px!important;
}

p.toPage a {
text-decoration: underline;
margin-top: 10px;
font-weight: bold;
}

table.rank {
 width: 100%;
 border-collapse: collapse;
 border-spacing: 0;
}

table.rank td {
 padding: 10px;
 border: solid 1px #ccc;
 text-align: center;
 padding: 10px;
 vertical-align: middle;
}

table.rank {
    white-space: nowrap;
}

 table.rank tr {
height: 54px;
}

table.rank th {
padding: 10px;
border: solid 1px #ccc;
font-weight: normal;
text-align: left;
vertical-align: middle;
}

table.rank td.tdn01 {
width:10px;
}

table.rank td.item {
text-align: left;
}

table.rank td.item span {
font-size: 10px;
}

table.rank th span {
    font-size: 10px;
}

table.rank td.rankR {
background:#812c31;
color: #fff;
}

table.rank td.rankS {
background:#A7AEB7;
color: #fff;
}

table.rank td.rankG {
background:#d1c290;
color: #fff;
}

table.rank td.rankP {
background:#525151;
color: #fff;
}

table.rank td.gray {
background:#ececec;
}

table.rank td.new {
background:#FFF0F5
}

.sp {
display: none;
}

@media (max-width: 767px) {
table.rank {
    border-collapse:  collapse;
    width:100%;
    white-space:pre-wrap;
}

.table-scroll {
  overflow-x: scroll;
  display: none;
}

.sp {
display:block;
}

.sp p.new {
font-size: 16px;
line-height: 1.4;
margin-top: 20px!important;
}

.sp p.new span {
font-size: 10px;
color: #c00;
}

.sp p.atn {
font-size: 10px;
margin-bottom: 20px!important;
}

.sp p.exists {
font-size: 16px;
line-height: 1.4;
margin-top: 20px!important;
}

.sp p.exists span {
font-size: 10px;
}

 table.rank tr {
height:34px;
}

table.rank th,
table.rank td{
font-size: 9px;
}

}