@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.title2 {
text-align: left;
}
th.combi_top {
border-bottom: none!important;
}
th.combi_left {
border-top: none!important;
border-right: none!important;
}
th.combi_right {
border-top: none!important;
border-left: none!important;
}
td {
vertical-align: top;
padding: 2px;
white-space: nowrap;
}
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;
border-bottom: 1px solid #fff;
}

.menu td, #list td, #exercise td {
vertical-align: top;
padding: 2px;
white-space: nowrap;
background-color: #ffffff;
border: 1px solid #b9b9b9;
text-align: center;
}
.menu td {
background-color: #0066cc;
color: #ffffff;
padding: 5px;
}
.menu td a:link, .menu td a:visited {
color: #ffffff!important;
}
#exercise td {
text-align: left;
}
th.title {
background-color: #cc0066!important;
color: #ffffff;
font-size: 125%;
white-space: nowrap;
font-weight: bold;
text-align: left;
}
.title a:link, .title a:visited {
color: #cccccc;
} 
.team {
text-align: center;
font-weight: bold;
}
.team2 {
font-size: 125%;
text-align: left;
font-weight: bold;
}
td.line{
background-color: #cccccc!important;
}
td.cl{
background-color: #669900;
color: #f64d21;
text-align: center;
}
td.pl{
background-color: #5ab4dc;
color: #ffffff;
text-align: center;
}
td.fain{
background-color: #ff00ff;
background-color: #ff00ff!important;
width: 5px;
}
td.fa{
background-color: #99ccff;
background-color: #99ccff!important;
width: 5px;
}
span.fain{
color: #ff00ff;
}
span.fa{
color: #99ccff;
}
span.white{
color: #000000;
}
span.normal {
font-weight: normal;
}
.out{
color: #0000ff;
font-weight: bold;
}
.in{
color: #cc3399;
font-weight: bold;
}
.tre{
color: #00cc33;
font-weight: bold;
}
.etc{
color: #000000;
font-weight: bold;
}
.out1{
color: #0000ff;
font-weight: normal;
}
.in1{
color: #cc3399;
font-weight: normal;
}
.tre1{
color: #00cc33;
font-weight: normal;
}
.etc1{
color: #000000;
font-weight: normal;
}
li {
line-height: 150%;
margin: 5px 0;
}
.un {
font-weight: normal;
}
span.com1{
color: #cc0000;
margin: 2px 1px 0px 1px;
padding: 1px;
background-color: #ffffff;
}
#news td {
white-space: normal!important;
}
td.exercise{
background-color: #99cc00;
color: #ffffff;
}

@media screen and (min-device-width: 736px){
.box {
width: 728px;
display: table;
}
.box_element {
width: 364px;
display: table-cell;
}
table.menu {
width: 364px;
}
#list, #exercise {
width: 728px;
}
table#list td:nth-of-type(1) {
font-weight: bold;
}
table#list td:nth-of-type(2),table#list td:nth-of-type(3),table#list td:nth-of-type(4),table#list td:nth-of-type(5),table#list td:nth-of-type(6),table#list td:nth-of-type(7) {
width: 100px;
}
div.dataTables_wrapper, div.dt-container {
width: 728px;
}

#news {
width: 728px;
}
#menu td {
white-space: nowrap;
text-align: center;
line-height: 120%;
}
.long, td.cl, td.pl {
letter-spacing: -1px;
}
.long2, .long3, .long4 {
letter-spacing: -2px;
}
.pc_none{
display: none;
}
span.normal {
font-size: 1.3rem;
}
}

@media (max-width: 735.9px){
.box_element {
width: calc(100vw - 10px);
}
table.menu {
width: calc(100vw - 10px);
}
#list, #exercise {
width: calc(100vw - 10px);
}
div.dataTables_wrapper, div.dt-container {
width: calc(100vw - 10px);
}
}

@media (min-width: 600px) and (max-width: 735.9px){
table.menu td {
padding: 10px 3px;
}
table#list td:nth-of-type(1) {
font-weight: bold;
letter-spacing: -2px;
}
table#list td:nth-of-type(2),table#list td:nth-of-type(3),table#list td:nth-of-type(4),table#list td:nth-of-type(5),table#list td:nth-of-type(6),table#list td:nth-of-type(7) {
width: 80px;
}
table#fa_list td {
letter-spacing: -1px;
}
#menu td {
white-space: nowrap;
text-align: center;
line-height: 180%;
}
.long {
letter-spacing: -2px;
}
.long2, td.cl, td.pl {
letter-spacing: -2px;
}
.long3 {
letter-spacing: -3px;
}
.long4 {
letter-spacing: -4px;
}
.sp_none{
display: none;
}
span.normal {
font-size: 1.6rem;
}
}

