/* 能力ランク＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.ability_rank_s, .ability_rank_a, .ability_rank_b, .ability_rank_c, .ability_rank_d, .ability_rank_e, .ability_rank_f, .ability_rank_g{
    font-weight: bold;
}
.ability_rank_s{
	color:#FFC0CB;
}
.ability_rank_a{
	color:#d06da3;
}
.ability_rank_b{
	color:#FF0000;
}
.ability_rank_c{
	color:#de9610;
}
.ability_rank_d{
	color:#f2cf01;
}
.ability_rank_e{
	color:#a0c238;
}
.ability_rank_f{
	color:#66b7ec;
}
.ability_rank_g{
	color:#6a6a68;
}

/* 変化球スペック＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.breakingball_specs{
    display: flex;
    flex-wrap: wrap;
    width: 315px;
    margin: 0 auto;
}
.breakingball_specs .range_box{
    width: calc(100% / 9);
    text-align: center;
    margin-bottom: 5px;
}
.breakingball_specs .range_box .title{
    font-size: 9px;
    height: 18px;
}
.breakingball_specs .range_box .range{
    height: 16px;
}
.breakingball_specs .range_box .l{
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-radius: 3px 0 0 3px;
}
.breakingball_specs .range_box .c{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.breakingball_specs .range_box .r{
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-radius: 0 3px 3px 0;
}
.breakingball_specs .range_box .point{
    background-color: #3490dc;
}

/* プロフネームデザイン＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.prf_name_box{
    overflow: hidden;
    white-space: nowrap;
}

.prf_name_box .img_box{
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    width: 140px;
    height: 140px;
    background-size: cover;
    margin: 0 auto;
    float: left;
}
.prf_name_box .prf_box{
    float: left;
    width: calc(100% - 140px);
}

.prf_name_box .league_box{
    background-color: #000;
    color: #fff;
    text-align: center;
    font-size: 14px;
}
.prf_name_box .league_name{
    border-right: 1px solid #f5f5f5;
    transform: skewX(150deg);
    height: 30px;
    line-height: 30px;
}
.prf_name_box .league_name span{
    display: block;
    transform: skewX(-150deg);
}
.prf_name_box .organization_name{
    height: 30px;
    line-height: 30px;
}

.prf_name_box .team_name_box{
    position: relative;
    height: 110px;
    color: #fff;
}
.prf_name_box .team_name{
    padding: 10px 5px;
    font-weight: bold;
}
.prf_name_box .user_name{
    position: absolute;
    bottom: 32px;
    right: 0;
    height: 14px;
    line-height: 14px;
    width: 150px;
    font-size: 12px;
    padding-left: 30px;
    overflow: hidden;
    text-align: center;
}
.prf_name_box .user_name_back{
    position: absolute;
    bottom: 32px;
    right: 0;
    border-bottom: 18px solid rgba(0,0,0,0.3);
    border-left: 32px solid transparent;
    height: 0;
    width: 150px;
}
.prf_name_box .player_name{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    height: 32px;
    line-height: 32px;
    background-color: rgba(0,0,0,0.3);
    overflow: hidden;
    text-align: left;
}
.prf_name_box .position{
    font-size: 9px;
    position: absolute;
    bottom: 34px;
    left: 0px;
    z-index: 2;
    background-color: rgba(0,0,0,0.3);
    padding: 0 5px;
    height: 16px;
    line-height: 16px;
}
.prf_name_box .player_name .number{
    margin: 0 5px;
    font-weight: bold;
}
.prf_name_box .player_name .age{
    font-size: 12px;
    margin: 0 5px;
}
.prf_name_box a{
    color: #fff;
}

/* プロフィール＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.player_prf_group_btn{
    margin-top: 10px;
    text-align: center;
}
.player_prf_group_btn .btn{
    font-weight: bold;
    width: 102px;
    padding: 5px;
}

#player_prf_container .profile{
    /* border: 1px solid #ccc; */
    margin-top: 5px;
}
#player_prf_container .prf_box{
    width: 150px;
    border: 1px solid #ccc;
}
#player_prf_container .prf_box:nth-last-child(-n+6){
    border-top: none;
}
#player_prf_container .prf_box:nth-child(2n){
    border-left: none;
}
#player_prf_container .prf_title{
    background-color: #f5f5f5;
    padding: 2px 5px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
}
#player_prf_container .prf_content{
    padding: 2px 5px;
}
#player_prf_container .prf_other_box .prf_other_title{
    margin-top: 5px;
    width: 100px;
    border: 1px solid #ccc;
    border-bottom: none;
}
#player_prf_container .prf_other_box .prf_content{
    border: 1px solid #ccc;
}

