@charset "UTF-8";

/*
 *コメントボックス
 *
 *-----------------------------------------------------------------------------------------------------------------------------------------------------*/
.commentBox {
	width: 290px;
	margin: 0 auto 15px;
	padding: 10px 5px 10px;
	font-size: 10px;
	line-height: 1.2em;
	text-align: center;
	background-color: #FFF;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.5);
	-webkit-box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.5);
}

/*
 *重要な注意書きボックス
 *
 *-----------------------------------------------------------------------------------------------------------------------------------------------------*/
.attentionBox {
	margin: 0 0 14px;
	text-align: left;
}
.attentionBox .at-head {
	display: inline-block;
	padding: 3px 5px 2px;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	background-color: #333;
	font-size: 11px;
	color: #FFF;
	line-height: 1.2em;
}
.attentionBox .at-head.warning {
	background-color: #F33;
}
.attentionBox .at-head.caution {
	background-color: #DD0;
	color: #444;
}
.attentionBox .at-head.note {
	background-color: #179FFB;
}
.attentionBox .at-body {
	padding: 5px 5px 1px;
	border: 1px solid #BBB;
	-webkit-border-radius: 0 3px 3px 3px;
	-moz-border-radius: 0 3px 3px 3px;
	border-radius: 0 3px 3px 3px;
}
.attentionBox .at-body .at-body-head {
	margin-bottom: 0.3em;
	padding: 2px 4px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #888;
	font-size: 12px;
	color: #FFF;
	line-height: 1.2em;
}
.attentionBox .at-body .at-message {
	margin-bottom: 1.0em;
	font-size: 11px;
	line-height: 1.4em;
}
.attentionBox .at-body .at-list {
	margin-bottom: 0.5em;
	list-style-type: none;
}
.attentionBox .at-body .at-list li {
	position: relative;
	margin-bottom: 0.3em;
	padding: 0 0 0 11px;
	font-size: 11px;
	line-height: 1.4em;
}
.attentionBox .at-body .at-list li:after {
	position: absolute;
	top: 10px;
	left: 1px;
	display: block;
	margin-top: -5px;
	border-top: solid 2px #179FFB;
	border-right: solid 2px #179FFB;
	width: 3px;
	height: 3px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
}

/*
 *テーブル
 *
 *-----------------------------------------------------------------------------------------------------------------------------------------------------*/
.table-point {
	margin:0 auto;
	width:94%;
}
.table-point th,
.table-point td {
	padding:2px 4px;
	border:2px solid #000;
}
.table-point th {
	background-color:#3399FF;
	color:#FFF;
	text-align:right;
}
.table-point .title th {
	background-color:#005880;
	text-align:center;
}
.table-point td {
	background-color:#FFF;
}
.table-point tr:nth-child(odd) td {
	background-color:#EEE;
}

.table-noDeco {
	margin:0 0 12px 10px;
}
.table-noDeco th,
.table-noDeco td {
	padding: 1px 2px 1px 0;
	text-align: left;
}
.table-noDeco th {
	padding:0 10px 0 0;
}

