@charset "utf-8";
/*
* sp_national.css
* 日本代表
*
*/

/* h2-area
-------------------------------------------------- */
#h2-area {
  display: none;
}


/*スポンサーバナー
*****************************************************************/

#supponser-area {
  margin: 10px auto 0px;
}
#supponser-area .outer-inner {
  overflow: hidden;
}

#supponser-area .banner-content {
  position: relative;
}

#supponser-area .banner-content li{
	text-align: center;
	margin: 0 auto 10px;
	width: 276px;
	border: 1px solid #ccc;
}

#supponser-area .banner-content li img{
  width:100%;
  height: auto;
  text-align: center;
}



.match-banner-content{
	text-align: center;
	padding: 15px 0px;
	background: #f0f0f0;
}

.match-banner-content li{
	margin-bottom: 15px;
}

.match-banner-content li:last-child{
	margin-bottom: 0px;
}

.national-category{
	display: none;
}




#page-link{
	background: #f0f0f0;
	border-top: 1px solid #ccc;
}


#page-link li a{
	display: block;
	font-size: 12px;
	position: relative;
	padding: 5px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
}

#page-link li a:after {
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	width: 7px;
	height: 7px;
	margin-top: -4px;
	border-top: solid 2px #7f7f7f;
	border-right: solid 2px #7f7f7f;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	content: "";
}

#page-link li strong{
	display: block;
	padding: 5px;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.wrap{
	margin: 0px;
	padding: 0px;

}

.wrap ul{
	margin: 0px;
	padding: 0px 5px;
}

.wrap ul li{
	padding: 5px;
	margin: 0px;
	border-bottom: 1px dotted #ccc;
	display: table;
}


.wrap ul li:last-child{
	border-bottom: none;
}
.wrap ul li .photo{
	width: 85px;
	display: table-cell;
	height: 100px;
}

.wrap ul li .photo img{
	width: 100%;
	height: auto;
}

.wrap ul li .info{
	display: table-cell;
	font-size: 12px;
	padding-left: 5px;
}

.wrap ul li .info .position,
.wrap ul li .info .name{
	font-weight: bold;
}

.wrap ul.nophoto li .position{
	padding:2px 0 2px 5px;
	background:#eee;
	margin-bottom:5px;
	}


.wrap ul li span{
	display: block;
	font-size: 12px;
	line-height: 20px;
}

.wrap ul li .position,
.wrap ul li .name{
	font-weight: bold;
}

.wrap ul li.righLi{
	margin-right: 0px;
}


.wrap-partners{
  padding:10px;
  margin:0 20px 10px;
  background: #f0f0f0;
  width:260px;
}

.officila-sponcer, main-supplier{
	display:block;
	float:left;
	padding-bottom:8px;
}
.officila-sponcer{
	margin-right:10px;
}

.officila-sponcer li.ttl, .main-supplier li.ttl{
	margin-bottom:5px;
}
.sponcer-asahi li.ttl{
	display:none;
}
#text-match-sponcer{
	margin-bottom:0;
	margin-left:2px;
}
#text-team-partner{
	margin-left:-2px;
}
.wrap-partners div div, .wrap-partners div ul{
	margin-bottom:10px;
}
.supporing-company li span a img{
	margin-bottom:10px;
	width:112px;
}
.supporing-company li span:nth-of-type(odd){
	margin-right:8px;
}
.wrap-partners div div#text-team-partner img.sp_On{
	margin-bottom:10px;
}
.supporing-company li.ttl img.sp_On{
	margin-bottom:10px;
}
.pc_On{
	display:none;
}
.sp_On{
	display:inline-block;
}

#relative-area .outer-inner .head-area{
  border-bottom: 3px solid #1C2F50;
  position: relative;
  margin: 30px 0px 15px;
}

#relative-area .outer-inner .head-area h3{
	font-size: 18px;
	font-weight: bold;
	padding: 10px 0 0 0;
}

.body-area{
	width:100%;
	text-align:center;
}

.body-area .text-area{
	text-align:left;
}

/*
	各大会共通タイトル
**********************************************/

#match_title #ttl_pc{
	display:none;
}

#match_title #ttl_sp{
	display:block;
	padding: 10px 0;
/* add 160227 */
	font-size:20px;
	font-weight:700;
	text-align:center;
}

