@charset "UTF-8";

body {
font-size: 1.3em;
}
#team_box {
background-color: #ffffff;
margin: 8px 0;
border: 2px solid #333333;
}
div.in_player, div.out_player {

}
div.team_name {
text-align: left;
vertical-align: middle;	
font-weight: bold;
font-size: 1.6rem;
}
div.in_player_title {
vertical-align: middle;
font-weight: bold;
text-align: center;
color: #333333;
background-color: #ff66cc;
}
div.out_player_title {
vertical-align: middle;
font-weight: bold;
text-align: center;
color: #333333;
background-color: #66cc00;
}
div.in_player_title a:link, div.in_player_title a:visited {
color: #ffffff!important;
font-weight: normal;
}
div.out_player_title a:link, div.out_player_title a:visited {
color: #ffffff!important;
font-weight: normal;
}
table {
border-collapse: collapse;  
}
th{
padding: 2px;
text-align: center;
vertical-align: middle;
color: #cccccc;
background-color: #006699;
border: 1px solid #b9b9b9;
}
td {
vertical-align: top;
padding: 2px;
text-align: left;
white-space: nowrap;
background-color: #ffffff;
border: 1px solid #b9b9b9;
}
td.long {
letter-spacing: -1px;
}
div.link_navi table td {
font-weight: normal;
}
div.link_navi table td.not {
color: #999999;
}
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;
}
.team_name {
position: -webkit-sticky;
position: sticky;
top: 0px;
z-index: 11;
box-shadow: 0 2px 2px -1px rgba(0,0,0,0.1);
}

@media(min-width: 736px) {
.in_player_box table tr:has(th), .out_player_box table tr:has(th) {
position: -webkit-sticky;
position: sticky;
top: 30px;
z-index: 10;
box-shadow: 0 2px 2px -1px rgba(0,0,0,0.1);
}
}

@media(max-width: 960px) {
.team_name {
top: 50px;
}
}
@media(max-width: 735.9px) {
.in_player_title, .out_player_title {
position: -webkit-sticky;
position: sticky;
top: 80px;
z-index: 10;
box-shadow: 0 2px 2px -1px rgba(0,0,0,0.1);
}
}

@media (min-width: 736px){
div.link_navi table td {
width: 25%;
}
td {
line-height: 120%;
}
div#team_box {
width: 728px;
margin: 0;
}
div.team_name {
width: 724px;
height: 30px;
padding: 4px 5px;
}
div.in_player, div.out_player {
float: left;
width: 362px;
}
div.in_player_title, div.out_player_title {
width: 362px;
height: 22px;
}
div.in_player table, div.out_player table {
width: 362px;
}
div.team_box_footer {
clear: left;
}
td.long {
letter-spacing: -1px;
}
td.long2 {
letter-spacing: -2px;
}

/* PR */

#main_pr_header, #main_pr_middle, #main_pr_footer {
//padding: 2px 0;
}
#main_pr_middle2 {
display: none;
}
#main_pr_header {

}
}

@media (max-width: 735.9px){
td {
line-height: 150%;
}
}

@media (min-width: 600px) and (max-width: 735px){
td {
line-height: 120%;
padding: 3px;
}
div.team_name {
width: 100%;
height: 30px;
padding-top: 4px;
padding-left: 5px;
}
div.in_player, div.out_player {
width: 100%;
}
div.in_player_title, div.out_player_title {
width: 100%;
height: 22px;
}
div.in_player table, div.out_player table {
width: 100%;
}
div.open, div.close {
height: 25px;
}
td.long, td.long2 {
letter-spacing: -1.0px;
}

/* PR */

#main_pr_header, #main_pr_middle, #main_pr_middle2, #main_pr_footer {
padding: 10px 0 15px 0;
}
}

@media (min-width: 481px) and (max-width: 599.9px){
td {
line-height: 120%;
padding: 3px;
}
div.team_name {
width: 100%;
height: 30px;
padding-top: 4px;
padding-left: 5px;
}
div.in_player, div.out_player {
width: 100%;
}
div.in_player_title, div.out_player_title {
width: 100%;
height: 22px;
padding: 3px 0;
}
div.in_player table, div.out_player table {
width: 100%;
}
div.open, div.close {
height: 25px;
}
td.long, td.long2 {
letter-spacing: -2.0px;
}

/* PR */

#main_pr_header, #main_pr_middle, #main_pr_middle2, #main_pr_footer {
padding: 10px 0 15px 0;
}
}

