/*　基本設定　*/
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:1920px; 
    height:1080px; 
    display:flex; 
    align-items:flex-end;/*　縦下寄せ　*/
    justify-content:left;/*　横左寄せ　*/
    background:transparent; 
}

/*　index.htmlの上部　*/
.controls {
    position: relative;
    width:100%;
    display:block;
    padding:30px;
    background:#fddd35;
}
/*
.controls .opa-title #raceTitle {
   width:auto;
    display:inline-block;
    margin-right:10px;
    font-size:26px; 
    font-weight:bold; 
    margin-bottom:15px; 
}*/
.controls h4 {
    position:absolute;
    display:inline-block;
    border:1px solid #000;
    padding:2px 5px;
    font-weight:500;
    font-size:12px;
    z-index:2;
    top:0;
    left:10px;
}

.controls .opa-title h3 {/*　モジュール名　*/
    width:auto;
    display:inline-block;
    font-size:26px; 
    font-weight:bold; 
    margin-bottom:15px; 
}
input, button, input#customText { /*　入力部分　*/
    padding:8px 12px; 
    margin:3px; 
    font-size:22px; 
    font-weight:600;
}
input {
    width:600px;
}
#customText { /*　任意で入れる見出し用　*/
    width:60%; 
    padding:5px; 
    margin-bottom:10px; 
    font-size:16px; 
}





/*　検索結果を表示する部分　操作側・表示側　共通　*/
div.contents {     /*左下に表示する設定　*/
    width:800px;   /*ここで表示エリアの幅を指定　*/
    margin-left:68px;
    margin-right:auto;
    margin-bottom:130px;
    display:block;
}
/*　表示側ではタイトル非表示　*/
div.contents h2 { 
    display:none;
}
/*　これなんだったっけ？　*/
div.dis {
    width:800px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:auto;
    display:block;
}
/*　任意の見出しテキストを表示　*/
h3#displayText { 
    width:100%;
    font-size:22px; 
    text-align:left; 
    margin-bottom:0px; 
    box-sizing: border-box;
    padding:6px 10px;
    color:#000;
    background:#fff;
    filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.2));
}
h3#displayText:empty {
    display: none;
}



/*　リスト部分　*/
div.contents table#resultTable {
    width:100%;
    margin: 0 auto; 
    border-collapse: separate;
    border-spacing: 0px 8px;
    font-size:18px;
    font-weight:600;
    box-sizing: border-box;
    border:none;
}
div.contents table#resultTable tr {
    filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.2));
}
div.contents table#resultTable td {
    border:none;
    padding:6px 8px;
    background:#fff;
}

div.contents table#resultTable td:nth-child(1) {   /*　順位　*/
    width:30px;
    background:#fddd35;
    /*color:#fff;*/
    text-align: center;
}
div.contents table#resultTable td:nth-child(2) {   /*　選手　*/
    width:auto;
    background:#fff;
}
div.contents table#resultTable td:nth-child(3) {   /*　国　*/
    width:45px;
    font-size:16px;
    font-weight:500;
    background:#fff;
    text-align: center;
}
div.contents table#resultTable td:nth-child(4) {   /*　ゼッケン　*/
    width:45px;
    background:#fffdcc;
    text-align: center;
}
div.contents table#resultTable td:nth-child(5) {  /*　チーム　*/
    width:280px;
    background:#fff769;
    /*color:#fff;*/
    text-align: left;
    font-size:16px;
    font-weight:500;
}