#match_title .textarea-match{
	border-top: 5px solid #c8c7c7;
	background: #f8f8f8;
	padding: 10px 5px;
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
}

	#match_title .textarea-match span{
		display: block;
	}
	

/*
	大会table
*********************************************************/

.table-group-stage tr td:first-child{
	text-align:center;
}

.table-group-stage {
  margin: 20px 0;
}

.table-group-stage thead tr td{
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	background:#bababa;
}

.table-group-stage tr td{
	border-left: 1px solid #ccc;
	border-bottom:  1px solid #ccc;
	font-size: 14px;
	background: #f0f0f0;
	padding: 5px;
}



.table-group-stage tr:nth-child(odd) td{
	background: #eaeaea;
}

.table-group-stage tr td u{
	text-align: center;
	display: block;
}

.table-group-stage tr th.font_nomal{
 ?font-weight: normal;
}

.table-group-stage tr th{
	background:#bababa;
  font-size:14px;
  padding: 5px;
  font-weight: bold;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}


.title-group{
	font-size: 16px;
	margin: 30px 0 0;
	font-weight: bold;
}

.title-groups{
	font-size: 16px;
	margin-bottom: 1px;
	padding: 10px;
	font-weight: bold;
	background: #ccc;
}

.table-group-stage thead tr td{
	background: #BABABA;
}
.table-group-stage thead tr td:first-child{
	text-align:center;
}
.table-group-stage tr td{
	text-align:center;
}

.table-group-stage tr td:first-child{
}

.table-group-stage tr th{
	font-size:12px;
}

/*.table-group-stage tr th.ranking{
	width:30px;
}


.table-group-stage tr th.point{
	width:40px;
}*/

/*.table-group-stage tr th.team{
	width:150px;
}*/

.table-group-stage tr td:nth-child(2){
	text-align:left !important;
}

.table-wrap-groups {
  margin-bottom: 0px;
}

.table-tournament {
  display: table;
  background: #f2f2f2;
  width: 100%;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}







/*

	順位表

******************************************************/
.sectino-inner{
	margin: 0 5px;
}

.sectino-inner:first-child{
	border-bottom: 1px dotted #ccc;
}

.bold{
	font-weight: bold;
	font-size: 16px;
	margin: 0px;
	padding: 0px;
}

.shcedule-tournament{
	margin-top: 20px;
}

.shcedule-tournament .inner-tournament-image {
	margin:0 0 0 25px;
	padding-bottom:10px;
}

/*順位表table制御*/

.score_board tr td,
.score_board tr th{
	font-size:9px !important;
}

.score_board .t_title{
	text-align:left;
	width:100px;
}

.score_board .t_name{
	text-align:left;
	width:50px;
	line-height:120%;
}

.score_board tr td.point
{
	min-width:10px;
}

.section_menu{
	margin-top:35px;
}

.section_menu a{
	color:#0B8FBA;
}

.js-scoreBoard .title_tm tbody tr td:nth-child(2),
.js-detailScore .score_board tbody tr td:nth-child(2){
	text-align:left;
}

/*.close-btn{
	background: none repeat scroll 0% 0% #0F1B33;
	border-radius: 4px;
	font-size: 14px;
	font-weight: bold;
	line-height: 25px;
	margin: 10px 5px 0px;
	padding: 8px 0px;
	text-align: center;
	position: relative;
	color: #FFF;
}

.close-btn a {
    color: #FFF;
    display: block;
    height: 100%;
    width: 100%;
}

.close-btn img {
    height: 25px;
    left: 10px;
    position: absolute;
    top: 8px;
    width: 25px;
}
*/

/*

	大会要項

******************************************************/

.match-outline{
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	font-size: 14px;
}


.match-outline tr th{
	font-weight: bold;
	text-align: left;
	padding: 2px 5px;
	width: 100px;
	font-size: 10px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	background: #EAEAEA;
}

.match-outline tr td{
	background: #f0f0f0;
	text-align: left;
	padding: 2px 5px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	font-size: 10px;
}


.match-outline tr td ul{
	margin: 0px;
	padding: 0px 0 5px;
}

.match-outline tr td li.bold{
	font-weight: bold;
	margin: 5px 0px 5px;
}

.match-outline tr td li.semi-bold{
	font-weight: bold;
	margin: 5px 0px;
}

/*
スタジアムの席割り
******************************************************************/
.sp_stadium_map{
	text-align:center;
	margin:0 10px 20px 10px;
}


