@charset "utf-8";

/* --------------------------------------------------------------------- */
/*  Football LAB layouts & pages styles  */
/* --------------------------------------------------------------------- */

/* ---------------------------------------------------------------------
revision
--------------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Roboto:500,900');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:600i');
/* @import url('https://fonts.googleapis.com/css?family=Oswald');

/* ---------------------------------------------------------------------
layouts
--------------------------------------------------------------------- */
/* global
---------------------------------------*/
#header,
article,
#sitemap,
.weapper {
	max-width: 1080px;
	min-width: 320px;
	padding: 0 0px;
	margin: 0 auto;
	clear: both;
}
footer {
	background: #ddd;
}

body {
	background: #f7f7f7;
}

#topcontrol {
	z-index: 999;
}
#endNavFloat {
    background: url(/img/ui/bt_to_top.png);
    font-size: 10px;
    height: 65px;
    overflow: hidden;
    text-indent: -10000%;
    width: 65px;
}
.uiDate {
	font-style: 'Light';
	font-weight: 200;
}
.uiDate .icon_new {
	margin-left: 1em;
	margin-top: 4px;
}

/* header
---------------------------------------*/
#header {
	background: #fff;
	border-bottom: 1px solid rgba(106,105,117,.4);
}
#logo , #catchcopy {
	float: left;
	padding: 22px 2px 22px 0;
}
#logo img {
	margin-left: 3px;
	height: 24px;
}

#catchcopy img {
	margin: 3px 0 0 5px;
	height: 23px;
}
#searchBox {
	margin-top: 22px;
	float: right;
}

/* navigatoins
---------------------------------------*/
#gNav {
	float: left;
	width: 100%;
	height: 68px;
}
#gNav li {
	float: left;
	text-align: center;
}
#gNav a {
	float: left;
	padding: 12px 0;
	width: 100%;
	background: #fff;
	cursor: pointer;
	font-weight: 500;
	font-size: 16px;
	text-decoration: none;
	height: 30px;
	line-height: 1;
	color: #333;
}
#gNav a:hover {
	background: #e60012;
	color: #fff;
}
#gNav a:hover,
#gNav a.sel,
#gNav a.sel:hover {
	background: #000;
	color: #fafafa;
	cursor: default;
}
.teamMenuBtn span {
/*
	position: absolute;
	display: inline-block;
	width: 0;
	height: 44px;
	margin: 0 -8.5%;
	z-index: 999;
	border-style: solid;
	border-width: 0 12px 12px 12px;
	border-color: transparent transparent #fff transparent;
*/
}

/* social
---------------------------------------*/
.socials {
	float: right;
	margin-top: 22px;
	margin-right: 1em;
}

.socials .fb img, .socials .tw img{
	width: 24px;
	height: 24px;
	border-radius: 0.2em;
	margin-right: 0.4em;
}
.socials.sp img {
	width: 48px;
	height: 48px;
}
.fSocial {
	display: block;
	text-align: center;
}
.fSocial img {
	width: 60px;
	height: 60px;
	margin: 1em 2em;
	border-radius: 0.8em;
}
.sSocials {
	display: block;
}
.sSocials .twBtn, .sSocials .fbBtn, .sSocials .rssBtn {
	margin-top: 6px;
	float: right;
	text-align: center;
}
.sSocials .rssBtn {
	padding: 0 10px;
	font-size: 80%;
	border-radius: 0.6em;
	background: #f37522;
	color: #ffffff;
	text-decoration: none;
}
.sSocials .rssBtn:hover {
	background: #d4671f;
}
.sSocials .twBtn a ,.sSocials .fbBtn iframe {
	margin: auto !important;
}
.sSocials .uiDate {
	display: inline-block;
	margin-top: 3px;
}

/* breadcrumb
---------------------------------------*/
.bcNavBox {
	padding: 5px 1%;
	margin: 0 auto;
	width: 98%;
	color: #444;
	font-size: 10px;
}
.bcNav a {
	text-decoration: none;
}

/* search
---------------------------------------*/

#cse-search-box .textBox {
	border-radius: 1em;
	border: 1px solid #ccc;
	padding: 0 1.5em 0 0.5em;
	margin: 0;
	height: 24px;
	vertical-align: top;
}
#cse-search-box .searchBtn {
	position: relative;
	left: -32px;
	width: 24px;
	height: 24px;
	background: url('/img/ui/search.gif') no-repeat;
	background-position: 0% 50%;
	background-size: 16px;
	border: none;
}
#searchBox.sp {
	display: block;
	width: 90%;
	margin: 1em auto;
}
#searchBox.sp .searchBtn {
	left: 170px;
	top: -24px;
}
#searchBox.sp .textBox {
	width: 73%;
}

/* font
---------------------------------------*/
.uiDate ,
.statsTbl8 .tPt .s
{
	font-family: Helvetica,sans-serif;
}
#teamHeader .eng, #playerHeader .eng,
.vsHeader .eng, #japanHeader .eng,
.numL,
.graphPie span, 
.boxTimeline .timebase, 
.boxTimeline .homePoss em, 
.boxTimeline .awayPoss em
{
	font-family: 'Roboto Condensed',Helvetica,sans-serif;
}
.statsTbl .tRank,
.statsTbl5 .perc,
.statsTbl4 .perc,
.statsTbl3 .perc,
.statsTbl2 .perc,
.rankFive .pRank
{
	font-family: 'Open Sans',Helvetica,sans-serif;
}
/* main content
---------------------------------------*/
.unit {
	background: #fff;
	padding: 1%;
	margin: 24px 0 0 0;
	float: left;
}
.contents {
	display: block;
	float: none;
	height: auto !important;
	padding: 0 1% 16px;
	width: 98%;
	clear: both;
	background: #fff;
}
.boxHalf ,.boxHalfSP {
	display: inline-block;
	margin: 0 1%;
	padding: 0;
	height: auto !important;
	width: 48%;
	vertical-align: top;
}
.boxThird {
	display: inline-block;
	margin: 0 1.5%;
	/*padding: 2% 1.5%;*/
	height: auto !important;
	vertical-align: top;
}
.caption {
	display: block;
	color: #666;
	font-size: 14px;
	padding: 8px 0;
	margin: 0;
}
.caption a {
	color: #666;
}
.caption div.l, .caption div.r {
	display: inline-block;
	width: 50%;
	margin: 0;
	padding: 0;
}
.caption .mkLink1 {
	margin-top: 6px;
}
.jstats img {
	text-align: right;
	margin: 24px;
	width: 25%;
}
.grid1x6 {
	float: none;
	width: 98%;
	min-height: 32px;
	height: auto !important;
	clear: both;
}


.boxHeader {
	width: 100%;
	background: #fff;
	display: block;
	float: none;
	text-align: center;
}
.boxHeader span , .seasonMenu h2 span , #teamContents h2 span , #teamContentsSP h2 span {
	display: inline;
	text-decoration: none;
	border-bottom: 1px solid #999;
	padding-bottom: 8px;
}

h1,h2,h3 {
	text-align: center;
}
h1 .jpn {
	display: inline-block;
	color: #fff;
	text-shadow: 0px 0px 6px #000 , 1px 1px 1px #000, -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000;
	font-size: 18px;
}
h1 .eng {
	display: block;
	color: #fff;
	text-shadow: 0px 0px 14px #000 , 1px 1px 2px #000, -1px -1px 2px #000, 1px -1px 2px #000, -1px 1px 2px #000;
	font-weight: black;
}
#topImg .jpn {
	margin-top: 71px;
}
#topImg .eng {
	margin-top: 18px;
	font-size: 56px;
}
#topImg {
	background: #000;
	background-image: url('/img/pages/image_top.png');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 300px;
}
#categoryImg .jpn {

}
#categoryImg .eng {
	font-size: 28px;
}
#categoryImg {
	background: #000;
	background-image: url('/img/pages/image_page.png');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 100px;
	text-align: center;
}
h2.boxHeader {
	padding: 35px 0;
	height: 37px;
	margin: 24px 0 0 0;
	font-weight: black;
	font-size: 24px;
	color: #333;
}
h3.boxHeader {
	margin: 16px 0;
	padding: 24px 0;
	height: 32px;
}
.dashline {
	display: block;
	clear: both;
	margin: 32px 0;
	padding: 0;
	width: 100%;
	height: 8px;
	background: #fff;
	border-bottom: 1px dashed #999;
}
.solidline {
	display: block;
	clear: both;
	maring: 0;
	padding: 0;
	width: 100%;
	height: 2px;
	background: #fff;
	border-top: 2px solid #333;
}


.gridInfo {
	float: none;
    height: 22px;
    padding: 6px 12px 0;
	width: 682px;
}


.gridNA {
	opacity: .3;
	filter: alpha(opacity=30); /* IE lt 8 */
	-ms-filter: "alpha(opacity=30)"; /* IE 8 */
}
.nomatchbox {
	text-align:center;
	padding-top:40px;
	height:70px;
	color:#777777;
}
.unitWire {
	float: left;
	margin: 0;
}
.w1 {
	width: 234px;
}
.w2 {
	width: 472px;
}


.leagueNav {
	float: left;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	background: #fff;
	clear: both;
}
.fixed {
	position: fixed;
	top: 0;
	z-index: 990;
	margin: 0;
	max-width: 1080px;
} 
.leagueNav li {
	float: left;
	width: 33.34%;
	background: #f5f5f5;
	box-sizing: border-box;
}
.leagueNav li.lgNavJ2,.leagueNav li.lgNavJ3  {
	float: left;
	background: #f5f5f5;
	width: 33.33%;
	margin: 0;
	border-left: 1px solid #d1d1d1;
}
.leagueNav a {	
	float: left;
	height: 48px;
	width: 100%;
}

.lgNavJ1 a ,.lgNavJ2 a ,.lgNavJ3 a {
	padding-bottom: 15px;
	border-bottom: 1px solid #d1d1d1;	
}
.lgNavJ1 a:hover, .lgNavJ1 .sel, .lgNavJ1 a:active {
	border-bottom: 3px solid #e60012;
}
.lgNavJ2 a:hover, .lgNavJ2 .sel, .lgNavJ2 a:active {
	border-bottom: 3px solid #007F41;
}
.lgNavJ3 a:hover, .lgNavJ3 .sel, .lgNavJ3 a:active {
	border-bottom: 3px solid #000;
}



.lgNavJ1 a, 
.lgNavJ1 a:hover ,
.lgNavJ2 a, 
.lgNavJ2 a:hover ,
.lgNavJ3 a, 
.lgNavJ3 a:hover, 
.lgNavJ1 a:active ,
.lgNavJ2 a:active ,
.lgNavJ3 a:active, 
.lgNavJ1 .sel, 
.lgNavJ2 .sel, 
.lgNavJ3 .sel {
	background-position-x: 50%;
	background-position-y: 50%;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
.tabLink {
	display:-webkit-box;
	display:-moz-box;
	display:box;
	display: flex;
	float: left;
	width: 100%;
	height: 52px;
	margin-bottom: 24px;
}
.tabLink li {
	flex: 1 1 0%;
	text-align: center;
	border-left: 2px solid #e8e8e8;
}
.tabLink li:nth-of-type(1) {
	border-left: none !important;
}
.tabLink a {
	display: block;
	text-decoration: none;
	line-height: 1em;
	height: 56px;
	border-bottom: 2px solid #e8e8e8;
	font-size: 16px;
}
.tabLink span {
	display: block;
	background: none;
	margin: 0;
	padding: 12px 0;
	height: 28px;
	font-size: 16px;
}
.tabLink a:hover , .tabLink a:active , .tabLink .sel a ,  .tabLink li.sel a , .tabLink  .sel {
	border-bottom: 2px solid #173452;
}
.tabLink a:hover span , .tabLink a:active span , .tabLink .sel span ,  .tabLink li.sel span {
	background: #173452;
	color: #fff;
}
#teamMenu {
	display: none;
	position: absolute;
	right  : 0;
	background: #d1d1d1;
	z-index: 998;
}

#teamMenu ul {
	display: block;
	float: left;
	width: 100%;
	padding: 0;
}
#teamMenu .teList img {
	height: 20px;
	padding-top: 2px;
	vertical-align: bottom;
}
#teamMenu .teList a {
	float: left;
	height: 28px;
	width: 11%;
	text-align: left;
	margin: 4px 0;
	font-size: 13px;
	text-decoration: none;
}


