#main{background-color:transparent !important; padding:90px 0 0 !important;}
@media screen and (max-width:640px){#main{padding:110px 0 0 !important;}}

#page-title{padding:10px 5px; margin:0 auto !important;}
#page-title > ol li:nth-child(2) a{pointer-events:none;}
#page-title::before,
#page-title::after{display:block; content:""; position:absolute; left:calc(50% - 50vw); width:100vw;}
#page-title::before{top:-10px; height:calc(100% + 10px); background-image:url(/game/bpl/season5/img/common/bg/dot.png); opacity:.6;}
#page-title::after{bottom:0; height:2px; background:#071533;}

/*現在の終了試合*/
.stage-num{width:100%; max-width:420px; font-size:12px; margin:20px auto 0;}

/*
================================================================================================================
COMMON
================================================================================================================
*/
/*チーム用背景*/
#main > #team{
position:relative;
width:100%;
color:#fff;
background-attachment:fixed;
text-align:center;}

#main > #team::before{
display:block;
content:"";
position:fixed;
top:0;
left:0;
width:100%;
height:100vh;
background-image:url(/game/bpl/season5/img/common/bg/main.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
z-index:1;}

#main > #team > *{position:relative; z-index:2;}

#main > #team h2{display:block; font-size:45px; font-weight:900; letter-spacing:2px; margin-top:30px;}
#main > #team h2 > span{font-size:12px; font-weight:400;}
#main > #team h3:not(.title){display:block; font-size:22px; font-weight:700; letter-spacing:2px;}
#main > #team h4{display:block; font-weight:700;}

#main > #team h2,
#main > #team h3:not(.title),
.player .name{
text-shadow:0px 1px 0px rgba(0,0,0,.2),
            0px 2px 0px rgba(0,0,0,.2),
            1px 1px 0px rgba(0,0,0,.2),
            1px 2px 0px rgba(0,0,0,.2),
            2px 2px 0px rgba(0,0,0,.2),
            3px 2px 0px rgba(0,0,0,.2),
            0px 0px 10px rgba(0,0,0,.2),
            0px 0px 5px rgba(0,0,0,.2);}

/*
================================================================================================================
フォント
================================================================================================================
*/
.player .catch,#team-name > h3,#sns-area{font-family:'M PLUS 1', sans-serif;}/*キャッチコピー*/
.player .name,#sns-area > .inner > p > span,#team-member::after{font-family:'Orbitron','M PLUS 1', sans-serif;}/*チーム名*/

/*
================================================================================================================
選手名
================================================================================================================
*/
.player{
width:100%;
height:100%;
color:#fff;
z-index:4;
transition:.2s ease;}
.player p{text-align:left; letter-spacing:2px; padding:0 10px;}
.player .catch{background:#000 !important; font-size:18px; line-height:35px;}
.player .name{
height:45px;
font-size:30px;
font-weight:900;
line-height:45px;}
.player .name span{display:inline-block; font-size:13px; font-weight:400; margin-left:10px;}
@media screen and (max-width:480px){
.player .name{font-size:24px;}
.player .name span{font-size:10px;}}

/*
================================================================================================================
Twiiterシェア
================================================================================================================
*/
#sns-area{
position:relative;
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
width:100%;
height:100%;
color:#fff;}

#sns-area > .inner{
width:100%;
max-width:640px;
letter-spacing:1px;
text-align:left;
padding-left:20px;
filter:drop-shadow(0 2px 1px rgba(0,0,0,.3)) drop-shadow(1px 2px 1px rgba(0,0,0,.3));}

#sns-area > .inner > p{width:100%; text-shadow:none; line-height:160%; text-shadow:0 2px 1px rgba(0,0,0,.3),1px 2px 1px rgba(0,0,0,.3);}
#sns-area > .inner > p > span{font-weight:700; font-size:34px;}
#sns-area > .inner > p > br{display:none;}

/*
========================
キャラ･選手表示エリア
========================
*/
#sns-area::before{
display:block;
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-repeat:no-repeat;
filter:drop-shadow(2px 10px 1px rgba(0,0,0,.3));}

/*
========================
リンク
========================
*/
#sns-area > .inner > a{
display:block;
position:relative;
width:200px;
height:30px;
background-color:#fff;
line-height:31px;
font-weight:700;
text-shadow:none;
transform:skewX(-20deg);
margin-top:10px;
transition:.2s ease;}
#sns-area > .inner > a:hover{color:#fff; box-shadow:6px 4px 0 #fff; text-shadow:1px 1px 0 rgba(0,0,0,.5) , 2px 2px 0 rgba(0,0,0,.5);}
#sns-area > .inner > a:before{display:block; content:"ポストする"; transform:skewX(20deg); text-align:center;}
#sns-area > .inner > a > p{display:none;}