@charset "utf-8";
/* CSS Document */


/***************************************************************************************************************************/
/* home                                                                                                                    */

@media screen and (min-width: 1001px){
}
@media screen and (min-width: 600px) {
}
@media screen and (max-width: 1000px) {
}
@media screen and (max-width: 599px) {
}

/* home
/***************************************************************************************************************************/

body{
	width:100%;
	overflow-x:hidden;
	}
a.shopBanner{
	display:none;
	}
img.back, img.back2{
	display:none;
	}	

section a[rel~='nofollow']{
	outline:none !important;
	}
section a[rel~='nofollow']>img{
	outline:none !important;
	}
@media screen and (min-width: 1300px){
body>div{
	position:relative;
	overflow:visible;
	}
div.back, div.back2{
	display:block;
	width:155px;
	position:absolute;
	margin-left:990px;
	text-align:right;
	top:1000px;
	}
div.back2{
	text-align:left;
	margin-left:-165px;
	}
img.back{
	display:inline-block;
	}
a.shopBanner{
	display:inline-block;
	}
img.back{
	position:absolute;
	right:-480px;
	z-index:-1;
	}
}
@media screen and (min-width: 600px) {
}
@media screen and (max-width: 1000px) {
}
@media screen and (max-width: 599px) {
}


/***************************************************************************************************************************/
/* state                                                                                                                    */

section.state>div{
	color:#fff;
	}
section.state>div>div{
	padding-top:16px;
	padding-bottom:0px;
	}
section.state div h3, section.photo h3{
	width:100%;
	margin-top:-16px;
	margin-bottom:4px;
	height:30px;
	line-height:30px;
	overflow:hidden;
	background:url(../../image/home/stateTitle.png) left top repeat-x;
	text-align:center;
	font-weight:normal;
	font-size:1em;
	}



section.state .nextGame{
	position:relative;
	}
section.state .nextGame p.next{
	color:#d2d1d1;
	font-weight:bold;
	height:72px;
	padding-left:10px;
	}
section.state .nextGame p span{
	display:inline-block;
	padding:4px;
	padding-top:6px;
	line-height:1em;
	color:#fff;
	margin-left:10px;
	}
section.state .nextGame p span.away{
	background:#306cb6;
	}
section.state .nextGame p span.home{
	background:#f26c00;
	}
section.state .nextGame p strong{
	color:#fff;
	font-size:1.2em;
	display:block;
	margin-top:6px;
	}
section.state .nextGame img{
	position:absolute;
	top:40px;
	right:10px;
	}
section.state .nextGame .day{
	text-align:center;
	font-size:0.8em;
	}
section.state .nextContact{
	padding:0;
	display:table;
	width:100%;
	}
section.state .nextContact:after{
	content:'';
	display:block;
	clear:both;
	}
section.state .nextContact a{
	width:50%;
	height:48px;
	display:table-cell;
	line-height:1.4em;
	vertical-align:middle;
	box-sizing:border-box;
	padding:0px 30px 0px 20px;
	color:#fff;
	text-decoration:none;
	background:url(../../image/home/stateArror.png) right 16px center no-repeat;
	background-color:#e60808;
	position:relative;
	border:1px dotted #fb4949;
	font-size:0.8em;
	}
section.state .nextContact .access{
	background-color:#da1342;
	}
section.state .nextContact a:hover, section.state .nextContact a:active{
	background-color:#fd3333;
	}
section.state .nextContact .access:hover, section.state .nextContact .access:active{
	background-color:#fe2155;
	}
	
	
	
section.state .previousResult{
	text-align:center;
	}
section.state .previousResult span{
	display:inline-block;
	}
section.state .previousResult span.icon{
	width:50px;
	font-size:0.8em;
	line-height:1em;
	}
section.state .previousResult span.result{
	position:relative;
	top:-20px;
	font-size:1.6em;
	}
section.state .previousResult p{
	font-size:0.8em;
	color:#d2d1d1;
	}
section.state .previousResult p:not([class]){
	line-height:1.4em;
	padding-bottom:6px;
	}
	
	
section.state .nowRanking{
	text-align:center;
	}
