.competition_page.squad2017 {
  background: #000;
  color: #fff;
  position: relative;
}
.competition_page.squad2017:before {
  content: '';
  width: 800px;
  height: 795px;
  position: absolute;
  top: 300px;
  right: 50%;
  margin-right: -1000px;
  background: url(/assets/img/competition/2017final/bg-ball.jpg) top left no-repeat;
}
.competition_page.squad2017 .top_area {
  padding-top: 80px;
  padding-bottom: 80px;
}
.competition_page.squad2017 .top_area h1 {
  font-size: 30px;
  margin-bottom: 80px;
}
.competition_page.squad2017 .top_area .team p {
  font-size: 200%;
  font-weight: bold;
  margin-bottom: 20px;
}
.competition_page.squad2017 .tbl_area {
  position: relative;
  width: 800px;
  padding-bottom: 120px;
  margin-right: auto;
  margin-left: auto;
}
.competition_page.squad2017 .tbl_area .gndrTtl {
  font-size: 150%;
  text-align: left;
  margin-bottom: 20px;
}
.competition_page.squad2017 .tbl_area table {
  width: 100%;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
}
.competition_page.squad2017 .tbl_area table.gndrM thead th {
  background: #4972c4;
}
.competition_page.squad2017 .tbl_area table.gndrW thead th {
  background: #c4496a;
}
.competition_page.squad2017 .tbl_area table thead th {
  font-size: 150%;
  text-align: center;
  padding: 15px;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
}
.competition_page.squad2017 .tbl_area table td {
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  text-align: left;
  padding: 15px 10px;
  font-size: 133.3%;
}

header.mobile,
nav.mobile{display:none;}
@media only screen and (max-width: 1100px) {
  .compe_ttl,
  .explain,
  .compe_txt{width:100%;}
  body footer.global .inner,
  section.competition_page .inner{width:96vw;padding:0 2vw;}
  section.competition_page .sponser .inner{width:100%!important;padding:0;}

  .competition_page.squad2017 .tbl_area,
  .table{width:100%;}

  .competition_page.squad2017 .tbl_area table td{padding:15px 0.3em;font-size:120%;letter-spacing:0em;}

  .sponser{width:100%}
  .sponser .inner{width:96vw;padding:0 2vw;}
  .sponser .inner ul{width:100%}
  .sponser .inner ul li{margin:0 10px 20px;max-width:130px;}
  .sponser .inner ul li img{max-width:100%;}
  
  body footer.global,
  body footer.global .logo{float:none;width:100%;min-width:0;}
  body footer.global .logo h1{margin-left:0;}
  body footer.global .cp{float:none;top:auto;right:auto;}

  header.global,
  nav.global{display:none;}
  header.mobile,
  nav.mobile{display:block;}

  header.global,
  nav.global{display:none;}
  header.mobile,
  nav.mobile{position:fixed;display:block;background-color:#f5f5f5;width:100%;z-index:100;}
  header.mobile{top:0;left:0;height:30px;padding:8px 0 0 5px;text-align:center;}
  nav.mobile{top:30px;left:0;width:100%;background-color:#f5f5f5;display:none;}
  nav.mobile ul{width:100%;padding:5px 0;}
  nav.mobile ul li{display:block;width:100%;padding:8px 0.5em 5px;font-size:18px;font-weight:bold;}
  nav.mobile ul li.border{border-bottom:2px solid #666;padding-bottom:7px;}
  nav.mobile ul li a{text-decoration:none;}
  nav.mobile ul li.sns a{display:inline-block;width:10%;text-align:center;}
  nav.mobile ul li.sns a.login{width:47%;text-align:right;}
  nav.mobile ul ul.sub{position:absolute;top:0;left:50%;border-left:1px solid #666;padding-bottom:3px;}

  header.mobile a{padding:0 0 3px 0;text-decoration:none;}
  header.mobile a img{height:24px;}
  header.mobile span.fullname{padding-left:7px;line-height:24px;font-size:10px;font-weight:bold;letter-spacing:-0.05em;vertical-align:text-top;}
  header.mobile .humb span,
  header.mobile .humb span:before,
  header.mobile .humb span:after{display:block;position:absolute;height:3px;width:25px;background:#000;content:'';}
  header.mobile .humb span:before{bottom:-8px;}
  header.mobile .humb span:after{bottom:-16px;}
}

@media only screen and (min-width: 481px) and (max-width: 1100px) {
  
}
@media only screen and (max-width: 480px) {

}