.table-week {
	margin:0 auto 12px;
	width:94%;
	table-layout:fixed;
}
.table-week.oneday {
	margin-left: 5px;
	width: 120px;
}
.table-week th,
.table-week td {
	border:2px solid #000;
	font-size:8px;
	line-height:1.3em;
}
.table-week th {
	padding:2px 2px;
	background-color:#005782;
	color:#FFF;
}
.table-week th.time {
	padding:6px 2px;
	background-color:#FFF;
	color:#993333;
	text-align:right;
}
.table-week th.saturday {
	background-color:#3399FF;
}
.table-week th.sunday {
	background-color:#FF6699;
}
.table-week td {
	padding:6px 2px;
	text-align:center;
	font-weight:bold;
}
.table-week td.match { background-color:#FFCCFF; }
.table-week td.league { background-color:#DDFFAA; }
.table-week td.cc { background-color:#FFAA44; }
.table-week td.sc { background-color:#FF0; }

/*-- テーブルの用語説明 --*/
.table-reference {
	margin-top: -7px;
	margin-bottom: 7px;
	font-weight: bold;
	text-align: center;
}
.table-reference dt,
.table-reference dd {
	display: inline-block;
}
.table-reference dt {
	padding: 1px 3px;
	border: 1px solid #666;
}
.table-reference dt.lc { background-color: #FFCCFF; }
.table-reference dt.cc { background-color: #FFAA44; }
.table-reference dt.sc { background-color: #FF0; }
.table-reference dd {
	margin-right: 8px;
}

/*
 *ボタン
 *
 *-----------------------------------------------------------------------------------------------------------------------------------------------------*/
.btnArea {
	margin-bottom:15px;
	width: 100%;
	text-align:center;
}

.btnType1 {
	display: inline-block;
	margin: 0 4px 4px 0;
	border: 2px solid #000;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	-webkit-box-shadow: 1px 1px 3px #000;
}
.btnType1 a {
	display: inline-block;
}
.btnType1 a span {
	display: inline-block;
	margin: 2px;
	padding: 6px 14px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
}
.btnType1.orange {
	background-color: #F60;
}
.btnType1.orange a span {
	background-color: #FF8522;
	background: -webkit-gradient(linear, left top, left bottom, from(#FF8522), color-stop(0.49, #FF8522), color-stop(0.5, #B44700), to(#FF6600));
	text-shadow:
		-1px -1px 1px #9B3200,
		1px -1px 1px #9B3200,
		-1px 1px 1px #9B3200,
		1px 1px 1px #9B3200,
		-2px -2px 1px #9B3200,
		2px -2px 1px #9B3200,
		-2px 2px 1px #9B3200,
		2px 2px 1px #9B3200;
}
.btnType1.blue {
	background-color: #009DFE;
}
.btnType1.blue a span {
	background-color: #3DB0FF;
	background: -webkit-gradient(linear, left top, left bottom, from(#3DB0FF), color-stop(0.49, #3DB0FF), color-stop(0.5, #016EB1), to(#009DFE));
	text-shadow:
		-1px -1px 1px #003168,
		1px -1px 1px #003168,
		-1px 1px 1px #003168,
		1px 1px 1px #003168,
		-2px -2px 1px #003168,
		2px -2px 1px #003168,
		-2px 2px 1px #003168,
		2px 2px 1px #003168;
}

/*
 *ページャー
 *
 *-----------------------------------------------------------------------------------------------------------------------------------------------------*/
.pager {
	padding: 0px 2px 5px;
}
.f_pager {
	padding: 5px 2px 0;
}
.pager.bottom {
	padding: 0px 2px 2px;
	margin:0 0 10px;
}
.pager > div > div {
	display: table-cell;
	vertical-align: middle;
	line-height: 0;
}
.pager > div > div:nth-child(1) > span.pagerBtn,
.pager > div > div:nth-child(3) > span.pagerBtn {
	display:inline-block;
	width:100px;
	height:28px;
}
.pager > div > div:nth-child(2) {
	width: 100%;
	text-align: center;
	font-size: 10px;
}
.pager > div > div > span.pagerBtn > a {
	display: inline-block;
	width: 100px;
	height: 28px;
/* ページャー角丸
	border-radius: 5px;
	-webkit-border-radius: 5px;
*/
}
.pager > div > div > span.pagerBtn > a > span {
	position: relative;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	width: 96px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	margin: 2px;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.51, transparent), to(transparent));
/* ページャー角丸
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-background-clip: padding;
	background-clip: padding-box;
	border: 2px solid rgba(0,0,0,0.3);
*/
}
.pager > div > div > span.pagerBtn > a > span > span {
	position: absolute;
	top: 5px;
}
.pager > div > div:nth-child(1) > span.pagerBtn > a > span > span {
	left: 2px;
}
.pager > div > div:nth-child(3) > span.pagerBtn > a > span > span {
	right: 2px;
}

/*
 *大会未開催時の表示文
 *
 *-----------------------------------------------------------------------------------------------------------------------------------------------------*/
.notMatchMessageBox {
	padding-bottom: 5px;
}
.notMatchMessageBoxInner {
	display: table;
	width: 100%;
}
.notMatchMessageBoxInner p {
	display: table-cell;
	height: 42px;
	vertical-align: middle;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	line-height: 1.4em;
}

/*
 *獲得候補選手
 *
 *-----------------------------------------------------------------------------------------------------------------------------------------------------*/
.candidatePlayerInfoBox {
	margin:0 auto 10px;
	padding: 5px;
	border: 2px solid #000000;
	border-radius: 10px 10px 10px 10px;
	min-height: 180px;
	width:180px;
	box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.5);
	background-color: #BEC0B2;
}
.candidatePlayerInfoBox .profile {
	margin: 0 0 5px;
	padding: 0 0 0 0;
	height: 20px;
	background-color: #003366;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	font-size: 11px;
	text-align: center;
	line-height: 18px;
	color: #FFF;
}
.candidatePlayerInfoBox .profile span.iconPosition {
	border: 1px solid #000;
}
.candidatePlayerInfoBox .profile span.name {
	font-weight:bold;
	vertical-align:middle;
}
.candidatePlayerInfoBox .items {
	margin:0 auto;
	padding: 0px 0 0px;
	width: 170px;
}
.candidatePlayerInfoBox .items .player {
	float: left;
	width: 90px;
}
.candidatePlayerInfoBox .items .player .in_player {
	position: relative;
	margin: 0 0 5px;
	width: 90px;
	height: 110px;
	background:url(https://mobage-forsp.websoccer.jp/img/history/cara_bg.png) no-repeat 0px 0px;
	background-size: 450px 110px;
	-webkit-background-size: 450px 110px;
}
.candidatePlayerInfoBox .items .player .pos1 { background-position: 0px 0px; }
.candidatePlayerInfoBox .items .player .pos2 { background-position: -90px 0px; }
.candidatePlayerInfoBox .items .player .pos3 { background-position: -180px 0px; }
.candidatePlayerInfoBox .items .player .pos4 { background-position: -270px 0px; }
.candidatePlayerInfoBox .items .player .in_player .avatar {
	position: absolute;
	top: 10px;
	left: 5px;
	z-index:10;
}
.candidatePlayerInfoBox .items .player .in_player .shadow {
	position: absolute;
	bottom: 5px;
	left: 50%;
}
.candidatePlayerInfoBox .items .player .in_player .shadow img {
	position: absolute;
	bottom:0;
	left: -23px;
}
.candidatePlayerInfoBox .items .param {
	float: right;
	width: 65px;
	height: 90px;
	padding: 10px 5px;
	background-color: #FFF;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	font-size: 10px;
	line-height: 1em;
}
.candidatePlayerInfoBox .items .param span.parawrap {
	display: block;
	margin: 0 0 1px;
}
.candidatePlayerInfoBox .items .param > div {
	font-weight:bold;
}
.candidatePlayerInfoBox .items .param span.parawrap:nth-of-type(4) { margin: 0 0 8px; }
.candidatePlayerInfoBox .items .param > div:not(:last-child) { padding: 0 0 5px; }
.candidatePlayerInfoBox .items .param > div:nth-of-type(3) { padding: 0 0 5px; }

/*
 *試合結果一覧
 *
 *-----------------------------------------------------------------------------------------------------------------------------------------------------*/
.gamelist {
	padding:0 0 3px;
}
.gamelist > ul {
	padding:0 0 3px;
}
.gamelist > ul > li {
	list-style:none;
	margin:0 0 2px;
}
.gamelist > ul > li:last-child {
	margin:0;
}
.gamelist > ul > li span.listParts {
	display:table;
	table-layout:fixed;
	text-align:center;
	width:100%;
	height:44px;
}
.gamelist > ul > li span.listParts > span:nth-child(1) span.part,
.gamelist > ul > li span.listParts > span:nth-child(3) span.part {
	width:100%;
}
.gamelist > ul > li span.listParts > span:nth-child(1) span.part {
	display:table;
	vertical-align:middle;
}
.gamelist > ul > li span.listParts > span:nth-child(1) span.part > span {
	display:table-cell;
	vertical-align:middle;
}
.gamelist > ul > li span.listParts > span:nth-child(1) span.part > span.img {
	text-align:left;
	padding:0 0 0 2px;
}
.gamelist > ul > li span.listParts > span:nth-child(1) span.part > span.team {
	width:100%;
	line-height: 100%;
	text-align:right;
}
.gamelist > ul > li span.listParts > span:nth-child(1) span.part > span.team span{
	display:block;
}
.gamelist > ul > li span.listParts > span:nth-child(3) span.part {
	display:table;
	vertical-align:middle;
}
.gamelist > ul > li span.listParts > span:nth-child(3) span.part > span {
	display:table-cell;
	vertical-align:middle;
}
.gamelist > ul > li span.listParts > span:nth-child(3) span.part > span.img {
	text-align:right;
	padding:0 2px 0 0;
}
.gamelist > ul > li span.listParts > span:nth-child(3) span.part > span.team {
	width:100%;
	line-height: 100%;
	text-align:left;
} 
.gamelist > ul > li span.listParts > span:nth-child(3) span.part > span.team span{
	display:block;
}
.gamelist > ul > li span.listParts > span {
	display:table-cell;
	vertical-align:middle;
	line-height:0;
}
.gamelist > ul > li span.listParts > span span.part {
	display:inline-block;
	font-weight:bold;
	font-size:9px;
}
.gamelist > ul > li span.listParts > span > a {
	display:block;
}
.gamelist > ul > li span.listParts > span:nth-child(2) {
	width:58px;
}
.gamelist > ul > li span.listParts > span:nth-child(2) > a {
	width:52px;
	display:inline-block;
}
.gamelist > ul > li span.listParts > span:nth-child(2) span.part {
	position:relative;
	width:52px;
	height:44px;
}
.gamelist > ul > li span.listParts > span:nth-child(2) span.part > span {
	position:absolute;
	top:50%;
	left:50%;
	line-height:100%;
}
.gamelist > ul > li span.listParts > span:nth-child(2) span.part > span > span {
	position:absolute;
	width:62px;
	height:44px;
	top:-22px;
	left:-31px;
}
.gamelist > ul > li span.listParts > span:nth-child(2) span.part > span > span > span:nth-child(1) {
	display:block;
	font-weight:normal;
	color:#003366;
	margin:4px 0 ;
}
.gamelist > ul > li span.listParts > span:nth-child(2) span.part > span > span > span:nth-child(2) {
	display:block;
	width:100%;
	font-size:14px;
}
.gamelist > ul > li span.listParts > span:nth-child(2) span.part > span > span > span:nth-child(2) span.game {
	display: block;
	letter-spacing:4px;
}
.gamelist > ul > li span.listParts > span:nth-child(2) span.part > span > span > span:nth-child(2) span.pk {
	display: block;
	margin-top:4px;
	font-size:11px;
}
/*-- 決勝 --*/
.gamelist > ul > li.final span.listParts{
	min-height:100px;
}
.gamelist > ul > li.final span.listParts > span{
	font-weight:bold;
}
.gamelist > ul > li.final span.listParts .team{
}
.gamelist > ul > li.final span.listParts .team a > span{
	display:block;
	line-height:100%;
}
.gamelist > ul > li.final span.listParts .team .win{
	height:17px;
	margin:5px 0 3px 0;
}
.gamelist > ul > li.final span.listParts .team .emblem{
	height:40px;
}
.gamelist > ul > li.final span.listParts .team a > span:nth-child(3){
	font-size:11px;
	line-height:14px;
}
.gamelist > ul > li.final span.listParts .team a > span:nth-child(4){
	font-size:10px;
	line-height:12px;
}

.gamelist > ul > li.final span.listParts .vs{
	width:70px;
	text-align:center;
	vertical-align:top;
}
.gamelist > ul > li.final span.listParts .vs a{
	width:70px;
}
.gamelist > ul > li.final span.listParts .vs .trophy{
	display:block;
	height:70px;
}
.gamelist > ul > li.final span.listParts .vs .point{
	display:block;
	margin:5px 0 0 0;
}
.gamelist > ul > li.final span.listParts .vs .point span.game {
	display: block;
	margin-top:3px;
	font-size:14px;
	height:11px;
	letter-spacing:4px;
}
.gamelist > ul > li.final span.listParts .vs .point span.pk {
	display: block;
	margin-top:2px;
	font-size:11px;
	height:11px;
}