/* for Mobile */
th {font-size:10px}
td.fs-xs > span {font-size:10px}

@media screen and (max-width: 575.98px) {
	td {font-size:12px}
}

#stageTable th:nth-child(1),
#stageTable td:nth-child(1) {text-align:center; background-color:rgba(233,236,239,0.6);}
#stageTable th:nth-child(2),
#stageTable td:nth-child(2) {text-align:center}
#stageTable th:nth-child(3),
#stageTable td:nth-child(3) {text-align:left}
#stageTable th:nth-child(4),
#stageTable td:nth-child(4) {text-align:right}

#ovTable th:nth-child(1),
#ovTable td:nth-child(1) {text-align:center; background-color:rgba(233,236,239,0.6);}
#ovTable th:nth-child(2),
#ovTable td:nth-child(2) {text-align:center}
#ovTable th:nth-child(3),
#ovTable td:nth-child(3) {text-align:left}
#ovTable th:nth-child(4),
#ovTable td:nth-child(4) {text-align:right}

#stageTable td:nth-child(3),
#ovTable td:nth-child(3) {
	white-space: nowrap;       /* 改行させない */
	overflow: hidden;          /* はみ出た部分を隠す */
	text-overflow: ellipsis;   /* 省略記号「...」で表示 */
}
#stageTable td:nth-child(3) { max-width: 80px }
#ovTable td:nth-child(3) { max-width: 56px }

@media screen and (max-width: 374.98px) {
	#stageTable th:nth-child(2),
	#stageTable td:nth-child(2),
	#ovTable th:nth-child(2),
	#ovTable td:nth-child(2) {
		display:none
	}
}



/* for PC */
.pc th {font-size:14px}
.pc td.fs-xs > span {font-size:13px}
.pc td:nth-child(4).fs-xs > span {font-size:1rem}

@media screen and (max-width: 575.98px) {
	.pc td {font-size:inherit}
}

.pc #stageTable th:nth-child(1),
.pc #stageTable td:nth-child(1) {text-align:center; background-color:rgba(233,236,239,0.6);}
.pc #stageTable th:nth-child(2),
.pc #stageTable td:nth-child(2) {text-align:center}
.pc #stageTable th:nth-child(3),
.pc #stageTable td:nth-child(3) {text-align:left}
.pc #stageTable th:nth-child(4),
.pc #stageTable td:nth-child(4) {text-align:center}
.pc #stageTable th:nth-child(5),
.pc #stageTable td:nth-child(5) {text-align:right}
.pc #stageTable th:nth-child(6),
.pc #stageTable td:nth-child(6) {text-align:right}

.pc #ovTable th:nth-child(1),
.pc #ovTable td:nth-child(1) {text-align:center; background-color:rgba(233,236,239,0.6);}
.pc #ovTable th:nth-child(2),
.pc #ovTable td:nth-child(2) {text-align:center}
.pc #ovTable th:nth-child(3),
.pc #ovTable td:nth-child(3) {text-align:left}
.pc #ovTable th:nth-child(4),
.pc #ovTable td:nth-child(4) {text-align:center}
.pc #ovTable th:nth-child(5),
.pc #ovTable td:nth-child(5) {text-align:right}
.pc #ovTable th:nth-child(6),
.pc #ovTable td:nth-child(6) {text-align:right}

.pc #stageTable td:nth-child(3) { max-width: 200px }
.pc #ovTable td:nth-child(3) { max-width: 200px }

@media screen and (max-width: 959.98px) {
	.pc #stageTable th:nth-child(4),
	.pc #stageTable td:nth-child(4),
	.pc #ovTable th:nth-child(4),
	.pc #ovTable td:nth-child(4) {display:none;}
}
@media screen and (max-width: 639.98px) {
	.pc td.fs-xs:nth-child(3) > span {display:none;}
}


/* Scroll Button */
.scroll-button-wrapper {
	overflow-x: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.scroll-button-wrapper::-webkit-scrollbar {
	display: none;
}
.no-hover a:hover {
	background-color: inherit !important;
	color: inherit !important;
}
.no-hover a.btn-outline-primary:hover {
	color: #0d6efd !important;
}

.btn.disabled {
	color: #8798aa !important;
	border-color: #8798aa !important;
}

/* PC/Mobile Switcher */
body.pc.device-sp ul.pagination a.page-link {
	font-size: xx-large !important;
}


/* View only Stage Time or Overall Time  */
body.stage #stagetime {
	width: 100%;
}
body.stage #ovtime {
	display: none;
}

body.overall #stagetime {
	display: none;
}
body.overall #ovtime {
	width: 100%;
}

/*  for TGR MCC iframe */
body.iframe #mode-sw,
body.iframe #class-sw {
	display: none;
}