@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-top: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
border-right: 1px solid #dddddd;
}
td {
vertical-align: top!important;
padding: 2px;
white-space: nowrap;
}
th.combi_left {
border-right: none!important;
}
th.combi_right {
border-left: none!important;
}
tr.out td{
white-space: nowrap;
background-color: #ccccff;
background-color: #ccccff!important;
color: #000000;
}
td.team{
white-space: nowrap;
text-align: left;
vertical-align: top;
}
th.title{
white-space: nowrap;
text-align: left;
}
td.title{
white-space: nowrap;
text-align: center;
width: 130px;
}
td.main{
font-weight: bold;
font-size: 125%;
}
td.sp{
padding: 0px;
}
td.data {
text-align: right;
}

div.title_main {
padding: 5px 0px;
font-weight: bold;
font-size: 125%;
}
.title_main span.memo {
font-weight: normal;
font-size: 80%;
}
table.dataTable tbody tr.position td {
background-color: #dddddd!important;
border-left: 1px solid #dddddd!important;
border-right: 1px solid #dddddd!important;
}
td.line1 div {
font-weight: bold;
width:10px;
font-size:13px;
white-space: nowrap;
}
tr td:nth-of-type(1), tr td:nth-of-type(4), tr td:nth-of-type(7) {
text-align: right;
}
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-color: #bfddff;
}
.link_grid {
background: #0066cc;
display: grid;
grid-auto-rows: 1fr;
}
.link_grid {
grid-template-columns: repeat(7, 1fr);
}
.link_grid.nav {
grid-template-columns: repeat(5, 1fr);
margin-bottom: 5px;
}
.link_grid.main {
grid-template-columns: repeat(7, 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, .link_fixed_left:hover, .link_fixed_right:hover {
background-color: #0099ff;
}
.link_grid div:has(strong) {
border: 3px double #ffffff;
}
.link_grid.main div:has(strong) {
background-color: #003399!important;
border: 3px double #ffffff;
}
.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;
}
.year_box {
grid-row: span 2; grid-column: span 1;
}
.year_box2 {
grid-row: span 3; grid-column: span 1;
}
.blank.sp_none {
grid-row: span 1; grid-column: span 3;
}
.link_fixed_left span, .link_fixed_right span {
font-size: 75%;
letter-spacing: -1.5px;
color: #ffffff!important;
}
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;
}
.link_grid.main strong::after {
content: "\025bc";
}
.npb_cell strong, .league_cell strong, .team_cell strong{
font-weight: bold;
}

.farm, .na2, .ha2 {
font-size: 90%;
border: 1px solid #333333!important;
}
.farm{
color:#ffffff;
color:#ffffff!important;
background-color:#28ae80;
background-color:#28ae80!important;
}
.na2{background-color:#e76b18;background-color:#e76b18!important;color:#1d4e9b;color:#1d4e9b!important;}
.na2 a:link, .na2 a:visited{color:#1d4e9b!important;}
.ha2{background-color:#ffffff;background-color:#ffffff!important;color:#000000;color:#000000!important;}
.ha2 a:link, .ha2 a:visited{color:#000000!important;}
.ht strong, .ok strong, .na2 strong {
text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}
.ha2 strong {
text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

@media (min-width: 736px){
.container {
width: 728px;
}
}

@media (min-width: 961px){
.hf {
letter-spacing: -1.0px;
padding-left: 3px!important;
padding-right: 3px!important;
}
.sh {
letter-spacing: -2.0px;
padding-left: 2px!important;
padding-right: 2px!important;
}
.na2, .ha2 {
letter-spacing: -1.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:"大阪";
}
.na2 a::after, .na2 strong::after {
content:"新潟";
}
.ha2 a::after, .ha2 strong::after {
content:"静岡";
}
}

@media (min-width: 736px) and (max-width: 959.9px){
.link_fixed_left, .link_fixed_right {
width: 60px;
}
.sh {
letter-spacing: -1.5px;
padding-left: 3px!important;
padding-right: 3px!important;
}
.na2, .ha2 {
letter-spacing: -1.5px;
padding-left: 3px!important;
padding-right: 3px!important;
}
}

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

@media (max-width: 735.9px){
.link_grid {
grid-template-columns: repeat(3, 1fr);
}
.year_box {
grid-row: span 1; grid-column: span 3;
}
.year_box2 {
grid-row: span 1; grid-column: span 3;
}
.year_cell.not {
display: none;
}
.link_fixed_left, .link_fixed_right {
width: 45px;
}
.sh {
letter-spacing: -3.0px;
padding-left: 1px!important;
padding-right: 1px!important;
}
.na2, .ha2 {
letter-spacing: -2.0px;
padding-left: 3px!important;
padding-right: 3px!important;
}
}

@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;
}
.link_fixed_left, .link_fixed_right {
width: 65px;
}
}

@media (max-width: 480.9px){
.link_fixed_left, .link_fixed_right {
width: 50px;
}
}

@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(3, 1fr);
}
.link_grid.nav {
grid-template-columns: repeat(3, 1fr);
}
.link_grid.main {
grid-template-columns: repeat(4, 1fr);
}
.link_grid.year {
grid-template-columns: repeat(5, 1fr);
}
.link_fixed_left, .link_fixed_right {
width: 55px;
}
.sh {
letter-spacing: -1.5px;
}
.pc_none {
display: inline;
}
.sp_none {
display: none;
}
}

@media (min-device-width: 567px) and (max-device-width: 735px) and (max-device-height: 479px) and (orientation: landscape){
.link_grid.nav {
grid-template-columns: repeat(3, 1fr);
}
.link_grid.main {
grid-template-columns: repeat(4, 1fr);
}
.link_grid.year {
grid-template-columns: repeat(5, 1fr);
}
.link_fixed_left, .link_fixed_right {
width: 45px;
}
.sh {
letter-spacing: -1.5px;
}
}

@media (min-width: 1112px){
div.title_main {
width: calc(100vw - 350px);
max-width:1250px;
min-width:728px;
}
}

@media (min-width: 736px) and (max-width: 1111px){
div.title_main {
width: 728px;
}
}

@media (min-width: 736px){
div.title_main {
text-align: center;
}
td.long {
letter-spacing: -1px;
}
}

@media (max-width: 735px){
div.title_main {
width: 100%;
max-width:728px;
text-align: left;
padding: 5px;
}
}

@media (min-device-width: 480px) and (max-device-width: 960px) and (orientation: landscape) and (min-device-aspect-ratio: 16/9) {
div.title_main {
width: 100%;
}
}


/* upbringing.htm tfoot -start- */
table.dataTable.cell-border tfoot td {
border-top: 1px solid #000;
border-right: 1px solid #ddd;
}
table.dataTable.cell-border tfoot tr td:first-child {
border-left: 1px solid #ddd;
}
/* upbringing.htm tfoot -end- */


/* datatables 幅最大 -start- */
@media (min-width: 1112px){
div.dataTables_wrapper, div.dt-container {
max-width:1250px;/*728-1250px以下指定*/
}
}
/* datatables 幅最大 -end- */