@charset "UTF-8";

.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(7, 1fr);
}
.link_grid > div {
background: #0066cc;
color: #ffffff;
text-align: center;
vertical-align: middle;
overflow: auto;
min-width: 0;
padding: 8px 5px;
line-height: 120%;
border: 1px solid #b9b9b9;
}
.link_grid > div a:link, .link_grid > div a:visited {
color: #ffffff!important;
}
.link_grid div:hover, .link_fixed_left:hover, .link_fixed_right:hover {
background-color: #0099ff;
}
.link_grid div:has(strong) {
background-color: #003399!important;
border: 2px inset #000000;
}
.year_box {
padding-top: 8px!important;
padding-left: 0px!important;
}
.ifrm {
width:90px;
height:30px;
border:none;
display:block;
overflow:hidden;
}
span.farm a:link, span.farm  a:visited {
color: #ffccff!important;
}
.stats span.inter a:link, .stats span.inter  a:visited {
color: #ccffcc!important;
}
.not {
color: #999999!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;
}
.ifrm {
display: inline;
}
div.farm a:link, div.farm a:visited {
color: #ffccff!important;
}
div.inter a:link, div.inter a:visited {
color: #ccffcc!important;
}
.link_grid:has(div) {
outline: 1px solid #b9b9b9;
outline-offset: -1px;
}

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

/*
space1 2 -1949
space 1950-2006
jps2 1950-2006
jps3 2007-
*/

@media (min-width: 961px){
.stats_cms {
letter-spacing: -1.0px;
}
}

@media (min-width: 736px){
.year_box {
grid-column: 1 / 2;
grid-row: 1 / 3;
}
.roster {
grid-column: 2 / 3;
grid-row: 1 / 3;
}
.result {
grid-column: 3 / 4;
grid-row: 1 / 3;
}
.result.major {
grid-column: 3 / 4;
grid-row: 1 / 2;
}
.result.farm {
grid-column: 3 / 4;
grid-row: 2 / 3;
}
.lineup {
grid-column: 4 / 5;
grid-row: 1 / 3;
}
.stats {
grid-column: 5 / 6;
grid-row: 1 / 3;
}
.stats.major {
grid-column: 5 / 6;
grid-row: 1 / 2;
}
.stats.farm {
grid-column: 5 / 6;
grid-row: 2 / 3;
}
.stats.inter {
grid-column: 6 / 7;
grid-row: 1 / 3;
}
.stats_cms {
grid-column: 7 / 8;
grid-row: 2 / 3;
}
.stats_jps2 {
grid-column: 7 / 8;
grid-row: 1 / 3;
}
.stats_jps3 {
grid-column: 7 / 8;
grid-row: 1 / 2;
}
.space1 {
grid-column: 6 / 7;
grid-row: 1 / 3;
}
.space2 {
grid-column: 7 / 8;
grid-row: 1 / 3;
}
.space {
display: none;
}
}

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

@media (min-width: 736px) and (max-width: 960px){
.stats_cms {
//letter-spacing: -1.0px;
}
.pc_none {
display: inline!important;
}
.sp_none {
display: none!important;
}
}

@media (min-width: 680px) and (max-width: 735.9px){
.ifrm {
margin-left: -5px!important;
}
.pc_none {
display: inline;
}
.sp_none {
display: none;
}
}

@media (min-width: 568px) and (max-width: 735.9px){
.stats.inter br, .stats_cms br, .stats_jps2 br, .stats_jps3 br {
display: none;
}
}

@media (min-width: 481px) and (max-width: 735.9px){
.link_grid {
grid-template-columns: repeat(4, 1fr);
}
.link_fixed_left, .link_fixed_right {
width: 50px;
}
.year_box {
grid-column: 1 / 5;
grid-row: 1 / 2;
}
.roster {
grid-column: 1 / 2;
grid-row: 2 / 5;
}
.result.major {
grid-column: 2 / 3;
grid-row: 2 / 3;
}
.result.farm {
grid-column: 2 / 3;
grid-row: 3 / 4;
}
.lineup {
grid-column: 4 / 5;
grid-row: 2 / 3;
}
.stats {
//grid-column: 5 / 6;
//grid-row: 1 / 3;
}
.stats.major {
grid-column: 3 / 4;
grid-row: 2 / 3;
}
.stats.farm {
grid-column: 3 / 4;
grid-row: 3 / 4;
}
.stats.inter {
grid-column: 2 / 3;
grid-row: 4 / 5;
}
.stats_cms {
grid-column: 4 / 5;
grid-row: 4 / 5;
}
.stats_jps2 {
grid-column: 4 / 5;
grid-row: 3 / 4;
}
.stats_jps3 {
grid-column: 4 / 5;
grid-row: 3 / 4;
}
.space1 {
grid-column: 2 / 5;
grid-row: 3 / 4;
}
.space2 {
grid-column: 2 / 5;
grid-row: 4 / 5;
}
.space {
display: none;
}
}