/* 名前表示リンク＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.player_icon_min{
    background-position: center center;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    background-size: cover;
}

/* 能力値表示＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#ability_tab{
    margin-top: 10px;
}
#ability_tab_content{
}
#ability_tab .year_select{
    margin-left:auto;
    padding-right: 5px;
}

.ability_table{
    table-layout: fixed;
    border-top: none;
    margin: 0;
    border-right: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
    box-sizing: content-box;
    text-align: center;
}
.ability_table th{
    font-size: 12px;
    background-color: #f8fafc;
}
.ability_table th, .ability_table td{
    border-top: none;
    border-bottom: 1px solid #dee2e6;
    padding: 3px;
}
.ability_table .ability_rank, .status_table .ability_rank{
    font-size: 16px;
    margin: 0 2px;
}
.ability_table .henka_name{
    font-size: 11px;
}
.henka_mark_c, .henka_mark_l, .henka_mark_bl, .henka_mark_b, .henka_mark_br, .henka_mark_r{
    vertical-align: middle;
    font-size: 18px;
    margin-right: 5px;
}
.henka_mark_l{
    transform: rotate(-90deg) scaleY(2.5);
}
.henka_mark_bl{
    transform: rotate(-135deg) scaleY(2.5);
}
.henka_mark_b{
    transform: rotate(-180deg) scaleY(2.5);
}
.henka_mark_br{
    transform: rotate(135deg) scaleY(2.5);
}
.henka_mark_r{
    transform: rotate(90deg) scaleY(2.5);
}
.henka_mark_s{
    transform: scaleY(2.5);
}

.special_ability .special_ability_box{
    width: 350px;
    border: 1px solid #dee2e6;
    border-top: none;
    font-size: 12px;
}
.special_ability .special_ability_box:nth-last-child(-n+3) {
    border-left: none;
}
.special_ability .common_special{
    width: 77px;
}
.special_ability .title{
    background-color: #f8fafc;
    padding: 5px;
    border-bottom: 1px solid #dee2e6;
    font-weight: bold;
}
.special_ability .content{
    padding: 5px;
}

#ability_tab_content .stats_container{
}
#ability_tab_content .section_title{
    background-color: #f8fafc;
    padding: 5px;
    border: 1px solid #dee2e6;
    border-top: none;
    font-weight: bold;
    text-align: center;
}
#ability_tab_content .stats_box{
    width: 74px;
    border: 1px solid #dee2e6;
    border-top: none;
    font-size: 12px;
}
#ability_tab_content .stats_box .title{
    background-color: #f8fafc;
    padding: 5px;
    border-bottom: 1px solid #dee2e6;
    font-weight: bold;
}
#ability_tab_content .stats_box .content{
    padding: 5px;
}

/* ステータス表示 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.prf_status_box{
    margin-top: 10px;
}
.prf_other_box .status_table{
    border: 1px solid #ccc;
    table-layout: fixed;
    text-align: center;
}
.prf_other_box .status_table th{
    border-top: 1px solid #ccc;
    font-size: 12px;
    background-color: #f5f5f5;
}

/* チーム情報等で表示する選手情報 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.show_player_abilities_stats .name_box{
    font-weight: bold;
    margin: 0;
    line-height: 18px;
}
.show_player_abilities_stats .name_box .other_info{
    margin-left: 10px;
    font-weight: normal;
    font-size: 12px;
}
.show_player_abilities_stats .name_box .number{
    margin-left: 10px;
    font-size: 14px;
    color: #999999;
    font-style: oblique;
}
.show_player_abilities_stats .name_box .game_position{
    margin-right: 10px;
    font-size: 12px;
    font-weight: normal;
}
.show_player_abilities_stats .content_box{
    margin: 0;
}
.show_player_abilities_stats .content_box .info_box{
    line-height: 16px;
    padding: 0;
}
.show_player_abilities_stats .content_box .info_box .title{
    font-size: 10px;
}
.show_player_abilities_stats .content_box .info_box .content{
    font-size: 18px;
    text-align: center;
}
.show_player_abilities_stats .content_box .info_box .stats_content{
    font-size: 16px;
    text-align: center;
}
.show_player_abilities_stats .content_box .info_box .content .ability_score{
    font-size: 12px;
}

/* 監督ネームボックス＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.leader_name_box{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 5px 0;
    position: relative;
    text-align: left;
}
.leader_name_box .post_box {
    position: absolute;
    top: 0;
    left: 60px;
    width: 80px;
    border-top: 20px solid #e6e6e6;
    border-right: 20px solid transparent;
    height: 0;
}
.leader_name_box .post_line {
    position: absolute;
    top: 0;
    right: 0;
    left: 130px;
    background-color: #e6e6e6;
    height: 8px;
}
.leader_name_box .post_text {
    position: absolute;
    top: 0;
    left: 50px;
    width: 80px;
    text-align: center;
    font-size: 14px;
    color: #666;
}
.leader_name_box .name_box{
    color: #6633ff;
    font-size: 18px;
    font-weight: bold;
    margin: 20px 0 0 10px;
}
.leader_name_box div {
    display: inline-block;
    vertical-align: middle;
}


/*PC向けのgame_area幅以上の端末での表示＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media only screen and (min-width: 700px) {
    .prf_name_box .img_box{
        width: 180px;
        height: 180px;
    }
    .prf_name_box .prf_box{
        width: calc(100% - 180px);
    }
    .prf_name_box .league_box{
        font-size: 16px;
    }
    .prf_name_box .league_name, .prf_name_box .organization_name{
        padding: 0;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }
    .prf_name_box .team_name_box{
        height: 140px;
    }
    .prf_name_box .team_name{
        font-size: 23px;
        padding: 20px;
    }
    .prf_name_box .user_name{
        bottom: 46px;
        height: 18px;
        line-height: 18px;
        width: 150px;
        font-size: 12px;
        padding-left: 30px;
    }
    .prf_name_box .user_name_back{
        bottom: 46px;
        width: 150px;
        border-bottom: 22px solid rgba(0,0,0,0.3);
    }
    .prf_name_box .player_name{
        height: 46px;
        line-height: 46px;
        font-size: 18px;
    }
    .prf_name_box .position{
        font-size: 12px;
        position: absolute;
        bottom: 50px;
        left: 0px;
        z-index: 2;
        background-color: rgba(0,0,0,0.3);
        padding: 0 5px;
        height: 18px;
        line-height: 18px;
    }

    /* 変化球スペック ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
    .breakingball_specs{
        width: 450px;
    }
    .breakingball_specs .range_box .title{
        font-size: 12px;
    }

    /* プロフィール＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
    .player_prf_group_btn .btn{
        width: 150px;
        padding: 10px;
    }

    #player_prf_container .prf_box:nth-child(3),#player_prf_container .prf_box:nth-child(7){
        border-left: none;
    }
    #player_prf_container .prf_box:nth-child(3),#player_prf_container .prf_box:nth-child(4){
        border-top: 1px solid #ccc;
    }

    /* 能力値表示＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
    .ability_table th{
        font-size: 14px;
    }
    .special_ability .special_ability_box{
        width: 300px;
    }
    .special_ability .title{
        font-size: 14px;
    }
    .special_ability .common_special{
        width: 77px;
    }
    .special_ability .special_ability_box:nth-last-child(-n+4) {
        border-left: none;
    }

    /* ステータス表示＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
    .prf_other_box .status_table th{
        font-size: 14px;
    }
}


/*標準で画面幅の狭い端末用に合わせておき、ここで幅に余裕のある端末用に調整する＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media only screen and (min-width: 375px) {
    .ability_table .ability_rank, .status_table .ability_rank{
        font-size: 20px;
    }
}