section.state .nowRanking .lank span{
	font-size:2.6em;
	line-height:1em;
	padding:6px 2px 2px 0;
	display:inline-block;
	}
section.state .nowRanking  p:not([class]){
	font-size:0.8em;
	line-height:1em;
	}
	
	
	
section.state .membership{
	line-height:1.2em;
	text-align:right;
	padding:8px 10px 8px;
	}
section.state .membership table{
	width:100%;
	padding-bottom:4px;
	box-sizing:border-box;
	font-size:0.8em;
	}
section.state .membership table td, section.state .membership table th{
	background:rgba(255,255,255,0.1);
	padding:4px 8px;
	font-weight:normal;
	}
section.state .membership table th{
	text-align:left;
	}
section.state .membership p{
	font-size:0.8em;
	}
	
section.state .end{
	font-size:12px !important;
	color:#d2d1d1;
	padding:30px 0 44px;
	text-align:center;
	}

@media screen and (min-width: 1001px){
section.state{
	float:right;
	width:240px;
	}
section.state>div:first-child{
	background:#131313;
	color:#fff;
	height:414px;
	}
section.state .nextGame, section.state .nowRanking{
	background:#131313;
	}
section.state .previousResult{
	background:#373737;
	}
section.state .membership{
	background:url(../../image/home/member.png) left top no-repeat;
	margin-top:8px;
	}
section.state .membership h3{
	display:none !important;
	}
}
@media screen and (min-width: 600px) {
}
@media screen and (max-width: 1000px) {
section.state{
	margin:30px 0;
	}
section.state:after{
	display:block;
	content:'';
	clear:both;
	}
section.state>div>div{
	float:left;
	width:50%;
	height:178px;
	box-sizing:border-box;
	border-right:1px solid #333;
	border-left:1px solid #333;
	background:#131313;
	}
section.state>div>div:nth-of-type(1){
	background:#373737;
	}
section.state .membership{
	float:left;
	width:50%;
	box-sizing:border-box;
	border:1px solid #333;
	background:#373737;
	}
section.state .membership h3{
	margin-top:-9px;
	width:100%;
	padding:0 10px;
	margin-left:-10px;
	}
section.state .nowRanking, section.state .membership{
	height:186px;
	}



section.state .nextGame p.next{
	padding-left:20px;
	}
section.state .previousResult h3{
	margin-bottom:30px;
	}
section.state .nowRanking h3{
	margin-bottom:30px;
	}
	
section.state .previousResult .end{
	margin-top:-26px;
	}
section.state .end{
	padding-top:40px;
	}
}
@media screen and (max-width: 599px) {
section.state>div>div, section.state .membership, section.state .nowRanking{
	float:none;
	width:100%;
	height:auto;
	box-sizing:border-box;
	background:#131313;
	}
section.state>div>div:nth-of-type(1){
	background:#131313;
	}
section.state .previousResult{
	background:#373737;
	}
section.state .membership{
	background:#373737;
	}
section.state .previousResult h3{
	margin-bottom:10px;
	}
section.state .nowRanking h3{
	margin-bottom:10px;
	}
section.state .nowRanking{
	padding-bottom:10px;
	}
	
section.state .previousResult .end{
	margin-top:-0px;
	}
section.state .end{
	padding:20px 0 30px;
	}
}

/* state
/***************************************************************************************************************************/



/***************************************************************************************************************************/
/* promo                                                                                                                    */

section.promo li{
	display:inline-block;
	background:#fff;
	line-height:0.5em;
	}
section.promo .promoArea li{
	position:absolute;
	left:0;
	top:0;
	}
section.promo .promoArea li:not(:nth-of-type(1)){
	display:none;
	}
section.promo{
	position:relative;
	}
section.promo .promoArea{
	position:relative;
	}
section.promo .promoArea p{
	position:absolute;
	line-height:20px;
	text-align:center;
	bottom:12px;
	left:0;
	width:100%;
	}
section.promo .promoArea span{
	width:10px;
	height:10px;
	background:#aaa;
	border-radius:20px;
	cursor:pointer;
	display:inline-block;
	margin:0 4px;
	box-shadow:1px 1px 1px rgba(0,0,0,0.4)inset;
	}