#teamHeader ,#teamContents,#playerHeader, #japanHeader {
	background: #fff;
	padding: 1%;
	float: none;
	width: 98%;
	clear: both;
}
#teamHeader , #playerHeader {
	height: 152px;
}
#japanHeader{ height: 162px; }
#teamHeader .emblem , #playerHeader .photo {
	float: left;
	text-align: center;
	height: 152px;
}
#teamHeader .emblem img , #playerHeader .emblem img  {
	margin: 2px auto 0;
	width: 140px;
	border-radius: 80px;
}
#playerHeader .photo img {
	margin: 2px auto 0;
	width: 140px;
	border-radius: 0.7em;
	border: 4px solid #d8d8d8
}
#teamHeader em.teamLine { border-bottom: 1px solid #333;}
#japanHeader em.teamLine { border-bottom: 1px solid #05489A;}
#playerHeader em.teamLine { border-bottom: 1px solid #d8d8d8;}
#teamHeader .teamName , #playerHeader .playerName , #japanHeader .teamName {
	float: left;
	height: 152px;
}
#teamHeader .teamName span , #playerHeader .playerName span ,#japanHeader .teamName span {
	display: block;
}
#japanHeader .teamName { margin-top: 24px;}
#japanHeader p { color: #666; }
#teamHeader .jpn , #playerHeader .jpn , #japanHeader .jpn {
	font-weight: bold;
	color: #333;
} 
#teamHeader em , #playerHeader em , #japanHeader em {
	display: block;
	height: 12px;
	color: #333;
	width: 24px;
}
#teamHeader .eng , #playerHeader .eng , #japanHeader .eng {
	margin-top: 12px;
	font-weight: 400;
	color: #666;
}
.seasonMenu {
	background: #f7f7f7;
	height: 132px;
}
.seasonMenu h2 ,#teamContents h2 {
	width: 100%;
	float: none;
	text-align: center;
	padding: 24px 0;
	height: 24px;
	margin: 0;
	font-weight: black;
	font-size: 24px;
	color: #333;
}
.seasonMenu .swiper-container {
	padding: 8px 0;
	background: #f7f7f7;
}
.seasonMenu .swiper-slide:nth-of-type(1) {
	margin-left: 28px;
}
.seasonMenu .swiper-button-prev, .seasonMenu .swiper-button-next {

}
.seasonMenu .swiper-slide a {
	display: block;
	height: 40px;
	padding: 0 0 4px 4px;
	background: #fff;
	border-bottom: 1px solid #e1e1e1;
	text-decoration: none;
	overflow: hidden;
}
.seasonMenu .numL {
	margin: 10px 0 0 8px;
	font-size: 36px;
	color: #333;
}
.seasonMenu .jpnHCname {
	margin: 10px 0 0 8px;
	font-size: 14px;
	color: #333;
}
.seasonMenu .stnd {
	margin-left: 12px;
	font-size: 11px;
	color: #666;
	clear: none;
}
.seasonMenu .swiper-slide a:hover , .seasonMenu .swiper-slide.sel a {
	background: #333;
}
.seasonMenu .swiper-slide a:hover .stnd , 
.seasonMenu .swiper-slide.sel a .stnd , 
.seasonMenu .swiper-slide a:hover .numL , 
.seasonMenu .swiper-slide.sel a .numL, 
.seasonMenu .swiper-slide a:hover .jpnHCname , 
.seasonMenu .swiper-slide.sel a .jpnHCname {
	color: #fff;
}
.seasonMenu .mkth {
	float: right;
	display: inline;
	margin-right: 4px;
	width: 0;
	height: 30px;
	border-style: solid;
	border-width: 0 0 10px 10px;
	border-color: transparent transparent #891F1F transparent;
}
.seasonMenu a:hover .mkth , .seasonMenu .swiper-slide.sel .mkth {
	border-color: transparent transparent #ED3229 transparent;
}
#teamContents {
	height: 233px;
	overflow: hidden;
}
#teamContents h2 {
	margin-bottom: 4px;
}
#teamContents.open {
	min-height: 365px !important;
}
#teamContents li {
	float: left;
	width: 18%;
	margin: 5px 1%;
	background: #e8e8e8;
}
#teamContents li a {
	display: block;
	text-decoration: none;
	padding: 12px 0 20px;
	height: 50px;
	text-align: center;
}
#teamContents .lnk {
	display: block;
	height: 48px;
	color: #333;
	font-size: 16px;
	font-weight: 600;	
}
#teamContents .mkln {
	display: block;
	margin: 0 auto;
	width: 30px;
	border-bottom: 1px solid #333;
}
.boxNext {
	position: relative;
	display: block;
	z-index: 991;
	background: #d1d1d1;
	height: 32px;
	width: 100%;
	margin-top: 141px;
	text-align: center;
}
.simulationNext {
	position: relative;
	display: block;
	z-index: 991;
	background: #d1d1d1;
	padding: 8px 0;
	width: 100%;
	text-align: center;
}
#teamContents.open .boxNext {
	margin-top: 262px;
}
#teamContents .mkLink3::after {
	left: 49.5%;
	top: 4px;
}
#teamContents li.sel , #teamContents li:hover {
	background: #333;
}
#teamContents .sel .lnk , #teamContents li:hover .lnk {
	color: #fff;
}
#teamContents .sel .mkln , #teamContents li:hover .mkln {
	border-bottom: 1px solid #fff;
}
.vsHeader {
	background: #fff;
}
.vsHeader table {
	border-collapse: collapse;
	margin: 24px 0 12px;
	height: 120px;
}
.vsHeader .tName {
	width: 41%;
	font-size: 28px;
	word-break: break-all;
}
.vsHeader .numL {
	width: 6%;
	font-size: 36px;
}

.vsHeader .eng {
	font-weight: 400;
	color: #666;
}
.comparisonLink {
	margin-top: 16px;
}
.comparisonLink table {
	box-shadow: 1px 1px 1px #dddddd;
}
.comparisonLink td {
	width: 50%;
	text-align: center;
	background: #fafafa;
}
.comparisonLink img {
	margin-top: 6px;
	margin-left: 5%;
	width: 90%;
}


.gameTbl {
	text-align: center;
}
.gameTbl a.prev , .gameTbl a.repo {
	display: inline-block;
	margin: 8px 1.5% 8px;
	border-bottom: 1px solid #999;
	text-decoration: none;
}
.gameTbl a.prev {
	height: 142px;
}
.gameTbl a.repo {
	height: 186px;
}
.gameTbl table { border-collapse: collapse ; }
.gameTbl td {
	line-height: normal; 
}
.gameTbl .datetime {
	font-size: 15px;
	height: 15px;
	padding: 0;
	font-weight: bold;
}
.gameTbl .prev .tLogo {
	width: 30%;
}
.gameTbl .repo .tLogo {
	width: 20%;
}
.gameTbl .tLogo {
	padding: 0 auto;
}
.gameTbl .tLogo img {
	height: 40px;
}
.gameTbl .tName {
	padding: 0;
	height: 16px;
	white-space: nowrap;
	overflow: hidden;
}
.gameTbl .link em {
	border-radius: 1.5em;
	font-weight: bold;
	font-size: 14px;
}
.gameTbl .prev .link {
	width: 40%;
}
.gameTbl .repo .link {
	height: 26px;
}
.gameTbl .prev .link em {
	padding: 0.5em 0.8em;
	border: 2px solid #333;
}
.gameTbl .repo .link em {
	padding: 0.5em 2em;
	background: #d8d8d8;
}
.gameTbl .score {
	font-weight: bold;
	font-size: 32px;
	text-align: center;
}

/* table
---------------------------------------*/
td.wi2n {
	width: 10%;
	text-align: right;
	padding-right: 2%;
}
td.wi3c {
	width: 35%;
	text-align: center;
}
.boxHalf td.wi2n {
	width: 20%;
	text-align: right;
	padding-right: 2%;
}
td.wi2c { width: 20%;}

/* 通常スクロール、ソートなし*/
.statsTbl .thline,.statsTbl10 .thline {
	border-left: 1px solid #999;
}
.statsTbl td.tRank, .statsTbl .tEmblem {
	width: 8%;
}
.statsTbl .tEmblem img {
	max-height: 2em;
}
.statsTbl th {
	background: #555;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	border-bottom: 6px solid #555;
	border-top: 6px solid #555;
}
.statsTbl td, .statsTbl10 td {
	font-weight: 400;
	color: #333;
}
.statsTbl .tRank {
	color: #666;
}
.scoreTbl {
	max-width: 600px;
	margin: 0 auto;
}
td.scoreTbl1 {
	background: #444;
	color: #fff;
	text-align: center;
}
td.scoreTbl2 {
	background: #ccc;
	text-align: center;
	width: 20%;
}
.scoreTbl td {
	border: 1px dotted #ccc;
	text-align: center;
}
/* */
.statsTbl10 {
	display: block;
	float: left;
	width: 100%;
	table-layout: auto;
	margin: 0;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse !important;
	/* border-collapse: separate; */
}
.statsTbl10 thead th {
	background: #555;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	border-bottom: 6px solid #555;
	border-top: 6px solid #555;
	padding: 2px 4px;
	height: 40px;
}
.statsTbl10 tfoot th {
	background: #555;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	border-bottom: 6px solid #555;
	border-top: 6px solid #555;
	padding: 2px 4px;
	height: 20px;
}
.statsTbl10 tr.even td {
	background: #f9f9f9;
}
.statsTbl10 td {
	height: 32px;
	padding: 2px 4px !important;
	text-align: right;
}
.statsTbl10 .name {
	min-width: 160px;
	width: 160px;
}
.statsTbl10 .numNA, .statsTbl .numNA  {
	color: #999;
}
.statsTbl10 .num1st,.statsTbl .num1st {
	color: #C92327;
}
.statsTbl10 .tEmblem {
	width: 8%;
}
.statsTbl10 .tEmblem img {
	max-height: 2em;
}

