body{
  background:papayawhip;
}

.navbar-nakai{
  background:peru;
  }

.nakaifooter{
  background:peru;
  padding-top:10px;
  text-align:center;
  height:50px;
}

.fontred{
  color:brown;
}

/*これは最終的に消す*/
div{
  /*border:1px solid black;*/
  line-height: 1.5em;
}

/*左部*/
.nrleft{
  padding:5px;
}

/*選択部*/
.nrselect{
  padding-bottom:5px;
}

/*表示部１*/
.nrprint1{
  padding:5px;
}

.nrcontestp{
  border-bottom:1px black solid;
  border-top:1px black solid;
  border-right:1px black solid;
  border-left:1px solid;
  width: 95%;
  text-align: center;
}

.nrcontestp tr{
  line-height: 2.0em;
  border-bottom:1px black solid;
}

.nrcontestp tr:nth-child(1){
  background:rgb(211, 160, 22);
}
.nrcontestp tr:nth-child(2n){
  background: rgb(245, 228, 183);
}

.nrcontestp tr:nth-child(2n+3){
  background:rgb(245, 190, 150);
}
.nrcontestp th:nth-child(2),.nrcontestp td:nth-child(2){
  border-left:1px black solid;
  width: 30%;
}

/*説明欄表示*/
.nakaiexp1{
  border:5px double peru;
  padding:5px;
  font-size:0.9em;
  line-height: 2.0em;
}
.nakaiexp{
  display:block;
}
@media (max-width: 768px) {
  .nakaiexp {
    display:none;
  }
}


/*ランキングテーブル*/
.tategaki{
  writing-mode:vertical-rl;

}
.nrrankingp{
  border-bottom:1px black solid;
  border-top:1px black solid;
  border-right:1px black solid;
  border-left:1px solid;
  width: 95%;
  text-align: center;
}
.nrrankingp tr{
  line-height: 2.0em;
  border-bottom:1px black solid;
}

.nrranktrh{
  background:#ace0a8;
}
.nrrankingp tr:nth-child(2n+3){
  background: #ebfbdc;
}

.nrrankingp tr:nth-child(2n+4){
  background:#d5f7e4;
}
/*順位、ID、名前、総ポイント、各ポイント、チェック*/
.nrranktd0{border-left:1px black solid;width: 20px;}
.nrranktd1{border-left:1px black solid;width: 50px;}
.nrranktdn{border-left:1px black solid;width: 100px;}
.nrranktd2{border-left:1px black solid;width: 50px;}
.nrranktdp{border-left:1px black solid;width: 20px;}
.nrranktdc{border-left:1px black solid;width: 20px;}
/*tdエリア*/
.nrranktrtd td:nth-child(n+1){border-left:1px black solid;}


.bs-component + .bs-component {
    margin-top: 1rem;
  }
  @media (min-width: 768px) {
    .bs-docs-section {
      margin-top: 8em;
    }
    .bs-component {
      position: relative;
    }
    .bs-component .modal {
      position: relative;
      top: auto;
      right: auto;
      bottom: auto;
      left: auto;
      z-index: 1;
      display: block;
    }
    .bs-component .modal-dialog {
      width: 90%;
    }
    .bs-component .popover {
      position: relative;
      display: inline-block;
      width: 220px;
      margin: 20px;
    }
    .nav-tabs {
      margin-bottom: 15px;
    }
    .progress {
      margin-bottom: 10px;
    }
  }