section.promo .promoArea span.now{
	background:#666;
	}

@media screen and (min-width: 1001px){
section.promo{
	width:734px;
	}
}
@media screen and (min-width: 600px) {
}
@media screen and (max-width: 1000px) {
section.promo .promoArea li{
	width:100%;
	}
section.promo .promoArea img{
	width:100%;
	max-width:none;
	height:auto;
	}
section.promo .promoBanner li{
	width:25%;
	float:left;
	text-align:center;
	}
section.promo .promoBanner li img{
	width:98%;
	}
section.promo .promoBanner:after{
	content:"";
	display:block;
	clear:both;
	;
	}
}
@media screen and (max-width: 599px) {
section.promo .promoBanner li{
	width:50%;
	margin-bottom:4px;
	}
}

/* promo
/***************************************************************************************************************************/




/***************************************************************************************************************************/
/* information                                                                                                             */

.information .infoNav{
	border-bottom:4px solid #178924;
	background:#1f1f1f;
	}
.information .infoNav li{
	float:left;
	width:14.28%;
	text-align:center;
	display:block;
	background:#1f1f1f;
	color:#fff;
	text-decoration:none;
	font-size:0.9em;
	line-height:28px;
	height:30px;
	padding-top:2px;
	box-sizing:border-box;
	overflow:hidden;
	cursor:pointer;
	}
.information .infoNav li:hover, .information .infoNav li.nowInfo{
	background:#6e6e6e;
	}
.information .infoNav:after{
	display:block;
	content:"";
	clear:both;
	}
	

.wpList{
	border-bottom:1px solid #f1f1f1;
	}
.information>a, .sponsorMore a{
	display:block;
	margin:10px;
	background:#eeebeb;
	text-align:center;
	color:#333;
	text-decoration:none;
	padding:10px 0;
	border-radius:4px;
	}
.information>a span:before, .sponsorMore a:before{
	content:url(../../image/common/moreArror.png);
	padding-right:6px;
	}
.information>a:hover, .information>a:active, .sponsorMore a:hover, .sponsorMore a:active{
	background:#faf7f7;
	}
	
.sponsorMore a{
	padding:0;
	margin:0;
	}
	
.information .wpList{
	display:none;
	}
.information ul:nth-of-type(2){
	display:table;
	}

@media screen and (min-width: 1001px){
.info_banner{
	width:100%;
	}
.info_photo{
	float:left;
	width:602px;
	margin-bottom:10px;
	}
.information{
	width:594px;
	border:4px solid #d1d0d0;
	}
}
@media screen and (min-width: 600px) {
.information .infoNav li:not(:last-child){
	border-right:1px solid #6e6e6e;
	}
	

}
@media screen and (max-width: 1000px) {
.information{
	margin-top:30px;
	}
}
@media screen and (max-width: 599px) {
.information{
	margin:30px 0;
	}
.information .infoNav li{
	float:left;
	width:25%;
	text-align:center;
	}
.information .infoNav li{
	border-right:1px solid #6e6e6e;
	}
.information .infoNav li:nth-of-type(1),
.information .infoNav li:nth-of-type(2),
.information .infoNav li:nth-of-type(3),
.information .infoNav li:nth-of-type(4){
	border-bottom:1px solid #6e6e6e;
	}
	
}

/* information
/***************************************************************************************************************************/



/***************************************************************************************************************************/
/* photo                                                                                                                   */

section.photo h3{
	margin-top:0px;
	margin-bottom:10px;
	}
.photo>a{
	margin-top:10px;
	display:block;
	background:#131313;
	text-align:center;
	color:#fff;
	text-decoration:none;
	}
.photo>a p{
	font-size:0.8em;
	margin-top:-6px;
	}
.photo>a:hover, .photo>a:hover:active{
	background:#555;
	}
.photo>a:hover img, .photo>a:active img{
	opacity:1;
	}
@media screen and (min-width: 1001px){
.photo>a{
	height:258px;
	box-sizing:border-box;
	}
}
@media screen and (min-width: 600px) {
.photo>a{
	float:left;
	width:49.5%;
	}
.photo>a:last-child{
	float:right;
	}
.photo:after{
	display:block;
	clear:both;
	content:"";
	}
}
@media screen and (max-width: 1000px) {
.photo{
	margin-top:30px;
	}
}
@media screen and (max-width: 599px) {
}