.statsTbl8 {
	border-collapse: separate;
	margin: 8px 0 16px;
}
.statsTbl8 td , .statsTbl8 th {
	text-align: center;
	width: 25%;
	height: 24px;
}
.statsTbl8 .s {
	margin: 0 1em;
} 
.statsTbl8 .info {  background: #f1f1f1; border: 4px solid #fff; }
.statsTbl8 th {
	background: #ddd;
	border: 4px solid #fff;
}
.statsTbl8 .tRank  { font-style: normal; }
.statsTbl8 .tRank .numL {
	font-size: 32px;
}
.statsTbl8 .tPt .numL {
	font-size: 32px;
}
.statsTbl8 .tRank .s , .statsTbl8 .tPt .s {
	font-size: 12px;
	margin-right: 0;
}
.statsTbl8 .statsWon {
	border-bottom: 2px solid #C92327;
}

table.dataTable thead .sorting span:nth-of-type(1) ,table.dataTable thead .sorting span:nth-of-type(2), table.dataTable thead .sorting_asc span:nth-of-type(1) ,table.dataTable thead .sorting_asc span:nth-of-type(2), table.dataTable thead .sorting_desc span:nth-of-type(1) ,table.dataTable thead .sorting_desc span:nth-of-type(2) {
	display: block;
	margin: 1px auto;
	padding: 0;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
}
table.dataTable thead .sorting span:nth-of-type(1) {
	border-bottom: 5px solid #888;
}
table.dataTable thead .sorting span:nth-of-type(2) {
	border-top: 5px solid #888;
}
table.dataTable thead .sorting_asc span:nth-of-type(1) {
	border-bottom: 5px solid #fff;
}
table.dataTable thead .sorting_asc span:nth-of-type(2) {
	border-top: 5px solid #888;
}
table.dataTable thead .sorting_desc span:nth-of-type(1) {
	border-bottom: 5px solid #888;
}
table.dataTable thead .sorting_desc span:nth-of-type(2) {
	border-top: 5px solid #fff;
}

/* 比較型 */
.tblCompare {
	display: block;
	height: 38px;
	margin: 12px 0;
}
.tblCompare em:nth-of-type(1) ,.tblCompare em:nth-of-type(2) ,.tblCompare em:nth-of-type(3)  {
	float: left;
}
.tblCompare em:nth-of-type(5) ,.tblCompare em:nth-of-type(6) ,.tblCompare em:nth-of-type(4)  {
	float: right;
}
.tblCompare em:nth-of-type(1) ,.tblCompare em:nth-of-type(4) {
	background: #555;
	padding: 10px 2%;
	font-style: 500;
	font-size: 12px;
	color: #f7f7f7;
	width: 9%;
	text-align: center;
}
.tblCompare em:nth-of-type(2) ,.tblCompare em:nth-of-type(5) {
	background: #555;
	padding: 7px 1%;
	font-style: 500;
	font-size: 16px;
	color: #f7f7f7;
	width: 22%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tblCompare em:nth-of-type(2) {
	text-align: right;
}
.tblCompare em:nth-of-type(5) {
	text-align: left;
}
.tblCompare em:nth-of-type(3) {
	width: 0;
	height: 0;
	border-bottom: 38px solid #555;
	border-right: 38px solid transparent;
}
.tblCompare em:nth-of-type(6) {
	width: 0;
	height: 0;
	border-bottom: 38px solid #555;
	border-left: 38px solid transparent;
}

/* １行型の表(5列,4列,3列)　*/
.statsTbl5, .statsTbl4, .statsTbl3 , .statsTbl2  {
	display:-webkit-box;
	display:-moz-box;
	display:box;
	display: flex;
	width: 100%;
	background: #f2f2f2;
	height: auto !important;
	margin: 5px 0;
}
.statsTbl5 dl, .statsTbl4 dl, .statsTbl3 dl , .statsTbl2 dl {
	flex: 1 1 0%;
	width: 17.8%;
	background: #f2f2f2;
	border-right: 1px solid #c1c1c1;
	margin: 8px 0.5%;
	padding: 0 0.5%;
	height: 118px;
	overflow: hidden;
	white-space: nowrap;
}
.statsTbl5.tstyle dl, .statsTbl4.tstyle dl, .statsTbl3.tstyle dl , .statsTbl2.tstyle dl {
	height: 138px;
}
.tstyle span.compare_avg {
	display: block;
	float: left;
	text-align: center;
	width: 100%;
	font-size: 12px;
}
.statsTbl5 dl {
	width: 17.8%;
}
.statsTbl4 dl {
	width: 22.8%;
}
.statsTbl3 dl {
	width: 30.8%;
}
.statsTbl2 dl {
	width: 45.8%;
}
.statsTbl5 dl:nth-of-type(5), .statsTbl4 dl:nth-of-type(4), .statsTbl3 dl:nth-of-type(3) , .statsTbl2 dl:nth-of-type(2) {
	border-right: none;
}
.statsTbl5 dt, .statsTbl4 dt, .statsTbl3 dt , .statsTbl2 dt {
	display: block;
	font-size: 16px;
	color: #333;
	padding: 8px 0;
}
.statsTbl5 dd, .statsTbl4 dd, .statsTbl3 dd, .statsTbl2 dd {
	display: block;
	color: #333;
	height: 64px;
}
.statsTbl5 .numL, .statsTbl4 .numL, .statsTbl3 .numL, .statsTbl2 .numL {
	float: left;
	width: 88%;
	font-size: 40px;
	text-align: right;
	height: 40px;
}
.statsTbl5 .perc, .statsTbl4 .perc, .statsTbl3 .perc, .statsTbl2 .perc {
	float: left;
	width: 10%;
	padding-top: 24px;
	height: 16px;
	font-size: 16px;
	font-weight: 200;
	text-align: left;
}
.statsTbl5 .dRank, .statsTbl4 .dRank, .statsTbl3 .dRank, .statsTbl2 .dRank {
	float: left;
	width: 100%;
	margin-top: 8px;
	font-size: 14px;
	text-align: right;
	color: #666;
}

/* チームスタイル用１ 4列,3列　*/
.statsTbl11, .statsTbl12 {
	display: block;
	background: #f2f2f2;
	height: 134px;
	margin: 5px 0;
}
.statsTbl11 a, .statsTbl12 a {
	float: left;
	width: 22.8%;
	border-right: 1px solid #c1c1c1;
	margin: 8px 0.5%;
	padding: 0 0.5%;
	height: 118px;
	overflow: hidden;
	white-space: nowrap;
	text-decoration: none;
}
.statsTbl12 a {
	width: 31%;
}
.statsTbl11 a:nth-of-type(4) {
	border-right: none;
}
.statsTbl12 a:nth-of-type(3) {
	border-right: none;
}
.statsTbl11 dt, .statsTbl12 dt {
	display: block;
	font-size: 16px;
	color: #333;
	padding: 8px 0;
}
.statsTbl11 dd, .statsTbl12 dd {
	display: block;
	color: #333;
	height: 64px;
}
.statsTbl11 .numL,.statsTbl12 .numL {
	float: left;
	width: 35%;
	margin-left: 5%;
	margin-top: 24px;
	font-size: 40px;
	text-align: left;
	vertical-align: bottom;
	height: 40px;
}
.statsTbl11 .graphPie {
	float: left;
	margin-left: 5%;
}
.statsTbl11 .mkLink1,.statsTbl12 .mkLink1 {
	float: right;
	width: 2%;
	top: 10px;
}
.statsTbl11 .graphPie span {
	margin-top: -65px;
	margin-left: 3px;
	padding-top: 15px;
}
.lineTbl {
	display: block;
	width: 100%;
}
.lineTbl table {
	border-collapse: separate;
	font-size: 16px;
}
.lineTbl td {

}
.lineTbl .name {
	width: 35%;
}
.lineTbl .mkTeam, .lineTbl .mkTeam_h, .lineTbl .mkTeam_a {
	width: 0.5%;
	border-radius: 0.5em;
}
.lineTbl .mkTeam {
}
.lineTbl .c {
	width: 14%;
}

.formation {
    height: 300px;
    text-align: center;
    /*
	background: #fff;
	background: url('/img/graph/bgF.png') no-repeat;
	background-size: auto 360px;
    background-position: bottom center;
    */
}
#homeFormation , #awayFormation {
	width: 100%;
	height: 100%;
	max-width: 360px;
	max-height: 277px;
	background-image: url('/img/graph/field1.png');
	background-size: 100% 100%;
}
/*
#jpnreport .formation {
	height: 420px;
	background-size: auto 420px;
}
*/
.formation div {
	margin: 10px 1% 4px;
	float: left;
	width: 18%;
	height: 56px;
}
.formation a {
	float: left;
	width: 100%;
	background: #fff;
	border: 1px solid #ccc;
	box-shadow: 0px 2px 2px #999;
	border-radius: 0.2em;
}
.formation span {
	float: left;
}
.formation .uni {
	width: 38%;
	margin-left: 2%;
	font-size: 24px;
	text-align: center;
	font-style: italic;
}
.formation .playicon {
	width: 60%;
	margin-top: 10px;
}
.formation .name {
	width: 90%;
	margin: 0 5%;
	height: 20px;
	font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.formation img {
	display: block;
	margin: auto auto;
	height: 80%;
	border: 1px solid #ccc;
	box-shadow: 0px 2px 2px #999;
	border-radius: 0.2em;
}
.formation .pName {
	text-align: center !important;
}
h4.tName {
	display: block;
	margin: 48px 0;
	height: 32px;
	font-size: 20px;
}
h4.tName img {
	height: 32px;
}
.gamePlayers table {
	border-collapse: collapse;
	font-size: 16px;
}
.gamePlayers th {
	text-align: center;
	height: 32px;
	padding: 16px 0;
}
.gamePlayers th span {
	font-size: 24px;
	/* padding-bottom: 6px;
	border-bottom: 1px solid #333; */
}
.gamePlayers td {
	width: 5%;
	text-align: right;
	font-weight: 400;
	white-space: nowrap;
}
.gamePlayers td.name {
	width: 75% !important;
	white-space: normal !important;
	text-align: left !important;
}
.gameRanking {
	display: block;
	float: left;
	margin: 12px 0;
	/*
	height: 172px;
	overflow: hidden; */
}
.gameRanking.open {
	/* height: auto;
	overflow: auto; */
}

.gameRanking .boxNext {
	margin-top: 0;
}
.gameRanking.open .boxNext, .gameRanking .close {
	display: none;
}
.gameRanking.open .close {
	display: table-row !important;
}
.gameRanking .mkLink3::after {
	left: 49.35%;
	top: 4px;
}

.rankTop {
	display: block;
	margin: 0.5em 0;
	float: left;
	width: 100%;
	text-align: center;
	background: #fff;
}
.rankTop.noPhoto dl {
	width: 85%;
}
.rankTop.noPhoto img {
	display: none;
}
.rankTop a {
	float: left;
	min-height: 148px;
	margin: 0 1.5%;
	text-decoration: none;
}
.rankTop img {
	float: left;
	width: 28%;
	height: auto !important;
}
.rankTop dl {
	float: left;
	margin-left: 2%;
	text-align: left;
	width: 57%;
}
.rankTop dt {
	display: block;
	height: 1em;
	text-align: left;
	margin-top: 2px;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #333;
	padding: 0;
}
.rankTop dt span {
	float: left;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.rankTop .numL {
	font-size: 310%;
	color: #333;
	margin: 0;
	padding: 0;
}
.rankTop.noPhoto dd {
	text-align: right;
}
.rankTop dd .s {
	font-size: 14px;
	color: #999;
	font-weight: 400;
	margin-left: 0.5em;
}
.rankTop em {
	display: inline;
	width: auto;
}
.rankTop span.en {
	font-size: 12px;
	margin: 0;
	padding: 0;
	height: 14px;
	font-weight: 400;
	letter-spacing: 0;
	color: #999;
}

.rankFive , .best11 {
	display: block;
	background: #fff;
	clear: both;
	height: 440px;
	text-align: center;
}
.best11 {
	height: 180px;
}
.rankFive img , .best11 img {
	margin: 0 auto;
	height: 125px;
}
.rankFive .swiper-slide a, .best11 .swiper-slide a  {
	display: block;
	overflow: hidden;
	text-align: center;
}
.rankFive .pRank {
	position: absolute;
	top: 0;
	margin-right: 24px;
	background: #333;
	color: #fff;
	width: 24px;
	height: 24px;
	font-weight: bold;
	font-style: italic;
	font-size: 16px;
}
.rankFive .numS {
	display: block;
	font-weight: bold;
	font-size: 24px;
	color: #333;
}
.rankFive .jpn, .best11 .jpn {
	display: block;
	font-size: 18px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.rankFive .eng {
	display: block;
	font-weight: 400;
	font-size: 12px;
	color: #999;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.rankFive h3 {
	margin-top: 0;
	padding-top: 0;
}
.best11 .swiper-button-prev, .best11 .swiper-button-next {
	display: block;
}
.rankList {
	display: block;
	margin: 24px auto;
	height: 152px;
}
.rankList div , .rankStats dl , .rankStats2 dl , .rankStats dl dd,.rankStats dl dt , .rankStats2 dl dd,.rankStats2 dl dt {
	float: left;
}
.rankList .playerPhoto {
	width: 25%;
}
.rankList .playerPhoto img {
	display: block;
	margin: 0 auto;
	width: 142px;
	border-radius: 0.7em;
	border: 4px solid #d8d8d8
}
.rankList .rankInfo {
	display: block;
	width: 74%;
}
.rankList .rankInfo span {
	display: inline-block;
	margin: 0;
	background: #333;
	color: #fff;
	width: 32px;
	font-weight: bold;
	padding: 6px 0;
	border-radius: 0.7em;
	text-align: center;
}
.rankList .rankInfo a {
	margin-left: 16px;
	font-size: 20px;
	text-decoration: none;
}
.rankList .rankStats , .rankList .rankStats2 {
	margin-top: 16px;
	width: 74%;
}
.rankStats dl dd,.rankStats dl dt, .rankStats2 dl dd,.rankStats2 dl dt  {
	margin-top: 8px;
}
.rankStats dl dt , .rankStats2 dl dt {
	font-size: 16px;
	background: #ccc;
	text-align: center;
}
.rankStats dl dt { width: 28%; }
.rankStats dl dd { width: 20%; padding-left: 2%; }
.rankStats2 dl dt { width: 35%; }

.rankStats dt.rankData , .rankStats2 dt.rankData {
	background: #555;
	color: #fff;
}
.rankStats dd.rankData , .rankStats2 dd.rankData {
	color: #C92327;
}
.rankLink {
	display: block;	
	border-bottom: 1px solid #999;
	height: 48px;
}
.rankLink.btLink1 a {
	border: 1px solid #891F1F;
	background: #fafafa;
	color: #891F1F;
	padding: 0.2em 1em;
}
.rankLink.btLink1 a:hover {
	background: #891F1F;
	color: #fafafa;
}
.infoList {
	display: block;
	height: 40px;
}
.infoList dl {
	float: left;
	width: 25%;
	margin: 0;
	font-size: 12px;
	background: #fff;
	padding: 4px 0;
}
.infoList dd,.infoList dt {
	display: inline-block;
	text-align: center;
	width: 40%;
	vertical-align: middle;
}
.infoList dt {
	background: #ddd;
	margin: 4px 5%;
	padding: 8px 0;
}
.linkList {
	display: block;
	color: #888;
	height: 16px;
}
.linkList a {
	color: #999;
	font-size: 14px;
	height: 16px;
}
.linkList li , .linkList li a {
	display: inline-block;
}
.linkList .prevPage , .linkList .nextPage {
	width: 20%;
}
.linkList .listPage {
	width: 60%;
	text-align: center;
}
.linkList .nextPage em {
	margin: 10px 2em 0 0;
	position: relative;
}
.linkList .nextPage em::after{
	content: "";
	width: 12px;
	height: 12px;
	position: absolute;
	border-top: solid 1px;
	border-right: solid 1px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	color: inherit;
}
.linkList .prevPage em {
	margin: 10px 0 0 1em;
	position: relative;
}
.linkList .prevPage em::after{
	content: "";
	width: 12px;
	height: 12px;
	position: absolute;
	border-top: solid 1px;
	border-right: solid 1px;
	transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	color: inherit;
}
.linkList .prevPage span {
	margin-left: 1.5em;
	margin-top: 1px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.linkList .nextPage span {
	margin-right: 1em;
	margin-top: 1px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.linkList .listPage em {
	margin-top: -6px;
	position: relative;
}
.linkList .listPage em::after{
	content: "";
	width: 8px;
	height: 8px;
	position: absolute;
	border-top: solid 1px;
	border-right: solid 1px;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	color: inherit;
}
#resultsList {
	display: none;
}
#resultsList li {
	margin: 4px 0;
	display: inline-block;
}
#resultsList li a { display: block; text-decoration: none; }
#resultsList .date, #resultsList .occno{
	display: inline-block;
	width: 48%;
}
#resultsList .date {
	text-align: right;
	padding-right: 2%;
}
#resultsList .occno {
	text-align: left;
	padding-left: 2%;
}
#resultsList .against {
	display: block;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#resultsList .resultsListLine {
	display: block;
	margin: 0 auto;
	width: 60%;
	border: 0.8px solid #888;
}
#resultsList .sel .resultsListLine {
	border: 0.8px solid #C92327;
}
.boxTimeline {
	display: block;
	border-collapse: collapse;
	overflow: hidden;
}
.homePoss , .awayPoss {
	width: 40%;
}
.boxTimeline td {
	height: 32px;
	padding: 0;
	margin: 0;
}
.boxTimeline .dataTtl , .boxTimeline .timebase {
	width: 20%;
	border-left: 1px solid #777;
	border-right: 1px solid #777;
	text-align: center;
}
.boxTimeline .timebase {
	font-size: 32px;
	padding: 6px 0;
}
.boxTimeline .homePoss em, .boxTimeline .awayPoss em {
	margin: 2px 0;
	height: 28px;
	font-size: 20px;
	box-shadow: 0px 2px 2px #aaa;
}
.boxTimeline .homePoss em {
	float: right;
	text-align: left;
	padding: 4px 0 4px 1em;
	border-top-left-radius: 0.8em;
	border-bottom-left-radius: 0.8em;

}
.boxTimeline .awayPoss em {
	float: left;
	text-align: right;
	padding: 4px 1em 4px 0;
	border-top-right-radius: 0.8em;
	border-bottom-right-radius: 0.8em;
}
.boxTimeline .homeShot , .boxTimeline .awayShot {
	height: 42px;
}
.boxTimeline .homeShot span, .boxTimeline .awayShot span, .boxTimeline .homeShot img, .boxTimeline .awayShot img {
	width: 14px;
	height: 14px;
	margin-top: 2px;
	border-radius: 0.8em;
}
.boxTimeline .homeShot span, .boxTimeline .homeShot img {
	float: right;
	margin-right: 5px;
}
.boxTimeline .awayShot span, .boxTimeline .awayShot img {
	float: left;
	margin-left: 5px;
}
.boxTimeline .goal {
	background: #222 !important;
}
td.r .tlStyleR , td.r .tlStyleO , td.r .tlStyleG, td.r .tlStyleB {
	float: right;
}
td.l .tlStyleR , td.l .tlStyleO , td.l .tlStyleG, td.l .tlStyleB {
	float: left;	
}
.tlStyleR , .tlStyleG , .tlStyleB , .tlStyleO {
	height: 76px;
	text-align: center;
}
.tlStyleR img , .tlStyleB img , .tlStyleG img ,.tlStyleO img {
	display: block;
	height: 60px;
	margin: 0 auto;
	padding: 0;
	border-radius: 5%;
	box-shadow: 0px 1px 3px 2px #ccc;
}
.tlStyleR span , .tlStyleO span , .tlStyleB span , .tlStyleG span {
	position: relative;
	top: -10px;
	padding: 2px 4px;
	border-radius: 1em;
	background: #fff;
	font-size: 10px;
	box-shadow: 0px 0px 3px #fff;
	overflow: hidden;
}
.tlStyleR span {
	border: 1px solid #C92327;
	color: #C92327;
}
.tlStyleB span {
	border: 1px solid #0FA8D5;
	color: #0FA8D5;
}
.tlStyleG span {
	border: 1px solid #1CB19B;
	color: #1CB19B;
}
.tlStyleO span {
	border: 1px solid #F68F40;
	color: #F68F40;
}

