@charset "UTF-8";

table {
background-color: #ffffff;
border-collapse: collapse;  
}
th{
padding: 2px;
vertical-align: middle;
text-align: center;
color: #cccccc;
background-color: #006699;
border: 1px solid #b9b9b9;
}
th a:link, th a:visited{
color: #cccccc!important;
}
th.combi_top {
border-bottom: none!important;
}
th.combi_bottom {
border-top: none!important;
}
th.combi_left {
border-right: none!important;
}
th.combi_right {
border-left: none!important;
}
th.combi_center {
border-right: none!important;
border-left: none!important;
}
div.scroll span.pc_none{
font-style: normal;
font-size: 80%;
margin-left: 100px;
}
td {
vertical-align: top;
padding: 2px;
text-align: right;
white-space: nowrap;
}
span.sort {
display: none;
}
#cs td, #cs_ex td, #playoffs td {
text-align: left;
}
td.combi_top {
border-bottom: none!important;
}
td.combi_in {
border-top: none!important;
border-bottom: none!important;
}
td.combi_bottom {
border-top: none!important;
}

.result td, .result_cs td, .info td, .result_js td, .result_as td {
background-color: #ffffff;
border: 1px solid #b9b9b9;
}

th.sub {
font-weight: normal;
}
th.sub2 {
font-weight: normal;
}
td.data, td.score, td.sco {
text-align: center!important;
}
td.res {
letter-spacing: -1.5px;
font-size: 75%;
line-height: 160%;
}
span.victory {
letter-spacing: -1.0px;
}
span.v_team {
}
span.vld {
letter-spacing: -0px!important;
font-size: 125%;
}
td.line {
background-color: #006699!important;
}
td.team {
text-align: left;
font-weight: normal;
white-space: nowrap;
}
span.af {
font-weight: normal;
font-size: 75%;
}
div.table_title {
font-weight: bold;
padding: 5px 0 2px 0;
}

.info td, .info table td {
text-align: left;
white-space: normal!important;
background-color: #ffffff!important;
}
.result_cs td, .result_js td, .result_as td {
text-align: left;
}
td.data {
text-align: right;
}
#js td {
text-align: left;
}
#js_total td {
text-align: right;
}
#js_total td.team {
text-align: left;
}
#rank td, #card1 td, #card2 td {
text-align: center;
}
td.num {
border-right: none!important;
text-align: right;
}
td.sla {
border-right: none!important;
border-left: none!important;
text-align: center;
}
td.deno {
border-left: none!important;
text-align: center;
}
th.ex{
background-color: #006699;
color: #cccccc;
text-align: left;
}
td.sco{
text-align: center;
letter-spacing: 0px;
}
td img {
vertical-align: text-top;
margin: 0px 1px 0px 1px;
}
span.l, span.wd {
font-size: 75%;
}
td.long {
letter-spacing: -1px;
}
td.on {
background-color: #0066cc;
background-color: #0066cc!important;
}
span.on {
color: #0066cc;
}
.primary td{
text-align: center;
}
#manager_total tr td:nth-of-type(1), #manager_total tr td:nth-of-type(11), #manager_total tr td:nth-of-type(12) {
text-align: left;
}
span.tm {
width: 70px;
display: inline-block;
text-align: center;
}
.tm.sh {
letter-spacing: -2px;
}
.tm.nk {
letter-spacing: -2px;
}
.tm.tt {
letter-spacing: -3px;
}
.tm.tn, .tm.sw {
border: 1px solid #cccccc;
}
span.league {
width: 30px;
display: inline-block;
text-align: center;
letter-spacing: 0.1em;
}

