@charset "UTF-8";

table {
background-color: #ffffff;
border-collapse: collapse;
}
th{
vertical-align: top;
text-align: center;
color: #cccccc;
background-color: #006699;
border-top: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
border-right: 1px solid #dddddd;
}
th.combi_top {
border-bottom: none!important;
}
th.combi_left {
border-top: none!important;
border-right: none!important;
}
th.combi_in {
border-top: none!important;
border-left: none!important;
border-right: none!important;
}
th.combi_right {
border-top: none!important;
border-left: none!important;
}
th.combi_bottom {
border-top: none!important;
}
td {
white-space: nowrap;
}
td.data {
text-align: right;
}
td.score {
text-align: center;
}
td.item{
font-weight: bold;
}
td.bold{
font-weight: bold;
}
td.on {
background-color: #0066cc;
}
table.score {
border-collapse: collapse;
}
table.score td {
vertical-align: top;
padding: 2px;
text-align: center;
color: #ffffff;
white-space: nowrap;
background-color: #006600;
border: 1px solid #ffffff;
}
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;
}
td.long{
letter-spacing: -1px;
}
td.hover {
background-color: #99ccff;
}

td.name {
border-collapse: collapse;
border-right: none;
text-align: left;
}
td.posi {
border-collapse: collapse;
border-left: none;
text-align: left;
}
td.not {
background-color: #cccccc!important;
border: 0;
}
span.sort {
display: none;
}
td.perfect {
background-color: #cc99ff!important;
}

div.DTFC_LeftHeadWrapper table th.cl span, div.DTFC_LeftHeadWrapper table th.pl span {
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.off{
font-size: 75%;
font-weight: normal;
}
div.table_title span {
font-weight: normal;
font-size: 75%;
}

/* サイクル */

[id^="cycle"] tr td:nth-of-type(5) {
text-align: center;
font-size: 85%;
color: #006699;
}
td.result {
font-size: 1.3rem;
text-align: center;
background-color: #ffffff;
letter-spacing: -0.2px;
width: 35px;
}
td.result_bb {
font-size: 1.3rem;
text-align: center;
background-color: #cccc99;
letter-spacing: -0.2px;
width: 35px;  
}
td.result_sh {
font-size: 1.3rem;
text-align: center;
background-color: #ffff99;
letter-spacing: -0.2px;
width: 35px;  
}
td.result_h {
font-size: 1.3rem;
text-align: center;
background-color: #ccccff;
letter-spacing: -0.2px;
width: 35px;  
}
td.result_b2 {
font-size: 1.3rem;
text-align: center;
background-color: #ccffcc;
letter-spacing: -0.2px;
width: 35px;  
}
td.result_b3 {
font-size: 1.3rem;
text-align: center;
background-color: #ffcc99;
letter-spacing: -0.2px;
width: 35px;  
}
td.result_hr {
font-size: 1.3rem;
text-align: center;
background-color: #ffcccc;
letter-spacing: -0.2px;
width: 35px;  
}

[id^="perfect"] tr td:nth-of-type(5) {
text-align: center;
font-size: 85%;
color: #006699;
}
[id^="triple"] tr td:nth-of-type(4) {
text-align: center;
font-size: 85%;
color: #006699;
}
table.rule td {
vertical-align: top;
text-align: center;
color: #000000;
background-color: #ffffff;
border-top: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
border-right: 1px solid #dddddd;
}
div.table_title{
margin: 5px 0 2px 0;
font-weight: bold;
font-size: 125%;
}

span.tm {
width: 80px;
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;
}

@media (min-device-width: 736px){
.pc_none{
display: none;
}
td.long {
letter-spacing: -1px;
}
.tm.ts:before {
content: "東京";
}
.tm.db:before {
content: "横浜";
}
.tm.hf:before {
content: "北海道";
}
.tm.te:before {
content: "東北";
}
.tm.ss:before {
content: "埼玉";
}
.tm.cm:before {
content: "千葉";
}
.tm.ok:before {
content: "大阪";
}
.tm.sh:before, .tm.dh:before {
content: "福岡";
}
.tm.tc:after {
content: "クラブ";
}
.tm.tc:after {
content: "ライター";
}
.tm.hf, .tm.tc {
letter-spacing: -1.5px;
}
.tm.sh {
letter-spacing: -2.0px;
}
}

@media (min-width: 1112px){
#method1_wrapper.dataTables_wrapper, #triple_wrapper.dataTables_wrapper, #home1_wrapper.dataTables_wrapper, #home2_wrapper.dataTables_wrapper,
#memorial_wrapper.dataTables_wrapper {
width:728px;
}
}

@media (max-width: 735px){

td {
line-height: 180%;
}
}


.container {
display: flex;
width: 100%;
}
.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.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: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;
}
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.nav strong::after {
content: "\025bc";
}
.npb_cell strong, .league_cell strong, .team_cell strong{
font-weight: bold;
}

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

@media (max-width: 960px){

}

@media (max-width: 735.9px){

}

@media (min-width: 736px) and (max-width: 959.9px){
.nav_cs {
letter-spacing: -1.5px;
}
}


@media (min-width: 481px) and (max-width: 639.9px){
.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);
}
.link_grid.year {
grid-template-columns: repeat(5, 1fr);
}
.link_grid > div {
letter-spacing: -1.0px;
}
.nav_none {
display: block;
}
.year_cell.not {
display: none;
}
}

@media (max-width: 480.9px){
.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);
}
.link_grid.year {
grid-template-columns: repeat(5, 1fr);
}
.link_grid > div {
letter-spacing: -1.0px;
}
.nav_none {
display: block;
}
.year_cell.not {
display: none;
}
}

@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);
}
.year_cell.not {
display: none;
}
}

@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);
}
.link_grid.year {
grid-template-columns: repeat(5, 1fr);
}
.nav_none {
display: block;
}
.year_cell.not {
display: none;
}
}

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