.tlStyleIdx1 span {
	z-index: 200;
}
.tlStyleIdx2 span {
	z-index: 190;
}
.tlStyleIdx3 span {
	z-index: 180;
}
.suspend1 , .suspend2 {
	text-align: center;
}
.suspend1 span , .suspend2 span {
	padding: 2px;
	border-radius: 0.2em;
}
.suspend1 span {
	background-color:#D20000;
	border:solid 1px #970000;
	color: #fff;
}
.suspend2 span {
	background-color:#D9D900;
	border:solid 1px #AAAA00;
	color: #000;
}

.iziModal td.c {
	width: 30%;
}
.iziModal td.r {
	width: 40%;
}
.iziModal .tr3 th {
	background: #333;
	color: #fff;
	font-weight: bold;
}
.iziModal .tr2 th {
	background: #ccc;
	color: #000;
}

.resultD {
	display: inline-block;
	margin-right: 6px;
	margin-bottom: -3px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 14px solid #888;
}
.resultW , .resultL {
	display: inline-block;
	margin-bottom: -3px;
	margin-right: 8px;
	width: 14px;
	height: 14px;
	border-radius: 1em;
}
.resultW {
	border: 1px solid #666;
	background: #fff;
}
.resultL {
	border: 1px solid #333;
	background: #333;
}
span.home , span.away {
	display: block;
	margin: 0 auto;
	border-radius: 0.4em;
	text-align: center;
}
.away {
	border: 1px solid #a1a1a1;
	color: #999;
}
.btLink1 {
	display: block;
	text-align: center;
	margin: 1.5em 0 1em;
	font-size: 13px;
}
.btLink1 a {
	display: inline-block;
	margin: 0 auto;
	padding: 0.5em 1em;
	border-radius: 2em;
	background: #333;
	color: #f7f7f7;
	text-decoration: none;
}
.btLink1 span  {
	margin-left: 0.8em;
}
.mkLink1 {
	float:right;
	margin-right: 0.8em;
	position: relative;
}
.mkLink1::after{
	content: "";
	width: 8px;
	height: 8px;
	position: absolute;
	border-top: solid 1px;
	border-right: solid 1px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	color: inherit;
}
.mkLink2 {
	position: relative;
	width: 24px;
	height: 24px;
	float: right;
	margin-right: 2em;
	transition: all .4s;
	box-sizing: border-box;
}
.mkLink2 span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
	position: absolute;
	left: 6px;
	width: 50%;
	height: 2px;
	background: #333;
	border-radius: 4px;
}
.mkLink2 span:nth-of-type(1) {
	top: 5px;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
}
.mkLink2 span:nth-of-type(2) {
	top: 5px;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
}
.mkLink2.active span:nth-of-type(1) {
	top: 5px;
    transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}
.mkLink2.active span:nth-of-type(2) {
	top: 5px;
    transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
}
.mkLink3::after{
	content: "";
	width: 12px;
	height: 12px;
	position: absolute;
	border-top: solid 2px;
	border-right: solid 2px;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	color: #333;
}
.mkLink4 {
	margin: 0 auto;
	border-radius: 1em;
	height: 16px;
	border: 1px solid #891F1F;
	width: 80px;
}
.mkLink4 span {
	float: left;
	margin-left: 36px;
}
.mkLink4 span::after {
	content: "";
	width: 8px;
	height: 8px;
	position: absolute;
	border-top: solid 2px;
	border-right: solid 2px;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	color: #891F1F;
}
.mkLink4:hover {
	background: #891F1F;
}
.mkLink4:hover span::after {
	color: #fff;
}

#teamContents.open .boxNext .mkLink3::after{
	transform: rotate(315deg);
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	top: 12px;
}
#teamContentsSP .mkLink3 {
	display: block;
	position: relative;
	cursor: pointer;
	width: 12px;
	top: 12px;
	left: 88%;
}
#teamContentsSP .mkLink3::after {
	border-top: solid 2px;
	border-right: solid 2px;
}
#teamContentsSP.close .mkLink3 {
	top: 17px;
}
#teamContentsSP.close .mkLink3::after {
	transform: rotate(315deg);
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
}

.rankTop .mkLink1::after {
	top: 3em;
}
.btLink1 .mkLink1::after {
	top: 0.4em;
}
#footer .mkLink1::after {
	top: 6px;
}
#footer .fList .mkLink1::after {
	top: 6px;
}

.numL {
	font-weight: lighter;
}