/*
招集メンバー
******************************************************************/

.competition-member ul{
	margin: 0px;
	padding: 0px 5px;
}

.competition-member ul li{
	padding: 5px;
	margin: 0px;
	border-bottom: 1px dotted #ccc;
	display: table;
}


.competition-member ul li:last-child{
	border-bottom: none;
}
.competition-member ul li .photo{
	width: 85px;
	display: table-cell;
	height: 100px;
}

.competition-member ul li .photo img{
	width: 100%;
	height: auto;
}

.competition-member ul li .info{
	display: table-cell;
	font-size: 12px;
	padding-left: 5px;
}

.competition-member ul li .info .position,
.competition-member ul li .info .name{
	font-weight: bold;
}



.competition-member ul li span{
	display: block;
	font-size: 12px;
	line-height: 20px;
}

.competition-member ul li .position,
.competition-member ul li .name{
	font-weight: bold;
}

.competition-member ul li.righLi{
	margin-right: 0px;
}


/*
	壁紙
*********************************************************/

#wallpaper{
	margin: 0px;
	padding: 0px;
}

#wallpaper a{
	color: #0B8FBA;
}

#wallpaper ul {
	height: 100%;
}

#wallpaper ul li{
	margin-bottom: 20px;
	text-align:center;
	padding:0 10px;
	margin:20px 0 40px;
}


#wallpaper ul li p{
	font-size: 14px;
	line-height: 18px;
	margin:0px
}

#wallpaper ul li .wallpaper-name{
	margin-bottom: 0px;
	margin-left: 5px;
	vertical-align: middle;
	font-size: 12px;
	line-height: 16px;
}

#wallpaper ul li .thumbnail{
	text-align: center;
	margin:3px 0px 5px;
}

#wallpaper ul li .thumbnail img{
	vertical-align: bottom;
	border: 1px dotted #ccc;
	padding: 5px;
}

#wallpaper ul li .dl-size{
	width: 100%;
	text-align: left;
	margin-left:10px;
}

#wallpaper ul li .dl-size li{
	float: left;
	width: 50%;
	margin: 0px;
	padding: 0px;

}

#wallpaper ul li .dl-size li a{
	font-size: 14px;
	text-align: center;
	display: inline-block;
	background: url(/common/img/ico_triangle.png) no-repeat left center;
	padding-left: 10px;
}

/*
	オフィシャルスポンサーエリア2015-2016
*********************************************************/

#official-banner-area_2015 .wrap-partners{
  padding:10px 10px 5px 10px;
  margin:10px 20px 10px 20px;
  background: #f0f0f0;
}

#official-banner-area_2015 #team-partners01,
#official-banner-area_2015 #team-partners02{
	margin:5px 0 0 13px;
}

#official-banner-area_2015 .wrap-partners #team-partners01 ul li img.bnr{
	width:112px;
}


/*	
各大会のtable制御
**********************************************/

.team_schedule table{
	margin-top:20px;
	}

.team_schedule table,.team_member table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	width: 100%
}

.team_scheduletable tr td a,.team_scheduletable tr td a{
	color: #0b8fba !important;
}


.team_schedule table.table-boder-none,.team_member table.table-boder-none{
	border: none;
}

.team_schedule table tr th,.team_member table tr th{
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #bababa;
	padding:5px;
}

.team_schedule table tr td{
	background: #f0f0f0 ;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	text-align:center;
	padding:5px;
}

.team_schedule table tr td:first-child{
	width:25px;
}

.team_schedule table tr td:nth-child(2){
	width:100px;
}


.team_member table tr td{
	background: #f0f0f0 ;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	text-align:center;
	padding:5px;
}

.team_member table tr td:first-child{
	width:10%;
}

.team_member table tr td:nth-child(2){
	width:10%;
}

.team_member table tr td:nth-child(3){
	width:40%;
}

.team_member table tr td:nth-child(6){
	text-align:left;
}

.team_schedule table tr:nth-child(2n+1) td,.team_member table tr:nth-child(2n+1) td{
	background: #eaeaea ;
}


.team_member table tr th:nth-child(4),
.team_member table tr th:nth-child(5),
.team_member table tr th:nth-child(7),
.team_member table tr th:nth-child(8),
.team_member table tr td:nth-child(4),
.team_member table tr td:nth-child(5),
.team_member table tr td:nth-child(7),
.team_member table tr td:nth-child(8){
	display:none;
}