#movie{margin:0 auto 30px;}

.team{font-family:'Noto Sans JP', sans-serif; text-shadow:0 0 10px rgba(0,0,0,.5),2px 2px 0 rgba(0,0,0,.5),1px 1px 0 rgba(0,0,0,.5);}
.team img{width:100%;}

/*
================================================================================================================
チーム一覧
================================================================================================================
*/
#team-name{display:flex; flex-wrap:wrap; margin:0 auto;}

#team-name .team{width:25%; color:#fff; padding:5px 0 10px;}
#team-name .team img{max-width:250px;}

#team-name .team p:first-child,
#team-name .team p:nth-child(2){width:100% !important; text-align:center; padding:0 !important;}
#team-name .team p:nth-child(2){font-size:12px; margin-top:5px !important;}
#team-name .team p:nth-child(2) span{display:block;}
#team-name .team p:nth-child(2) span:first-child{font-size:10px;}
#team-name .team p:nth-child(2) span:nth-child(2){font-size:22px; font-weight:900; margin:0 auto 5px;}

@media screen and (max-width:1100px){#team-name .team{width:50%;}}
@media screen and (max-width:640px){
#team-name .team{display:flex; width:100%; padding:5px; align-items:center;}
#team-name .team p:first-child{width:180px !important;}
#team-name .team p:nth-child(2){width:calc(100% - 180px) !important; margin-top:0 !important;}
#team-name .team p:nth-child(2) span:nth-child(2){font-size:18px; margin:0 auto 3px;}}
@media screen and (max-width:530px){
#team-name .team p img{max-width:130px;}
#team-name .team p:first-child{width:130px !important;}
#team-name .team p:nth-child(2){width:calc(100% - 130px) !important;}
#team-name .team p:nth-child(2){font-size:9px;}
#team-name .team p:nth-child(2) span:first-child{font-size:9px;}
#team-name .team p:nth-child(2) span:nth-child(2){font-size:16px; margin:0 auto 3px;}}
@media screen and (max-width:390px){
#team-name .team{display:block;}
#team-name .team p:first-child,
#team-name .team p:nth-child(2){width:100% !important;}}

/*
================================================================================================================
出演者
================================================================================================================
*/
#guest{width:100%; margin:0 auto;}

#guest .inner{display:flex; width:100%; justify-content:space-between; margin:0 auto;}
#guest .inner .cat{width:calc(25% - 20px);}
#guest .inner .cat p{text-align:center; font-size:18px; line-height:120%; font-weight:800;}
#guest .inner .cat p span{display:block; font-size:14px; font-weight:400;}
#guest .inner .cat p:first-child img{width:100%; border:1px solid #666;}

@media screen and (max-width:740px){
#guest .inner{width:calc(100% - 40px); flex-wrap:wrap; max-width:480px;}
#guest .inner .cat{width:calc(50% - 10px);}
#guest .inner .cat:nth-child(1),
#guest .inner .cat:nth-child(2){margin-bottom:20px;}}
@media screen and (max-width:480px){
#guest .inner .cat p{font-size:16px;}
#guest .inner .cat p span{font-size:13px;}}

/*
================================================================================================================
継続選手・ドラフト会議結果
================================================================================================================
*/

h4{
display:block;
color:#fff;
background:#a53fff;
font-size:22px;
border-radius:10px;
padding:10px 20px;
margin:30px auto 10px;}
@media screen and (max-width:940px){h4{font-size:18px; border-radius:5px; padding:10px;}}

/*
============
タブメニュー
============
*/
.tab-menu{display:flex; width:100%; justify-content:space-between; margin:20px auto;}
.tab-menu > p{
display:block;
width:calc((100% / 3) - 5px);
color:#fff;
background:#000;
font-size:22px;
text-align:center;
border-radius:40px;
padding:20px 0;
transition:.35s ease-in-out;
opacity:.5;}

.tab-menu > *:hover,
.tab-menu > *.select{cursor:pointer; background:#333; opacity:1;}
.tab-menu > *.select:hover{cursor:default !important;}

@media screen and (max-width:1200px){.tab-menu > p{font-size:20px;}}
@media screen and (max-width:940px){.tab-menu > p{font-size:18px; border-radius:20px; padding:15px 0;}}
@media screen and (max-width:860px){
.tab-menu{flex-wrap:wrap;}
.tab-menu > p{width:100%; font-size:22px; border-radius:10px; padding:10px 0;}
.tab-menu > p + p{margin-top:10px;}}
@media screen and (max-width:420px){.tab-menu > p{font-size:18px;}}

/*
============
チーム名
============
*/
.flex{display:flex; color:#fff; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; margin:0 auto;}
.result{width:calc(50% - 5px); padding:0; margin-top:10px;}
.result:first-child,.result:nth-child(2){margin-top:0;}

.result .team{display:flex; align-items:center; padding:5px; margin:0;}
.result .team p:first-child{width:100px;}
.result .team p:nth-child(2){width:calc(100% - 100px); font-size:20px; font-weight:900; padding-left:10px;}

@media screen and (max-width:980px){
.result .team p:first-child{width:95px;}
.result .team p:nth-child(2){width:calc(100% - 95px); font-size:18px;}}
@media screen and (max-width:820px){
.result{width:100%;}
.result:nth-child(2){margin-top:20px;}
.result .team p:nth-child(2){text-align:left;}}
@media screen and (max-width:430px){
.result .team{padding:5px;}
.result .team p:nth-child(2){font-size:15px; padding-left:10px;}}

/*
============
指名選手
============
*/
.result ul.member{display:flex; flex-wrap:wrap; border:1px solid #666; border-top:none; border-bottom:none; margin:0 auto;}
.result ul.member li{display:flex; background:#222; font-size:15px; text-align:left; align-items:center; border-bottom:1px solid #666;}

.result ul.member li:nth-child(odd){width:40px; justify-content:center; border-right:1px solid #666; padding:10px 0;}

.result ul.member li:nth-child(even){width:calc(100% - 40px);}
.result ul.member li:nth-child(even) > p:first-child{width:90px; padding:5px 10px 5px 5px;}
.result ul.member li:nth-child(even) > p img{width:100%;}
.result ul.member li:nth-child(even) > p:nth-child(2){width:calc(100% - 90px); font-size:22px; font-weight:800;}
.result ul.member li:nth-child(even) > p:nth-child(2) b{display:block; font-size:14px; font-weight:600; line-height:120%;}
.result ul.member li:nth-child(even) > p:nth-child(2) span{position:relative;}
.result ul.member li:nth-child(even) > p:nth-child(2) span:nth-child(3){font-size:12px; font-family:'Noto Sans JP', sans-serif; font-weight:400;}
.result ul.member li:nth-child(even) > p:nth-child(2) span:nth-child(3)::before{display:inline-block; padding:0 3px 0 10px; content:"(";}
.result ul.member li:nth-child(even) > p:nth-child(2) span:nth-child(3)::after{display:inline-block; padding:0 3px; content:")";}

.result ul.member li > span{display:block; font-size:18px; padding:0 10px;}
.result ul.member li > span::before{content:"新規指名選手"; opacity:.7;}

@media screen and (max-width:430px){
.result ul.member li:nth-child(even) > p:nth-child(2) b{font-size:11px;}
.result ul.member li:nth-child(even) > p:nth-child(2) span:nth-child(2)::before,
.result ul.member li:nth-child(even) > p:nth-child(2) span:nth-child(3){font-size:10px;}
.result ul.member li:nth-child(even) > p:nth-child(2) span:nth-child(3){display:block;}
.result ul.member li:nth-child(even) > p:nth-child(2) span:nth-child(3)::before{padding:0 3px 0 0;}}

#info .result ul.member li{min-height:70px;}
#info .result ul.member li:nth-child(even) > p:first-child{width:70px;}
#info .result ul.member li:nth-child(even) > p:nth-child(2){width:calc(100% - 70px);}
#info .result ul.member li:nth-child(even) > p:nth-child(2) b{display:none;}

/*
================================================================================================================
候補者一覧
================================================================================================================
*/

/*
============
一覧
============
*/
.player{
display:block;
position:relative;
width:100%;
color:#fff;
background:#000;
border:1px solid #666;
padding:10px;
margin-top:10px;}

/*写真・名前*/
.player .profile{display:flex; align-items:center; margin-bottom:10px;}
.player .profile .photo{width:100%; max-width:120px;}
.player .profile .photo img{width:100%}
.player .profile .name{padding:0 0 0 10px;}
.player .profile .name p:first-child{font-size:15px;}
.player .profile .name p:nth-child(2){font-size:24px; font-weight:800;}
.player .profile .name p:nth-child(2)::before{display:none; content:"DJ NAME"; font-size:11px; font-weight:400;}
.player .profile .name p:nth-child(2) span{font-size:12px; font-family:'Noto Sans JP', sans-serif; font-weight:400;}
.player .profile .name p:nth-child(2) span::before{display:inline-block; padding:0 5px 0 10px; content:"(";}
.player .profile .name p:nth-child(2) span::after{display:inline-block; padding:0 0 0 5px; content:")";}

/*
.sdvx .player .profile .name p:nth-child(2)::before{content:"PLAYER NAME";}
.ddr .player .profile .name p:nth-child(2)::before{content:"DANCER NAME";}
*/

/*プロフィール詳細*/
.player .data{font-family:'Noto Sans JP', sans-serif; font-weight:400;}
.player .data dl{display:flex; flex-wrap:wrap; font-size:11px; border:1px solid #666; border-bottom:none;}
.player .data dl dd{padding:3px 5px; border-bottom:1px solid #666;}
.player .data dl dd:nth-child(odd){width:120px; background:#222; font-weight:700; text-align:center; border-right:1px solid #666;}
.player .data dl dd:nth-child(even){width:calc(100% - 120px); background:#333;}

@media screen and (max-width:540px){
.player .profile .photo{max-width:80px;}
.player .profile .name p:first-child{font-size:13px;}
.player .profile .name p:nth-child(2) span{display:block;}
.player .profile .name p:nth-child(2) span::before{padding:0 5px 0 0;}
.player .data dl dd:nth-child(odd){width:100%; border-right:none;}
.player .data dl dd:nth-child(even){width:100%;}}