@media (min-width: 411px) and (max-width: 480.9px){
td {
line-height: 120%;
padding: 3px;
}
div.team_name {
width: 100%;
height: 30px;
padding-top: 4px;
padding-left: 5px;
}
div.in_player, div.out_player {
width: 100%;
}
div.in_player_title, div.out_player_title {
width: 100%;
height: 22px;
}
div.in_player table, div.out_player table {
width: 100%;
}
div.open, div.close {
height: 25px;
}

td.long, td.long2 {
letter-spacing: -1.0px;
}

/* PR */

#main_pr_header, #main_pr_middle, #main_pr_middle2, #main_pr_footer {
padding: 10px 0 15px 0;
}
}

@media (min-width: 375px) and (max-width: 410px){
td {
line-height: 120%;
letter-spacing: -1.0px;
padding: 3px 1px;
}
div.team_name {
width: 100%;
height: 30px;
padding-top: 4px;
padding-left: 5px;
}
div.in_player, div.out_player {
width: 100%;
}
div.in_player_title, div.out_player_title {
width: 100%;
height: 22px;
}
div.in_player table, div.out_player table {
width: 100%;
}
div.open, div.close {
height: 25px;
}

td.long, td.long2 {
letter-spacing: -2.0px;
}

/* PR */

#main_pr_header, #main_pr_middle, #main_pr_middle2, #main_pr_footer {
padding: 10px 0 15px 0;
}
}

@media (min-width: 360px) and (max-width: 374.9px){
td {
line-height: 120%;
letter-spacing: -1.5px;
padding: 3px 1px;
}
div.team_name {
width: 100%;
height: 30px;
padding-top: 4px;
padding-left: 5px;
}
div.in_player, div.out_player {
width: 100%;
}
div.in_player_title, div.out_player_title {
width: 100%;
height: 22px;
}
div.in_player table, div.out_player table {
width: 100%;
}
div.open, div.close {
height: 25px;
}

td.long, td.long2 {
letter-spacing: -2.5px;
}

/* PR */

#main_pr_header, #main_pr_middle, #main_pr_middle2, #main_pr_footer {
padding: 10px 0 15px 0;
}
}

@media (max-width: 359px){
td {
line-height: 120%;
letter-spacing: -1.5px;
padding: 3px 1px;
}
div.team_name {
width: 100%;
height: 30px;
padding-top: 4px;
padding-left: 5px;
}
div.in_player, div.out_player {
width: 100%;
}
div.in_player_title, div.out_player_title {
width: 100%;
height: 22px;
padding: 3px 0;
}
div.in_player table, div.out_player table {
width: 100%;
}
div.open, div.close {
height: 25px;
}
td.long, td.long2 {
letter-spacing: -2.5px;
}

/* PR */

#main_pr_header, #main_pr_middle, #main_pr_middle2, #main_pr_footer {
padding: 10px 0 10px -5px;
}
}


@media (min-device-width: 736px) and (max-device-width: 960px) and (max-device-height: 479px) and (orientation: landscape){
div.link_navi table td {
width: 25%;
}
td {
line-height: 120%;
}
div#team_box {
width: 728px;
margin: 0;
}
div.team_name {
width: 724px;
height: 25px;
padding: 4px 5px;
}
div.in_player, div.out_player {
float: left;
width: 362px;
}
div.in_player_title, div.out_player_title {
width: 362px;
height: 18px;
}
div.in_player table, div.out_player table {
width: 362px;
}
div.team_box_footer {
clear: left;
}
td.long {
letter-spacing: -1px;
}
td.long2 {
letter-spacing: -2px;
}

/* PR */

#main_pr_header, #main_pr_middle, #main_pr_footer {
padding: 2px 0;
}
#main_pr_middle2 {
display: none;
}
#main_pr_header {

}
}

