@charset "UTF-8";

* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.table-box {
display: table;
text-align: center;
width: 100%;
background-color: #0066cc;
color: #ffffff;
}
.list-box a {
color: #ffffff!important;
}
.box-tr {
display: table-row;
}
.box-cell {
display: table-cell;
vertical-align: middle;
border: 1px solid #b9b9b9;
padding: 5px;
}
.title_en {
font-size: 75%;
font-weight: normal;
font-style: oblique;
padding-left: 30px;
}
div.cell1,div.cell2,div.cell3,div.cell4,div.cell5,div.cell6 {
float: left;
}
div.player_infobox {
}
div.box_left{
float: left;
border: 1px solid #000000;
border-collapse: collapse;
}
div.box_right{
float: left;
background-color: #ff9900;
border: 1px solid #000000;
border-collapse: collapse;
}
.nodata{
background-color: #ff9900;
border: 1px solid #000000;
border-collapse: collapse;
}
.post, .name {
height: 20px;
padding-top:1px;
}
.post {
padding-top:2px;
padding-left:5px;
}
.name2 {
height: 40px;
padding-top:20px;
}
.name, .name2 {

}
.infobox {
display: table;
text-align: center;
width: 100%;
color: #000000;
border-collapse: collapse;
height: 20px;
table-layout: fixed;
}
.infobox2 {
display: table;
text-align: center;
width: 100%;
color: #000000;
border-collapse: collapse;
height: 20px;
}
.b_t, .age, .age2, .year, .year2 {
display: table-cell;
vertical-align: middle;
border: 0;
}
div.0cell, div.0cell_0 {
clear:both;
}

/* 編集表示用 */

div#roster_coachers ,div#roster_players {
width:730px;
}
div.player_infobox {
width:242px;
height: 62px;
}
div.box_left{
width:98px;
height: 62px;
}
div.box_right{
width:144px;
height: 62px;
}
div.0cell_a{
clear:both;
}
div.0cell_b{
}
div.0cell_c{
clear:both;
}
div.bullpen {
padding-top:5px;
}

@media screen and (min-device-width: 736px){
.list-box {
width: 726px;
table-layout: fixed;
}
#coachers_table {
display: table;
width: 726px;
}
.table_tr{
display: table-cell;
vertical-align: top;
}
.table_left {
display: table-cell;
border: 2px solid #000000;
width:480px;
}

.table_right {
display: table-cell;
vertical-align: top;
border: 2px solid #000000;
border-left: 0px;
width:240px;
}
div.title {
width:480px;
height: 24px;
padding-top:4px;
padding-left:5px;
font-weight: bold;
font-size: 125%;
color: #cccccc;
background-color: #444444;
border: 2px solid #000000;
border-right: 2px solid #444444;
border-collapse: collapse;
}
div.title_3 {
width:240px;
height: 24px;
padding-top:4px;
padding-left:5px;
font-weight: bold;
font-size: 125%;
color: #cccccc;
background-color: #444444;
border: 2px solid #000000;
border-left: 2px solid #444444;
border-collapse: collapse;
}
div.major, div.minor, div.minor3 {
width:240px;
height: 24px;
padding-top:4px;
padding-left:5px;
font-size: 125%;
background-color: #ff66cc;
color: #ffffff;
border: 2px solid #000000;
}
div.minor {
border-right: 1px solid #000000;
}
div.minor3 {
border-left: 1px solid #000000;
}
[id^="players_table"],
[id*=" players_table"]{
display: table;
width: 720px;
}
.tablebox {
display: table-cell;
border: 2px solid #000000;
width:720px;
}
div.title_p {
width:720px;
height: 24px;
padding-top:4px;
padding-left:5px;
font-weight: bold;
font-size: 125%;
color: #cccccc;
background-color: #444444;
border: 2px solid #000000;
border-collapse: collapse;
}
div.title_p2 {
width:720px;
height: 24px;
padding-top:4px;
padding-left:5px;
font-size: 125%;
color: #000000;
background-color: #ffcc00;
border: 2px solid #000000;
border-collapse: collapse;
}
div.player_infobox {
width:240px;
height: 62px;
}
div.box_left{
width:98px;
height: 62px;
}
div.box_right{
width:142px;
height: 62px;
}
.infobox2 {
table-layout: fixed;
}
.b_t, .age2 {

}
.name2 {
padding-top:15px;
} 
div.0cell_a{
clear:both;
}
div.0cell_b{
}
div.0cell_c{
clear:both;
}
#main_pr_header {
}
}

@media screen and (min-device-width: 321px) and (max-device-width: 735px){
.list-box, pr {
width: 350px;
}
#coachers_table {
display: table;
width:350px!important;
}
.table_tr{
display: table-row;
}
.table_left {
display: table-cell;
width:348px;
border: 2px solid #000000;
border-collapse: collapse;
}

