/*　基本設定　*/
body { 
    font-family:"Arial", sans-serif;  
    width:100%; 
    padding:0px;
    margin:0;
}
body.b_operate {    /*　操作側　*/
    width:100%;
    display:flex;
    flex-direction: column;
    align-items:flex-start;
    justify-content: center!important;
    background-color:#ddd;
}
body.b_display {     /*　表示側　*/
    width:100%; 
    height:970px;
    display:flex; 
    align-items:center; /*　縦中央　*/
    justify-content:center; /*　横中央　*/
    background:transparent; 
}

/*　index.htmlの上部　*/
div.controls {
    position: relative;
    width:100%;
    display:block;
    padding:30px;
    background:#d11122;
}
.controls h4 {
    position:absolute;
    display:inline-block;
    border:1px solid #fff;
    padding:2px 5px;
    font-weight:500;
    font-size:12px;
    z-index:2;
    top:0;
    left:10px;
    color:#fff;
}
.controls .opa-title h3 {/*　モジュール名　*/
    width:auto;
    display:inline-block;
    font-size:26px; 
    font-weight:bold; 
    margin-bottom:15px; 
    color:#fff;
}
div.controls label {
    color:#fff;
    font-size:18px;
}
div.rank-select {
    display:block;
    margin-top:10px;
}
input, button, #rangeSelect { /*　入力部分　*/
    padding:8px 12px; 
    margin:3px; 
    font-size:22px; 
    font-weight:600;
}
input {
    width:1000px;
}





/*　検索結果を表示する部分　操作側・表示側　共通　*/
div.contents {
    display: inline-block !important;
    width:100%;
    max-width:1400px;   /*ここで表示エリアの幅を指定　*/
    margin:0 auto; 
}
/*　リスト上にタイトルを表示　*/
h3#raceTitle {  
    font-size:32px;
    background:#fff;
    height:64px;
    line-height: 0%;
    display:flex;
    align-items: center;
    justify-content: center;
    margin-bottom:8px;
    filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.2));
}



/*　リスト部分　*/
table { 
    width:100%;
    background:transparent; 
    border-spacing:0px 8px; 
    font-weight:600; 
    font-size:23px; 
}
table thead {
    margin-top:0;
    padding:0;
    display:none;
}
tr {
    filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.2));
}
th, td { 
    padding:3px 8px; 
    text-align:center; 
    height:45px; 
    vertical-align:middle; 
    background:#fff;
}
td:nth-child(1) {   /*　順位　*/
    width:80px;
    background:#d11122;
    color:#fff;
}
td:nth-child(2) {   /*　選手　*/
    width:auto;
    text-align:left;
    line-height:130%;
}
td:nth-child(3) {   /*　国　*/
    width:80px;
    font-weight:500;
    font-size:19px; 
}
td:nth-child(4) {   /*　ゼッケン　*/
    width:80px;
    background:#fcbdbf;
	color:#000;
}
td:nth-child(5) {   /*　チーム　*/
    width:480px;
    color:#fff;
    font-size:20px; 
    background:#f7686a;
    text-align: left;
}