@media (max-width: 679.9px){
.stats_cms {
letter-spacing: 0px;
}
}

@media (min-width: 600px) and (max-width: 679.9px){

}

@media (min-width: 568px) and (max-width: 599.9px){

}

@media (min-width: 481px) and (max-width: 567.9px){

}

@media (max-width: 480.9px){
.link_grid {
grid-template-columns: repeat(3, 1fr);
}
.link_fixed_left, .link_fixed_right {
width: 50px;
}
.year_box {
grid-column: 1 / 4;
grid-row: 1 / 2;
}
.roster {
grid-column: 1 / 2;
grid-row: 2 / 3;
}
.result {
grid-column: 2 / 3;
grid-row: 2 / 3;
}
.result.major {
grid-column: 2 / 3;
grid-row: 2 / 3;
}
.result.farm {
grid-column: 2 / 3;
grid-row: 3 / 4;
letter-spacing: -1.0px;
}
.lineup {
grid-column: 1 / 2;
grid-row: 3 / 4;
}
.stats {
grid-column: 3 / 4;
grid-row: 2 / 3;
}
.stats.major {
grid-column: 3 / 4;
grid-row: 2 / 3;
}
.stats.farm {
grid-column: 3 / 4;
grid-row: 3 / 4;
letter-spacing: -1.0px;
}
.stats.inter {
grid-column: 1 / 2;
grid-row: 4 / 5;
}
.stats_cms {
//grid-column: 7 / 8;
//grid-row: 1 / 2;
letter-spacing: 0px;
}
.stats_jps {
//grid-column: 7 / 8;
//grid-row: 2 / 3;
}
.stats_jps2 {
grid-column: 3 / 4;
grid-row: 4 / 5;
}
}

@media (max-width: 374.9px){
.result.farm, .stats.farm {
letter-spacing: -1.5px;
}
}

@media (min-device-width: 736px) and (max-device-width: 960px) and (max-device-height: 479px) and (orientation: landscape){
.link_grid {
grid-template-columns: repeat(7, 1fr);
}
.link_fixed_left, .link_fixed_right {
width: 50px;
}
.result.farm, .stats.farm {
letter-spacing: -1.0px;
}
.pc_none {
display: inline;
}
.sp_none {
display: none;
}
}

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

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

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

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


table {
background-color: #ffffff;
border-collapse: collapse;
}
th{
padding: 4px;
vertical-align: middle;
text-align: center;
color: #cccccc;
background-color: #444444;
border-top: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
border-right: 1px solid #dddddd;
}
th:first-child {

}
th a:link, th a:visited {
color: #ccff99;
}
td {
vertical-align: top!important;
padding: 2px;
white-space: nowrap;
}

td.out {
white-space: nowrap;
color: #666666;
}

/* ドラフト欄ありなし roster0=-1965 roster=1966- */

div[id^="roster"] table tr td:nth-of-type(1), div[id^="roster"] table tr td:nth-of-type(4), div[id^="roster"] table tr td:nth-of-type(5), div[id^="roster"] table tr td:nth-of-type(6), div[id^="roster"] table tr td:nth-of-type(10) {
text-align: right;
}
div[id^="roster"] table tr td:nth-of-type(7) {
text-align: center;
}
div[id^="roster"] table tr td:nth-of-type(9) {
text-align: left;
}
div[id^="roster"] table tr td:nth-of-type(8), div[id^="roster"] table tr td:nth-of-type(10), div[id^="roster"] table tr td:nth-of-type(8), div[id^="roster"] table tr td:nth-of-type(11) {
letter-spacing: -1px;
}
div[id^="roster0"] table tr td:nth-of-type(1), div[id^="roster0"] table tr td:nth-of-type(4), div[id^="roster0"] table tr td:nth-of-type(5), div[id^="roster0"] table tr td:nth-of-type(6), div[id^="roster0"] table tr td:nth-of-type(9) {
text-align: right;
}
div[id^="roster0"] table tr td:nth-of-type(7) {
text-align: center;
}
div[id^="roster0"] table tr td:nth-of-type(10) {
text-align: left;
}

td.head {
text-align: left;
background-color: #cccccc;
}
table.dataTable tbody tr.head td {
background-color: #dddddd!important;
border-left: 1px solid #dddddd!important;
border-right: 1px solid #dddddd!important;
}
td.line1 {
width:40px;
font-size:1.3rem;
white-space: nowrap;
}
td.line1 div {
width:10px;
font-size:1.3rem;
white-space: nowrap;
}
td.hover {
background-color: #ffb466;
}