/*clearfix
#base div:after,#base ul:after{display:block; content:""; clear:both; visibility:hidden; height:0;}*/

#search-player .group .form-style::after,
#search-player .group .form-cat::after,
#search-player .group .form-btn::after,
#search-menu ul li::after,
#robo-edit .group .edit-dani::after,
#challenge-name .play-cat::after{display:block; content:""; clear:both; visibility:hidden; height:0;}

/*
================================================================================================================
テーマ変更
================================================================================================================
*/
#robo-edit .group .edit-title{color:#fff; background-color:#000;}
#robo-edit .group .edit-title span{color:#0ff;}

#robo-link #set-btn a{color:#fff; background-color:#f90; border:1px solid #000; border-radius:10px;}
#robo-link #set-btn a:hover{background-color:#fc3; border-radius:10px;}

#search-player.frame{margin:20px auto 0 !important;}
#search-player .title-gold{margin-bottom:10px;}

/*
================================================================================================================
COMMON
================================================================================================================
*/
.follow-notice{
width:100%;
font-size:14px;
/*font-weight:bold;*/
text-align:left;
color:#fff;
background:rgba(0,0,0,.9);
padding:10px;
margin:0 auto;}
.follow-notice a{color:#c6ff00;}
.follow-notice a:hover{text-decoration:underline;}
.follow-notice span{
display:block;
width:100%;
color:#fff;
background-color:#f00;
text-align:center;
padding:5px;
margin:0 auto 10px;}

table{width:100%; background-color:rgba(255,255,255,0.9); margin:20px 0;}
table:after{visibility:hidden; display:block; content: " "; clear:both; height:0;}
table th{color:#fff; background-color:#555; font-size:13px; font-weight:bold; text-align:center; border:1px solid #111;}
table th{text-align:center;}

@media screen and (max-width:799px){
.follow-notice{text-align:left; font-size:13px;}
table th{font-size:11px;}
table td{font-size:11px;}}

/*
================================================================================================================
フォローリスト
================================================================================================================
*/
/*テーブル装飾*/
.follow-list table tr td:first-child{width:8%;}
.follow-list table tr td:nth-child(2){width:50%;}
.follow-list table tr td:last-child{width:42%;}
.follow-list table td{font-size:12px; color:#000; background-color:#fff; border:1px solid #111; text-align:center;}
.follow-list table a{display:block; color:#0066cc; padding:10px 5px;}
.follow-list table a:hover{text-decoration:underline; background-color:#e6ecef;}

/*
================================================================================================================
ライバルリスト
================================================================================================================
*/
/*テーブル装飾*/
.rival-list table tr:first-child th{font-size:16px; padding:8px 0;}
.rival-list table tr td:first-child{width:10%;}
.rival-list table tr td:nth-child(2){width:30%;}
.rival-list table tr td:nth-child(3){width:30%;}
.rival-list table tr td:last-child{width:30%;}
.rival-list table td{height:40px; font-size:12px; color:#000; background-color:#fff; border:1px solid #111; text-align:center;}
.rival-list table a{display:block; color:#0066cc; padding:10px 5px;}
.rival-list table a:hover{text-decoration:underline; background-color:#e6ecef;}

/*
================================================================================================================
プレーヤー検索
================================================================================================================
*/
/*フォーム*/
#search-player .group{}
#search-player .group:after{visibility:hidden; display:block; content: " "; clear:both; height:0;}/*
#search-player .group .form-title{
width:100%;
font-size:14px;
font-weight:bold;
text-align:center;
padding:7px 0;
margin:0 auto 10px;}*/
#search-player .group .form-submit{width:30%; margin:10px auto;}
#search-player .group span{display:block; width:100%; color:#ff00ff; font-size:12px; font-weight:bold; text-align:center; margin:5px auto 0;}
#search-player .group select{width:100%;}
#search-player .group .form-style,
#search-player .group .form-cat,
#search-player .group .form-btn{float:left;}
#search-player .group .form-style{width:30%; margin-right:3%;}
#search-player .group .form-cat{width:30%; margin-right:3%;}
#search-player .group .form-btn{width:30%;}
#search-player .group .app-btn{width:100%; max-width:300px; margin:20px auto 0;}
#search-player .group .app-btn .submit_btn{padding:20px 0;}

#search-player input[type="text"]{width:100% !important;}

/*メニュー*/
#search-menu ul{display:flex; flex-wrap:wrap;}
#search-menu ul li{
float:left;
width:48%;
font-size:14px;
font-weight:bold;
text-align:center;
margin:10px 1%;}
#search-menu ul li a{display:block; color:#fff; background:#333; padding:15px 0; border-radius:10px; transition:background .2s ease; border:1px solid #000;}
#search-menu ul li a:hover{background:#c600ff;}

/*検索結果*/
#search-result table#result th{padding:5px 0;}
#search-result table#result td{text-align:center; font-size:14px; border:1px solid #000;}
#search-result table#result a{display:block; color:#0066cc; padding:10px 5px;}
#search-result table#result a:hover{text-decoration:underline; background-color:#e6ecef;}
#search-result p{display:block; width:100%; color:#000; font-size:14px; text-align:center; margin:20px auto 10px auto;}

#search-crew table#result th{padding:5px 0;}
#search-crew table#result td{text-align:center; font-size:14px; border:1px solid #000;}
#search-crew table#result a{display:block; color:#0066cc; padding:10px 5px;}
#search-crew table#result a:hover{text-decoration:underline; background-color:#e6ecef;}
#search-crew p{display:block; width:100%; color:#000; font-size:14px; text-align:center; margin:20px auto 10px auto;}

@media screen and (max-width:640px){
input[type="text"]{width:100% !important;}
#search-player .group .form-submit{width:100%;}
#search-player .group .form-style,
#search-player .group .form-cat,
#search-player .group .form-btn{float:none; width:100%; margin:10px auto;}
#search-menu ul{margin:10px auto 0;}
#search-menu ul li{width:100%; margin:5px auto;}
#search-menu ul li a{padding:10px 0;}
#search-result table#result td{font-size:11px;}
#search-result p{font-size:12px; font-weight:bold;}
#search-crew table#result td{font-size:11px;}
#search-crew p{font-size:12px; font-weight:bold;}}

/*
================================================================================================================
アプリ連動ユーザー
================================================================================================================
*/
#follow-box table th{padding:10px 0;}
#follow-box table td{width:100%; color:#000; background-color:#fff; font-size:13px; text-align:center; border:1px solid #000;}
#follow-box table a{display:block; color:#0066cc; padding:10px 0;}
#follow-box table a:hover{text-decoration:underline; background-color:#e6ecef;}

#box-result table td{width:50%; color:#000; background-color:#fff; font-size:13px; text-align:center; border:1px solid #000;}
#box-result table a{display:block; color:#0066cc; padding:10px 5px;}
#box-result table a:hover{text-decoration:underline; background-color:#e6ecef;}
.txt{display:block; color:#fff; width:100%; font-size:15px; text-align:center; margin-top:20px;}

/*
================================================================================================================
ロボライバルリスト
================================================================================================================
*/
#robo-list table td{color:#000; background-color:#fff; font-size:13px; text-align:center; border:1px solid #000;}
#robo-list table td:nth-child(2) a{display:block; color:#0066cc; text-align:center; padding:10px 5px;}
#robo-list table td:nth-child(2) a:hover{text-decoration:underline; background-color:#e6ecef;}

/*編集ボタン*/
#robo-list table td:last-child .edit-btn a{background:linear-gradient(to bottom, #434343 0%,#060606 100%);}

/*作成ボタン*/
#robo-list table td:last-child .make-btn a{background:linear-gradient(to bottom, #450400 0%,#cc0000 100%);}

/*ボタン共通*/
#robo-list table td:last-child .make-btn,
#robo-list table td:last-child .edit-btn{
color:#fff;
font-size:14px;
font-weight:bold;
margin:5px;}
#robo-list table td:last-child .edit-btn a,
#robo-list table td:last-child .make-btn a{display:block; color:#fff; padding:5px 0; border-radius:5px;}
#robo-list table td:last-child .edit-btn a:hover,
#robo-list table td:last-child .make-btn a:hover{background:linear-gradient(to bottom, #ccc 0%,#888 100%);}

@media screen and (max-width:640px){
#robo-list{overflow-x:scroll;}
#robo-list table{white-space:nowrap;}
#robo-list table th{font-size:13px; padding:0 10px;}
#robo-list table td{font-size:12px;}
#robo-list table td:first-child,
#robo-list table td:nth-child(6){padding:0 10px;}
#robo-list table td:nth-child(2) a{padding:15px;}
#robo-list table td:last-child .edit-btn a,
#robo-list table td:last-child .make-btn a{padding:10px;}}

/*
================================================================================================================
ロボライバル編集
================================================================================================================
*/
#robo-edit{}

#robo-edit #robo-st{
width:80%;
color:#fff;
background-color:#f00;
font-size:14px;
font-weight:bold;
text-align:center;
margin:0 auto 20px;
padding:7px 0;}

#robo-edit .group{width:80%; margin:0 auto 20px;}
#robo-edit .group:after,
#robo-edit .group .edit-dani:after{visibility:hidden; display:block; content: " "; clear:both; height:0;}

#robo-edit .group span{
color:#f00;
font-size:12px;
font-weight:bold;}
#robo-edit .group .edit-title{
width:100%;
font-size:14px;
font-weight:bold;
text-align:left;
margin-bottom:10px;
padding:5px;}
#robo-edit .group .edit-title span{font-size:15px; padding-right:5px;}

#robo-edit .group select{width:100%; font-size:14px;}
#robo-edit .group input[type="text"]{width:100%; padding:0 5px;}
#robo-edit .group .edit-dani{float:left; width:49%; font-size:14px;}

#robo-edit .submit_btn{width:30% !important; margin:0 auto !important;}

#robo-link #set-btn{
display:block;
width:30%;
font-size:15px;
font-weight:bold;
text-align:center;
margin:20px auto 0;}
#robo-link span{display:block; width:100%; font-size:13px; text-align:center; margin-top:30px;}
#robo-link #set-btn a{display:block; padding:15px 0;}

@media screen and (max-width:800px){
#robo-edit{padding:0 0 20px;}
#robo-link span{width:80% !important; font-size:12px; margin:20px 10% 0 10%;}
#robo-link #set-btn{width:80% !important; margin:20px 10% 0 10%;}}

/*
================================================================================================================
ライバル挑戦状
================================================================================================================
*/
#challenge-time table tr{width:100%; color:#000;}
#challenge-time table th{font-size:15px; padding:5px;}
#challenge-time table td{width:50%; font-size:14px; text-align:center; border:1px solid #000;}

#challenge-name .play-cat{float:left; width:48%; margin:1%;}
#challenge-name .play-cat .submit_btn{padding:10px 0 !important;}
#challenge-name .play-cat table td{height:40px; background-color:#fff; font-size:14px; text-align:center; border:1px solid #000;}
#challenge-name .play-cat table td a{display:block; color:#0066cc; text-align:center; padding:10px 0}
#challenge-name .play-cat table td a:hover{text-decoration:underline; background-color:#e6ecef;}
#challenge-name:after{visibility:hidden; display:block; content:" "; clear:both; height:0;}

#challenge-name .play-cat a.submit_btn{
display:block;
color:#fff;
font-size:14px;
font-weight:bold;
text-align:center;
border-radius:5px;
text-shadow:1px 1px 1px rgb(0 0 0 / 50%), 2px 2px 5px rgb(0 0 0 / 30%);}
#challenge-name .play-cat:first-child a.submit_btn{background:linear-gradient(to bottom, #0cc0ff 0%,#65fcfe 100%); border:1px solid #006ba2;}
#challenge-name .play-cat:last-child a.submit_btn{background:linear-gradient(to bottom, #ffb502 0%,#ffe858 100%); border:1px solid #a87300;}

#challenge-list span{display:block; width:100%; color:#000; font-size:14px; text-align:center; margin:20px auto;}
#challenge-list table td{color:#000; background-color:#fff; font-size:14px; text-align:center; border:1px solid #000; padding:5px;}
#challenge-list table td.rival_link{width:20%; background-color:#999;}
#challenge-list table td.rival_link span{
display:block;
width:70%;
background:#434343;
background:-moz-linear-gradient(top, #434343 0%, #060606 100%);
background:-webkit-linear-gradient(top, #434343 0%,#060606 100%);
background:linear-gradient(to bottom, #434343 0%,#060606 100%);
font-weight:bold;
border-radius:10px;
margin:0 auto;}
#challenge-list table td.rival_link span a{display:block; color:#fff; padding:10px 0;}
#challenge-list table td.rival_link span a:hover{
display:block;
background:#cc0000;
background:-moz-linear-gradient(top, #450400 0%, #cc0000 100%);
background:-webkit-linear-gradient(top, #450400 0%,#cc0000 100%);
background:linear-gradient(to bottom, #450400 0%,#cc0000 100%);
border-radius:10px;}
#challenge-list table td.rival_cat{width:20%; font-weight:bold; background-color:#ccc;}

@media screen and (max-width:480px){
#challenge-time table th,#challenge-time table td{font-size:12px;}
#challenge-list table th,#challenge-list table td{font-size:11px;}
#challenge-list table td.rival_link span{width:100%;}
#challenge-list table td.rival_link span a{padding:20px 0;}}

/*
================================================================================================================
ライバル挑戦状-詳細
================================================================================================================
*/
#challenge-detail table th{font-size:15px; padding:5px;}
#challenge-detail table td{width:50%; color:#000; font-size:14px; text-align:center; border:1px solid #000; padding:5px;}
#challenge-detail table td:first-child{background-color:#ccc; font-weight:bold;}

#challenge-score table th{width:50%; font-size:15px; padding:5px;}
#challenge-score table th:first-child{background:#c00;}
#challenge-score table th:last-child{background:#03c;}
#challenge-score table td{font-size:16px; font-weight:bold; text-align:center; border:1px solid #000; padding:5px;}
#challenge-score .submit_btn{width:30% !important; margin:0 auto;}

@media screen and (max-width:480px){
#challenge-score .submit_btn{width:100% !important;}}