@charset "UTF-8";

.container {
display: flex;
width: 100%;
}
.link_fixed_left, .link_fixed_right {
width: 60px;
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;
grid-template-columns: repeat(1, 1fr);
}
.link_grid > div {
background: #0066cc;
color: #faf0e6;
text-align: center;
vertical-align: middle;
overflow: auto;
min-width: 0;
padding: 8px 5px;
line-height: 120%;
border: 1px solid #b9b9b9;
}
.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;
}
.ifrm {
border:none;
display:block;
overflow:hidden;
}
.ifrm select {
font-family: "Meiryo-Num", "Verdana-Al", "BIZ UDPGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Helvetica Neue","ＭＳ Ｐゴシック", "MS P Gothic","Osaka", Verdana, Arial, Helvetica, sans-serif;
}

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

@media (min-width: 736px) and (max-width: 960px){
.pc_none {
display: inline;
}
.sp_none {
display: none;
}
}

@media (min-device-width: 736px) and (max-device-width: 960px) and (max-device-height: 479px) and (orientation: landscape){
.container {
width: 100%;
}
}

@media (min-device-width: 667px) and (max-device-width: 735px) and (max-device-height: 479px) and (orientation: landscape){
.container {
width: 100%;
}
}

@media (min-device-width: 640px) and (max-device-width: 666px) and (max-device-height: 479px) and (orientation: landscape){
.container {
width: 100%;
}
}

@media (min-device-width: 568px) and (max-device-width: 639px) and (max-device-height: 479px) and (orientation: landscape){
.container {
width: 100%;
}
}

@media (max-device-width: 567px) and (max-device-height: 479px) and (orientation: landscape){
.container {
width: 100%;
}
}

table {
background-color: #ffffff;
border-collapse: collapse;
}
th{
padding: 4px;
text-align: left;
vertical-align: top;
color: #cccccc;
background-color: #444444;
border: 1px solid #b9b9b9;
}
th.rss {
text-align: left;
}
td {
vertical-align: top!important;
padding: 4px;
background-color: #ffffff;
border: 1px solid #b9b9b9;
}
td.day {
font-weight: bold;
text-align: center;
vertical-align:top;
}
td.pr {
background-color: #ff9900;
border: 0;
padding: 0px;
}
tr:hover>* {
box-shadow: inset 0 0 0 9999px rgba(235 153 0 / 10%);
}

/* 2015以降 */

@media (min-width: 736px){
.ifrm {
text-align: left;
margin-left: 10px;
}
table#major {
width: 728px;
}
#major td {
white-space: nowrap;
}
td.day {
width: 100px;
}
.pc_none{
display: none;
}
}

@media (max-width: 735.9px){
select {
font-size: 1.6rem;
}
}

@media (min-width: 680px) and (max-width: 735.9px){
table#major {
width: 100%;
}
table#major td {
letter-spacing: -1px;
}
td.day {
width: 80px;
}
.sp_none{
display: none;
}
}

@media (min-width: 600px) and (max-width: 679.9px){
table#major {
width: 100%;
}
table#major td {
letter-spacing: -1px;
}
td.day {
width: 80px;
}
.sp_none{
display: none;
}
}

@media (min-width: 568px) and (max-width: 599.9px){
table#major {
width: 100%;
}
table#major td {
letter-spacing: -1px;
}
td.day {
width: 70px;
}
.sp_none{
display: none;
}
}

@media (min-width: 481px) and (max-width: 567.9px){
table#major {
width: 100%;
}
table#major td {
letter-spacing: -1px;
}
td.day {
width: 70px;
}
.sp_none{
display: none;
}
}

@media (min-width: 411px) and (max-width: 480.9px){
table#major {
width: 100%;
}
table#major td {
letter-spacing: -1px;
}
td.day {
width: 60px;
}
.sp_none{
display: none;
}
}

@media (min-width: 375px) and (max-width: 410.9px){
table#major {
width: 100%;
}
table#major td {
letter-spacing: -1px;
}
td.day {
width: 50px;
}
.sp_none{
display: none;
}
}

@media (min-width: 360px) and (max-width: 374.9px){
table#major {
width: 100%;
}
table#major td {
letter-spacing: -1px;
}
td.day {
width: 50px;
}
.sp_none{
display: none;
}
}

@media (max-width: 359.9px){
table#major {
width: 100%;
}
table#major td {
letter-spacing: -1px;
}
td.day {
width: 50px;
}
.sp_none{
display: none;
}
}

@media (min-device-width: 568px) and (max-device-width: 960px) and (max-device-height: 479px) and (orientation: landscape){
table#major {
width: 100%;
}
table#major td {
letter-spacing: -1px;
}
td.day {
width: 80px;
}
}


@media (max-device-width: 567px) and (max-device-height: 479px) and (orientation: landscape){
table#major {
width: 100%;
}
table#major td {
letter-spacing: -1px;
}
td.day {
width: 80px;
}
}


/* 2014以前&list */

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

@media (max-width: 735.9px){
table#now, #list_box0 {
width: 100%;
}
table#major td {
letter-spacing: -1.0px;
}
}

@media (min-device-width: 736px) and (max-device-width: 960px) and (max-device-height: 479px) and (orientation: landscape){
table#now, #list_box0 {
width: 728px;
}
}

@media (max-device-width: 735px) and (max-device-height: 479px) and (orientation: landscape){
table#now, #list_box0 {
width: 100%;
}
}



.container_roster {
flex-grow: 1;
display: grid;
grid-auto-rows: 1fr;
}
.container_roster {
grid-template-columns: repeat(2, 1fr);
}
item_inner {
margin: 0;
}

@media (max-width: 480.9px){
.container_roster {
grid-template-columns: repeat(1, 1fr);
}
}

h2.title {
font-size: 18px;
}
h3.league {
font-size: 1.6rem;
font-weight: normal;
padding: 10px 5px;
margin: 0;
}
span.date {
font-weight: normal;
font-size: 14px;
}
.half_item {
margin-left: 10px;
}
.half_item h4 {
font-size: 1.4rem;
margin: 10px 0;
background-color: #99ccff;
padding: 3px;
}
h4.list, h4.history {
font-size: 1.4rem;
margin: 10px 0;
}
.memo {
padding: 10px 5px;
}
.team {
text-align: center;
font-weight: bold;
}

.item_inner table {
//flex-grow: 1;
//display: grid;
//grid-auto-rows: 1fr;

}
.grid_league {
flex-grow: 1;
display: grid;
grid-auto-rows: 1fr;
}
.grid_league {
grid-template-columns: repeat(2, 1fr);
}
.half_item {

}
.item_inner table td, .column3_container table td {
border-left: none;
border-right: none;
}

@media (min-width: 736px){
.container_roster {
width: 728px;
}
.grid_league {
width: 728px;
}
.item_inner table {
width: 354px;
}
.column3_container table {
width: 728px;
}
}

@media (max-width: 735.9px){
h2 {
font-size: 18px;
}
.container_roster {
width: Calc( 100vw - 10px);
}
.grid_league {
width: Calc( 100vw - 10px);
}
.item_inner table {
width: Calc( 100vw - 10px);
}
.column3_container table {
width: Calc( 100vw - 10px);
}
table#major {
width: Calc( 100vw - 10px);
}
.grid_league {
grid-template-columns: repeat(1, 1fr);
}
.half_item {
margin-left: 0px;
}
}