table[id^="pitch_total"] tr td:nth-of-type(1), table[id^="batt_total"] tr td:nth-of-type(1), table[id^="field_total"] tr td:nth-of-type(1) {
text-align: left;
}
table[id^="pitch_total"] tr td:nth-of-type(2), table[id^="batt_total"] tr td:nth-of-type(2), table[id^="field_total"] tr td:nth-of-type(2) {
text-align: left;
}
table[id^="pitch_av"] tr td:nth-of-type(1), table[id^="batt_av"] tr td:nth-of-type(1), table[id^="field_av"] tr td:nth-of-type(1) {
text-align: left;
}
table[id^="pitch_av"] tr td:nth-of-type(2), table[id^="batt_av"] tr td:nth-of-type(2), table[id^="field_av"] tr td:nth-of-type(2) {
text-align: left;
}
table[id^="pitch_year"] tr td:nth-of-type(2), table[id^="batt_year"] tr td:nth-of-type(2), table[id^="field_year"] tr td:nth-of-type(2) {
text-align: center;
font-size: 85%;
padding-top: 6px;
}
table[id^="pitch_year"] tr td:nth-of-type(15), table[id^="batt_year"] tr td:nth-of-type(5), table[id^="pitch_total"] tr td:nth-of-type(15), table[id^="batt_total"] tr td:nth-of-type(5) {
border-right: none!important;
text-align: right;
font-size: 75%;
padding-top: 6px;
}
table[id^="pitch_year"] tr td:nth-of-type(16), table[id^="batt_year"] tr td:nth-of-type(6), table[id^="pitch_total"] tr td:nth-of-type(16), table[id^="batt_total"] tr td:nth-of-type(6) {
border-left: none!important;
text-align: right;
}
table[id^="pitch_total"] tr td:nth-of-type(17), table[id^="pitch_year"] tr td:nth-of-type(17) {
border-right: none!important;
text-align: right;
}
table[id^="pitch_total"] tr td:nth-of-type(18), table[id^="pitch_year"] tr td:nth-of-type(18) {
border-left: none!important;
text-align: right;
font-size: 85%;
}
table[id^="pitch_year"] tr td:nth-of-type(24), table[id^="batt_year"] tr td:nth-of-type(20), table[id^="pitch_total"] tr td:nth-of-type(24), table[id^="batt_total"] tr td:nth-of-type(20) {
border-left: none!important;
text-align: right;
font-size: 85%;
padding-top: 5px;
}
span.league {
width: 30px;
display: inline-block;
text-align: center;
letter-spacing: 0.1em;
}
td.name {
text-align: left;
}
td.inf {
border-right: none!important;
font-size: 75%;
text-align: right;
padding-top: 6px;
}
td.ab {
border-left: none!important;
text-align: right;
}
td.ip {
border-right: none!important;
text-align: right;
}
span.inter {
font-size: 85%;
margin-right: 2px;
}
span.sort {
display: none;
}
div.table_title {
margin: 5px 0 2px 0;
font-weight: bold;
font-size: 125%;
}
div.table_title h2 {
font-size: 1.2em;
display:inline;
}
div.table_title span {
font-weight: normal;
font-size: 75%;
}

@media (min-width: 1112px){
#year0_wrapper.dataTables_wrapper, #rank2_wrapper.dataTables_wrapper {
width:728px;
}
}

@media (min-width: 961px){
table.info{
width: 728px;
}
td.ipf {
border-left: none!important;
text-align: right;
font-size: 85%;
padding: 6px 2px 0px 2px!important;
}
td.ibb {
font-size: 85%;
padding: 6px 2px 0px 2px!important;  
}
.pc_none{
display: none;
}
}

@media (min-width: 736px) and (max-width: 960px){
table.info{
width: 728px;
}
td.ipf {
border-left: none!important;
text-align: right;
font-size: 85%;
padding: 4px 2px 0px 2px!important;
}
td.ibb {
font-size: 85%;
padding: 4px 2px 0px 2px!important;  
}
.pc_none{
display: none;
}
}

@media (max-width: 735.9px){
td {
padding: 10px 4px !important;
}
table[id^="batt_year"] tr td:nth-of-type(20) {
padding-top: 11px!important;
}

td.ipf {
border-left: none!important;
text-align: right;
font-size: 85%;
padding-top: 13px!important;
}
td.ibb {
font-size: 85%;
padding-top: 13px!important;
}
td.inf {
padding-top: 12px!important;
}
span.af {
letter-spacing: -1px;
}
td.long {
letter-spacing: -2px;
}
}

@media (min-device-width: 567px) and (max-device-width: 960px) and (max-device-height: 479px) and (orientation: landscape){
table.info{
width: 728px;
}
td.ipf {
border-left: none!important;
text-align: right;
font-size: 85%;
padding: 2px 2px 0px 2px!important;
}
td.ibb {
font-size: 85%;
padding: 2px 2px 0px 2px!important;  
}
.sp_none{
display: none;
}
span.af {
letter-spacing: -2px;
}
td.long {
letter-spacing: -1px;
}
}