@media (min-width: 481px) and (max-width: 599.9px){
table.menu td {
padding: 10px 3px;
}
table#list td:nth-of-type(1) {
font-weight: bold;
letter-spacing: -2px;
}
table#list td:nth-of-type(2),table#list td:nth-of-type(3),table#list td:nth-of-type(4),table#list td:nth-of-type(5),table#list td:nth-of-type(6),table#list td:nth-of-type(7) {
width: 60px;
}
table#fa_list td {
letter-spacing: -1px;
}
#menu td {
white-space: nowrap;
text-align: center;
line-height: 180%;
}
.long {
letter-spacing: -2px;
}
.long2, td.cl, td.pl {
letter-spacing: -2px;
}
.long3 {
letter-spacing: -3px;
}
.long4 {
letter-spacing: -4px;
}
.sp_none{
display: none;
}
span.normal {
font-size: 1.6rem;
}
}

@media (min-width: 411px) and (max-width: 480.9px){
table.menu td {
padding: 10px 3px;
}
table#list td:nth-of-type(1) {
font-weight: bold;
letter-spacing: -2px;
}
table#list td:nth-of-type(2),table#list td:nth-of-type(3),table#list td:nth-of-type(4),table#list td:nth-of-type(5),table#list td:nth-of-type(6),table#list td:nth-of-type(7) {
width: 60px;
}
table#fa_list td {
letter-spacing: -1px;
}
#menu td {
white-space: nowrap;
text-align: center;
line-height: 180%;
}
.long {
letter-spacing: -2px;
}
.long2, td.cl, td.pl {
letter-spacing: -3px;
}
.long3 {
letter-spacing: -4px;
}
.long4 {
letter-spacing: -5px;
}
.sp_none{
display: none;
}
span.normal {
font-size: 1.6rem;
}
}

@media (min-width: 375px) and (max-width: 410.9px){
table.menu td {
padding: 10px 3px;
}
table#list td:nth-of-type(1) {
font-weight: bold;
letter-spacing: -2px;
}
table#list td:nth-of-type(2),table#list td:nth-of-type(3),table#list td:nth-of-type(4),table#list td:nth-of-type(5),table#list td:nth-of-type(6),table#list td:nth-of-type(7) {
width: 60px;
}
table#fa_list td {
letter-spacing: -1px;
}
#menu td {
white-space: nowrap;
text-align: center;
line-height: 180%;
}
.long {
letter-spacing: -2px;
}
.long2, td.cl, td.pl {
letter-spacing: -3px;
}
.long3 {
letter-spacing: -4px;
}
.long4 {
letter-spacing: -5px;
}
.sp_none{
display: none;
}
span.normal {
font-size: 1.6rem;
}
}

@media (min-width: 360px) and (max-width: 374.9px){
table.menu td {
padding: 10px 3px;
}
table#list td:nth-of-type(1) {
font-weight: bold;
letter-spacing: -2px;
}
table#list td:nth-of-type(2),table#list td:nth-of-type(3),table#list td:nth-of-type(4),table#list td:nth-of-type(5),table#list td:nth-of-type(6),table#list td:nth-of-type(7) {
width: 60px;
}
table#fa_list td {
letter-spacing: -1px;
}
#menu td {
white-space: nowrap;
text-align: center;
line-height: 180%;
}
.long {
letter-spacing: -2px;
}
.long2, td.cl, td.pl {
letter-spacing: -3px;
}
.long3 {
letter-spacing: -4px;
}
.long4 {
letter-spacing: -5px;
}
.sp_none{
display: none;
}
span.normal {
font-size: 1.6rem;
}
}

@media (max-width: 359.9px){
table#list td:nth-of-type(1) {
font-weight: bold;
letter-spacing: -2px;
}
table#list td:nth-of-type(2),table#list td:nth-of-type(3),table#list td:nth-of-type(4),table#list td:nth-of-type(5),table#list td:nth-of-type(6),table#list td:nth-of-type(7) {
width: 55px;
}
table#fa_list td {
letter-spacing: -1px;
}
#menu td {
white-space: nowrap;
text-align: center;
line-height: 180%;
}
.long {
letter-spacing: -2px;
}
.long2 {
letter-spacing: -3.5px;
}
.long3 {
letter-spacing: -5px;
}
.long4 {
letter-spacing: -6px;
}
.sp_none{
display: none;
}
span.normal {
font-size: 1.6rem;
}
}

