/* ============================
	player css
============================ */
/*member*/
.pitcher {border-left:5px solid #fed205; padding:10px; background: linear-gradient(to right, #f40048, #ad0042); color:#fff; font-size:150%;}
.catcher {border-left:5px solid #fed205; padding:10px; background: linear-gradient(to right, #002075, #000357);color:#fff; font-size:150%;}
.outfielder {border-left:5px solid #fed205; padding:10px; background: linear-gradient(to right, #006d33, #004227); color:#fff; font-size:150%;}
.infielder{border-left:5px solid #fed205; padding:10px;background: linear-gradient(to right, #ff5300, #c91e00);color:#fff; font-size:150%;}
.special {border-left:5px solid #fed205; padding:10px;background: linear-gradient(120deg,#f40048 0%, #f40048 50%, #004227 50%, #004227 100%);color:#fff; font-size:150%;}


.jp-player-item { padding:2%; border:#e6e6e6 2px solid; border-bottom:none; }
.jp-player-item:last-child { border-bottom:#efefef 2px solid; }
.jp-player-item:after {content:"";clear:both;display:block;}
.jp-player-pic { float:left; width:20%; }
.jp-player-text { float:right; width:77%; }
.jp-player-pic figure { width:100%; padding:5%; box-sizing:border-box; background: #012823; }
.jp-player-pic figure p { position:relative; width:100%; height:0; padding-top:150%; background-color:#012823; }
.jp-player-pic figure p span { position:absolute; z-index:1; display:block; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
.jp-player-text .name { margin-bottom:0.7em; font-size:150%; color:#012823; }
.jp-player-text .name .nm { display:inline-block;  margin-right:0.5em; padding:0.3em 0.5em; box-sizing:border-box; background:#012823;text-align:center; font-size:95%; color:#fff; font-weight:bold; }
.jp-player-text .prof { display:flex; flex-wrap:wrap; }
.jp-player-text .prof li dl { display:flex; }
.jp-player-text .prof li { padding:0 1.3em 0.8em 0; line-height:130%; }
.jp-player-text .prof dl dt { font-weight:bold; color:#004e34; white-space:nowrap; }
.jp-player-text .prof dl dt::after { content:"："; }

.jp-player-text .prof .represent,
.jp-player-text .prof .comment { width:100%; }
.jp-player-text .prof .comment dl dt { color:#004e34; }
.jp-player-text .prof .represent dl,
.jp-player-text .prof .comment dl { display:block; }

/* ---- Media Queries ---- */

@media all and (max-width: 767px) {

#jp-manager-pic { float:none; width:70%; margin:0 15% 5% 15%; }
#jp-manager-box-r { float:none; width:auto; }
#jp-manager-name { font-size:150%; }
#jp-manager-txt { font-size:90%; }

.jp-player-item { padding:3%; }
.jp-player-pic { float:none; width:50%; margin:0 25% 5% 25%; }
.jp-player-text { float:none; width:100%; }
.jp-player-text .prof li { padding:0 1.0em 0.5em 0; }

}

@media all and (max-width: 500px) {

.jp-player-text .name { font-size:140%; }
.jp-player-text .prof { font-size:90%; white-space:inherit; }
.jp-player-text .prof .highest { width:100%; }
.jp-player-text .prof .highest dl { display:block; }

}