/* photo
/***************************************************************************************************************************/




/***************************************************************************************************************************/
/* sponsor                                                                                                                 */

.sponsor h3{
	background:#00491e;
	font-size:1em;
	font-weight:normal;
	color:#fff;
	text-align:center;
	font-size:0.9em;
	padding-top:2px;
	border-bottom:2px solid #026029;
	}
	
.sponsor img, .banner img{
	vertical-align:bottom;
	}

@media screen and (min-width: 1001px){
.sponsor{
	float:left;
	width:190px;
	padding-right:8px;
	padding-left:8px;
	position:relative;
	vertical-align:top;
	}
.sponsor ul{
	background:#fff;
	border:1px solid #e1e0e0;
	width:170px;
	padding:10px 10px 0;
	}
.sponsor li, .banner li{
	padding-bottom:10px;
	}
.topicsSponsor{
	position:absolute;
	bottom:0;
	}
	
.sp_only{
	display:none !important;
	}
}
@media screen and (min-width: 600px) {
}
@media screen and (max-width: 1000px) {
.sponsor{
	margin-top:30px;
	}
.sponsor li{
	display:inline-block;
	margin:10px 4px 4px;
	}
li.sponsorMore{
	display:block;
	padding:0 10px;
	margin:0 0 20px;
	}
li.sponsorMore a{
	padding:10px;
	}
.topicsSponsor{
	display:block;
	text-align:center;
	margin:20px auto;
	}
.sponsor h3{
	margin-top:14px;
	}
	
.sp_only{
	display:block;
	}
	
}
@media screen and (max-width: 599px) {
}
@media screen and (max-width: 360px){
.sponsor li{
	display:block;
	margin:10px auto 0;
	text-align:center;
	}
	
}

/* sponsor
/***************************************************************************************************************************/



/***************************************************************************************************************************/
/* banner                                                                                                                  */

@media screen and (min-width: 1001px){
.banner{
	float:right;
	width:170px;
	background:#fff;
	}
.banner ul{
	width:148px;
	padding:10px;
	border:1px solid #e1e0e0;
	margin:0 auto;
	}
}
@media screen and (min-width: 600px) {
}
@media screen and (max-width: 1000px) {
.banner li{
	display:inline-block;
	margin:10px 4px;
	}
}
@media screen and (max-width: 599px) {
}
@media screen and (max-width: 360px){
.banner li:nth-of-type(2n+1){
	float:left;
	clear:both;
	padding-left:20px;
	max-width:49%;
	box-sizing:border-box;
	margin:10px 0;
	}
.banner li:nth-of-type(2n){
	float:right;
	padding-right:20px;
	box-sizing:border-box;
	max-width:49%;
	margin:10px 0;
	}
.banner:after{
	content:"";
	display:block;
	clear:both;
	margin:10px 0;
	}
}

/* banner
/***************************************************************************************************************************/


/***************************************************************************************************************************/
/* social                                                                                                                    */

.social{
	margin-top:30px;
	}

@media screen and (min-width: 1001px){
#twitter-widget-0{
	width:390px !important;
	height:428px !important;
	margin-left:10px;
	}
}
@media screen and (max-width: 1000px) and (min-width: 600px) {
.social:after{
	content:"";
	display:block;
	clear:both;
	}
.social iframe:first-child{
	width:48% !important;
	float:left;
	margin-left:1%;
	}
.fb-like-box,
.fb-like-box>span,
.fb-like-box>span>iframe{
    width:100% !important;
}
#twitter-widget-0{
	width:48% !important;
	height:428px !important;
	float:right;
	margin-right:1%;
	}
}
@media screen and (max-width: 599px) {
.social iframe:first-child{
	width:98% !important;
	display:block;
	margin:0 auto;
	}
#twitter-widget-0{
	width:98% !important;
	height:428px !important;
	display:block;
	margin:20px auto 0;
	}
}

/* social
/***************************************************************************************************************************/