@media (max-device-width: 735px) and (max-device-height: 479px) and (orientation: landscape){
td {
line-height: 120%;
padding: 3px;
}
div.team_name {
width: 100%;
height: 25px;
padding-top: 4px;
padding-left: 5px;
}
div.in_player, div.out_player {
width: 100%;
}
div.in_player_title, div.out_player_title {
width: 100%;
height: 22px;
}
div.in_player table, div.out_player table {
width: 100%;
}
div.open, div.close {
height: 25px;
}
td.long, td.long2 {
letter-spacing: -1.0px;
}

/* PR */

#main_pr_header, #main_pr_middle, #main_pr_middle2, #main_pr_footer {
padding: 10px 0 15px 0;
}
}


.backnumber, td.nm {	
text-align: right;	
}
th a:link, th a:visited {
color: #ffffff!important;
font-weight: normal;
}
td a:link, td a:visited {
color: #1111cc;
}
td.con {
background-color: #faf0e6;
}
span.con {
color: #faf0e6;
}
td.out {
background-color: #cccccc;
}
span.out {
color: #cccccc;
}
td.in {
background-color: #ffccff;
}
span.in {
color: #ffccff;
}

.container {
display: flex;
width: 100%;
}
.link_fixed_left, .link_fixed_right {
width: 145px;
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(3, 1fr);
}

.link_grid.main {
grid-template-columns: repeat(7, 1fr);
}
.link_grid.nav {
grid-template-columns: repeat(5, 1fr);
margin-bottom: 5px;
}
.link_grid.info {
grid-template-columns: repeat(4, 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_fixed_left:hover, .link_fixed_right:hover {
background-color: #0099ff;
}
.link_grid div:has(strong) {
background-color: #003399!important;
border: 3px double #ffffff;
}
.link_grid > div a {
color: #ffffff!important;
font-weight: normal!important;
}
.link_fixed_left a, .link_fixed_right a {
color: #ffffff!important;
font-weight: normal!important;
}
.link_grid > div a:link, .link_grid > div a:visited {
color: #ffffff;
font-weight: normal;
}
.link_fixed_left a:link, .link_fixed_right a:link, .link_fixed_left a:visited, .link_fixed_right a:visited {
color: #ffffff;
font-weight: normal;
}
.link_fixed_right.not {
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;
}
.link_grid.main 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;
}


@media (min-width: 736px){
.container {
width: 728px;
}
div.dataTables_wrapper, div.dt-container {
width: 728px;
}
.nav_year {
grid-column: 1 / 4;
grid-row: 1 / 2;
}
}

@media (max-width: 960.9px){
.link_fixed_left, .link_fixed_right {
padding: 14px 5px;
line-height: 120%;
}
.link_grid > div {
padding: 10px 3px;
line-height: 180%;
}
}

@media (max-width: 735.9px){
.link_grid {
grid-template-columns: repeat(2, 1fr);
}
.link_fixed_left, .link_fixed_right {
width: 120px;
}
}

@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 (max-width: 480.9px){
.link_grid {
grid-template-columns: repeat(2, 1fr);
}
.link_fixed_left, .link_fixed_right {
padding: 12px 3px;
width: 100px;
letter-spacing: -0.5px;
}
.nav_year {
grid-column: 1 / 3;
grid-row: 1 / 2;
}
.nav_conf {
grid-column: 1 / 3;
grid-row: 2 / 3;
}
.nav_pend_in, .nav_pend_out {
letter-spacing: -2.0px;
}
.link_grid.info > div {
letter-spacing: -1.0px;
}
}

@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);
}
}

@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.nav {
grid-template-columns: repeat(3, 1fr);
}
.link_grid.main {
grid-template-columns: repeat(4, 1fr);
}
.nav_none {
display: block;
}
}

/*inoutのみ表示 sp*/
.link_grid.display_item {
grid-template-columns: repeat(3, 1fr);
}
.link_grid.display_item > div {
background-color: #996699;
line-height: 120%;
}
.link_grid.display_item > div:hover {
background-color: #996666;
}
@media (min-width: 736px){
div.container:has(.display_item) {
display: none;
}
}