.graph {
	padding: 10px 0 20px;
}
.graph div {
	display: block;
	margin: 0 8%;
	height: 9px;
}
.prev .graph div {
	border: none;
}
.repo .graph div {
	border: 1px solid #b7183f;
}
.graph em {
	float: left;
	height: 9px;
}
.graphBarL , .graphBarR {width: 10%;}
.graphBarL em , .graphBarR em {
	height: 18px;
	box-shadow: 0px 1px 1px #aaa;
}
.graphBarL em { float: right; text-align: right;}
.graphBarR em { float: left; text-align: left;}
.graph em.clr1 { background: #b7183f; }
.graph em.clr3 { background: #31bfcd; }
.graph em.clr4 { background: #f9b211; }
.graph em.clr5 { background: #f04e63; }
.graph em.clr0 { background: #ccc; }
.fclrRed { color: #C92327; }
.fclrOrange { color: #F68F40; }
.fclrGreen { color: #1CB19B; }
.fclrBlue { color: #0FA8D5; }
.fclrGray { color: #666;}
.chartPara .bclrRed dd em { background: #C92327;}
.chartPara .bclrOrange dd em { background: #F68F40;}
.chartPara .bclrGreen dd em { background: #1CB19B;}
.chartPara .bclrBlue dd em { background: #0FA8D5;}
.bclrVio dd em{background:#8F76D6}
.bclrGrey dd em{background:#BFBFBF}

.agClr { background: #666;}

.graphPie span {
	display: block;
	position: relative;
	width: 62px;
	height: 47px;
	text-align: center;
	border-radius: 100%;
	background: #f2f2f2;
	font-weight: 400;
	font-size: 22px;
}
.graphPie {
	width: 68px;
	height: 68px;
	border-radius: 100%;
	background: #c1c1c1;
	background-image: linear-gradient(to right,transparent 50%, #666 0);
}
.graphPie::before {
	content: "";
	display: block;
	margin-left: 50%;
	height: 100%;
	border-radius: 0em 100% 100% 0em / 50%;
	background: #666;
	transform-origin: left;
	-webkit-transform-origin: left;
	-moz-transform-origin: left;
}
#chartPie , #chartPie2 {
	height: 260px;
}
#lineChart1 , #lineChart2 , #goal_graph_t , #lost_graph_t {
	width: 100%;
	height: 190px;
}
#tstyle_xy, #tsseason, #ccs1, #ccs2, #ccs3, #ccs4 {
	width: 100%;
	height: 460px;
}
#goal_graph, #goal_graph2, #lost_graph, #lost_graph2, #posse_graph, #posse3_graph {
	width: 100%;
	height: 620px;
}
#chartStream , #chartStream2 {
	width: 100%;
	height: 160px;
	border-bottom: 1px solid #666;
	border-top: 1px solid #666;
}
.boxHalf h3 , .boxHalfSP h3 {
	display: block;
	font-size: 20px;
	font-weight: 400;
	padding: 8px 0 8px;
}
#chartPitch {
	display: block;
	height: 260px;
	background: url('/img/graph/bgA.png') no-repeat;
	background-size: 65% 210px;
	background-position: 50% 0;
}
#chartBar {
	display: block;
	padding: 0 1%;
	height: 260px;
}
#chartHomeShots , #chartAwayShots {
	width: 310px;
	height: 189px;
	margin: 0 auto;
	background: url('/img/graph/shot.png') no-repeat;
	background-position: 50%;
	background-size: 100%;
}
#daily, #score_states { height: 140px;}
#d3ps1 {
	text-align: center;
}
ul.chartLegendTe , ul.chartLegendSm {
	display: block;
	font-size: 12px;
}
.chartLegendTe li , .chartLegendSm li {
	display: inline-block;
}
.chartLegendTe em {
	border-radius: 1em;
	display: inline-block;
	width: 12px;
	height: 12px;
}
.chartLegendSm em {
	display: inline-block;
	width: 12px;
	height: 12px;
}

.h2hChart {
	height: 80px;
}
.h2hChart span {
	display: inline-block;
	width: 48%;
}
.h2hChart .s {
	margin-left: 2px;
	text-align: left;
}
.h2hChart .numL {
	font-size: 40px;
	text-align: right;
}
.h2hBarChart {
	display:-webkit-box;
	display:-moz-box;
	display:box;
	display: flex;
}
.h2hBarChart em {
	flex: 1 1 0%;
	border-radius: 0.2em;
	height: 16px;
	border: 1px solid #fff;
}

.hotzone {
	border-collapse: separate;
	background: none;
	background: url('/img/graph/pitch_hz2.png') no-repeat;
	background-position: 50%;
	background-size: 100%;
	margin: 0 auto;
	width: 310px;
	height: 202px;
	border-spacing: 2px;
}
.hotzone td {
	width: auto;
	border: none;
	border-radius: 0.6em;
	font-size: 8px;
	text-align: center;
}
.HZdefinition {
	display: block;
	width: 80%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-size: 12px;
	color: #666;
}
.HZdefinition table {
	border-collapse: collapse;
}
.sp_pk_suc ,.sp_pk_fls {
	margin: 0 3px;
	padding: 1px 3px;
	border-radius: 0.3em;
}
.sp_pk_suc {
	background:#333;
	color: #fff;
}
.sp_pk_fls {
	background:#ddd;
	color: #333;
}
.angleLR, .angleRL {
	margin: 0;
}
.angleLR td, .angleRL td {
	height: 36px;
}
.angleLR span, .angleRL span {
	margin-left: 7%;
}
.angleLR span::after{
	content: "";
	width: 12px;
	height: 12px;
	position: absolute;
	border-top: solid 10px;
	border-right: solid 10px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}
.angleRL span::after{
	content: "";
	width: 12px;
	height: 12px;
	position: absolute;
	border-top: solid 10px;
	border-right: solid 10px;
	transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
}
.angleLR span:nth-of-type(1) {
	color: #ccc;
	margin-left: -8%;
}
.angleRL span:nth-of-type(1) {
	color: #888;
	margin-left: -4%;
}
.angleLR span:nth-of-type(2),.angleRL span:nth-of-type(4) {
	color: #bbb;
}
.angleLR span:nth-of-type(3),.angleRL span:nth-of-type(3) {
	color: #aaa;
}
.angleLR span:nth-of-type(4),.angleRL span:nth-of-type(2) {
	color: #999;
}
.angleLR span:nth-of-type(5) {
	color: #888;
}
.angleRL span:nth-of-type(5) {
	color: #ccc;
}
.HZgreen td , .HZbluered td {
	height: 8px;
	width: 10%;
}
.HZgreen td:nth-of-type(1) {background: rgba(230,248,238,0.64);}
.HZgreen td:nth-of-type(2) {background: rgba(204,241,221,0.67);}
.HZgreen td:nth-of-type(3) {background: rgba(179,234,203,0.71);}
.HZgreen td:nth-of-type(4) {background: rgba(153,227,186,0.74);}
.HZgreen td:nth-of-type(5) {background: rgba(128,220,169,0.78);}
.HZgreen td:nth-of-type(6) {background: rgba(102,212,152,0.81);}
.HZgreen td:nth-of-type(7) {background: rgba(77,205,135,0.85);}
.HZgreen td:nth-of-type(8) {background: rgba(51,198,117,0.88);}
.HZgreen td:nth-of-type(9) {background: rgba(26,191,100,0.92);}
.HZgreen td:nth-of-type(10) {background: rgba(0,184,83,0.95);}
.HZbluered td:nth-of-type(1) {background: rgba(0,114,186,0.95);}
.HZbluered td:nth-of-type(2) {background: rgba(51,142,200,0.88);}
.HZbluered td:nth-of-type(3) {background: rgba(102,170,214,0.81);}
.HZbluered td:nth-of-type(4) {background: rgba(153,199,227,0.74);}
.HZbluered td:nth-of-type(5) {background: rgba(204,227,241,0.67);}
.HZbluered td:nth-of-type(6) {background: rgba(253,214,221,0.67);}
.HZbluered td:nth-of-type(7) {background: rgba(251,173,187,0.74);}
.HZbluered td:nth-of-type(8) {background: rgba(248,132,152,0.81);}
.HZbluered td:nth-of-type(9) {background: rgba(246,91,118,0.88);}
.HZbluered td:nth-of-type(10) {background: rgba(244,50,84,0.95);}

.chartGame {
	display:-webkit-box;
	display:-moz-box;
	display:box;
	display: flex;
	width: 100%;
	min-height: 520px;
	margin-top: 32px;
}
.chartGame div {flex: 1 1 0%;}
.chartGame div span {
	display: block;
	background: #666;
	border: 1px solid #fff;
	color: #fff;
	text-align: center;
	padding: 8px 0;
}
.chartGame div ul , .chartGame div li a  {
	display: block;
}
.chartGame div li a  {
	width: 80%;
	margin: 8px 10%;
	border: 1px solid #666;
	border-radius: 20%;
	text-decoration: none;
}
.chartGame div li a.won {
	background: #f9f9f9;
	color: #333;
}
.chartGame div li a.draw {
	background: #999;
	color: #fff;
}
.chartGame div li a.lost {
	background: #333;
	color: #fff;
}
.chartGame div li a.won span {
	color: #333;
}
.chartGame div li a.draw span {
	color: #fff;
}
.chartGame div li a.lost span {
	color: #fff;
}
.chartGame div li span {
	background: none;
	height: 20px;
	padding: 0;
	border: none;
}
.chartGame div li a:hover {
	text-decoration: none;
}
.chartGame div li em {
	margin-left: 5%;
}

.depthTbl table th {
	height: 32px;
	color: #fff;
}
.depthTbl table td.l {
	width: 85%;
}
.depthClr1 th , .depthMenu .depthSelCF .sel { 
	background: #962549;
	color: #fff;}
.depthClr2 th , .depthMenu .depthSelLSH .sel , .depthMenu .depthSelOH .sel , .depthMenu .depthSelRSH .sel { 
	background: #A77349;
	color: #fff;}
.depthClr3 th , .depthMenu .depthSelLWB .sel , .depthMenu .depthSelCH .sel , .depthMenu .depthSelRWB .sel {
	background: #606C29;
	color: #fff;}
.depthClr4 th , .depthMenu .depthSelLSB .sel , .depthMenu .depthSelCB .sel , .depthMenu .depthSelRSB .sel {
	background: #3E6F99;
	color: #fff;}
.depthClr5 th , .depthMenu .depthSelGK .sel {
	background: #333;	color: #fff;}
.depthMenu .depthSelCF a { 
	border: 1px solid #962549;	color: #962549;}
.depthMenu .depthSelLSH a , .depthMenu .depthSelOH a , .depthMenu .depthSelRSH a { 
	border: 1px solid #A77349;	color: #A77349;}
.depthMenu .depthSelCH a , .depthMenu .depthSelRWB a , .depthMenu .depthSelLWB a { 
	border: 1px solid #606C29;	color: #606C29;}
.depthMenu .depthSelLSB a , .depthMenu .depthSelRSB a , .depthMenu .depthSelCB a { 
	border: 1px solid #3E6F99;	color: #3E6F99;}
.depthMenu .depthSelGK a { 
	border: 1px solid #333;	color: #333;}

.depthMenu {
	display: block;
	font-size: 16px;
	text-align: center;
	height: 236px;
}
.depthMenu table { 
	margin: auto;
	background-image: url("/img/graph/bgM.png");
	background-repeat: no-repeat;
	background-size: 315px 220px;
	display: block;
	width: 315px;
	border-collapse: collapse;
}
.depthMenu th {
	background: #333;
	color: #fff;
	opacity: 0.8;
	height: 32px;
}
.depthMenu td {
	width: 105px;
	height: 32px;
	background: none;
	text-align: center;
}
.depthMenu a {
	display: block;
	opacity: 0.9;
	background: #f1f1f1;
	border-radius: 1em;
	box-shadow: 0px 1px 1px #333;
	text-decoration: none;
}
.depthMenu .depthFew a {
	opacity: 0.5;
}
.depthMenu .depthNone a {
	opacity: 0.1;
	background: none !important;
	border: 1px solid #333;
	color: #333;
	cursor: default;
}
.depthMenu .depthNone a:hover {
	color: #333;
}
.depthFom {
	margin-top: 5px;
	margin-left: 0;
	border-collapse: collapse;
	background: none;
	background-image: url("/img/graph/bg_mini_trans.png");
	background-repeat: no-repeat;
	background-size: 68px 95px;
	width: 68px;
	height: 95px;
	text-align: center;
}
.depthFom td {
	background: none;
}
.depthFom em {
	display: block;
	margin: auto;
	width: 8px;
	height: 8px;
	border: 1px solid #A2C191;
	border-radius: 1em;
}
.depthFom .clr1 em {
	background: #359026;
	border: 1px solid #359026;
	box-shadow: 0 1px 1px #333;
}
.depthFom .clr2 em {
	background: #A2C191;
	border: 1px solid #A2C191;
	box-shadow: 0 1px 1px #333;
}
.statsTbl .depthFom {
	margin: auto;
}
.playerPos , .chartPara , .playerPosSP {
	margin-bottom: 16px;
}
.playerPos table {
	background-image: url("/img/graph/bg_pitch_wide.png");
	background-repeat: no-repeat;
	background-size: 100% 140px;
	height: 140px;
	border-collapse	: collapse;
}
.playerPosSP table, .playerPosCompare table {
	background-image: url("/img/graph/bgF.png");
	background-repeat: no-repeat;
	background-size: 100% 240px;
	height: 240px;
	border-collapse	: collapse;
}
.playerPos tr , .playerPosSP tr, .playerPosCompare tr {
	background:none;
}
.playerPos td {
	background:none;
	height:36px;
	width:20%;
}
.playerPosSP td, .playerPosCompare td {
	background:none;
	height:36px;
	width:33%;
}
.playerPos dl , .playerPosSP dl, .playerPosCompare dl {
	height: 28px;
	text-align:center;
	vertical-align:middle;
}
.playerPos dt , .playerPos dd , .playerPosSP dt , .playerPosSP dd ,.playerPosCompare dt, .playerPosCompare dd {
	float: left;
	width: 50%;
}
.playerPos .posDataTop dl , .playerPosSP .posDataTop dl, .playerPosCompare .posDataTop dl {
	color:#333;
	font-size:20px;
	font-weight:bold;
	background-color:#d1d1d1;
	opacity:0.9;
}
.playerPos dl , .playerPosSP dl, .playerPosCompare dl {
	border: 4px solid #d1d1d1;
	color:#333;
	font-size:20px;
	font-weight:bold;
	background:#ccc;
	opacity:0.6;
	filter: alpha(opacity=60); /* IE lt 8 */
	-ms-filter: "alpha(opacity=60)"; /* IE 8 */
}
.playerPos .posDataNml dl , .playerPosSP .posDataNml dl, .playerPosCompare .posDataNml dl {
	color:#333;
	font-size:20px;
	font-weight:bold;
	opacity:0.9;
	filter: alpha(opacity=90); /* IE lt 8 */
	-ms-filter: "alpha(opacity=90)"; /* IE 8 */
}
.playerPos .posLine {

}
.playerPos .posDataTop .posLine , .playerPosSP .posDataTop .posLine, .playerPosCompare .posDataTop .posLine {
	border-bottom: 4px solid #CA3C49;
}
.playerPos .posDataNml .posLine , .playerPosSP .posDataNml .posLine, .playerPosCompare .posDataNml .posLine {
	border-bottom: 4px solid #EF7421;
}

.chartPara dl {
	display: block;
	height: 36px;
	border-bottom: 1px solid #c1c1c1;
}
.chartPara dt {
	text-align: right;
	width: 49%;
	padding: 6px 1% 6px 0;
}
.chartPara dt , .chartPara dd {
	float: left;
}
.chartPara dd {
	width: 50%;
	
}
.chartPara dd .numL {
	font-size: 24px;
	float: left;
	text-align: center;
	width: 48px;
}
.chartPara dd em {
	width: 4px;
	float: left;
	height: 24px;
	margin: 6px 1px 6px 0;
}


.simulationHeader {
	display: block;
	background: #333;
	color: #fff;
	font-size: 48px;
	padding: 24px 0;
	margin: 16px 0 32px;
	text-align: center;
}
img.simulationPng {
	display: block;
	max-width: 100%;
	margin: 24px auto;
}
ul.squareUL {
	list-style-type: square;
	margin-left: 3em;
}
.simulationSelect {
	display: block;
}
.simulationSelect li {
	display: inline-block;
	width: 20%;
	padding: 0;
	margin: 0;
	text-align: center;
}
.simulationSelect img {
	display: block;
	margin: 0 auto;
}
.simulationTl td {min-height: 24px;}
.simulationTl td.name { width: 40%; font-size: 12px;}
.simulationTl td.c { width: 10%;}
.simulationTl td.mk , .simulationTl td.mkShot , .simulationTl td.mkGoal { width: 5%;}
.simulationTl td.mkShot span , .simulationTl td.mkGoal span {
	padding: 2px 4px;
	color: #fff;
	border-radius: 0.1em;
}
.simulationTl td.mkShot span {background: #999;}
.simulationTl td.mkGoal span {background: #333;}
.simulationTl td.btmL {border-bottom: 1px solid #d1d1d1;}
/*
.simulationTl {height: 140px; overflow: hidden;}
.simulationTl.open {height: auto; overflow:auto;}
*/
.transfer_in { 
	border: 1px solid #006A95;
	color: #fff !important; 
	background: #3D87C3 !important;
	text-align: center;
}
.transfer_in_loan {
	border: 1px solid #006A95;
	color: #223B80;
	text-align: center;
}
.transfer_out {
	border: 1px solid #8B2530 ; 
	color: #fff !important; 
	background: #CA3C49 !important;
	text-align: center;
}
.transfer_out_loan {
	border: 1px solid #8B2530;
	color: #8B2530;
	text-align: center;
}

.top_banner:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
.top_banner img {
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
/* to comparison
---------------------------------------*/
#compare_team_button, #compare_player_button {
	border-radius: 0.5em;
	margin: 16px 10%;
	text-align: center;
	width: 80%;
}
.compare_btn_2 {
	color: #cacaca;
}
.compare_btn_1 {
	color: #111111;
}


/* pr
---------------------------------------*/
.pr_info {
	display: block;
	text-align: center;
}
.pr_info img {
	margin: 16px auto;
	max-width: 100%;
	width: auto;
}
/* footer
---------------------------------------*/
#footer ,#copyright p {
	max-width: 1080px;
	padding: 1%;
	margin: 0 auto;
	clear: both;
	display: block;
	font-size: 12px;
}
#footer a {
	text-decoration: none;
}
.fList {
	float: left;
}
.fList a {
	color: #333;
}
.fList h6 {
	margin: 5px 0;
	padding: 5px 0;
	width: 100%;
	font-weight: 500;
	font-size: 12px;
	border-bottom: 1px solid #999;
}
.fList ul {
	margin: 0;
	padding: 0;
}
#copyright {
	display: block;
	width: 100%;
	background: #f8f8f8;
	font-size: 14px;
	height: 30px;
	padding: 1em 0;
}
#copyright span {
	float: left;
	width: 70%;
	margin-top: 10px;
}
#copyright img {
	float: right;
}
#fNav {
	display: block;
	width: 100%;
	text-align: center;
}
#license {
	padding: 1em 0;
}
#fNav,#fNav a:link, #fNav a:visited, #copyright {
	color: #333;
	text-decoration: none;
}
#footer #fNav a:hover, #footer #fNav a:active {
	text-decoration: underline;
	color: #333;
}
.spfMenu {
	float: left;
	width: 100%;
	margin-bottom: 8px;
}
.spfMenu li {
	float: left;
	width: 50%;
	border-top: 1px solid #999;
	box-sizing: border-box;
}
.spfMenu a {
	display: block;
	padding: 20px 8%;
	font-size: 14px;
	font-weight: 400;
}
.spfMenu li:nth-of-type(odd) {
	border-right: 1px solid #999;
}
.spfMenu li:nth-of-type(5),.spfMenu li:nth-of-type(6) {
	border-bottom: 1px solid #999;
}

/* column list
---------------------------------------*/
.listColumn {
	display: block;
	background: #fff;
}
.listColumn .imgBox {
	width: 100%;
	height: 175px;
	overflow: hidden;
	position: relative;
	float: left;
	background: #333;
}
.listColumn .imgBox img {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.4;
}
.listColumn .imgBox img.clmTh {
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
	transform: rotate(-15deg);
	-webkit-transform: rotate(-15deg);
	-moz-transform: rotate(-15deg);
	transform-origin: 100% 0;
	-webkit-transform-origin: 100% 0;
	-moz-transform-origin: 100% 0;
	/*top: -60px;
	left: -10px;*/
	left: -27%;
    top: -70%;
}
.listColumn .imgBox span {
	position: absolute;
	display: inline-block;
	width: 0;
	margin-left: 10%;
	height: 164px;
	border-style: solid;
	border-width: 0 16px 12px 16px;
	border-color: transparent transparent #fff transparent;
}
.listColumn .textBox, .listColumn .textBox2, .listColumn .textBox3 {
	display: block;
	width: 100%;
	margin-bottom: 16px;
	float: left;
	position: relative;
}
.listColumn .textBox { min-height: 186px; height: 186px;}
.listColumn .textBox2 { min-height: 148px; height: 148px;}
.listColumn .textBox3 { min-height: 90px; height: 90px;}
.listColumn .textBox .cTtl, .listColumn .textBox2 .cTtl, .listColumn .textBox3 .cTtl {
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	height: 68px;
	border-bottom: 1px solid #e8e8e8;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.listColumn .imgBox .icon_new_tab {
	left: auto;
	right: 0;
	opacity: 1;
}
.listColumn .socials {
	width: 100%;
	margin-top: 8px;
	text-align: right;
	float: none;
}
.listColumn .tw, .listColumn .fb {
	float: left;
}
.listColumn .goDetail {
	display: inline-block;
	white-space: nowrap;
	text-align: right;
	float: right;
	margin-top: 12px;
	font-weight: 500;
	font-size: 9px;
	text-decoration: none;
}
.listColumn .goDetail span {
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 10px 10px;
	border-color: transparent transparent #666 transparent;
}
.listColumn .goDetail:hover span {
	border-color: transparent transparent red transparent;
}
.listColumn .tagLine , .clmHeader .tagLine  {
	margin-top: 12px;
	background-image: url('/img/ui/icon_tag.png');
	background-repeat: no-repeat;
	padding-left: 16px;
	height: 3em;
	font-size: 11px;
	overflow: hidden;
}
.archiveColumn .tagLine {
	display: block;
	height: 440px;
	margin-left: 1%;
	padding: 0px 3% 32px;
	font-size: 14px;
}
.archiveColumn .tagLine ul {
	list-style-type: square;
}
.archiveColumn .tagLine li {
	float: left;
	width: 25%;
}
.archiveColumn .clmMonth {display: block;}

.clmHeader , .othHeader {
	display: block;
	float: left;
	background: #fff;
	width: 94%;
}
.clmHeader {
	padding: 32px 3%;
	margin: 24px 0;
}
.othHeader {
	padding: 16px 3% 0;
	margin: 12px 0 0;
}
.clmHeader .ttl, .othHeader .ttl {
	display: block;
	line-height: 32px;
	height: auto !important;
	border-bottom: 1px solid #d1d1d1;
	text-align: left;
	font-size: 32px;
	font-weight: 500;
	width: 92%;
	padding: 0 4%;
}
.clmHeader .ttl {
	min-height: 64px;
	margin: 32px 0;
	padding-bottom: 12px;
}
.othHeader .ttl {
	min-height: 32px;
	margin: 16px 0;
	padding-bottom: 6px;
}
#categoryImg .clmTtl {
	text-indent: -1000%;
	overflow: hidden;
}
.clmTypeL , .clmTypeB , .clmTypeR , .clmTypeT {
	float: left;
	background: #fff;
	width: 92%;
	padding: 32px 4%;
	word-break: break-all;
}
.cpt {
	width: 96%;
	padding: 0 2%;
}
.cpt a {
	word-break: break-all;
}
.clmTypeL .clmImg { float: left;}
.clmTypeB .clmImg { float: left;}
.clmTypeR .clmImg { float: right;}
.clmTypeT .clmImg { float: right;}
.clmImg {
	width: 100%;
	padding: 0 0 32px;
	text-align: center;
}
.clmImg img,#articleMain img {
	max-width: 100%;
	width: auto;
	max-height: 1000px;
	height: auto;
}
.pagingNum , .roundlist {
	display: block;
	height: 36px;
	padding: 0px 0% 32px 1%;
}
.roundlist {
	height: 120px;
}
.pagingNum *, .roundlist * {
	display: inline-block;
	margin: 2px;
    padding: 2px 6px;
	width: 1em;
    text-align: center;
}
.pagingNum a:link , .roundlist a:link {
	background: #f7f7f7;
	text-decoration: none;
}
.pagingNum a:visited , .roundlist a:visited {
	background: #f7f7f7;
	text-decoration: none;
}
.pagingNum a:hover , .roundlist a:hover {
	background: #e60012;
	color: #fff;
}
.pagingNum a:active, .roundlist a:active,
.pagingNum a.sel, .roundlist a.sel ,
.pagingNum span, .roundlist span {
	background: #1a1a1a;
	color: #fafafa;
}

@media (min-width: 641px){
/* 641px以上
---------------------------------------*/
#header {	height: 144px;}
#gNav ul {	width: 98%; border-top: 1px solid rgba(106,105,117,.4); padding: 1%;}
#gNav ul li {	width: 14%;}
#searchBox.sp { display: none; }
#logo , #catchcopy { display: block;}
.boxThird ,.rankTop a ,.gameTbl a {	width: 30.32%;}
.sp , h4.sp {display: none;}
.sSocials .twBtn { margin-right: 2em;}
#footer .fList { height: 460px;}
#teamMenu {
	width: 80%;
	top: 144px;
	padding: 1%;
}
#teamMenu .sp {
	display: block;
	text-align: center;
	font-weight: 400;
	font-size: 16px;
}
#teamMenu .teTtl {display: none;}
#teamMenu .teTab, .spfMenu, .sp {	display: none;}
#teamMenu .lName {
	display: block;
	width: 98%;
	font-size: 12px;
	border-bottom: 1px solid #999;
	padding: 4px 1%;
}
#teamMenu .teList a {
	height: 28px;
	width: 11%;
	text-align: left;
	margin: 4px 0;
}
#teamMenu .teList img {
	float: none;
	height: 20px;
	padding-top: 2px;
	vertical-align: bottom;
}
#teamHeader .emblem , #playerHeader .photo {width: 28%;}
#teamHeader .teamName , #playerHeader .playerName {width: 72%;}
#teamHeader .jpn , #playerHeader .jpn ,#japanHeader .jpn {font-size: 36px;}
#teamHeader .eng , #playerHeader .eng ,#japanHeader .eng {font-size: 20px;}
#teamContentsSP {display: none;}
#teamContents.summaryHeader {height: 273px;}
.lgNavJ1 a, .lgNavJ1 a:hover ,.lgNavJ2 a, .lgNavJ2 a:hover ,.lgNavJ3 a, .lgNavJ3 a:hover, .lgNavJ1.sel a, .lgNavJ1 a:active ,.lgNavJ2.sel a, .lgNavJ2 a:active ,.lgNavJ3.sel a, .lgNavJ3 a:active {

}
.lgNavJ1 a {background-image: url('/img/ui/j1mono1.png');}
.lgNavJ2 a {background-image: url('/img/ui/j2mono1.png');}
.lgNavJ3 a {background-image: url('/img/ui/j3mono1.png');}
.lgNavJ1 a:hover,.lgNavJ1 a:active,.lgNavJ1 .sel {
	background-image: url('/img/ui/j1clr1.png');
}
.lgNavJ2 a:hover,.lgNavJ2 a:active,.lgNavJ2 .sel {
	background-image: url('/img/ui/j2clr1.png');
}
.lgNavJ3 a:hover,.lgNavJ3 a:active,.lgNavJ3 .sel {
	background-image: url('/img/ui/j3clr1.png');
}
.top_banner img {	width: 33%;}
.fList .mkLink2 {display: none;}
.fList {width: 20%;}
.rankTop img {
	margin-top: 0.5em;
}
.rankTop .numL {
	letter-spacing: -2px;
}
.rankFive .swiper-button-prev, .rankFive .swiper-button-next {
	display: none;
}
.statsTbl11 em.mkLink4 ,.statsTbl12 em.mkLink4 { display: none; }
ul.chartLegendTe , ul.chartLegendSm {
	width: 87%;
	margin-left: 13%;
}
.chartLegendTe li { width: 12%;}
.chartLegendSm li { width: 24%;}
.depthChart {
	background-image: url("/img/graph/bg_depth.png");
	background-repeat: no-repeat;
	background-size: 100% 1280px;
	min-height: 1280px;
	font-size: 16px;
}
.depthRow {
	display:-webkit-box;
	display:-moz-box;
	display: box;
	display: flex;
}
.depthTbl {
	flex: 1 1 0%;
	height: 250px;
}
.depthTbl table {
	width: 90%;
	margin: 24px 5% 8px;
	box-shadow: 0px 0px 4px #999;
	border: 1px solid #ddd;
}
.depthMenu, .tlStyleNone {display: none;}
.tlStyleR , .tlStyleG , .tlStyleB , .tlStyleO {width: 21%;}
#teRankPlayH , #teRankLastH , #teRankAstH , #teRankShotH , #teRankGoalH , #teRankTimeH {
	text-align: center;
	font-size: 18px;
	margin: 16px 0 !important;
}
#teRankPlayH a , #teRankLastH a , #teRankAstH a , #teRankShotH a , #teRankGoalH a , #teRankTimeH a {
	text-decoration: none;
}
#teRankPlayH em , #teRankLastH em , #teRankAstH em , #teRankShotH em , #teRankGoalH em , #teRankTimeH em {
	display: none;
}
#resultsList li {	width: 20%; }
.transfer_in_loan {	width: 10%;	}
.transfer_out {	width: 10%;	}
.transfer_out_loan {	width: 10%;	}
.transfer_in {	width: 10%;	}
.playerPosSP {display: none;}
.playerPos, .playerPosCompare {display: block;}
.simulationSelect span { display: block; }
.simulationSelect li img {
	height: 116px;
	width: 116px;
}
.btLink1 a {width: 33%;}
.boxThird .btLink1 a {width: 90%; }
.rankStats dl , .rankStats2 dl {width: 80%;}
.rankStats2 dl dd { width: 12%; padding-left: 3%; }
.listColumn .tagLine {display: block;}
.listColumn .socials {display: block;}
.archiveColumn .clmMonth div {
	display: inline-block;
	width: 10%;
	background: #e1e1e1;
	text-align: center;
	height: 32px;
}
.archiveColumn .clmMonth div a {
	display: block;
	margin: 0 auto;
	padding: 6px 0;
	text-decoration: none;
	cursor: default;
	color: #333;
}
.archiveColumn .clmMonth div a:hover {
	color: #333;
}
.archiveColumn .clmMonth div em { display: none;}
.archiveColumn .clmMonth ul {
	display: inline-block;
	width: 88%;
}
.archiveColumn .clmMonth li {
	display: inline-block;
	margin-left: 1em;
	padding: 6px 0;
}
.clmTypeL .clmImg,
.clmTypeR .clmImg
{
	width: 48%;
}
.clmTypeR h3 , .clmTypeR h2 , .clmTypeL h3 , .clmTypeL h2 {
	display: inline-block;
	width: 50%;
}
#rwdMenuWrap {
	display: none;
}

} @media (max-width: 640px){
/* 640px以下
---------------------------------------*/
#header {	display: none;}
#logo , #catchcopy { display: none;}
.sSocials .twBtn { margin-right: 4px;}
.sSocials .uiDate { display: block; }
.boxHalf { display: block;  width: 98%; }
.boxThird ,.rankTop a ,.gameTbl a {	display: block; margin: 0 auto; width: 97%;}
.boxThird.h2hChart { display: inline-block; margin: 0 1.5%;	width: 30.32%;}
#gNav {	display: none;}
.spfMenu, .sp {display: block;}
.dsktp { display: none; }
.prev.dsktp { display: none !important; }
.repo.dsktp { display: none !important; }
.boxThird.dsktp { display: none !important; }
.fList ul {display: none;}
.fList {width: 100%;}
.fList .mkLink2 {display: inline-block;}
#teamMenu {
	width: 100%;
	top: 60px;
}
#teamMenu .teTtl {
	display: block;
	text-align: center;
}
#teamMenu .teTab {
	display: block;
	margin: 4px 0;
}
#teamMenu .teTab li {
	float: left;
	width: 33%;
	background: #e8e8e8;
	border-bottom: 1px solid #666;
	text-align: center;
}
#teamMenu .teTab li a {
	display: block;
	padding: 6px 0 2px;
	text-decoration: none;
}
#teamMenu .teTab li a.sel {	
	background: #d1d1d1;
}
#teamMenu .teTab li:nth-of-type(2) {
	border-right: 1px solid #666;
	border-left: 1px solid #666;
}
#teamMenu .teList {
	display: block;
	margin: 4px 0;
}
#teamMenu .lName {	display: none;}
#teamMenu .teList a {
	height: 78px;
	width: 25%;
	text-align: center;
	margin: 4px 0;		
}
#teamMenu .teList span {
	display: inline-block;
	width: 98%;
	padding: 0;
}
#teamMenu .teList img {
	height: 56px;
}
#teamMenu .btnClose {
		background: #d1d1d1;
}
#teamHeader , #playerHeader {height: 242px; text-align: center;}
#teamHeader em , #playerHeader em { margin: 0 auto; }
#teamHeader .emblem , #playerHeader .photo {width: 100%; display: block;}
#teamHeader .jpn , #playerHeader .jpn ,#japanHeader .jpn {font-size: 22px;}
#teamHeader .eng , #playerHeader .eng ,#japanHeader .eng {font-size: 16px;}
#teamHeader .teamName , #playerHeader .playerName , #japanHeader .teamName {display: block; width: 100%; height: 92px;} 
#teamContents {display: none;}
#teamContentsSP {display: block;}
.seasonMenu {
	height: 96px
}
#teamContentsSP {
	display: block;
	background: #fff;
	height: 132px;
	padding: 0;
	margin: 0;
}
#teamContentsSP.summaryHeader {
	height: 196px;
}
.seasonMenu h2 {padding: 0;}
#teamContentsSP h2 {padding: 12px 0;}
.seasonMenu h2 , #teamContentsSP h2 {
	font-weight: 600;
	font-size: 16px;
	margin: 12px auto;
}
#teamContentsSP ul {
	list-style-type: none;
}
#teamContentsSP ul:before, #teamContentsSP ul:after {
	content: "";
	display: table;
}
#teamContentsSP ul:after {
	clear: both;
}
#teamContentsSP li a , #teamContentsSP span.sel  {
	display: block;
	width: 90%;
	margin: 0 5%;
	padding: 8px 0;
	background: #e0e0e0;
	color: #333;
	text-align: center;
	border-bottom: 1px solid #999;
	font-size: 20px;
	text-decoration: none;
	cursor: pointer;
}
#teamContentsSP li ul {
	list-style: none;
	position: relative;
	z-index: 999;
}
#teamContentsSP li ul li a {
	background: #f7f7f7;
	padding: 4px 0;
	border-bottom: none;
	color: #333;
	text-align: center;
	font-size: 20px;
}
#teamContentsSP li ul li a {font-size: 16px;}
#teamContentsSP li:hover > a {
	background: #333;
	color: #fff;
}
#teamContentsSP li a:hover {
	background: #333;
	color: #fff;
}
#teamContentsSP li ul {
	display: none;
}
#teamContentsSP li ul.open {
	display: block;
}
/*
#teamContentsSP li:hover ul {
	display: block;
}	*/
.lgNavJ1 a {background-image: url('/img/ui/j1mono2.png');}
.lgNavJ2 a {background-image: url('/img/ui/j2mono2.png');}
.lgNavJ3 a {background-image: url('/img/ui/j3mono2.png');}
.lgNavJ1 a:hover,.lgNavJ1 a:active,.lgNavJ1 .sel {
	background-image: url('/img/ui/j1clr2.png');
}
.lgNavJ2 a:hover,.lgNavJ2 a:active,.lgNavJ2 .sel {
	background-image: url('/img/ui/j2clr2.png');
}
.lgNavJ3 a:hover,.lgNavJ3 a:active,.lgNavJ3 .sel {
	background-image: url('/img/ui/j3clr2.png');
}
.lgNavJ1 a, .lgNavJ1 a:hover ,.lgNavJ2 a, .lgNavJ2 a:hover ,.lgNavJ3 a, .lgNavJ3 a:hover, .lgNavJ1 .sel, .lgNavJ1 a:active ,.lgNavJ2 .sel, .lgNavJ2 a:active ,.lgNavJ3 .sel, .lgNavJ3 a:active {
	background-size: 80%;
}
#footer .fList { height: auto;}
.fList h6, .fList li  {
	padding-left: 4%;
	width: 96%;
}
.tabLink {	height: 62px;}
.tabLink a {	height: 66px;}
.tabLink span { height: 38px;}
.btLink1 a {width: 66%;}
#topImg { height: 200px;}
#topImg .jpn { font-size: 14px; margin-top: 46px;}
#topImg .eng { font-size: 36px; margin-top: 8px;}
.top_banner img {	width: 100%;}
.rankTop img {
	margin-top: 0;
}
.rankTop .numL {
	letter-spacing: 0;
}
.rankFive .swiper-button-prev, .rankFive .swiper-button-next {
	display: block;
}
.statsTbl6 .tr3 {display: table-row;}
.statsTbl6 .tr3 td {text-align: center;}
.statsTbl6 .tr2 td {background: #fff;}
.statsTbl5 , .statsTbl4 , .statsTbl3 , .statsTbl2 {
	margin: 0;
	display: block;
}
.statsTbl5 dl, .statsTbl4 dl, .statsTbl3 dl, .statsTbl2 dl {
	width: 98%;
	margin: 0 1%;
	padding: 4px 0;
	height: 50px;
	overflow: hidden;
	white-space: nowrap;
	border-right: none;
	border-bottom: 1px solid #c1c1c1;
}
.statsTbl5.tstyle dl, .statsTbl4.tstyle dl, .statsTbl3.tstyle dl, .statsTbl2.tstyle dl {
	height: 70px;
}
.statsTbl5 dt, .statsTbl4 dt, .statsTbl3 dt, .statsTbl2 dt {
	float: left;
	width: 50%;
	font-size: 16px;
	padding: 8px 0;
}
.statsTbl5 dd, .statsTbl4 dd, .statsTbl3 dd, .statsTbl2 dd {
	float: left;
	width: 50%;
	display: block;
	height: 50px;
}
.statsTbl5 .numL, .statsTbl4 .numL, .statsTbl3 .numL , .statsTbl2 .numL {
	float: left;
	width: 60%;
	font-size: 35px;
}
.statsTbl5 .perc, .statsTbl4 .perc, .statsTbl3 .perc, .statsTbl2 .perc {
	float: left;
	width: 10%;
	padding-top: 20px;
	font-size: 16px;
}
.statsTbl5 .dRank, .statsTbl4 .dRank, .statsTbl3 .dRank, .statsTbl2 .dRank {
	float: left;
	width: 30%;
	padding-top: 14px;
	font-size: 14px;
}
.statsTbl5 .dRank span, .statsTbl4 .dRank span, .statsTbl3 .dRank span, .statsTbl2 .dRank span {
	display: block;
	margin-right: 4em;
	position: relative;
}
.statsTbl5 .dRank span::after, .statsTbl4 .dRank span::after, .statsTbl3 .dRank span::after, .statsTbl2 .dRank span::after{
	content: "";
	top: 9px;
	width: 12px;
	position: absolute;
	border-top: solid 1px;
	transform: rotate(115deg);
	-webkit-transform: rotate(115deg);
	-moz-transform: rotate(115deg);
	color: inherit;
}
.statsTbl10 .name {
	min-width: 130px;
	width: 130px;
}
.statsTbl11 { height: 308px; margin: 0; }
.statsTbl12 { height: 232px; margin: 0;}
.statsTbl11 a, .statsTbl12 a {
	width: 98%;
	margin: 0 1%;
	padding: 4px 0;
	height: 68px;
	overflow: hidden;
	white-space: nowrap;
	border-right: none;
	border-bottom: 1px solid #c1c1c1;
}
.statsTbl11 dt, .statsTbl12 dt {
	float: left;
	width: 55%;
	font-size: 16px;
	color: #333;
}
.statsTbl11 dd, .statsTbl12 dd {
	float: left;
	color: #333;
	width: 45%;
}
.statsTbl11 .numL,.statsTbl12 .numL {
	float: left;
	margin-top: 10px;
	width: 25%;
}
.statsTbl11 .graphPie {
	float: left;
	margin-left: 15%;
}
.statsTbl11 .mkLink1,.statsTbl12 .mkLink1 {
	display: none;
}
.statsTbl11 .graphPie span {
	margin-top: -65px;
	margin-left: 3px;
	padding-top: 15px;
}
.statsTbl11 span,.statsTbl12 span {display: block;}
.statsTbl11 em.mkLink4, .statsTbl12 em.mkLink4 {
	display: block;
	margin: 12px 0 0 5%;
}
.tlStyleR img , .tlStyleB img , .tlStyleG img ,.tlStyleO img {
	height: 50px;
}
.tlStyleR span , .tlStyleO span , .tlStyleB span , .tlStyleG span {
	font-size: 8px;
}
#teRankPlayH , #teRankLastH , #teRankAstH , #teRankShotH , #teRankGoalH , #teRankTimeH {
	background: #f1f1f1;
	padding: 6px 0;
	text-align: center;
	font-size: 18px;
	margin: 32px 0 16px !important;
}
#teRankPlayH a , #teRankLastH a , #teRankAstH a , #teRankShotH a , #teRankGoalH a , #teRankTimeH a {
	text-decoration: none;
}
#teRankPlayH em , #teRankLastH em , #teRankAstH em , #teRankShotH em , #teRankGoalH em , #teRankTimeH em {
	margin-top: 6px;
}
#teRankPlay , #teRankLast , #teRankAst , #teRankShot , #teRankGoal , #teRankTime {
	
}
#resultsList li {	width: 25%; }
.gameRanking {
	/* height: 262px; */
}
.chartGame {
	display: block;
	margin-top: 72px;
}
.chartGame div li {
	display: inline-block;
	width: 24%;
}
.chartGame div li a  {
	display: inline-block;
	width: 90%;
	margin: 8px 5%;
}
.boxHalfSP .hotzone {
	width: 152px;
	height: 102px;
	border-spacing: 0px;
}
.boxHalfSP .hotzone td {
	height: 12px;
}
.suspend1 span , .suspend2 span {
	width: 2px;
	text-indent: -10000%;
	overflow: hidden;
	display: block;
}
.caption .suspend1, .caption .suspend2 {
	display: inline-block;
	width: 12px;
}
.caption .suspend1 span, .caption .suspend2 span {
	height: 0.5em;
}
.graphBox {width: 100%;}
#chartPie , #chartPie2 {
	width: 100%;
	height: 240px;
}
ul.chartLegendTe , ul.chartLegendSm {margin-left: 4%;}
.chartLegendTe li {width: 24%;}
.chartLegendSm li {width: 48%;}
.caption div.l, .caption div.r {
	display: block;
	width: 100%;
	margin: 8px 0;
	border-bottom: 1px solid #c1c1c1;
}
.rankList {
	height: 302px;
}
.rankList .playerPhoto {
	width: 100%;
}
.rankList .rankInfo {
	width: 100%;
	text-align: center;
}
.rankList .rankStats , .rankList .rankStats2 {
	width: 100%;
}
.rankStats dl , .rankStats2 dl {
	width: 100%;
}