.container {
display: flex;
width: 100%;
}
.link_fixed_left, .link_fixed_right {
width: 30px;
text-align: center;
vertical-align: middle;
flex-shrink: 0;
flex-grow: 0;
background-color: #0066cc;
padding: 8px 5px;
border: 1px solid #b9b9b9;
}
.link_grid {
flex-grow: 1;
background: #0066cc;
display: grid;
grid-auto-rows: 1fr;
}
.link_grid {
grid-template-columns: repeat(4, 1fr);
}
.link_grid.nav {
grid-template-columns: repeat(5, 1fr);
margin-bottom: 5px;
}
.link_grid.main {
grid-template-columns: repeat(7, 1fr);
}
.link_grid.reg {
grid-template-columns: repeat(4, 1fr);
}
.link_grid.team {
grid-template-columns: repeat(8, 1fr);
}
.link_grid.year {
grid-template-columns: repeat(10, 1fr);
}
.link_grid > div {
background: #0066cc;
color: #faf0e6;
text-align: center;
vertical-align: middle;
overflow: auto;
min-width: 0;
padding: 8px 5px;
border: 1px solid #b9b9b9;
}
.link_grid div:hover {
background-color: #0099ff;
}
.link_grid div:not(.team_cell):has(strong) {
background-color: #003399;
border: 3px double #ffffff;
}
.link_grid.reg div:has(strong) {
background-color: #003399!important;
border: 3px double #ffffff;
}
.link_grid.team div:has(strong) {
border: 3px double #ffffff;
}
.team_cell.total:has(strong) {
background-color: #003399!important;
border: 3px double #ffffff;
}
.link_grid.team div.team_cell.tn:has(strong) {
border: 3px double #cc0000;
}
.year_cell a:link, .year_cell a:visited{color:#ffffff!important;}
.team_cell.total a:link, .team_cell.total a:visited{color:#ffffff!important;}
.link_grid > div a {
color: #ffffff!important;
font-weight: normal!important;
}
.link_grid > div a:link, .link_grid > div a:visited {
color: #ffffff;
font-weight: normal;
}
.link_grid > div.off {
color: #999999!important;
font-weight: normal!important;
}
.link_grid.main > div {
background: #0000cc;
}
.link_grid.main div:hover {
background-color: #330099;
}
.link_grid.main div:has(strong) {
background-color: #330066!important;
border: 3px double #ffffff;
}
.link_grid > .nav_reg {
background-color: #9900ff;
}
.link_grid > .nav_inter {
background-color: #ff00cc;
}
.link_grid > .nav_cs {
background-color: #00cc00;
}
.link_grid > .nav_jps {
background-color: #0033cc;
}
.link_grid > .nav_etc {
//background-color: #0033cc;
}
.nav_none {
display: none;
}
.link_grid > .nav_reg:hover {
background-color: #6600cc;
}
.link_grid > .nav_inter:hover {
background-color: #cc00cc;
}
.link_grid > .nav_cs:hover {
background-color: #009933;
}
.link_grid > .nav_jps:hover {
background-color: #000099;
}
.link_grid > .nav_etc:hover {
//background-color: #000099;
}
strong {
font-size: 100%;
font-weight: normal;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
.ht strong, .ok strong, .tr strong {
text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}
.tn strong {
text-shadow: -1px -1px 0 #ccc, 1px -1px 0 #ccc, -1px 1px 0 #ccc, 1px 1px 0 #ccc;
}
.tr a:link, .tr a:visited{color:#ffffff!important;}
.np a:link, .np a:visited{color:#ffffff!important;}
.ok a:link, .ok a:visited{color:#000066!important;}
.ds a:link, .ds a:visited{color:#ffffff!important;}
.tu a:link, .tu a:visited{color:#ffffff!important;}
.tn a:link, .tn a:visited{color:#990000!important;}
.nk a:link, .nk a:visited{color:#ffffff!important;}
.ek a:link, .ek a:visited{color:#ffffff!important;}
.year_cell.double36 {
grid-column: 3 / 5;
grid-row: 1 / 2;
}
.year_cell.double37 {
grid-column: 5 / 7;
grid-row: 1 / 2;
}
.year_cell.double38 {
grid-column: 7 / 9;
grid-row: 1 / 2;
}
.link_grid.nav strong::after {
content: "\025bc";
}
div.nav_reg:has(strong) {
background-color: #6600cc!important;
}
div.nav_inter:has(strong) {
background-color: #cc00cc!important;
}
div.nav_cs:has(strong) {
background-color: #009933!important;
}
div.nav_jps:has(strong) {
background-color: #000099!important;
}
div.nav_etc:has(strong) {
//background-color: #000099!important;
}
.nav_reg strong, .nav_inter strong, .nav_cs strong, .nav_jps strong, .nav_etc strong {
font-weight: bold;
}

.team_box {
display: none;
}
.team_box div.ifrm {
display: none;
}

@media (min-width: 736px){
.container {
width: 728px;
}
div.dataTables_wrapper, div.dt-container {
//width: 728px;
}
}

@media (min-width: 736px){
.team_cell.total {
grid-column: 7 / 9;
grid-row: 1 / 3;
}
.year_box {
grid-column: 1 / 4;
grid-row: 1 / 2;
}
.year_cell.total {
grid-column: 4 / 6;
grid-row: 1 / 2;
}
.year_box div.ifrm {
display: none;
}
}

@media (min-width: 961px){
.link_fixed_left, .link_fixed_right {
width: 40px;
}
.hf {
letter-spacing: -1.5px;
padding-left: 3px!important;
padding-right: 3px!important;
}
.sh {
letter-spacing: -2.0px;
padding-left: 2px!important;
padding-right: 2px!important;
}
.ts a::before, .ts strong::before {
content:"東京";
}
.db a::before, .db strong::before {
content:"横浜";
}
.hc a::after, .hc strong::after {
content:"東洋";
}
.hf a::before, .hf strong::before {
content:"北海道";
}
.te a::before, .te strong::before {
content:"東北";
}
.ss a::before, .ss strong::before {
content:"埼玉";
}
.cm a::before, .cm strong::before {
content:"千葉";
}
.sh a::before, .sh strong::before {
content:"福岡";
}
.ok a::before, .ok strong::before {
content:"大阪";
}
}

@media (min-width: 736px) and (max-width: 960px){
.sh {
letter-spacing: -1.0px;
}
}

@media (max-width: 960.9px){
.link_grid > div {
padding: 10px 5px;
}
}

@media (max-width: 735.9px){
.link_grid.reg {
grid-template-columns: repeat(2, 1fr);
}
.link_fixed_left, .link_fixed_right {
width: 50px;
}
.link_fixed_left span.pc_none, .link_fixed_right span.pc_none {
display: none;
}
.link_grid div.sp_none {
display: none;
}
.link_grid.year {
grid-template-columns: repeat(5, 1fr);
}
.year_cell.total {
grid-column: 1 / 6;
grid-row: 1 / 2;
}

.link_grid.team {
grid-template-columns: repeat(6, 1fr);
}
.team_box {
display: none;
}
.team_cell.total {
grid-column: 3 / 7;
grid-row: 4 / 5;
}
.team_cell.sh {
letter-spacing: -2.0px;
}
}

@media (min-width: 481px) and (max-width: 735.9px){
.year_box {
display: none;
}
}

@media (max-width: 639.9px){
.link_grid.nav {
grid-template-columns: repeat(3, 1fr);
}
.link_grid.main {
grid-template-columns: repeat(4, 1fr);
}
.nav_none {
display: block;
}
.nav_cs, .nav_etc {
letter-spacing: 2px;
}
}

@media (min-width: 481px){
.year_comment span {
display: none;
}
.year_box div.ifrm {
display: none;
}
}

@media (max-width: 480.9px){
.link_grid.reg {
grid-template-columns: repeat(2, 1fr);
}
.link_grid.team {
grid-template-columns: repeat(3, 1fr);
}
.link_grid.year {
grid-template-columns: repeat(1, 1fr);
}
.year_cell {
display: none;
}
.team_cell.total {
display: block;
grid-column: 3 / 4;
grid-row: 7 / 8;
}
.year_box {
grid-column: 1 / 6;
grid-row: 1 / 2;
}
.team_box {
grid-column: 1 / 6;
grid-row: 2 / 3;
display: none;
}
.link_grid div.sp_none {
display: none;
}
.link_fixed_left span.pc_none, .link_fixed_right span.pc_none {
display: none;
}
}

@media (max-width: 359.9px){
.link_grid > div {
letter-spacing: -1px;
}
}

@media (min-device-width: 736px) and (max-device-width: 960px) and (max-device-height: 479px) and (orientation: landscape){
.link_grid {
grid-template-columns: repeat(4, 1fr);
}
}

@media (min-device-width: 567px) and (max-device-width: 735px) and (max-device-height: 479px) and (orientation: landscape){
.link_grid {
grid-template-columns: repeat(2, 1fr);
}
.link_grid.reg {
grid-template-columns: repeat(4, 1fr);
}
.link_grid.nav {
grid-template-columns: repeat(3, 1fr);
}
.link_grid.main {
grid-template-columns: repeat(4, 1fr);
}
.nav_none {
display: block;
}
}