.table_right {
display: table-cell;
width:174px!important;
border: 2px solid #000000;
border-collapse: collapse;
}
div.title {
width:346px;
height: 24px;
padding:2px 0 2px 5px;
font-weight: bold;
font-size: 125%;
color: #cccccc;
background-color: #444444;
border: 2px solid #000000;
border-collapse: collapse;
}
div.title_3 {
display: none;
width:173px;
height: 24px;
padding-top:4px;
padding-left:5px;
font-weight: bold;
font-size: 125%;
color: #cccccc;
background-color: #444444;
border: 2px solid #000000;
border-left: 2px solid #444444;
border-collapse: collapse;
}
div.major, div.minor {
width:173px;
height: 24px;
padding:2px 0 2px 5px;
font-size: 125%;
background-color: #ff66cc;
color: #ffffff;
border: 2px solid #000000;
}
div.minor3 {
width:346px;
height: 24px;
padding:2px 0 2px 5px;
font-size: 125%;
background-color: #ff66cc;
color: #ffffff;
border: 2px solid #000000;
}
[id^="players_table"],
[id*=" players_table"]{
display: table;
width: 350px;
}
.tablebox {
display: table-cell;
border: 2px solid #000000;
width:350px;
}
div.title_p {
width:346px;
height: 24px;
padding:2px 0 2px 5px;
font-weight: bold;
font-size: 125%;
color: #cccccc;
background-color: #444444;
border: 2px solid #000000;
border-collapse: collapse;
}
div.title_p2 {
width:346px;
height: 24px;
padding:2px 0 2px 5px;
font-size: 125%;
color: #000000;
background-color: #ffcc00;
border: 2px solid #000000;
border-collapse: collapse;
}
div.player_infobox {
width:173px;
height: 50px;
}
div.box_left{
width:79px;
height: 50px;
}
div.uni {
width: 77px;
height: 48px;
text-align: center;
vertical-align: middle;
}
.uni img {
width:auto;
height:auto;
max-width:77px;
max-height:48px;
}
div.box_right{
width:94px;
height: 50px;
}
.post, .name {
height: 16px;
padding-top:1px;
}
.b_t, .age, .age2, .year, .year2 {
letter-spacing: -1px;
}
.b_t, .age2 {
width: 28px;
}
.name2 {
height: 30px;
padding-top:10px;
}
div.0cell_d{
}
div.0cell_e{
clear:both;
}
div.0cell_f{
clear:both;
}
.long {
letter-spacing: -3px;
}
}

@media screen and (max-device-width: 320px){
.list-box, pr {
width: 310px;
}
#coachers_table {
display: table;
width:310px!important;
}
.table_left {
display: table-cell;
width:308px;
border: 2px solid #000000;
border-collapse: collapse;
}
.table_right {
display: table-cell;
width:154px!important;
border: 2px solid #000000;
border-collapse: collapse;
}
div.title {
width:306px;
height: 24px;
padding:2px 0 2px 5px;
font-weight: bold;
font-size: 125%;
color: #cccccc;
background-color: #444444;
border: 2px solid #000000;
border-collapse: collapse;
}
div.title_3 {
display: none;
width:153px;
height: 24px;
padding-top:4px;
padding-left:5px;
font-weight: bold;
font-size: 125%;
color: #cccccc;
background-color: #444444;
border: 2px solid #000000;
border-left: 2px solid #444444;
border-collapse: collapse;
}
div.major, div.minor {
width:153px;
height: 24px;
padding:2px 0 2px 5px;
font-size: 125%;
background-color: #ff66cc;
color: #ffffff;
border: 2px solid #000000;
}
div.minor3 {
width:306px;
height: 24px;
padding:2px 0 2px 5px;
font-size: 125%;
background-color: #ff66cc;
color: #ffffff;
border: 2px solid #000000;
}
[id^="players_table"],
[id*=" players_table"]{
display: table;
width: 310px;
}
.tablebox {
display: table-cell;
border: 2px solid #000000;
width:310px;
}
div.title_p {
width:306px;
height: 24px;
padding:2px 0 2px 5px;
font-weight: bold;
font-size: 125%;
color: #cccccc;
background-color: #444444;
border: 2px solid #000000;
border-collapse: collapse;
}
div.title_p2 {
width:306px;
height: 24px;
padding:2px 0 2px 5px;
font-size: 125%;
color: #000000;
background-color: #ffcc00;
border: 2px solid #000000;
border-collapse: collapse;
}

div.player_infobox {
width:153px;
height: 50px;
}
div.box_left{
width:59px;
height: 50px;
}
div.uni {
width: 57px;
height: 48px;
text-align: center;
vertical-align: middle;
background-color: #ffffff;
padding-top:7px;
}
.uni img {
width:auto;
height:auto;
max-width:57px;
max-height:48px;
}
div.box_right{
width:94px;
height: 50px;
}
.post, .name {
height: 16px;
padding-top:1px;
}
.post, .name, .name2, .b_t, .age, .age2, .year, .year2 {
letter-spacing: -1.5px;
}
.name2 {
height: 30px;
padding-top:10px;
}
.b_t, .age2 {
width: 28px;
}
div.0cell_d{
}
div.0cell_e{
clear:both;
}
div.0cell_f{
clear:both;
}
span.sp_long {
letter-spacing: -2.5px;
}
}

@media (max-width: 960px){
.tablebox {
content-visibility: auto;
contain-intrinsic-size: 1000px;
}
}
