@charset "Shift-JIS";

/*
================================================================================================================
COMMON
================================================================================================================
*/
@media screen and (min-width:981px){#support{min-height:calc(100vh - 450px);}}
@media screen and (max-width:980px){#support{min-height:calc(100vh - 225px);}}

#support{color:#fff; background:#246dff; padding:40px 0;}
#support .inner{width:calc(100% - 20px); max-width:1200px; font-size:14px; margin:0 auto;}
#support .section{color:#000; padding:30px 0; margin:20px auto;}
#support h2,
#support h3{
display:block;
color:#fff;
background:#000;
font-weight:bold;}

#support h2,b.text{font-family:'Noto Sans JP', sans-serif;}

#support h2{
font-size:16px;
padding:8px 10px;
background:#000;
border-left:10px solid #ffff4d;
border-radius:3px;
margin:0 auto 10px;}
b.text{color:#000; font-size:16px;}
b.text > em{display:inline-block; color:#ff0086; border-bottom:1px solid #ff0086; margin:0 4px;}
#support h3{padding:3px 10px; margin:10px auto;}

@media screen and (max-width:640px){
#support{padding:20px 0;}
b.text{font-size:14px;}}
@media screen and (max-width:480px){
#support .section{padding:10px 0;}
#support h2{font-size:14px;}
b.text{font-size:13px;}}
@media screen and (max-width:400px){#support .inner{font-size:12px;}}

/*
================================================================================================================
TOP
================================================================================================================
*/
#top > .section + .section{border-top:10px solid #000;}

#top ul#info{color:#000; background:#fff; font-size:15px; padding:20px;}
#top ul#info li > p:first-child{font-weight:bold;}
#top ul#info li > p a{color:#ff004c; text-decoration:underline;}
#top ul#info li > p a:hover{text-decoration:none;}
@media screen and (max-width:480px){#top ul#info{font-size:12px;}}

/*イベント日付*/
#support #date{
font-size:40px;
font-weight:900;
font-family:'Noto Sans JP', sans-serif;
text-align:center;
filter:drop-shadow(1px 1px 0 #000) drop-shadow(-1px 1px 0 #000) drop-shadow(1px -1px 0 #000) drop-shadow(-1px -1px 0 #000) drop-shadow(2px 2px 0 #000);
margin:40px auto;}
#support #date > span{font-size:30px;}
@media screen and (max-width:800px){
#support #date{font-size:30px;}
#support #date > span{font-size:24px;}}
@media screen and (max-width:620px){#support #date > span:first-child{display:none;}}
@media screen and (max-width:530px){
#support #date{font-size:25px;}
#support #date > span{font-size:16px;}}
@media screen and (max-width:400px){#support #date{font-size:20px;}}
@media screen and (max-width:370px){#support #date > span{font-size:13px;}}

/*epass応募 公開前*/
#epass #date{font-size:30px;}
#epass #date br{display:none;}
@media screen and (max-width:640px){#epass #date{font-size:22px;}}
@media screen and (max-width:440px){
#epass #date{line-height:30px;}
#epass #date br{display:block;}}

/*見出し*/
#top h4{
display:block;
color:#fff;
line-height:180%;
font-size:30px;
text-align:center;
font-family:'Noto Sans JP', sans-serif;
font-weight:900;
letter-spacing:1px;
margin:0 auto 20px;
filter:drop-shadow(1px 1px 0 #000) drop-shadow(-1px 1px 0 #000) drop-shadow(1px -1px 0 #000) drop-shadow(-1px -1px 0 #000) drop-shadow(2px 2px 0 #000) drop-shadow(3px 3px 0 #000);}
#top h4 em{color:#ff6cc2; font-weight:900 !important;}
#top h4 span{display:block; font-size:18px;}
#top h4 br{display:none;}
#top .section:nth-child(2) h4{line-height:40px; padding-top:10px;}
@media screen and (max-width:800px){
#top h4{line-height:40px;}
#top h4 br{display:block;}
#top .section:nth-child(2) h4{padding-top:0;}
#top .section:nth-child(4) h4{line-height:80px;}}
@media screen and (max-width:480px){
#top h4{font-size:22px; line-height:30px; padding-top:20px;}
#top h4 span{font-size:15px;}
#top .section:nth-child(2) h4{line-height:30px; padding-top:10px;}}
@media screen and (max-width:370px){
#top h4{font-size:18px; line-height:30px; padding-top:20px;}
#top h4 span{font-size:13px;}}

/*セル*/
ul.cell2{display:block;}
ul.cell2 > li b a{color:#FFEB3B; text-decoration:underline;}
ul.cell2 > li b a:hover{text-decoration:none;}

/*画像*/
p.img360,
p.img980{text-align:center;}
p.img360 img{width:100%; max-width:360px;}
p.img980 img{width:100%; max-width:980px;}
p.img980 span:first-child{display:block;}
p.img980 span:nth-child(2){display:none;}
@media screen and (max-width:800px){p.img360{margin:20px auto;}}
@media screen and (max-width:640px){
p.img360 img{width:80%;}
p.img980 span:first-child{display:none;}
p.img980 span:nth-child(2){display:block;}
p.img980 img{max-width:540px;}}

/*応援チケット獲得*/
#ticket-get > ul > li{display:flex; justify-content:space-between;}
#ticket-get > ul > li + li{border-top:1px dotted #222;}
#ticket-get > ul > li > p{padding:3px 0;}
#ticket-get > ul > li > p:nth-child(2){font-weight:bold; padding-right:10px;}
#ticket-get > ul > li > p br{display:none;}
#ticket-get > ul.dot:nth-of-type(3) > li:last-child{border-top:none; margin-top:5px; font-size:12px;}
@media screen and (max-width:370px){
#ticket-get > ul > li > p{text-align:right;}
#ticket-get > ul > li > p br{display:block;}}

/*注意事項*/
ul.dot{padding:0 20px;}
ul.dot > li{position:relative; padding-left:20px;}
ul.dot > li::before{content:"●"; position:absolute; top:0; left:0;}
ul.dot.ast > li::before,
ul > li.ast::before{content:"※" !important;}
ul.dot > li a{color:#FFEB3B; text-decoration:underline;}
ul.dot > li a:hover{text-decoration:none;}

/*表*/
ul.head{display:flex; color:#fff; background:#000 !important; font-weight:bold;}

.table > ul{display:flex;}
.table > ul > li{text-align:center; padding:10px 0;}
.table > ul > li + li{border-left:2px solid #999;}
.table > ul + ul{border-top:2px solid #222;}
.table > ul:nth-child(even){background:#fff;}
.table > ul:nth-child(odd){background:#dfdfdf;}

/*特典*/
.benefit{margin:0 auto 10px;}
.benefit > ul > li{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; flex-direction:column;}
.benefit > ul > li:first-child,
.benefit > ul > li:nth-child(2),
.benefit > ul > li:nth-child(4){width:140px;}
.benefit > ul > li:nth-child(3),
.benefit > ul > li:nth-child(5){width:calc(50% - 140px);}
.benefit > ul > li strong{display:block; width:100%;}
.benefit > ul > li strong span{display:inline-block; font-size:11px; margin-left:5px;}
.benefit > ul > li p{width:100%; text-align:center;}
.benefit > ul > li img{width:96%; max-width:400px;}
.benefit > ul:not(.head) > li:first-child,
.benefit > ul:not(.head) > li:nth-child(2){font-family:'Noto Sans JP', sans-serif; font-weight:900;}
.benefit > ul > li > b span{display:inline-block; font-size:18px;}
.benefit > ul li a{color:#000; text-decoration:underline;}
.benefit > ul li a:hover{text-decoration:none;}
@media screen and (min-width:801px){
.benefit{border:2px solid #222;}
.benefit > ul:not(.head) > li:first-child{font-size:40px;}
.benefit > ul:not(.head) > li:nth-child(2),
.benefit > ul:not(.head) > li:nth-child(4){font-size:30px;}
.benefit > ul.none li{padding:30px 0;}}
@media screen and (max-width:800px){
.benefit.table > ul:nth-child(odd){background:#fff;}
.benefit > ul.head{display:none;}
.benefit > ul{flex-wrap:wrap; margin-bottom:10px; border:2px solid #222;}
.benefit > ul > li{position:relative; width:100% !important; padding:7px 5px;}
.benefit > ul > li:first-child{color:#fff; background:#052fff; font-size:30px;}
.benefit > ul > li:nth-child(2),.benefit > ul > li:nth-child(4){color:#fff; background:#6592ec; font-weight:700; font-size:20px;}
.benefit > ul > li > b span{font-size:14px;}
.benefit > ul > li img{width:80%;}
.benefit > ul > li::before{display:block; width:100%; color:#fff; background:#222; font-size:11px; text-align:center; border-radius:3px; padding:2px 10px;}
.benefit > ul > li:first-child::before,
.benefit > ul > li:nth-child(2)::before,.benefit > ul > li:nth-child(4)::before{position:absolute; top:5px; left:5px; width:90px;}
.benefit > ul > li:first-child::before{content:"ランク"; font-weight:normal; background:#000;}
.benefit > ul > li:nth-child(2)::before{content:"個人応援数"; font-weight:normal; background:#000;}
.benefit > ul > li:nth-child(3)::before{content:"個人特典";}
.benefit > ul > li:nth-child(4)::before{content:"チーム応援数"; font-weight:normal; background:#000;}
.benefit > ul > li:nth-child(5)::before{content:"チーム特典";}
.benefit > ul > li + li{border:none; border-top:1px solid #000;}
.benefit > ul > li strong{text-align:center;}
.benefit > ul > li strong:first-child{margin-top:10px;}
.benefit > ul > li strong br:not(.br-sp){display:none;}}
@media screen and (max-width:800px){.benefit > ul > li img{width:100%;}}

.epass-bpl{background:#fff; border:2px solid #222;}
.epass-bpl li{width:100%; font-weight:bold; text-align:center;}
.epass-bpl li:nth-child(1){font-family:'Noto Sans JP', sans-serif; font-size:20px; padding:20px 0;}
.epass-bpl li:nth-child(1) span{font-size:30px;}
.epass-bpl li a{text-decoration:underline;}
.epass-bpl li a:hover{text-decoration:none;}
@media screen and (max-width:800px){.epass-bpl li:nth-child(1){color:#fff; background:#052fff; border-bottom:2px solid #222; margin:0 auto 10px;}}
@media screen and (max-width:480px){
.epass-bpl li:nth-child(1){font-size:14px; padding:10px 0;}
.epass-bpl li:nth-child(1) span{font-size:20px;}}

.notes{font-size:12px;}
.notes > a{color:#FFEB3B; text-decoration:underline;}
.notes > a:hover{text-decoration:none;}
.notes sup{display:inline-block; font-weight:normal; margin-right:5px; transform:translateY(-2px);}

/*
================================================================================================================
応援チケット獲得履歴
================================================================================================================
*/
#ticket ul > li:first-child{width:150px;}
#ticket ul > li:nth-child(2){width:calc(100% - 230px);}
#ticket ul > li:nth-child(3){width:80px;}

@media screen and (max-width:700px){
#ticket ul.head{display:none;}
#ticket ul{flex-wrap:wrap;}
#ticket ul > li{position:relative; width:100% !important; text-align:left; padding:5px 10px 5px 80px;}
#ticket ul > li::before{position:absolute; top:3px; left:5px; color:#fff; background:#555; font-size:11px; border-radius:3px; padding:2px 10px;}
#ticket ul > li:first-child::before{content:"獲得日時";}
#ticket ul > li:nth-child(2)::before{content:"獲得方法";}
#ticket ul > li:nth-child(3)::before{content:"獲得枚数";}
#ticket .table > ul > li + li{border:none; border-top:1px dotted #999;}}

/*ページ送り*/
#page-navi{display:flex; font-family:'Noto Sans JP', sans-serif; font-weight:700; margin:20px auto;}
#page-navi > div{display:block; height:35px; line-height:35px; text-align:center;}
#page-navi > div:not(.page-num){width:35px; color:#fff; background:#000; border:1px solid #000;position:relative;}
#page-navi > div:not(.page-num) a{display:block;width:35px;height:35px;position:absolute;top:0px;left:0px;}
#page-navi div.link:hover{background:#0a73aa; border:1px solid #fff; transition:.2s ease-in-out;}
#page-navi > div::before{display:block; transform:scaleY(2);}

#page-navi > .page-num{width:calc(100% - 160px); padding:0 10px;}
#page-navi > .prev-all{margin-right:10px;}
#page-navi > .next-all{margin-left:10px;}

#page-navi > .prev-all::before{content:"<<";}
#page-navi > .prev::before{content:"<";}
#page-navi > .next-all::before{content:">>";}
#page-navi > .next::before{content:">";}

/*
================================================================================================================
選手プロフィール共通
================================================================================================================
*/
dl{width:100%; color:#fff; font-weight:700;}
dl > dd{display:inline-block; position:relative; padding:0 10px;}
dl > dd.catch{background:#000;}
dl > dd.name{text-shadow:0px 2px 0 rgba(0,0,0,.2),1px 1px 0 rgba(0,0,0,.2),2px 1px 0 rgba(0,0,0,.2),1px 2px 0 rgba(0,0,0,.3),0 0 5px rgba(0,0,0,.2);}
dl > dd.name::before{padding-right:10px;}
dl > dd.name > span{padding-left:10px; font-size:12px; font-weight:400;}

.logo{
background-repeat:no-repeat;
background-position:center;
background-size:100% auto;}

/*
================================================================================================================
サポート状況-チーム選択
================================================================================================================
*/
#team-select{display:flex; flex-wrap:wrap;}
#team-select > a{display:block; width:calc(100% / 4); color:#fff; font-weight:700; text-align:center; padding:20px 0; text-shadow:0px 2px 0 rgba(0,0,0,.2),1px 1px 0 rgba(0,0,0,.2),2px 1px 0 rgba(0,0,0,.2),1px 2px 0 rgba(0,0,0,.3),0 0 5px rgba(0,0,0,.2); transition:opacity .3s ease-in-out;}
#team-select > a:hover{opacity:.7;}
#team-select > a img{width:80%;}
#team-select > a > p:nth-child(2){margin-top:10px;}

@media screen and (max-width:1200px){#team-select > a > p:nth-child(2){font-size:16px !important;}}
@media screen and (max-width:1100px){#team-select > a{width:calc(100% / 4);}}
@media screen and (max-width:800px){#team-select > a{width:calc(100% / 2);}}
@media screen and (max-width:640px){#team-select > a > p:nth-child(2){font-size:14px !important;}}
@media screen and (max-width:530px){
#team-select > a{padding:5px 0;}
#team-select > a > p:nth-child(2){font-size:12px !important; margin-top:0;}}

#team-select > a .support-rank{width:50%; max-width:140px; min-width:100px; height:40px; font-size:26px; padding-top:14px; margin:10px auto 0px;}
#team-select > a .support-rank:before,#team-select > a .support-rank:after{border:20px solid transparent; border-right:20px solid transparent; border-left:20px solid transparent;}
#team-select > a .support-rank:before,.team .inner > .status .support-rank:after{border:20px solid transparent; border-right:20px solid transparent; border-left:20px solid transparent;}
#team-select > a .support-rank::before{right:100%; border-right-color:#000;}
#team-select > a .support-rank::after{left:100%; border-left-color:#000;}
#team-select > a .support-rank p::after{
display:block;
content:"チームサポートランク";
position:absolute;
top:-20px;
left:0;
width:100%;
text-align:center;
font-size:10px;
z-index:2;
filter:drop-shadow(1px 1px 0 #000) drop-shadow(-1px 1px 0 #000) drop-shadow(1px -1px 0 #000) drop-shadow(-1px -1px 0 #000);}

/*
================================================================================================================
サポート状況
================================================================================================================
*/
.frame{padding:20px;}

.team{font-family:'Noto Sans JP', sans-serif; padding:10px;}
.team .inner{display:flex; margin:0 auto;}

.team .inner:first-child{width:96%; max-width:1200px; margin:20px auto 40px; align-items:center; justify-content:space-between;}
.team .inner > .logo{width:400px; height:120px; background-size:400px auto; background-position:center;}
.team .inner > .status{display:flex; width:calc(100% - 400px); align-items:center; justify-content:flex-end; flex-wrap:wrap;}
.team .inner > .status .spacer{width:100%;}

.team .inner:nth-child(2){justify-content:space-between;}
.team .inner > .member{background-size:auto 101%; background-position:top center;}
.team .inner > .member > div{height:500px; min-height:500px;}

@media screen and (max-width:1200px){
.team .inner > .member > div{min-height:400px; height:400px;}}

@media screen and (max-width:970px){
.team .inner:first-child{flex-wrap:wrap; padding-left:20px;}
.team .inner > .logo{width:100%; margin-bottom:20px;}
.team .inner > .status{width:100%; justify-content:center;}}

@media screen and (max-width:640px){
.team{padding:5px;}
.frame{padding:10px;}}

@media screen and (max-width:600px){
.team .inner > .member > div{min-height:350px; height:350px;}}

@media screen and (max-width:480px){
.team .inner > .member > div{min-height:300px; height:300px;}
.team .inner:first-child{padding-left:0; margin:0 auto 20px;}
.team .inner > .logo{background-size:300px auto; margin-bottom:0;}
.team .inner > .status{flex-wrap:wrap;}}

@media screen and (max-width:370px){.team .inner > .logo{background-size:270px auto;}}

/*
========================
サポートランク
========================
*/
.support-rank{position:relative; color:#fff; background:#000; font-weight:700; text-align:center;}
.support-rank::before,
.support-rank::after{
position:absolute;
top:0;
width:0;
height:0;
content:"";
border:20px solid transparent;
border-right:20px solid transparent;
border-left:20px solid transparent;}
.support-rank::before{right:100%; border-right-color:#000;}
.support-rank::after{left:100%; border-left-color:#000;}

.support-rank p{position:relative; width:100%;}
.support-rank p::before{font-weight:900; letter-spacing:2px;}
.support-rank.rankS p::before{content:"S"; color:#ffde00;}
.support-rank.rankAAA p::before{content:"AAA"; color:#ffde00;}
.support-rank.rankAA p::before{content:"AA"; color:#f30000;}
.support-rank.rankA p::before{content:"A"; color:#00e4ff;}
.support-rank.rankB p::before{content:"B"; color:#00ff54;}
.support-rank.rankC p::before{content:"C";}

/*チーム一覧用*/
.team .support-rank{width:100px; height:40px; font-size:34px; padding-top:12px;}
.team .support-rank p::after{
display:block;
content:"サポーターランク";
position:absolute;
top:-22px;
left:0;
width:100%;
text-align:center;
font-size:12px;
z-index:2;
filter:drop-shadow(1px 1px 0 #000) drop-shadow(-1px 1px 0 #000) drop-shadow(1px -1px 0 #000) drop-shadow(-1px -1px 0 #000);}

/*チーム*/
.team .inner > .status .support-rank{width:140px; height:60px; font-size:46px; padding-top:20px;}
.team .inner > .status .support-rank:before,.team .inner > .status .support-rank:after{border:30px solid transparent; border-right:30px solid transparent; border-left:30px solid transparent;}
.team .inner > .status .support-rank::before{right:100%; border-right-color:#000;}
.team .inner > .status .support-rank::after{left:100%; border-left-color:#000;}
.team .inner > .status .support-rank p::after{content:"チームサポートランク"; top:-30px;}
@media screen and (max-width:480px){.team .inner > .status .support-rank{width:calc(100% - 80px);}}

/*選手個人*/
.team .inner > .member .support-rank{margin:0 20px 20px auto;}
@media screen and (max-width:1200px){.team .inner > .member .support-rank{margin:0 20px 10px auto;}}

/*
========================
チームサポーター演出
========================
*/
.support-btn{display:block; position:relative; color:#fff; font-weight:700; text-align:center;}
.support-btn:hover{cursor:pointer;}
.support-btn > p{width:200px; height:50px; background:#000; line-height:50px; text-shadow:0px 2px 0 rgba(0,0,0,.2),1px 1px 0 rgba(0,0,0,.2),2px 1px 0 rgba(0,0,0,.2),1px 2px 0 rgba(0,0,0,.3),0 0 5px rgba(0,0,0,.2); border:1px solid #000; transition:.3s ease-in-out;}
.support-btn:hover > p{border:1px solid #fff;}
.support-btn > p::before{content:"チームサポーター演出";}

.support-btn > div{position:absolute; top:-15px; right:15px; height:24px; width:100px; line-height:22px; z-index:2; transition:.3s ease-in-out;}
.support-btn > div::before,
.support-btn > div::after{
position:absolute;
top:0;
width:0;
height:0;
content:"";
border:12px solid transparent;
border-right:12px solid transparent;
border-left:12px solid transparent;
transition:.3s ease-in-out;}
.support-btn > div > p::before{content:"設定OFF"; text-shadow:2px 2px 0 rgba(0,0,0,.4),-2px -2px 0 rgba(0,0,0,.4),2px -2px 0 rgba(0,0,0,.4),-2px 2px 0 rgba(0,0,0,.4),1px 1px 0 rgba(0,0,0,.4),-1px -1px 0 rgba(0,0,0,.4),-1px 1px 0 rgba(0,0,0,.4),1px -1px 0 rgba(0,0,0,.4),0 2px 0 rgba(0,0,0,.4),2px 0 0 rgba(0,0,0,.4),0 -2px 0 rgba(0,0,0,.4),-2px 0 0 rgba(0,0,0,.4),0 0 0 rgba(0,0,0,.4);}
.support-btn > div{background:#666;}
.support-btn > div::before{right:100%; border-right-color:#666;}
.support-btn > div::after{left:100%; border-left-color:#666;}
.support-btn:hover > div > p::before{content:"設定ON";}

.support-btn.active{transition:.3s ease-in-out;}
.support-btn.active > div{background:#00d9d7 !important;}
.support-btn.active > div::before{right:100%; border-right-color:#00d9d7 !important;}
.support-btn.active > div::after{left:100%; border-left-color:#00d9d7 !important;}
.support-btn.active > div > p::before{content:"設定ON";}

.support-btn.active:hover > div{background:#666 !important;}
.support-btn.active:hover > div::before{right:100%; border-right-color:#666 !important;}
.support-btn.active:hover > div::after{left:100%; border-left-color:#666 !important;}
.support-btn.active:hover > div > p::before{content:"設定OFF";}

@media screen and (min-width:481px){.support-btn{margin-left:60px;}}
@media screen and (max-width:480px){.support-btn{margin-top:30px;}}

/*
========================
SNS
========================
*/
.sns-box{padding:10px 0px 0px 0px;}
.sns-box > div.share_btn{
display:block;
position:relative;
width:200px;
height:30px;
color:#000;
background:#fff;
line-height:31px;
font-weight:700;
text-shadow:none;
transform:skewX(-20deg);
margin-top:10px;
transition:.2s ease;
cursor:pointer;}
.sns-box > div.share_btn: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-box > div.share_btn > p{
background-image:url(/game/bpl/common/img/sns/thum/icn_x_black.png);
background-size:35px;
background-position:center left 5px;
background-repeat:no-repeat;
transform:skewX(20deg);
text-align:center;
transition:.2s ease;
/*padding-left:40px;*/}
.sns-box > div.share_btn:hover > p{background-image:url(/game/bpl/common/img/sns/thum/icn_x.png);}

.team-av .sns-box > div.share_btn:hover{background:#042948 !important;}
.team-gg .sns-box > div.share_btn:hover{background:#014083 !important;}
.team-gp .sns-box > div.share_btn:hover{background:#a58300 !important;}
.team-sh .sns-box > div.share_btn:hover{background:#c7c8c8 !important;}
.team-st .sns-box > div.share_btn:hover{background:#5729c9 !important;}
.team-tt .sns-box > div.share_btn:hover{background:#910303 !important;}
.team-r1 .sns-box > div.share_btn:hover{background:#89020d !important;}
.team-ll .sns-box > div.share_btn:hover{background:#8f1045 !important;}

#vote .sns-box > div.share_btn{margin:10px auto !important;}

/*
========================
選手選択
========================
*/
.team .inner > .member{display:block; position:relative; /*width:25%;*/ width:calc(25% - 10px); border-radius:10px; border:1px solid #888; overflow:hidden; transition:.3s ease-in-out;}
.team .inner > .member::before{
display:block;
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(255,255,255,.4);}

.team .inner > .member > div{
display:flex;
position:relative;
background-repeat:no-repeat;
background-position:top center;
background-size:auto 500px;
align-items:flex-end;
padding:20px;
z-index:3;
filter:drop-shadow(5px 5px 0 rgba(0,0,0,.3));
transition:.3s ease-in-out;}
.team .inner > .member > div:hover{filter:drop-shadow(10px 5px 0 rgba(0,0,0,.3));}
@media screen and (max-width:1200px){
.team .inner:nth-child(2){flex-wrap:wrap;}
.team .inner > .member{width:calc(50% - 10px);}
.team .inner > .member:nth-child(3),
.team .inner > .member:nth-child(4){margin-top:10px;}
.team .inner > .member > div{background-position:top 0px center;}
.team .inner > .member > div{background-size:auto 400px;}}
@media screen and (max-width:800px){.team .inner > .member > div{padding:10px;}}
@media screen and (max-width:600px){
.team .inner > .member{width:100%;}
.team .inner > .member:nth-child(2){margin-top:10px;}
.team .inner > .member > div{background-size:auto 350px;}}
@media screen and (max-width:480px){
.team .inner > .member > div{background-size:auto 300px;}}

/*選手プロフィール*/
.team .catch{font-size:15px; padding:5px 10px;}
.team .name{line-height:80%; padding-top:10px;font-size:30px;}
@media screen and (max-width:640px){
.team .catch{font-size:13px;}}

.name,.catch{font-family:'M PLUS 1', sans-serif;}

/*
========================
選手選択 オンマウス
========================
.team .inner > a.member::before,
.team .inner > a.member::after{
display:block;
content:'';
width:0;
height:0;
position:absolute;
border:5px solid transparent;
mix-blend-mode:hard-light;
z-index:2;}
.team .inner > a.member::before{top:5px; left:5px;}
.team .inner > a.member::after{bottom:5px; right:5px;}
.team .inner > a.member:hover::before,
.team .inner > a.member:hover::after{width:calc(100% - 10px); height:calc(100% - 10px); transition:height .3s, width .3s .4s;}
*/

/*
================================================================================================================
サポート状況-応援
================================================================================================================
*/
#vote a{color:#fff;}
#vote > div{font-family:'Noto Sans JP', sans-serif; padding:10px;}

#vote .inner{display:flex; width:96%; max-width:980px; margin:0 auto; align-items:center;}
#vote .inner > .cat{width:50%; height:100%;}
#vote .inner > .cat:nth-child(2){padding-left:40px;}

#vote .inner > .cat .logo{width:100%; height:150px;}
#vote .inner > .cat .member{position:relative; background-size:auto 101%; background-position:top center; border-radius:10px; border:1px solid #888; overflow:hidden;}
#vote .inner > .cat .member::before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.5); z-index:0;}
#vote .inner > .cat .member > div{
display:flex;
position:relative;
height:500px;
min-height:500px;
background-repeat:no-repeat;
background-position:top -50px center;
background-size:150% auto;
filter:drop-shadow(5px 5px 0 rgba(0,0,0,.3));
flex-direction:column;
justify-content:flex-end;
flex-wrap:wrap;
padding:10px;
z-index:2;}

#vote .inner > .cat div > a,
#vote .table  li.done::after,
.vote .inner > .gage,
.vote-btn{text-shadow:0px 2px 0 rgba(0,0,0,.2),1px 1px 0 rgba(0,0,0,.2),2px 1px 0 rgba(0,0,0,.2),1px 2px 0 rgba(0,0,0,.3),0 0 5px rgba(0,0,0,.2);}

@media screen and (max-width:900px){
#vote .inner > .cat:first-child{width:40%;}
#vote .inner > .cat:nth-child(2){width:60%; padding-left:20px;}
#vote .inner > .cat .member > div{background-size:auto 120%; background-position:top -20px center;}}
@media screen and (max-width:800px){
#vote .inner{flex-wrap:wrap;}
#vote .inner > .cat{width:100% !important;}
#vote .inner > .cat:first-child{margin-bottom:20px;}
#vote .inner > .cat:nth-child(2){padding-left:0;}
#vote .inner > .cat .logo{background-size:400px auto;}}
@media screen and (max-width:500px){
#vote .inner > .cat .member > div{height:400px; min-height:400px;}
#vote .inner > .cat .logo{height:100px; background-size:300px auto;}}
@media screen and (max-width:370px){#vote .inner > .cat .logo{background-size:270px auto;}}

/*
========================
選手プロフィールリンクボタン
========================
*/
#vote .inner > .cat .member div > a{
display:block;
position:relative;
width:100%;
color:#fff;
background:#000;
font-size:20px;
font-weight:700;
border:1px solid #000;
padding:10px 30px 10px 10px;
margin-top:10px;
transition:.3s ease-in-out;
z-index:3;}
#vote .inner > .cat .member div > a:hover{border:1px solid #fff;}
#vote .inner > .cat .member div > a::before{content:"選手プロフィール";}
#vote .inner > .cat .member div > a::after{
display:block;
position:absolute;
top:calc(50% - 6px);
right:10px;
content:"";
width:12px;
height:12px;
border-top:2px solid #fff;
border-right:2px solid #fff;
transform:rotate(45deg);
transition:right .3s ease-in-out;}
#vote .inner > .cat .member div > a:hover::after{right:8px;}
@media screen and (max-width:800px){#vote .inner > .cat .member div > a{max-width:300px;}}
@media screen and (max-width:480px){#vote .inner > .cat .member div > a{font-size:16px; padding:5px 30px 5px 10px;}}

/*選手プロフィール*/
#vote .catch{font-size:15px; padding:5px 10px;}
#vote .name{line-height:150%; padding-top:5px;}
#vote .name::before{font-size:30px;}

/*
========================
サポーターランク
========================
*/
#vote .support-rank,
#popup .support-rank{width:calc(100% - 80px); height:60px; line-height:50px; font-size:50px; margin:0 auto;}
#vote .support-rank:before,
#vote .support-rank:after,
#popup .support-rank:before,
#popup .support-rank:after{border:30px solid transparent; border-right:30px solid transparent; border-left:30px solid transparent;}
#vote .support-rank::before,
#popup .support-rank::before{right:100%; border-right-color:#000;}
#vote .support-rank::after,
#popup .support-rank::after{left:100%; border-left-color:#000;}
#vote .support-rank p::after,
#popup .support-rank p::after{content:"サポーター"; font-size:20px; padding-left:10px;}
@media screen and (max-width:500px){
#vote .support-rank,#popup .support-rank{line-height:60px; font-size:40px;}
#vote .support-rank p::after,#popup .support-rank p::after{font-size:14px;}}

/*ランクアップに必要な応援数*/
#vote .table{width:100%; margin:20px auto; border:1px solid #000;}
#vote .table > ul.head li{width:100%;}
#vote .table > ul:not(.head) li{position:relative; color:#000; font-weight:900; font-size:18px;}
#vote .table > ul:not(.head) li:first-child{width:100px;}
#vote .table > ul:not(.head) li:last-child{width:calc(100% - 100px);}
@media screen and (max-width:1200px){
#vote .table > ul:not(.head) li:last-child{text-align:left; padding-left:20px;}}

/*ランクアップに必要な応援数-達成*/
#vote .table > ul:not(.head) li.done::after{
content:"達成！";
position:absolute;
top:0;
right:0;
width:60px;
height:40px;
color:#fff;
font-size:15px;
font-weight:700;
line-height:40px;}
#vote .table > ul:not(.head) li.done::before{
display:block;
content:"";
position:absolute;
top:0;
right:60px;
width:40px;
height:40px;
border-left:40px solid transparent;}

/*合計応援数*/
.vote-sum{width:100%; color:#fff; background:#000; font-size:30px; font-weight:900; text-align:center; padding:10px 0;}
.vote-sum::before{content:"合計応援数"; font-size:16px; font-weight:700; padding-right:10px;}
@media screen and (max-width:480px){
.vote-sum{font-size:20px;}
.vote-sum::before{font-size:13px;}}

/*応援投票フォーム*/
.vote-form{width:90%; margin:0 auto;}
.vote{display:flex; margin:20px auto;}
.vote .inner{display:flex; width:40%; padding-right:10px;}
.vote .inner > select{width:100%; height:42px; font-size:18px; font-weight:bold; padding:0 10px;}

.vote .inner > input{height:40px; line-height:40px;}
.vote .inner > .gage{width:40px;}
.vote .inner > .show{width:calc(100% - 100px); color:#000; background:#fff !important; margin:0 10px;}

#vote input,.vote-btn{text-align:center; font-size:16px; font-weight:700; font-family:'Noto Sans JP', sans-serif;}
.vote .gage,.vote-btn{color:#fff; background:#000; border:1px solid #000; transition:.3s ease-in-out;}
.vote .inner > .gage:hover,.vote-btn:hover{cursor:pointer; border:1px solid #fff;}
@media screen and (max-width:480px){
.vote-form{width:100%;}/*
.vote{flex-wrap:wrap; margin:30px auto;}
.vote .inner{width:100% !important; padding-right:0; padding-bottom:10px;}*/}
@media screen and (max-width:370px){
.vote-btn{font-size:14px;}}

/*応援するボタン*/
.vote-btn,
.vote-btn > a{display:block; position:relative; width:100%; height:42px; max-height:42px; line-height:40px;}
.vote-btn::after{
display:block;
position:absolute;
top:calc(50% - 6px);
right:10px;
content:"";
width:12px;
height:12px;
border-top:2px solid #fff;
border-right:2px solid #fff;
transform:rotate(45deg);
transition:right .3s ease-in-out;
z-index:2;}
.vote-btn:hover::after{right:8px;}

/*応援チケット不足時*/
#vote input.no-push{opacity:.7; pointer-events:none !important;}
.vote-btn.no-push{background:#888 !important; opacity:.7; border:1px solid #fff !important; pointer-events:none !important;}

#vote .notes{color:#fff;}

/*
========================
戻るボタン
========================
*/
.back-btn{
display:block;
position:relative;
width:100%;
max-width:150px;
color:#fff;
background:#000;
font-size:15px;
font-weight:700;
text-align:center;
border:1px solid #000;
padding:5px 10px;
margin:30px auto 0;
transition:.3s ease-in-out;
transform:skewX(-20deg);
z-index:3;}
.back-btn:hover{border:1px solid #fff;}
.back-btn > p{width:100%; transform:skewX(20deg);}
.back-btn > p::before{content:"戻る";}
.back-btn > p::after{
display:block;
position:absolute;
top:calc(50% - 4px);
right:10px;
content:"";
width:8px;
height:8px;
border-top:2px solid #fff;
border-right:2px solid #fff;
transform:rotate(45deg);
transition:right .3s ease-in-out;}
.back-btn:hover > p::after{right:5px;}

/*
================================================================================================================
サポート状況-ランクアップ ポップアップ
================================================================================================================
*/
.mfp-inline-holder .mfp-content{width:90% !important; max-width:800px !important;}

#popup{width:100%; max-width:800px; font-family:'Noto Sans JP', sans-serif; margin:0 auto;}
#popup > div{width:100%; padding:30px 0; background-position:center;}

#popup > #rank01{background-image:url(../img/main/bg_rank01.png);}
#popup > #rank02{background-image:url(../img/main/bg_rank02.png);}

#popup .support-rank{max-width:300px;}
#popup ul.benefit{width:100%; margin:20px auto;}
#popup ul.benefit li{width:100%; color:#000; text-align:center; font-weight:700; font-size:20px; line-height:150%;background: rgba(255, 255, 255, 0.8);}
#popup ul.benefit li br{display:block;}
#popup strong{
display:block;
color:#fff;
margin:20px auto;
font-weight:900;
font-size:30px;
text-align:center;
line-height:150%;
letter-spacing:1px;}
            
.popup-modal-dismiss{display:block;}
.popup-modal-dismiss:hover{cursor:pointer;}
.popup-modal-dismiss.back-btn > p::before{content:"閉じる";}

@media screen and (max-width:640px){
#popup ul.benefit li{font-size:15px;}
#popup strong{font-size:20px;}}

@media screen and (min-width:481px){
#popup strong{
text-shadow:0px 1px 0 #000,0 2px 0 #000,0 3px 0 #000,0 4px 0 #000,0 5px 0 #000,0 6px 0 #000,
            1px 0 0 #000,2px 0 0 #000,3px 0 0 #000,4px 0 0 #000,5px 0 0 #000,6px 0 0 #000,
            1px 1px 0 #000,2px 2px 0 #000,3px 3px 0 #000,4px 4px 0 #000,5px 5px 0 #000,6px 6px 0 #000,
            1px 1px 0 #000,1px 2px 0 #000,1px 3px 0 #000,1px 4px 0 #000,1px 5px 0 #000,1px 6px 0 #000,
            2px 1px 0 #000,2px 2px 0 #000,2px 3px 0 #000,2px 4px 0 #000,2px 5px 0 #000,2px 6px 0 #000,
            3px 1px 0 #000,3px 2px 0 #000,3px 3px 0 #000,3px 4px 0 #000,3px 5px 0 #000,3px 6px 0 #000,
            4px 1px 0 #000,4px 2px 0 #000,4px 3px 0 #000,4px 4px 0 #000,4px 5px 0 #000,4px 6px 0 #000,
            5px 1px 0 #000,5px 2px 0 #000,5px 3px 0 #000,5px 4px 0 #000,5px 5px 0 #000,5px 6px 0 #000,
            6px 1px 0 #000,6px 2px 0 #000,6px 3px 0 #000,6px 4px 0 #000,6px 5px 0 #000,6px 6px 0 #000,
            2px 0 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,
            1px 1px 0 #000,-1px -1px 0 #000,-1px 1px 0 #000,1px -1px 0 #000,
            0 1px 0 #000,1px 0 0 #000,0 -1px 0 #000,-1px 0 0 #000,
            0 2px 0 #000,2px 0 0 #000,0 -2px 0 #000,-2px 0 0 #000,0 0 0 #000;}}

@media screen and (max-width:480px){
#popup ul.benefit li br{display:block;}
#popup strong{
font-size:17px;
font-weight:700;
text-shadow:0 1px 0 #000,1px 0 0 #000,0 -1px 0 #000,-1px 0 0 #000,
            0 2px 0 #000,2px 0 0 #000,0 -2px 0 #000,-2px 0 0 #000,
            1px 2px 0 #000,2px 1px 0 #000,1px -2px 0 #000,-2px 1px 0 #000,
            -1px 2px 0 #000,2px -1px 0 #000,-1px -2px 0 #000,-2px -1px 0 #000,
            0 0 0 #000;}}
@media screen and (max-width:370px){
#popup ul.benefit li{font-size:14px;}
#popup strong{font-size:15px;}}

/*
================================================================================================================
ランキング
================================================================================================================
*/
#ranking > .rank,#ranking > .rank > div{min-height:400px; height:400px;}
@media screen and (max-width:600px){#ranking > .rank,#ranking > .rank > div{min-height:550px; height:550px;}}
@media screen and (max-width:480px){#ranking > .rank,#ranking > .rank > div{min-height:500px; height:500px;}}

#ranking > .rank{position:relative; width:100%; font-family:'Noto Sans JP', sans-serif; background-size:cover; background-position:center;}
#ranking > .rank::after{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%; 
background:linear-gradient(to bottom, rgba(255,255,255,.7) 0%,rgba(255,255,255,0) 100%);}

#ranking > .rank > div{
display:flex;
position:relative;
width:100%;
max-width:980px;
background-repeat:no-repeat;
background-position:top -50px right;
background-size:auto 180%;
align-items:center;
justify-content:space-between;
filter:drop-shadow(5px 5px 0 rgba(0,0,0,.3));
padding:20px 20px 0;
margin:0 auto;
z-index:2;}
@media screen and (max-width:850px){#ranking > .rank > div{background-position:top -50px right -120px;}}
@media screen and (max-width:700px){#ranking > .rank > div{background-position:top -50px right -210px;}}
@media screen and (max-width:630px){#ranking > .rank > div{background-position:top -50px right -280px;}}
@media screen and (max-width:600px){
#ranking > .rank > div{align-items:flex-end; background-size:auto 120%; background-position:top -50px center;}
#ranking dl{margin-bottom:60px;}}
@media screen and (max-width:480px){#ranking > .rank > div{background-position:top -50px right -240px; padding:10px 10px 0;}}

#ranking > .rank .logo{width:300px; height:100px;}
@media screen and (max-width:600px){#ranking > .rank .logo{width:150px; height:50px; margin-bottom:10px;}}

/*選手プロフィール*/
#ranking > .rank .catch{font-size:20px; padding:10px;}
#ranking > .rank .name{line-height:100%; padding-top:10px;}
#ranking > .rank .name{font-size:40px;}
#ranking > .rank .support{background:#000; font-size:30px; padding:5px 10px 8px 200px;}
#ranking > .rank .support::before{content:"全サポーターズ 合計応援数"; font-size:14px; font-weight:400;}
@media screen and (max-width:600px){
#ranking > .rank .catch{font-size:16px;}
#ranking > .rank .name{font-size:30px;}
#ranking > .rank .support{font-size:26px; padding:5px 10px 8px 170px;}
#ranking > .rank .support::before{font-size:12px;}}
@media screen and (min-width:481px){
#ranking > .rank .support{height:40px; min-height:40px; line-height:100%;}
#ranking > .rank .support::before{position:absolute; top:7px; left:10px;}}
@media screen and (max-width:480px){
#ranking > .rank .catch{font-size:14px; padding:5px 10px;}
#ranking > .rank .support{font-size:26px; padding:5px 10px 10px;}
#ranking > .rank .support::before{display:block;}}

/*
========================
応援するボタン
========================
*/
#ranking > .rank > div > a{
display:block;
position:relative;
width:200px;
color:#fff;
background:#000;
font-size:20px;
font-weight:700;
text-align:center;
text-shadow:0px 2px 0 rgba(0,0,0,.2),1px 1px 0 rgba(0,0,0,.2),2px 1px 0 rgba(0,0,0,.2),1px 2px 0 rgba(0,0,0,.3),0 0 5px rgba(0,0,0,.2);
align-self:flex-end;
border:1px solid #000;
padding:10px 0;
margin-bottom:20px;
transition:.3s ease-in-out;}
#ranking > .rank > div > a:hover{border:1px solid #fff;}
#ranking > .rank > div > a::before{content:"応援する！";}
#ranking > .rank > div > a::after{
display:block;
position:absolute;
top:calc(50% - 6px);
right:10px;
content:"";
width:12px;
height:12px;
border-top:2px solid #fff;
border-right:2px solid #fff;
transform:rotate(45deg);
transition:right .3s ease-in-out;}
#ranking > .rank > div > a:hover::after{right:8px;}
@media screen and (max-width:600px){#ranking > .rank > div > a{position:absolute; right:20px; bottom:0;}}
@media screen and (max-width:480px){#ranking > .rank > div > a{right:10px; bottom:-10px;}}

/*
========================
順位
========================
*/
.rank{position:relative;}
.rank .rank-num{
position:absolute;
top:0;
left:20px;
width:300px;
height:100px;
color:#fff;
font-weight:900;
font-size:80px;
line-height:80px;
z-index:2;
filter:
drop-shadow(0 1px 0 #000) drop-shadow(0 1px 0 #000) drop-shadow(0 -1px 0 #000) drop-shadow(0 -1px 0 #000)
drop-shadow(1px 0 0 #000) drop-shadow(-1px 0 0 #000) drop-shadow(1px 0 0 #000) drop-shadow(-1px 0 0 #000)
drop-shadow(1px 1px 0 #000) drop-shadow(-1px 1px 0 #000) drop-shadow(1px -1px 0 #000) drop-shadow(-1px -1px 0 #000);}

.rank.rank01 .rank-num::before{content:"1"}
.rank.rank02 .rank-num::before{content:"2"}
.rank.rank03 .rank-num::before{content:"3"}
.rank.rank04 .rank-num::before{content:"4"}
.rank.rank05 .rank-num::before{content:"5"}
.rank.rank06 .rank-num::before{content:"6"}
.rank.rank07 .rank-num::before{content:"7"}
.rank.rank08 .rank-num::before{content:"8"}
.rank.rank09 .rank-num::before{content:"9"}
.rank.rank10 .rank-num::before{content:"10"}

.rank .rank-num::after{content:"位"; font-size:26px; padding-left:5px;}

/*
================================================================================================================
e-amusement pass
================================================================================================================
*/
.campaign.post .check > div.no_entry input[type="radio"]{position:absolute; top:13px; left:10px; z-index:2;}
.campaign.post .check > div.no_entry input[type="checkbox"]{position:absolute; top:13px; left:10px; z-index:2;}
.campaign.post .check > div.no_entry input[type="checkbox"]{position:absolute; top:13px; left:10px; z-index:2;}

.campaign.post .check > div:not(.no_entry){pointer-events:none;}
.campaign.post .check > div:not(.no_entry) input[type="radio"]{display:none;}
.campaign.post .check > div:not(.no_entry) input[type="checkbox"]{display:none;}
.campaign.post .check > div:not(.no_entry) label{padding:10px 0 !important;}
.campaign.post .check > div:not(.no_entry) label > p{color:#fff; background:#888;}

.already_entry{display:block; top:10px; right:10px; position:absolute; width:90px; font-size:11px; color:#fff !important; background:#f00; font-weight:normal; border-radius:3px; text-align:center; margin-left:10px;}
.already_entry.no_entry{display:none;}


.campaign.post .check.team_epass > div.no_entry input[type="radio"]{top:calc((100% / 2) - 6px);}
.team_epass .already_entry{top:auto;bottom:10px;}

.campaign.result .check > div{pointer-events:none;}
.campaign.result .check input[type="checkbox"]{display:none;}
.campaign.result .check input[type="radio"]{display:none;}

.epass-img{width:100%; max-width:980px; text-align:center; margin:0 auto;}
.epass-img img{width:100%;}
.epass-img:first-child{display:block;}
.epass-img:nth-child(2){display:none;}
@media screen and (max-width:800px){
.epass-img:first-child{display:none;}
.epass-img:nth-child(2){display:block;}}

#epass.section{margin:0 auto 20px !important;}
#epass #date{margin:20px auto !important;}
#epass h2{margin:40px auto 20px !important;}
#epass h2:first-child{margin:0 auto 20px !important;}
#epass h3{margin:0 auto !important; padding:10px 20px 8px;}
#epass ul.dot{padding:0 10px;}

.agree-btn{
display:block;
position:relative;
width:100%;
max-width:300px;
color:#fff;
background:#000;
font-size:14px;
text-align:center;
font-family:'Noto Sans JP', sans-serif;
border:1px solid #000;
padding:15px 0;
margin:20px auto 0;
transition:.2s ease-in-out;}
.agree-btn::after{
display:block;
position:absolute;
top:calc(50% - 6px);
right:10px;
content:"";
width:12px;
height:12px;
border-top:2px solid #fff;
border-right:2px solid #fff;
transform:rotate(45deg);
transition:right .2s ease-in-out;}
.agree-btn:hover::after{right:8px;}
.agree-btn:hover{cursor:pointer; background:#004fa4 !important; border:1px solid #fff;}

/*応募ページ*/
.check{display:flex; background:#fff; flex-wrap:wrap; border:2px solid #000; padding:10px 30px; margin:0 auto 40px; align-items:center; justify-content:space-between;}
.check > div{position:relative; width:49%; font-size:18px; font-weight:bold; margin:10px 0;}
.check > div > *:hover{cursor:pointer;}
.check > div label > p{display:block; position:relative; padding:10px 0 10px 30px; border:1px solid #000; border-radius:30px; transition:all .2s ease;}

.check + b.text{display:block; text-align:center;}

.apply{display:flex; width:100%; max-width:640px; justify-content:space-between; margin:40px auto 0;}
.apply > .agree-btn{width:calc(50% - 10px); font-size:16px; margin:0;}

.agree-btn.no-push{background:#888 !important; opacity:.8; border:1px solid #fff !important; pointer-events:none !important;}

.check > div label span{font-size:15px;display:flex;justify-content:end;}
@media screen and (max-width:750px){
.check > div label span{font-size:13px;}
}
@media screen and (max-width:370px){.check > div label span{font-size:12px;}}

@media screen and (max-width:840px){
.check{padding:10px;}
.check > div{font-size:15px;}
.check + b.text{font-size:13px;}}
@media screen and (max-width:740px){.check > div{width:100%; margin:5px 0;}}
@media screen and (max-width:600px){.check + b.text{text-align:left;}}
@media screen and (max-width:420px){
.check{margin:0 auto 20px;}
.apply{margin:20px auto 0;}
.apply > .agree-btn{width:calc(50% - 5px); padding:10px 0;}}
@media screen and (max-width:380px){.check > div{font-size:13px;}}
@media screen and (max-width:345px){.check > div{font-size:12px;}}

.team.team-av .cat{background:linear-gradient(to top, rgba(0,95,175,.7) 0%,rgba(0,95,175,0) 50%,rgba(0,95,175,0) 60%,rgba(255,255,255,.8) 100%);}
.team.team-gp .cat{background:linear-gradient(to top, rgba(252,200,0,.7) 0%,rgba(252,200,0,0) 50%,rgba(252,200,0,0) 60%,rgba(255,255,255,.8) 100%);}
.team.team-sh .cat{background:linear-gradient(to top, rgba(109,0,9,.4) 0%,rgba(109,0,9,0) 50%,rgba(109,0,9,0) 60%,rgba(255,255,255,.8) 100%);}
.team.team-st .cat{background:linear-gradient(to top, rgba(60,30,135,.7) 0%,rgba(60,30,135,0) 50%,rgba(60,30,135,0) 60%,rgba(255,255,255,.8) 100%);}
.team.team-r1 .cat{background:linear-gradient(to top, rgba(230,0,18,.7) 0%,rgba(230,0,18,0) 50%,rgba(230,0,18,0) 60%,rgba(255,255,255,.8) 100%);}
.team.team-ll .cat{background:linear-gradient(to top, rgba(225,26,110,.7) 0%,rgba(225,26,110,0) 50%,rgba(225,26,110,0) 60%,rgba(255,255,255,.8) 100%);}

.c_em{color:#fff;}
/*
================================================================================================================
オーナー企業店舗リスト
================================================================================================================
*/
#shop-list > div > div{mix-blend-mode:normal !important; padding:10px 20px; text-align:center;}
#shop-list > div > div img{width:100%; max-width:300px;}
#shop-list > div > div.team-sh{background:rgba(199,200,200,.8) !important;}

#shop-list img{width:100%;}
#shop-list table{background:#fff; width:100%; margin:0 auto 20px;}
#shop-list > div:last-child table{margin:0 auto;}
#shop-list table td{padding:5px;}

#shop-list table tr:first-child td{font-weight:bold !important;}
#shop-list table tr td:nth-child(odd){width:100px;}

#shop-list table.shop01 tr:first-child td{background:#003969 !important; color:#fff;}
#shop-list table.shop02 tr:first-child td{background:#006cdc !important; color:#fff;}
#shop-list table.shop03 tr:first-child td{background:#977800 !important;}
#shop-list table.shop04 tr:first-child td{background:#c7c8c8 !important;}
#shop-list table.shop05 tr:first-child td{background:#990000 !important; color:#fff;}
#shop-list table.shop06 tr:first-child td{background:#8a000a !important; color:#fff;}
#shop-list table.shop07 tr:first-child td{background:#870f42 !important; color:#fff;}

#shop-list table.shop01 tr{border-bottom:1px solid #005faf;}
#shop-list table.shop02 tr{border-bottom:1px solid #006cdc;}
#shop-list table.shop03 tr{border-bottom:1px solid #fcc800;}
#shop-list table.shop04 tr{border-bottom:1px solid #c7c8c8;}
#shop-list table.shop05 tr{border-bottom:1px solid #ff0000;}
#shop-list table.shop06 tr{border-bottom:1px solid #e60012;}
#shop-list table.shop07 tr{border-bottom:1px solid #e11a6e;}

#shop-list table.shop01 tr td:nth-child(odd){background:rgba(0,95,175,0.5);}
#shop-list table.shop02 tr td:nth-child(odd){background:rgba(0,108,220,0.5);}
#shop-list table.shop03 tr td:nth-child(odd){background:rgba(252,200,0,0.5);}
#shop-list table.shop04 tr td:nth-child(odd){background:rgba(199,200,200,0.5);}
#shop-list table.shop05 tr td:nth-child(odd){background:rgba(255,0,0,0.5);}
#shop-list table.shop06 tr td:nth-child(odd){background:rgba(230,0,18,0.5);}
#shop-list table.shop07 tr td:nth-child(odd){background:rgba(225,26,110,0.5);}

@media screen and (max-width:480px){
#shop-list table{font-size:12px !important;}
#shop-list table tr td:nth-child(odd){width:60px;}}