/*
================================================================================================================
選手個人成績-スコア
================================================================================================================
*/
.score{
width:100%;
max-width:980px;
color:#fff;
text-shadow:none !important;
margin:0 auto;}
.score > a{display:block; position:relative; color:#fff; background-color:#000; /*padding:15px 10px;*/ padding:10px; font-weight:700; border-radius:20px 20px 0 0;}
.score > a::after{
display:block;
content:"";
position:absolute;
top:calc(50% - 6px);
right:30px;
width:12px;
height:12px;
border-bottom:2px solid #fff;
border-right:2px solid #fff;
transform:rotate(-45deg);
opacity:0;
transition:all .2s ease;}
.score > a:hover::after{right:20px; opacity:1;}
@media screen and (max-width:700px){.score > a{border-radius:10px 10px 0 0;}}

.score .ex-card,
.score .w-card,
.score .text-area{background:#666; border:none; margin-top:10px; border-radius:10px;}

/*ファイナル*/
.game01.score > a::before{content:"レギュラーステージ ";}
.game02.score > a::before{content:"セミファイナル ";}
.game03.score > a::before{content:"ファイナル ";}

.score .card.battle1 li:first-child::after{content:"1st match";}
.score .card.battle2 li:first-child::after{content:"2nd match";}
.score .card.battle3 li:first-child::after{content:"3rd match";}
.score .card.battle4 li:first-child::after{content:"4th match";}
.score .card.battle5 li:first-child::after{content:"5th match";}
.score .card.battle6 li:first-child::after{content:"6th match";}
.score .card.battle7 li:first-child::after{content:"7th match";}
.score .card.battle8 li:first-child::after{content:"Final match";}

/*
========================
上書きスタイル
========================
*/
.score > ul.card{color:#000; margin:0 auto !important; flex-wrap:wrap;}
.score > ul.card li:first-child{width:100% !important;}
.score > ul.card li:not(:first-child){width:50% !important;}
.score > ul.card li:nth-child(2){border-left:none !important;}

.match-main ul.card li:first-child::before{display:none !important;}

.score .member > div{background-size:cover !important;}
.score .member > div > a{height:200px !important; background-size:auto 220% !important; background-position:center top -20px !important;}
.score .member > div > a::after{bottom:10px !important;}
.score .member > div > a::before{height:70px !important; opacity:.7;}

.score .result{border-bottom:none !important;}
.score .result > .cat:last-child > ul:first-child{border-radius:0 0 0 20px;}
.score .result > .cat:last-child > ul:last-child{border-radius:0 0 20px 0;}

@media screen and (max-width:700px){
.score .result > .cat:last-child > ul:first-child{border-radius:0 0 0 10px;}
.score .result > .cat:last-child > ul:last-child{border-radius:0 0 10px 0;}}
@media screen and (max-width:640px){
.score .member > div > a{height:170px !important; background-size:auto 200% !important;}
.score .member > div > a::before{height:50px !important;}
.score .member > div > a::after{bottom:5px !important; font-size:20px !important;}}

/*
========================
試合選択ボタン
========================
*/
.thum{position:relative; width:100%; background-color:#000; border-radius:10px;}
.thum:hover{cursor:pointer;}

.thum p:first-child{/*padding:25px 0 10px;*/ font-size:14px; padding:20px 0 5px; font-weight:700; letter-spacing:2px;}
.thum p:last-child{height:35px; background-size:auto 85%; background-repeat:no-repeat; background-position:center; border-radius:0 0 10px 10px;}

.thum::before{
display:block;
position:absolute;
/*top:7px;*/
top:2px;
width:100%;
font-size:12px;
font-weight:400;}
.thum.game01::before{content:"レギュラーステージ"}
.thum.game02::before{content:"クォーターファイナル"}
.thum.game03::before{content:"セミファイナル"}
.thum.game04::before{content:"ファイナル";}

@media screen and (max-width:700px){.thum{border-radius:5px;} .thum p:last-child{border-radius:0 0 5px 5px;}}

/*チームロゴ*/
.thum p.team-av{background-image:url(/game/bpl/common/img/team/av/big.png);}
.thum p.team-gg{background-image:url(/game/bpl/common/img/team/gg/big.png);}
.thum p.team-gp{background-image:url(/game/bpl/common/img/team/gp/big_text.png);}
.thum p.team-sh{background-image:url(/game/bpl/common/img/team/sh/big_text.png);}
.thum p.team-tt{background-image:url(/game/bpl/common/img/team/tt/big_text.png);}
.thum p.team-r1{background-image:url(/game/bpl/common/img/team/r1/big.png);}
.thum p.team-ll{background-image:url(/game/bpl/common/img/team/ll/big.png);}

/*
================================================================================================================
選手個人成績-スコア スライド
================================================================================================================
*/
.score-result{position:relative; z-index:2; /*overflow:hidden;*/}
.score-result .swiper{position:relative; margin:auto;}
.score-result .swiper-main{overflow:visible; max-width:1100px;}
.score-result .swiper-thumb{max-width:980px; margin:0 auto 10px;}

/*サムネイル*/
.score-result .swiper-slide{transition:opacity .2s ease !important;}
.score-result .swiper-slide-thumb-active{opacity:1;}
.score-result .swiper-thumb .swiper-slide:not(.swiper-slide-thumb-active){opacity:.3;}
.score-result .swiper-thumb .swiper-slide:not(.swiper-slide-thumb-active):hover{opacity:1;}

/*メイン*/
.score-result .swiper-main{overflow:hidden;}
.score-result .swiper-main .swiper-slide:not(.swiper-slide-active){opacity:0;}

/*
========================
サムネイル スクロール
========================
*/
.score-result .swiper-scrollbar{position:relative;}
.score-result .swiper-scrollbar::after{
position:absolute;
content:"";
top:0;
bottom:0;
left:0;
width:100%;
height:3px;
background-color:rgba(255,255,255,.2);
margin:auto;
z-index:-1;}
.score-result .swiper-scrollbar-drag{
cursor:pointer;
height:20px;
background-color:#000;
background-clip:content-box;
border-radius:3px;
padding:8px 0;
transition:background .2s ease;}
.score-result .swiper-scrollbar-drag:active{background-color:#fff;}
.score-result .slide{display:block; overflow:hidden;}

/*
========================
ナビゲーション
========================
*/
.score-result .swiper-controller{
position:absolute;
top:calc(50% - 25px);
left:0;
width:100%;
height:50px;}
.score-result .swiper-controller > *{
display:block;
position:absolute;
top:0;
width:50px;
height:50px;
background-color:#000;
border-radius:50%;
transition:background .2s ease;
z-index:3;}
.score-result .swiper-controller > *:hover{cursor:pointer; background-color:#fff;}
.score-result .swiper-button-prev{left:0;}
.score-result .swiper-button-next{right:0;}
.score-result .swiper-controller > *::before{
display:block;
content:"";
position:absolute;
top:calc(50% - 7px);
width:14px;
height:14px;
border-left:2px solid #fff;
border-bottom:2px solid #fff;
transition:all .2s ease;}
.score-result .swiper-button-prev::before{left:calc(50% - 3px); transform:rotate(45deg);}
.score-result .swiper-button-next::before{right:calc(50% - 3px); transform:rotate(-135deg);}
.score-result .swiper-controller > *:hover::before{border-left:2px solid #000; border-bottom:2px solid #000;}
.score-result .swiper-button-prev:hover::before{left:calc(50% - 6px);}
.score-result .swiper-button-next:hover::before{right:calc(50% - 6px);}

.score-result .swiper-button-disabled{pointer-events:none; opacity:0;}

@media screen and (max-width:1100px){
.score-result .swiper-button-prev{left:-15px;}
.score-result .swiper-button-next{right:-15px;}}

/*アニメ*/
.score-result .swiper-fade .swiper-slide-active{pointer-events:auto;}