@media only screen and (min-device-width: 667px) and (max-device-width: 735px) and (orientation: landscape), only screen and (min-device-height: 667px) and (max-device-height: 735px) and (orientation: landscape){
.box {
}
.box_element {
width: calc(100vw - 10px);
}
table.menu {
width: calc(100vw - 10px);
}
table.menu td {
padding: 10px 3px;
}
#list, #exercise {
width: calc(100vw - 10px);
}
table#list td:nth-of-type(1) {
font-weight: bold;
letter-spacing: -2px;
}
table#list td:nth-of-type(2),table#list td:nth-of-type(3),table#list td:nth-of-type(4),table#list td:nth-of-type(5),table#list td:nth-of-type(6),table#list td:nth-of-type(7) {
width: 60px;
}
div.dataTables_wrapper, div.dt-container {
width: calc(100vw - 10px);
}
table#fa_list td {
letter-spacing: -1px;
}

#news {
width: calc(100vw - 10px);
}
#menu td {
white-space: nowrap;
text-align: center;
line-height: 180%;
}
.long {
letter-spacing: -2px;
}
.long2, td.cl, td.pl {
letter-spacing: -2px;
}
.long3 {
letter-spacing: -3px;
}
.long4 {
letter-spacing: -4px;
}
.sp_none{
display: none;
}
span.normal {
font-size: 1.6rem;
}
}

@media only screen and (min-device-width: 640px) and (max-device-width: 666px) and (orientation: landscape), only screen and (min-device-height: 640px) and (max-device-height: 666px) and (orientation: landscape){
.box {
}
.box_element {
width: calc(100vw - 10px);
}
table.menu {
width: calc(100vw - 10px);
}
table.menu td {
padding: 10px 3px;
}
#list, #exercise {
width: calc(100vw - 10px);
}
table#list td:nth-of-type(1) {
font-weight: bold;
letter-spacing: -2px;
}
table#list td:nth-of-type(2),table#list td:nth-of-type(3),table#list td:nth-of-type(4),table#list td:nth-of-type(5),table#list td:nth-of-type(6),table#list td:nth-of-type(7) {
width: 60px;
}
div.dataTables_wrapper, div.dt-container {
width: calc(100vw - 10px);
}
table#fa_list td {
letter-spacing: -1px;
}

#news {
width: calc(100vw - 10px);
}
#menu td {
white-space: nowrap;
text-align: center;
line-height: 180%;
}
.long {
letter-spacing: -2px;
}
.long2, td.cl, td.pl {
letter-spacing: -2px;
}
.long3 {
letter-spacing: -3px;
}
.long4 {
letter-spacing: -4px;
}
.sp_none{
display: none;
}
span.normal {
font-size: 1.6rem;
}
}

@media only screen and (max-device-width: 639px) and (orientation: landscape) {
.box {
}
.box_element {
width: calc(100vw - 10px);
}
table.menu {
width: calc(100vw - 10px);
}
table.menu td {
padding: 10px 3px;
}
#list, #exercise {
width: calc(100vw - 10px);
}
table#list td:nth-of-type(1) {
font-weight: bold;
letter-spacing: -2px;
}
table#list td:nth-of-type(2),table#list td:nth-of-type(3),table#list td:nth-of-type(4),table#list td:nth-of-type(5),table#list td:nth-of-type(6),table#list td:nth-of-type(7) {
width: 60px;
}
div.dataTables_wrapper, div.dt-container {
width: calc(100vw - 10px);
}
table#fa_list td {
letter-spacing: -1px;
}

#news {
width: calc(100vw - 10px);
}
#menu td {
white-space: nowrap;
text-align: center;
line-height: 180%;
}
.long {
letter-spacing: -2px;
}
.long2, td.cl, td.pl {
letter-spacing: -2px;
}
.long3 {
letter-spacing: -3px;
}
.long4 {
letter-spacing: -4px;
}
.sp_none{
display: none;
}
span.normal {
font-size: 1.6rem;
}
}
#table_scroll {
margin-top: 10px;
}

.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;
}
}

/**/
.link_grid.menu {
grid-template-columns: repeat(5, 1fr);
}
.link_grid.menu > div {
background-color: #993366;
}
.link_grid.menu > div:hover {
background-color: #996666;
}
@media (max-width: 735.9px){
.link_grid.menu {
grid-template-columns: repeat(3, 1fr);
}
.link_grid.menu > div {
letter-spacing: -1.5px;
}
.link_grid.menu > div.year.pc_none {
grid-column: 1 / 4;
grid-row: 1 / 2;
letter-spacing: 0px;
}
}