.rankStats2 dl dt { width: 39%; font-size: 14px; padding: 2px 0;}
.rankStats2 dl dd { width: 11%; text-align: center; padding: 2px 0;}
.tlStyleR , .tlStyleG , .tlStyleB , .tlStyleO {width: 31%;}
.tlStyleG span {
	margin-left: -5px !important;
}
.infoList {
	height: 80px;
}
.infoList dl {
	width: 50%;
}
.infoList dd,.infoList dt {
	width: 40%;
}
.playerPosSP {display: block;}
.playerPos, .playerPosCompare {display: none;}
.simulationSelect li img {
	height: 56px;
	width: auto;
}
.simulationSelect span { display: none; }
.listColumn .textBox , .listColumn .textBox2  {
	border-bottom: 1px solid #666;		
}	
.transfer_in_loan {	width: 20% !important;	}
.transfer_out {	width: 20% !important;	}
.transfer_in {	width: 20% !important;	}
.transfer_out_loan {	width: 20% !important;	}
.clmTypeL .cpt , .clmTypeL .clmImg,
.clmTypeR .cpt , .clmTypeR .clmImg
{
	width: 100%;
}
.archiveColumn .clmMonth div {
	display: block;
	width: 95%;
	background: #e1e1e1;
	margin: 5px 0;
	padding: 5px 0 5px 5%;
	height: 24px;
}
.archiveColumn .clmMonth ul {
	display: none;
}
.archiveColumn .clmMonth li {
	display: inline-block;
	width: 18%;
	text-align: center;
}
.archiveColumn .clmMonth .mkLink2 {
	display: inline-block;
	margin-top: 6px;	
}
.archiveColumn .tagLine {height: 840px;}
.archiveColumn .tagLine li {width: 50%;}	
#menuOverlay {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(245,245,245,0.6);
	display: none;
	position: fixed;
	z-index: 997;
}
#switchBtnArea {
	width: 100%;
	height: 60px;
	background: #fff;
	background-image: url('/img/ui/logo.png');
	background-repeat: no-repeat;
	background-size: auto 28px;
	background-position: 50% 50%;
	border-bottom: #aaa 1px solid;
	position: relative;
}
#switchBtnArea #switchBtn {
	top: 10px;
	left: 10px;
	width: 40px;
	height: 40px;
	display: block;
	background: #fff;
	position: absolute;
	z-index: 998;
}
#switchBtnArea #teamBtn {
	top: 10px;
	right: 10px;
	width: 40px;
	height: 40px;
	display: block;
	background: #fff;
	position: absolute;
	z-index: 998;
}
#switchBtnArea #switchBtn span ,#switchBtnArea #teamBtn.btnClose span  {
	left: 20%;
	width: 60%;
	height: 4px;
	display: block;
	position: absolute;
	background-color: #333;
	border-radius: 5px;
	transition: all 0.2s linear;
}
#switchBtnArea #teamBtn span  {
	top: 18px;
	width: 10%;
	height: 4px;
	display: block;
	position: absolute;
	background-color: #333;
	border-radius: 5px;
	transition: all 0.2s linear;
}
#switchBtnArea #switchBtn span:nth-of-type(1) {
	top: 12px;
	transform: rotate(0);
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
}
#switchBtnArea #switchBtn span:nth-of-type(2) {
	bottom: 12px;
	transform: rotate(0);
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	width: 30%;
}
#switchBtnArea #teamBtn span:nth-of-type(1) {
	left: 25%;
	transform: rotate(0);
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
}
#switchBtnArea #teamBtn span:nth-of-type(2)  {
	left: 50%;
	transform: rotate(0);
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
}
#switchBtnArea #teamBtn span:nth-of-type(3)  {
	left: 75%;
	transform: rotate(0);
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
}
#switchBtnArea #switchBtn.btnClose ,#switchBtnArea #teamBtn.btnClose  {
	background: transparent;
}
#switchBtnArea #switchBtn.btnClose span:nth-of-type(1) ,#switchBtnArea #teamBtn.btnClose span:nth-of-type(1) {
	top: 18px;
	left: 20%;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
}
#switchBtnArea #teamBtn.btnClose span:nth-of-type(2) {
	transform: scale(0);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
}
#switchBtnArea #switchBtn.btnClose span:nth-of-type(2) ,#switchBtnArea #teamBtn.btnClose span:nth-of-type(3) {
	bottom: 18px;
	left: 20%;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	width: 60%;
}
#rwdMenuWrap {
	top: 0;
	left: -240px;
	width: 240px;
	height: 100%;
	background: #444;
	background:-moz-linear-gradient(left,#444 ,#444 97%,#111);
	background:-ms-linear-gradient(left,#444 ,#444 97%,#111);
	background:-o-linear-gradient(left,#444 ,#444 97%,#111);
	background:linear-gradient(left , #444 ,#444 97%,#111);
	background:-webkit-gradient(linear, left top, right top, from(#444), color-stop(0.97, #444), to(#111));
	overflow: auto;
	position: fixed;
	z-index: 999;
}
#rwdMenuWrap ul {
	width: 90%;
}
#rwdMenuWrap ul li {
	margin-left: 5%;
	width: 90%;
	border-bottom: #777 1px solid;
}
#rwdMenuWrap ul li a {
	padding: 15px 20px;
	text-align: left;
	display: block;
	background: #444;
	color: #fff;
	position: relative;
	text-decoration: none;
}
#rwdMenuWrap ul li a:after {
	content: '';
	margin-top: -4px;
	top: 50%;
	right: 15px;
	width: 8px;
	height: 8px;
	color: #888;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.2em;
	display: block;
	position: absolute;
	border-top: 2px solid #95989a;
	border-right: 2px solid #95989a;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}
}

@media (min-width: 641px) and (max-width: 830px) {
.rankTop dd .s {
	display: none;
}
}

/* ------------------------------
   CLEARFIX ELEMENTS
------------------------------ */
#gNav > ul:before,
#gNav > ul:after {
    content: " ";
    display: table;
}
#gNav > ul:after {clear: both;}
#gNav > ul {*zoom: 1;}