/* --------------------------------------
   result-header
   -------------------------------------- */ 
.result-header {margin-top:35px;}

.no-gutters { margin:0; padding:0;}
.no-gutters　> .col,
.no-gutters　> [class*="col-"] { margin:0; padding:0;}

.result-header-image { width: 100%; height: calc(100vh/3 - 35px); object-fit: cover; z-index: -1;}
.overlay-content { width: 100%; height: calc(100vh/5.5 - 20px);}
.class-select {
  margin-top: -15px;
  margin-bottom: 10px;
}

.class-select >.dropdown-menu .dropdown-item {
    font-size: 0.8571em;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    margin-top: 5px;
    -webkit-transition: all 150ms linear;
    transition: all 150ms linear;
    /* color: #696969; */
    color: #000;
}

.set-class {
    font-size: 0.8571em;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    margin-top: 5px;
    border: 1px solid #f7ab00;
    border-radius: 3px;
    font-size: 0.9rem;
    font-weight: 700;
    color: #f7ab00;
    padding: 0.5rem;
}

.dashbord{
    padding-left: 10rem;
    padding-right: 10rem;
}

.btn-select {
   background-color: #f7ab00;
   border-color: #f7ab00;
}

@media only screen and (max-width: 738px) {
  .result-header { margin-top:30px;}
  .result-header-image {height: calc(100vh/3);}
  .overlay-content { height: calc(100vh/4.5 - 30px);}
  h2 { font-size: 1.25rem; }
  .class-select {
  margin-top: -30px;
  margin-bottom: 20px;
}
}

.time { color: #f7ab00; font-weight: 600; }
.gnavi { position: fixed; width: 100%; top: 0; z-index: 10000; }


/*------------------------------------------------------------
        グローバルナビ
------------------------------------------------------------*/
#gNavi {
}


#gNavi li {
  list-style: none;
}

#gNavi-li-3 {
    padding-right: 2px;
    /* background: url(../../images/common/line01.png) repeat-y right top; */
    background-size: 2px 4px;
    width: 32.5%;
    float: left;
    text-align: center;
}

#gNavi-li-4 {
    padding-right: 2px;
    /* background: url(../../images/common/line01.png) repeat-y right top; */
    background-size: 2px 4px;
    width: 24.5%;
    float: left;
    text-align: center;
}

#gNavi-li-5 {
    /* padding-right: 2px; */
    /* background: url(../../images/common/line01.png) repeat-y right top; */
    /* background-size: 2px 4px; */
    width: 20.0%;
    float: left;
    text-align: center;
}

#gNavi-li-5 a {
    color: rgba(255, 255, 255, 0.7);
}

#gNavi-li-5 a .active {
    color: #F7AB00;
}

#gNavi-li-6 {
    /* padding-right: 2px; */
    /* background: url(../../images/common/line01.png) repeat-y right top; */
    background-size: 2px 4px;
    width: 16.3%;
    float: left;
    text-align: center;
}

#gNavi-li-7 {
    /* padding-right: 2px; */
    /* background: url(../../images/common/line01.png) repeat-y right top; */
    background-size: 2px 4px;
    /* width: 13.8%; */
    width: 12%;
    float: left;
    text-align: center;
}

#gNavi-li-7 a {
    color: rgba(255, 255, 255, 0.7);
}

#gNavi-li-7 a .active {
    color: #F7AB00;
}

#gNavi li:last-child {
    background: none;
    padding-right: 0;
}

#gNavi-li-4:last-child,
#gNavi-li-6:last-child {
    background: none;
    padding-right: 0;
}

#gNavi li img {
    /*  	width: 50%; */
    width: 40px;
}

#gNavi li a {
    padding: 10% 10% 3%;
    display: block;
    font-size: 11px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    font-style: italic;
}

#gNavi li a span {
    margin-top: 3px;
    display: block;
}

@media all and (min-width: 321px) and (max-width: 640px) {
  #gNavi {

  }
}


.results-status {

}

.results-status a {
	padding-left: 10px;
}

.results-status .results-status-timestamp {
	color: white;
	font-size: 1rem;
	text-decoration-line: underline;
}

/* results-status */

.results-status {
    color: white;
    font-size: 1rem;
    z-index: 99999;
}

.results-status i {
    color: #f7ab00;
    z-index: 99999;
}

.results-status .results-status-timestamp {
    text-decoration-line: underline;
    z-index: 99999;
}

.results-status .status {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 5px;
	font-size: 0.9rem;
	padding-left: 0;
	padding-right: 0;
	z-index: 99999;
}

.results-status .status-official {
    background-color: #f7ab00;
    border-radius: 3px;
    font-size: 0.9rem;
    color: black;
    padding: 0.5rem;
    z-index: 99999;
}

.results-status .status-live {
    background-color: #f71000;
    border-radius: 3px;
    font-size: 0.9rem;
	padding-left: 6px;
	padding-right: 6px;
	z-index: 99999;
}

.table {
  border-collapse: collapse;
}

.table th, .table td {
  border: none; /* ボーダーを非表示にする */
}


.results-title {
    font-size: 12px;
    background-color: #333;
    color: white;
    border-bottom: 1px solid #4D4948;
}





.results-details details {
    padding: 0!important;
    background-color: #f9f9f9;
    border-collapse: collapse;
    width: 100%;
}

.results-details details .events {
  border-right: 1px solid #dee2e6;
}

.results-details details .judge {
  border-left: 1px solid #dee2e6!important;
}


.results-details summary {
  display: block;
  list-style: none;
}

.results-details summary::-webkit-details-marker {
  display:none;
}


.results-summary {
    font-size: 12px;
    font-weight: 700;
    background-color: #F9F9F9;
    border-bottom: 1px solid #DCDCDC;
    color: #000;
}

.results-summary img {
   width: 20px;
}

.results-summary .fa-cube {
  color: #f7ab00;
}


.team {
   font-weight: 400!important;
}



.result-form {
  background-color: #F9F9F9;
}


.wag-result-form {
  background-color: #fff0f5;
}


#id_d_score,#id_d2_score,#id_e_judge1,#id_e_judge2,#id_e_judge3,#id_e_judge4,#id_e_judge5,#id_penalty,#id_player,#id_cls,#id_event,#id_group,#id_set,#id_additional {
    font-size: x-large;
    font-weight: 700;
}