@charset "UTF-8";

.brave_area{width:100%;margin:30px auto 80px;font-size:28px;color:#fff;position:relative;overflow:hidden;}
.brave_area .area_inner{z-index:10;}

#precontents{position:absolute;}
#brave_vote .orange{color:#f60;}
#brave_vote h2{text-align:center;}
.sorry h2{margin:20px auto 30px;}
#brave_vote h2 img{height:60px;padding-left:10px;}
#brave_vote h2 img.logo{height:auto;padding-left:0px;}
#brave_vote h2.right{text-align:right;position:absolute;width:100%;}
#brave_vote h3{font-size:32px;padding:30px 0 100px;}
#brave_vote h3.title{padding-bottom:30px!important;}

.brave_area .center{text-align:center;}
.sorry p{font-size:16px;line-height:130%;}
.sorry p.message{font-size:26px;}
.brave_area .download{margin:30px 0;}
.brave_area ul.menu{font-size:18px;margin:30px 0;}
.brave_area ul.menu li{display:inline-block;width:33%;vertical-align:top;}
.brave_area ul.menu li a{text-decoration:none;}
.brave_area ul.menu li span{display:block;width:90%;margin:0 auto;}
.brave_area ul.menu li span img{max-width:100%;}
.sorry h3,h4{font-weight:normal;}

#brave_vote .index{font-size:16px;margin:70px 0 30px;}
#brave_vote .index a{text-decoration:none;}
#brave_vote .index h4{font-size:32px;margin-bottom:10px;}
#brave_vote .index li{margin-bottom:50px;}
#brave_vote .index li ul.menu li{display:inline-block;vertical-align:top;margin-bottom:10px;}
#brave_vote .index li ul.menu li.image{width:200px;}
#brave_vote .index li ul.menu li.text{width:1000px;margin-left:15px;line-height:120%;}
#brave_vote .index li ul.menu li.image img{max-width:100%;}
#brave_vote .index li ul.menu li.text img{display:inline;max-height:30px;padding-right:10px;}
#brave_vote ul.menu li span.center{display:block;text-align:center;margin:10px auto 0;}
#brave_vote ul.menu li a.more{background-color:#f8b500;color:#000;padding:2px 30px;border-radius:10px;text-decoration:none;font-size:16px;}
#brave_vote .mvplabel{display:inline-block;width:100px;text-align:center;color:#fff;padding:5px 0;font-size:16px;background-color:#c4496a;}
#brave_vote .mvplabel.blue{background-color:#4972c4;}
#brave_vote .mvplabel.white{padding:5px 0;font-size:32px;background-color:transparent;width:100%;}
#brave_vote .mvplabel_line{display:inline-block;width:780px;border-top: 1px solid #c4496a;margin:0 0 0 30px!important;}
#brave_vote .mvplabel_line.blue{border-top: 1px solid #4972c4;}
#brave_vote .mvplabel_line.white{border-top: 1px solid #fff;width:1000px;}

#brave_vote .matches_area_v2{font-size:12px;padding-top:30px!important;background-color:transparent!important;}
#brave_vote .matches_area_v2 .competition_schedule{background-color:transparent!important;}
#brave_vote .competition_schedule ul.card{margin:10px auto;}
#brave_vote .competition_schedule ul.card li{display:inline-block;margin:0;text-align:center;}
#brave_vote .competition_schedule ul.card li.vs{width:20%;font-size:20px;vertical-align:top;line-height:100px;}
#brave_vote .competition_schedule ul.card li.team{width:40%;}
#brave_vote .competition_schedule ul.card li.team span.name{display:block;font-size:16px;line-height:120%;min-height:25px;}
#brave_vote .competition_schedule ul.card li.team img{max-width:100%;padding-bottom:10px;float:none;width:70%;}
#brave_vote .competition_schedule ul.card li.team .vote{display:block;margin:10px auto!important;width:95%;min-height:35px;color:#fff;font-size:14px;font-weight:bold;padding:5px 0px!important;border:1px solid #fff;;}
#brave_vote .competition_schedule ul.card li.team .unvote{display:none;margin:10px auto!important;width:0px;min-height:35px;border:none;}
#brave_vote .competition_schedule .women ul.card li.team .vote{background-color:#c4496a;}
#brave_vote .competition_schedule .men   ul.card li.team .vote{background-color:#4972c4;}

#brave_vote ul.twin{width:100%;}
#brave_vote ul.twin li{display:inline-block;width:50%;vertical-align:top;}
#brave_vote ul.twin li ul.mvp{width:100%;margin:30px 0;}
#brave_vote ul.twin li ul.mvp li{display:block;width:90%;padding:15px 0 20px;position:relative;border-top:1px solid #eee;cursor:pointer;}
#brave_vote ul.twin li ul.mvp li span.label{display:inline-block;width:100%;}
#brave_vote ul.twin li ul.mvp li:first-child{border-top:none;}
#brave_vote ul.twin li ul.mvp li img {padding:0 15px;width:60px;}
#brave_vote ul.twin li ul.mvp li .acc{position:absolute;top:15px;right:0;}
#brave_vote ul.twin li ul.mvp li .acc:before{content:"＋";}
#brave_vote ul.twin li ul.mvp li .acc.open:before{content:"－";}
#brave_vote ul.twin li ul.mvp li .players{display:none;padding:10px 0 0 20px;font-size:14px;line-height:200%;}

#brave_vote ul.email{width:100%;}
#brave_vote ul.email li{display:inline-block;vertical-align:top;}
#brave_vote ul.email li.left{width:20%;}
#brave_vote ul.email li.left img{max-width:100%;}
#brave_vote ul.email li.right{padding-left:20px;}

.brave_area .entry_area{margin:40px 0 60px;width:100%;}
.brave_area .entry_area .description{font-size:14px;}
.brave_area .entry_area #email{width:450px;font-size:20px;padding:3px 5px;}
.brave_area .entry_area #post  {display:inline-block;color:#fff;background-color:#c4496a;font-size:20px;padding:5px 20px!important;margin-left:10px!important;border:none;}
.brave_area .entry_area #select,
.brave_area .entry_area .vote_select,
.brave_area .entry_area #select_men,
.brave_area .entry_area .select_men{display:block;;color:#fff;background-color:#c4496a;font-size:20px;padding:5px 50px!important;margin:0 auto!important;border:none;}
.brave_area .entry_area #select_men,
.brave_area .entry_area .select_men{background-color:#4972c4;}

.brave_area .footmenu{text-align:center;margin:40px auto 20px;font-size:16px;}
.brave_area .footmenu a{text-decoration:none;padding:15px 0;display:inline-block;width:280px;margin:0 10px;}
.brave_area .footmenu .full{display:block;width:906px;margin:10px auto 30px;text-align:center;}
.brave_area .footmenu .full a{width:884px;margin:0 auto;padding:0;border:none;}

.brave_area .mt10{margin-top:10px;}
.brave_area .mt20{margin-top:20px;}
.brave_area .mt30{margin-top:30px;}
.brave_area .mt120{margin-top:120px;}
.brave_area .obj1{position: absolute;z-index:1;top:80px;right:50%;}
.brave_area .obj2{position: absolute;z-index:1;top:1080px;right:1%;}
.brave_area #thanks p{font-size:40px;}

@media only screen and (max-width: 1100px) {
  .brave_area{width:96%;padding:0 2.5% 0 1.5%;}

  #brave_vote .mvplabel_line{display:none;}
  #brave_vote .index li ul.menu li{display:block;margin-bottom:20px;}
  #brave_vote .index li ul.menu li.image{width:auto;}
  #brave_vote .index li ul.menu li.text{width:100%;margin-left:0;line-height:120%;}

  #brave_vote ul.twin li{display:block;width:100%;}

  #brave_vote ul.email li{display:block;}
  #brave_vote ul.email li.left{width:100%;}
  #brave_vote ul.email li.right{padding-left:0;}
  .brave_area .entry_area #email{width:auto;font-size:20px;padding:3px 5px;}

  .brave_area .footmenu{text-align:center;margin:40px auto 20px;font-size:16px;}
  .brave_area .footmenu a{display:block;text-decoration:none;padding:15px 0 15px;margin:20px auto;}
  .brave_area .footmenu .full{width:100%;}
  .brave_area .footmenu .full a{display:block;text-decoration:none;padding:15px 0 15px;margin:20px auto;width:280px;}
}
@media only screen and (min-width: 481px) and (max-width: 1100px) {
  .brave_area .download a{width:auto;max-width:30vw;}
  .brave_area .download a.text{width:20vw;}
}
@media only screen and (max-width: 480px) {
  .brave_area .download a{display:block;padding-bottom:20px;width:100%;margin:0 auto;}
  .brave_area .download a.text{max-width:200px;}
  .brave_area ul.menu li{display:block;padding-bottom:80px;width:100%;text-align:center;}
  .brave_area ul.menu li span h3{padding:30px 0 10px!important;height:auto;}
  
  #brave_vote ul.twin li ul.mvp li{font-size:20px;}
  #brave_vote ul.twin li ul.mvp li .acc{right:5px;}
}