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

martch2015Result.css

------------------------------*/

/*----- pageSubNav / monthNav -----*/
.pageAboveNavArea{
	margin-bottom: 20px;
}
.pagebottomNavArea{
	margin:20px 0 50px;
}


.pageSubNav{
	margin-bottom: 5px;
}
.monthNav{

}
.pageSubNav ul,
.monthNav ul{
	display: table;
	table-layout: fixed;
	width: 100%;
}
.monthNav ul{

	border-bottom: 1px solid #E8E8E8;
	padding:1px 0 5px;
}
.pagebottomNavArea .monthNav ul{
	border-bottom: none;
	border-top: 1px solid #E8E8E8;
	padding:5px 0 4px;
}

.pageSubNav ul li{
	display: table-cell;
	vertical-align: top;
	border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}
.pageSubNav ul li:first-child{border-left: 1px solid #CCCCCC;}
.pageSubNav ul.topline li{border-top: 1px solid #CCCCCC;}

.monthNav ul li{
	display: table-cell;
	vertical-align: top;
    /*border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;*/
}
/*.monthNav ul li:last-child{border-right: none;}*/

.pageSubNav ul li a,
.pageSubNav ul li span,
.monthNav ul li a,
.monthNav ul li span{
	display: table-cell;
	background: #e8e8e8;
	color: #333;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	vertical-align: middle;
	height: 53px;
	width: 200px;
	line-height: 1.1;
	box-sizing:border-box;
	/*padding: 7px 10px;*/
	position: relative;
	white-space: nowrap;
}
.pageSubNav ul li a,
.pageSubNav ul li span{
	height: 70px;
	background: #fff;
}

.pageSubNav ul li span,
.monthNav ul li span{
	color: #9D9D9D;
	background: #CACACA;
}
.monthNav ul li a,
.monthNav ul li span{
	padding: 7px 0;
	height: auto;
	background: none;
}



.pageSubNav ul li > a i{
    display: inline-block;
    width: 86px;
    height: 53px;
    position: relative;
    font-style: normal;
    font-weight: bold;
    vertical-align: middle;
    box-sizing: border-box;
}
.pageSubNav ul li.logoTxt a i,
.pageSubNav ul li.j2j3playoff a i{
	position: relative;
	top: 13px;
	line-height: 1.3;
}

.pageSubNav ul li.logoImg > a i{
	background:url(/img/common/league_logo-splite.png) no-repeat;
	background-position: -99999px -99999px;
	text-indent: -9999px;

}
.pageSubNav ul li.j1 > a i{background-position: 0 0;}
.pageSubNav ul li.ync > a i{background-position: -88px 0;}
.pageSubNav ul li.j2 > a i{background-position: -176px 0;}
.pageSubNav ul li.j3 > a i{background-position: -264px 0;}
.pageSubNav ul li.acl > a i{background-position: -352px 0;}
.pageSubNav ul li.championship > a i{background-position: 0 -53px;}
.pageSubNav ul li.nyc > a i{background-position: -88px -53px;}
.pageSubNav ul li.fxsc > a i{background-position: -176px -53px;}
.pageSubNav ul li.playoff > a i{background-position: -264px -53px;}
.pageSubNav ul li.emperor > a i{background-position: -352px -53px;}
.pageSubNav ul li.suruga > a i{background-position: 0 -106px;}
.pageSubNav ul li.ylc > a i{background-position: -88px -106px;}
.pageSubNav ul li.jdnyc > a i{background-position: -176px -106px;}
.pageSubNav ul li.cwc > a i{background-position: -265px -105px;}
.pageSubNav ul li.acl2 > a i{background-position: -352px -106px;}
.pageSubNav ul li.acle > a i{background-position: 0px -159px;}


.pageSubNav li > a em{
	position: relative;
    font-size: 10px;
    color: #333;
    display: block;
    font-weight: bold;
    padding: 3px 0;
    background: #e8e8e8;
    letter-spacing: -0.05em;

}
.pageSubNav ul li.index a{
	background-color:#e8e8e8;
}

.pageSubNav li > a.active em{
	color: #fff;
	background: #333;
}
.pageSubNav ul li a:hover,
.pageSubNav ul li.index a:hover,
.pageSubNav li.logoImg > a:hover{
	background-color: #CCCCCC;

	color:#333;
}
.pageSubNav ul li a:hover em{
	background: #949494;
}

.pageSubNav ul li a.active,
.monthNav ul li a.active,
.monthNav ul li a:hover{
	background-color: #4f4f4f;
	color: #fff;
}

/*----- title -----*/
.ttlLink{
	background: #4f4f4f;
	overflow: hidden;
	height: 1%;
	display: table;
	width: 100%;
}
.ttlLink h3{
	display: table-cell;
	margin-bottom: 0;
}
.ttlLink .formArea{
	display: table-cell;
	width: 200px;
	vertical-align: middle;
	padding: 0 5px 0 0;
}
.ttlNoLink h3,
.ttlNoLink .blockTit{
	margin-bottom: 7px;
}
.ttlLink a.clearBTN{
	right: 175px;
    padding: 4px 10px;
    background: #EFEFEF;
    color: #333;
    margin-top: -13px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    border-radius: 1px;
}
.ttlLink a.clearBTN:after{
	display: none;
}
.ttlLink a.clearBTN:hover{
	text-decoration: none;
	opacity: 0.6;
}




.leagAccTit{
	display: table;
	width: 100%;
	padding: 0;
	line-height: 1;
	border-top: none;
	margin-top: 10px;
}
.leagAccTit h5{
	font-weight: bold;
	display: table-cell;
	padding-left: 10px;
	line-height: 1.3;
	padding: 5px 0 5px 10px;
	vertical-align: middle;
}
.leagAccTit ul{
	font-weight: bold;
	display: table-cell;
	width: 176px;
	text-align: right;
	padding: 5px 10px 5px 0;
	vertical-align: middle;
	letter-spacing: -.40em;/*隙間用*/
}
.leagAccTit ul li{
	display: inline-block;
	font-size: 12px;
	width: 50%;
	text-align: center;
	letter-spacing: normal;/*隙間用*/
	vertical-align: middle;
}
.leagAccTit ul li a{
	/*-----color: #333;*/
	font-weight: bold;
	position: relative;
	display: block;
}
.leagAccTit ul li.next a{
	border-left:1px solid #ccc;
}
.leagAccTit ul li a span{
	font-size:10px;
	display: block;
	margin-bottom: 2px;
	letter-spacing: -0.05em;
}
.leagAccTit ul li a:hover{
	text-decoration: none;
}
.leagAccTit ul li.prev a:before,
.leagAccTit ul li.next a:after,
.sectionWrap .leagAccTit p.prev a:before,
.sectionWrap .leagAccTit p.next a:after{
	position: absolute;
	top:50%;
	margin-top: -6px;
	font-family: 'FontAwesome';
	content: "\f053";
	font-size: 12px;
	font-weight: normal;
}
.leagAccTit ul li.prev a:before,
.sectionWrap .leagAccTit p.prev a:before{
	left:-5px;
}
.leagAccTit ul li.next a:after,
.sectionWrap .leagAccTit p.next a:after{
	content: "\f054";
	right:-5px;
}
.leagAccTit ul li a:hover,
.sectionWrap .leagAccTit p a:hover{
	text-decoration: none;
	opacity: 0.5;
}
.sectionWrap .leagAccTit{
	margin: 20px 0 10px;
}
.sectionWrap .leagAccTit h5{
	text-align: center;
	padding: 5px 0;
}
.sectionWrap .leagAccTit span{
	display: block;
	font-size: 12px;
}
.sectionWrap .leagAccTit p{
	display: table-cell;
	width: 100px;
	vertical-align: middle;
	font-size: 12px;
}
.sectionWrap .leagAccTit p a{
	display: table-cell;
  	height: 45px;
  	width: 100px;
  	text-align: center;
  	vertical-align: middle;
  	background: #BBCEE2;
  	color: #09335E;
  	font-weight: bold;
}
.sectionWrap .leagAccTit p a:hover{
	text-decoration: none;
	opacity: 0.5;
}
.sectionWrap .leagAccTit p.next{
	text-align: right;
}


/*----- matchTable -----*/
.matchlistWrap{
	margin-top: 10px;
}
.leftRedTit{
	margin-bottom:10px;
}
.timeStamp{position: relative;}
.timeStamp a.rightLink{
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -9px;
	font-size: 10px;
	padding: 2px 15px 2px 10px;
	color: #333;
	border:1px solid #ccc;
	border-radius: 3px;
	font-weight: bold;
	text-decoration: none !important;
}
.timeStamp a:hover{
	background:#E8E8E8;
}
.timeStamp a.rightLink:after{
	position: absolute;
	top: 50%;
	margin-top: -8px;
	right: 5px;
	font-family: 'icomoon3';
	content: "\ec600";
	font-size: 10px;
	text-decoration: none !important;
	color: #333;
}
.matchTable{
	width: 100%;
	/*margin-top: 3px;*/
}
.sectionWrap .matchTable{
	border-top: 1px solid #ccc;
}
.matchTable thead th{
	text-align: center;
	vertical-align: middle;
	background: #7E7E7E;
	font-size: 10px;
	color: #fff;
	padding: 1px 0;
	border-right: 1px solid #C3CAD2;
}
.matchTable thead{
	display: none;
}
.matchTable > tbody > tr{
	border-bottom: 1px solid #ccc;
}
.matchTable > tbody > tr > td{
	/*border-top: 1px solid #ccc;*/
	border-bottom: 1px solid #ccc;
	box-sizing:border-box;
}
.matchTable tbody td{
	vertical-align: middle;
	text-align: center;
	font-size: 11px;
}

/* stadium */
.matchTable tbody td.stadium{
	width: 50px;
	letter-spacing: -0.01em;
	border-right: 1px solid #ccc;
	text-align: left;
}

/* match */
.matchTable tbody td.match{
	position: relative;
	width: 280px;
	/*border-right: 1px solid #ccc;*/
}
.matchTable tbody td.match.trackingData > a:after {
	background: url(/img/common/score_tracking.png) no-repeat 0 0;
	position: absolute;
	top:0;
	left:0;
	width: 24px;
	height: 24px;
	content: ".";
	text-indent: -9999px;
	display: block;
}
.matchTable tbody td.match a{
	display: block;
	color: #333;
}
.matchTable tbody td.match > a{
	/*padding: 5px 0;*/
	position: relative;
}

body.tv .matchTable tbody td.match > a{ border-right: 1px solid #ccc; width: 265px;}

.matchTable tbody td.match > a:before {
	position: absolute;
	font-family: 'FontAwesome';
	content: "\f054";
	font-size: 12px;
	font-weight: normal;
	top: 50%;
	right: 5px;
	color: #06c;
	margin-top: -6px;
}

.matchTable tbody td.match a:hover{
	background: #F2F2F2;
	text-decoration: none;
}


/* linkWrap */
.matchTable tbody td.linkWrap{
	padding: 0;
	position: relative;
	font-size: 10px;
	line-height: 2;
	border-left: 1px solid #ccc;
}
.matchTable tbody td.linkWrap.four{
	width: 290px;
}
.matchTable tbody td.linkWrap ul{
	letter-spacing: -.40em;/*隙間用*/
}
.matchTable tbody td.linkWrap ul li{
	letter-spacing: normal;/*隙間用*/
	display: inline-block;
	vertical-align: middle;
	border-right: 1px dotted #ccc;
	box-sizing: border-box;
	line-height: 2.5em;
	height: 2.5em;
}
.matchTable tbody td.linkWrap ul li:first-child{
	padding-left: 0;
}
.matchTable tbody td.linkWrap.four ul li:nth-child(4n),
.matchTable tbody td.linkWrap.three ul li:nth-child(3n),
.matchTable tbody td.linkWrap.two ul li:nth-child(2n){
	border-right: none;
	padding-right: 0;
}
.matchTable tbody td.linkWrap ul li a{
	border:none;
	width: 90%;
	display: inline-block;
}
.matchTable tbody td.linkWrap ul li a:hover{
	background: #2EA3DF;
	display: inline-block;
	padding: 3px 0;
	position: relative;
	top:-4px;
	color: #fff;
	text-decoration: none;
}
.matchTable tbody td.linkWrap.twoline li{
	line-height: 1.3;
	height: 1.3em;
}
.matchTable tbody td.linkWrap.one li{ width: 100%; border:none; }
.matchTable tbody td.linkWrap.two li{ width: 50%; }
.matchTable tbody td.linkWrap.three li{ width: 33.333%; }
.matchTable tbody td.linkWrap.four li{ width: 25%; }




/*-----------------------------------

2022.07 asano
winner　ボタン 追加

------------------------------*/

/*画像ボタン*/
.matchTable tbody td.linkWrap.winner ul li{
	border-right: none;
	height: auto;
	line-height: inherit;
}
.matchTable tbody td.linkWrap.winner ul li button,.matchTable tbody td.linkWrap.winner ul li a{
    height: 35px;
	line-height: 35px;
}
.matchTable tbody td.linkWrap.winner ul li:nth-child(1) button,.matchTable tbody td.linkWrap.winner ul li:nth-child(1) a{
	display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: right;
    margin-left: auto;
    background: #d5e7ee;
	border-radius: 3px;
	border: none;
	padding: 0;
	margin-left: 5px;
}
.matchTable tbody td.linkWrap.winner ul li button:hover,.matchTable tbody td.linkWrap.winner ul li a:hover{
	position: inherit;
	top: inherit;
	opacity: 0.6;
	padding: 0;
}
.matchTable tbody td.linkWrap.winner ul li:nth-child(1){
	width: 60%;
	text-align: right;
}
.matchTable tbody td.linkWrap.winner ul li:nth-child(1) button,.matchTable tbody td.linkWrap.winner ul li:nth-child(1) a{
	position: relative;
}
.matchTable tbody td.linkWrap.winner ul li:nth-child(1) button:hover,.matchTable tbody td.linkWrap.winner ul li:nth-child(1) a:hover{
	color: #2366cc;
}
.matchTable tbody td.linkWrap.winner ul li:nth-child(1) button:after,.matchTable tbody td.linkWrap.winner ul li:nth-child(1) a:after{
	position: absolute;
    font-family: 'FontAwesome';
    content: "\f053";
    font-size: 10px;
    font-weight: normal;
	content: "\f054";
    right: 3px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	top: 50%;
	color: #2366cc;
}
.matchTable tbody td.linkWrap.winner ul li:nth-child(2){width: 40%;}
.matchTable tbody td.linkWrap.winner ul li img{
	width: 80%;
}
.matchTable tbody td.ticket.small{
	width: 90px;
}






/* tv */
.matchTable tbody td.tv{
	width: 97px;
	border-left: 1px solid #ccc;
}
.matchTable tbody td.tv a,
.matchTable tbody td.tv span{
	display: block;
	width: 90px;
	border: 2px solid #666;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 2px;
	font-size: 10px;
	color: #333;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	padding: 3px 2px;
	margin: 0 0 0 5px;
	line-height: 1;
	background: #fff;
	height: auto;
	letter-spacing: -0.1em;
	margin:2px 0 2px 5px;
	cursor: pointer;
}
/*.matchTable tbody td.tv span.icon.snm{background: url(/img/game/icon_snm.png) no-repeat 50% 50%;text-indent: -9999px; border:none; height: 35px; }
.matchTable tbody td.tv span.icon.nihonTV{background: url(/img/game/icon_nihonTV.png) no-repeat 50% 50%;text-indent: -9999px; border:none; height: 35px;}
.matchTable tbody td.tv span.icon.Nittele.Plus{background: url(/img/game/icon_NittelePlus.png) no-repeat 50% 50%;text-indent: -9999px; border:none; height: 35px;}
.matchTable tbody td.tv span.icon.livetracking{background: url(/img/game/icon_livetracking.png) no-repeat 50% 50%;text-indent: -9999px; border:none; height: 35px;}
.matchTable tbody td.tv span.icon.NHK.BS1{background: url(/img/game/icon_NHK_BS1.png) no-repeat 50% 50%;text-indent: -9999px; border:none; height: 35px;}
.matchTable tbody td.tv span.icon.TBS{background: url(/img/game/icon_TBS.png) no-repeat 50% 50%;text-indent: -9999px; border:none; height: 35px;}
.matchTable tbody td.tv span.icon.FUJITV.ONE{background: url(/img/game/icon_FUJITVONE.png) no-repeat 50% 50%;text-indent: -9999px; border:none; height: 35px;}
.matchTable tbody td.tv span.icon.Fuji.TV.Next{background: url(/img/game/icon_FUJITVNEXT.png) no-repeat 50% 50%;text-indent: -9999px; border:none; height: 35px;}
.matchTable tbody td.tv span.icon.BS-TBS{background: url(/img/game/icon_BS-TBS.png) no-repeat 50% 50%;text-indent: -9999px; border:none; height: 35px;}*/

.matchTable tbody td.tv a.skyper,
.matchTable tbody td.tv span.skyper{
	border:2px solid #009FE6;
	color: #009FE6;
	cursor: pointer;
}
.matchTable tbody td.tv a:hover{
	text-decoration: none;
	background: #666;
	color: #fff;
}
.matchTable tbody td.tv a.skyper:hover{
	background: #009FE6;
}



/* ticket */
.matchTable tbody td.ticket{
	width: 97px;
	font-size: 10px;

}
.matchTable tbody td.ticket a,
.matchTable tbody td.ticket span,
body.ticket p.ticket a,
body.ticket p.ticket span{
	background: #f00;
	color: #fff;
/*	text-align: left;*/
	height: 35px;
	line-height: 35px;
	display: block;
	width: 95%;
	box-sizing:border-box;
	position: relative;
	border-radius: 3px;
	position: relative;
	padding-right: 7px;
}
.matchTable tbody td.ticket a:after,
.matchTable tbody td.ticket span:after,
body.ticket p.ticket a:after,
body.ticket p.ticket span:after{
	position: absolute;
    font-family: 'FontAwesome';
    content: "\f053";
    font-size: 10px;
    font-weight: normal;
    content: "\f054";
    right: 3px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    top: 50%;
	color: #fff;
}

.matchTable tbody td.ticket span,
body.ticket p.ticket span{
	background: #E8E8E8;
	color: #BCBCBC;
	padding-left: 0;
}
.matchTable tbody td.ticket span:after,
body.ticket p.ticket span:after{
	color: #BCBCBC;
}
.matchTable tbody td.ticket.maru a,
.matchTable tbody td.ticket.batsu a,
.matchTable tbody td.ticket.sankaku a{
	/* padding-left: 25px; */
	padding-left: 15px;
	text-align: left;
}
.matchTable tbody td.ticket.maru a:before,
.matchTable tbody td.ticket.batsu a:before,
.matchTable tbody td.ticket.sankaku a:before {
	position: absolute;
	content: ".";
	display: block;
	text-indent: -9999px;
	top: 50%;
	left: 10px;
	margin-top: -7px;
	width: 12px;
	height: 12px;
	background: url(/img/common/icon_marubatsu_splite.png) no-repeat 0 0;
}
.matchTable tbody td.btn.ticket.maru a:before,.matchTable tbody td.btn.ticket.maru span:before{ background-position: 0 0;}
.matchTable tbody td.btn.ticket.batsu a:before,.matchTable tbody td.btn.ticket.batsu span:before{ background-position: -24px 0; }
.matchTable tbody td.btn.ticket.sankaku a:before,.matchTable tbody td.btn.ticket.sankaku span:before{ background-position: -12px 0; }

/*.matchTable tbody td.btn.ticket.maru a,
.matchTable tbody td.btn.ticket.batsu a,
.matchTable tbody td.btn.ticket.sankaku a{
	background: #F27A7A;
}*/

/*.matchTable tbody td.ticket a:after {
	position: absolute;
	font-family: 'FontAwesome';
	content: "\f105";
	font-size: 12px;
	font-weight: normal;
	top: 50%;
	right: 5px;
	color: #BAE6F8;
	margin-top: -18px;
}*/
.matchTable tbody td.ticket a:hover,
body.ticket p.ticket a:hover{
	text-decoration: none;
	opacity: 0.6;
}

/* gameTable */
.gameTable{
	width: 265px;
	height: 50px;
}
.matchTable tbody td.match .gameTable a{
	display: inline-block;
}
.gameTable td.clubName{
	width: 28%;
	text-align: center;
	font-weight: bold;
	position: relative;
	line-height: 1.3;
	height: 100%;
	font-size: 12px;
}
.gameTable td.clubName a{
	font-weight: bold;
}
.gameTable td.clubName a:hover{
	color: #06c;
}
.gameTable td.clubName span{
	margin: 0 auto;
	display: inline-block;
	position: absolute;
	top:50%;
	margin-top:-13px;
}
.gameTable td.clubName.leftside{ padding-left:30px; }
.gameTable td.clubName.leftside span{ left: 8px; }
.gameTable td.clubName.rightside{ padding-right:30px; }
.gameTable td.clubName.rightside span{ right: 8px; }

.gameTable td.point{
	width: 7%;
	font-size: 15px;
	font-weight: bold;
	color: #222;
	letter-spacing: -0.05em;
}
.gameTable td.status{
	position: relative;
	width: 20%;
}
.gameTable td.status ul{

}
.gameTable td.status li.time{
	color: #f00;
	font-weight: bold;
	position: absolute;
	top: 2px;
	width: 100%;
	text-align: center;
}
.gameTable td.status li.icon span{
	padding: 3px;
	background: #7E7E7E;
	color: #fff;
	border-radius: 3px;
	font-size: 10px;
	line-height: 1;
	display: block;
	width: 40px;
	margin:0 auto;
	font-size: 10px;
	letter-spacing: -0.05em;
}

.gameTable td.status li.pk {
	font-size: 10px;
	margin-bottom: -14px;
	}

.gameTable td.status li.icon span.live{
	background: #f00;

}
.gameTable td.status li.icon.vs{
	font-size: 11px;
	font-weight: bold;
}
.gameTable td.status li.icon span.blue {
	background: #2aa1d3;
}
.gameTable td.status li.icon span.before {
	border: 1px solid #ccc;
	background-color: #fff;
	color: #333;
}

/* gamelink */
.matchTable p.gamelink{
	position: absolute;
	right: 0;
	top: 0;
	height: 50px;
	width: 10px;
}
.matchTable p.gamelink span{
	text-indent: -9999px;
	display: block;
	height: 0;
}
/*.matchTable p.gamelink:after{
	position: relative;
	font-family: 'FontAwesome';
	content: "\f054";
	font-size: 12px;
	font-weight: normal;
	top: 18px;
	right: 5px;
	color: #06c;
}*/

/* note */
.matchTable tbody td.note{
	padding: 5px 5px 3px;
	box-sizing:border-box;
	text-align: left;
}



/*====[2]スライダー====*/
.sectionNav{
	margin: 5px 0;
}
.sectionNav li{
	display: none;
}
.sectionNav .bx-wrapper {
	width: 620px;
	position: relative;
	margin: 0 auto 20px;
	padding: 0;
	*zoom: 1;
	border-top: 1px solid #E8E8E8;
  border-bottom: 1px solid #E8E8E8;
}
.sectionNav .bx-wrapper li{
	font-size: 12px;
	line-height: 1;
	text-align: center;
	border-right: 1px solid #F2F2F2;
}
.sectionNav .bx-wrapper li:last-child{
	border-right: none;
}
.sectionNav .bx-wrapper li.label{
	font-size: 10px;
	line-height: 27px;
	background: #9D9D9D;
	color: #fff;
}

.sectionNav .bx-wrapper li a{
	display: table-cell;
	line-height: 1.2;
	font-weight: bold;
	color: #333;
	height: 40px;
	vertical-align: middle;
	width: 100px;
}
.sectionNav .bx-wrapper li a.active,
.sectionNav .bx-wrapper li a:hover{
	background: #4f4f4f;
	color: #fff;
}
.sectionNav .bx-wrapper li span{
	font-size: 8px;
	display: block;
	padding-bottom: 2px;
}

.sectionNav .bx-wrapper .bx-viewport {
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}
.sectionNav .bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(/img/top/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}
.sectionNav .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: none;
	*zoom: 1;
	*display: none;
}

.sectionNav .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 0;
	outline: 0;
	width: 50px;
	height: 40px;
	z-index: 9999;
	background: rgba(0,0,0,0.5);
	text-indent: -9999px;

}
.sectionNav .bx-wrapper .bx-next {right: 0;}
.sectionNav .bx-wrapper .bx-prev {left: 0;}

.sectionNav .bx-wrapper .bx-next:after,
.sectionNav .bx-wrapper .bx-prev:before{
	position: absolute;
	font-family: 'FontAwesome';
	content: "\f053";
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	left:20px;
	text-indent: 0;
	top: 50%;
  	margin-top: -7px;
}
.sectionNav .bx-wrapper .bx-next:after{
	content: "\f054";
	right:20px;
	text-align: right;
}




.sectionNav .bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}
.sectionNav .bx-wrapper .bx-controls-auto {
	text-align: center;
}
.sectionNav .bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(/img/top/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}
.sectionNav .bx-wrapper .bx-controls-auto .bx-start:hover,
.sectionNav .bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}
.sectionNav .bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(/img/top/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}
.sectionNav .bx-wrapper .bx-controls-auto .bx-stop:hover,
.sectionNav .bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}
.sectionNav .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}



/* ------------------------------------

 TV channel

 ------------------------------------ */
/*body.tv .matchTable {
  margin-top: 3px;
}*/
body.tv .matchTable thead{
	display: table-row-group;
}
body.tv .matchTable > tbody > tr > td{
	/*border:1px solid #ccc;*/
}
body.tv .gameTable{border:none; width: 250px;}
body.tv .gameTable td.clubName{width: 41%;}
body.tv .gameTable td.status{width: 8%;}

body.tv .matchTable tbody td.match{
	width: 210px;
}
.matchTable tbody td.tvCh{
	text-align: center;
	line-height: 1.2;
	font-size: 10px;
	width: 360px;
	font-weight: bold;
	letter-spacing: -0.1em;
}
body.tv .matchTable thead th:nth-child(2),
body.tv .matchTable thead th:nth-child(3),
body.tv .matchTable thead th:nth-child(4),
body.tv .matchTable thead th:nth-child(5){
	width: 90px;
}
.matchTable tbody td.tvCh span{
	display: table-cell;
	table-layout: fixed;
	width: 90px;
	vertical-align: middle;
	border-right:  1px dotted #ccc;
	box-sizing:border-box;
	height: 30px;
	font-weight: bold;
}
.matchTable tbody td.tvCh span:last-child{border-right: none;}
.matchTable tbody td.tvCh .channel{
	font-weight: bold;
	letter-spacing: -0.1em;
}

.secondPageTitl a.skyper {
  right: 21em;
}
.secondPageTitl a.vod {
  right: 9em;
}

.matchTable tbody td.tvCh span.ground em{
	color: #f00;
	font-weight: bold;
}
/* ------------------------------------

RADIO PAGE

------------------------------------- */
body.radio .matchTable tbody td.stadium{ width: 70px; }
body.radio .matchTable tbody td.match{ width: 300px; }
body.radio .gameTable td.status { width: 15%; }
body.radio .gameTable td.clubName { width: 40%; }
body.radio .gameTable td.clubName.leftside span{ left: 17px; }
body.radio .gameTable td.clubName.rightside span{ right: 17px; }

.matchTable tbody td.radio{
	text-align: left;
	padding-left: 15px;
}











/*-----------------------------------

TICKET PAGE

------------------------------------*/
/* ------------------------------------
bxSlider
 ------------------------------------ */
#ticketKV{
	border-bottom:5px solid #000;
}
#ticketKV .bx-wrapper {
  position: relative;
  height: 145px;
  margin: 0 auto 20px;
  padding: 0;
}
#ticketKV .bx-wrapper .bx-viewport {
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0);
}
#ticketKV .bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 10px;
}
#ticketKV .bx-wrapper .bx-prev {
  left: 10px;
  background: url(/img/top/controls.png) no-repeat 0 -32px;
}
#ticketKV .bx-wrapper .bx-next {
  right: 10px;
  background: url(/img/top/controls.png) no-repeat -43px -32px;
}
#ticketKV .bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}
/* ------------------------------------
KV
 ------------------------------------ */
.ticketArea .secondPageTitl a.buy_tkt {
  right: 16em;
}
/* ------------------------------------
topics
 ------------------------------------ */
.topicsArea{
	display: table;
	margin: 20px 0 40px;
}
.topicsArea dt{
	display: table-cell;
	width: 100px;
	vertical-align: middle;
	text-align: center;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	font-size: 14px;
}
.topicsArea dd{
	display: table-cell;
	vertical-align: top;
	font-size: 12px;
	padding: 0 0 0 10px;
}
.topicsArea dd li{
	line-height: 1.7em;
}
/* ------------------------------------
title
 ------------------------------------ */
.ticketArea .leftRedTit{
	margin: 20px 0 10px;
}
.ticketArea .leagAccTit{
	margin-bottom: 5px;
}
.ticketArea .leagAccTit span{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 180px;
	padding-top: 5px;
}
.ticketArea .leagAccTit span img{
	width: 150px;
}
/* ------------------------------------
gamelist
 ------------------------------------ */
/* gamelist */
.gamelist {
	letter-spacing: -.40em;/*隙間用*/
}
.gamelist > li{
	letter-spacing: normal;/*隙間用*/
	padding-bottom: 5px;
	width: 315px;
	display: inline-block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	vertical-align: top;
}
.gamelist > li:nth-child(2n){
	margin-left: 10px;
}
.gamelist > li > div{
	border: 3px solid #CACACA;
	letter-spacing: -.40em;/*隙間用*/
	height: 85px;
}
.gamelist > li > div > a{
	text-decoration:none;
	display: inline-block;
	width: 215px;
	height: 85px;
	color: #333;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding-left: 5px;
}
.gamelist > li > div > a:hover{background: #F2F2F2;}
/* ------------------------------------
body.ticket .matchTable
 ------------------------------------ */
body.ticket .matchTable{
	width: 100%;
	height: 85px;
	letter-spacing: normal;/*隙間用*/
}
body.ticket .matchTable > tbody > tr,
body.ticket .matchTable > tbody > tr > td{
	border-bottom: none;
}
body.ticket .matchTable .embM{
	margin:0 auto;
}
body.ticket p.ticket{
	width: 85px;
	letter-spacing: normal;/*隙間用*/
	margin: 5px 0 0 5px;
	display: inline-block;
	vertical-align: top;
}
body.ticket p.ticket a,
body.ticket p.ticket span{
	width: 85px;
	height: 75px;
	font-size: 10px;
	line-height: 1.5;
	padding: 20px 0 0 0;
	text-align: center;
}
body.ticket p.ticket a:after{
	position: absolute;
	top: 50%;
	margin-top: -5px;
	right: 5px;
	display: inline-block;
	width: 5px;
	height: 5px;
	border-top: 2px solid #FFBDBD;
	border-right: 2px solid #FFBDBD;
	-webkit-transform: rotation(45deg);
	transform: rotate(45deg);
	content: "";
}
body.ticket p.ticket i{
	font-style: normal;
	font-size: 16px;
	display: block;
}
body.ticket .matchTable tbody td.clubNameArea{
	width: 55px;
}
body.ticket .matchTable tbody td.clubNameArea a{
	color: #333;
	font-weight: bold;
	display: block;
}
body.ticket .matchTable tbody td.clubNameArea a:hover{
	color: #06c;
	text-decoration: none;
}
body.ticket .matchTable tbody td.status .time{
	font-size: 15px;
	font-weight: bold;
	padding-top: 5px;
}
body.ticket .matchTable tbody td.status .stadium{
	padding: 0 0 2px;
	font-size: 10px;
}
body.ticket .matchTable tbody td.status .link{
	padding-top: 5px;
	font-size: 10px;
}
body.ticket .matchTable tbody td.status .link span{
	display: inline-block;
}
body.ticket .matchTable tbody td.status .link span:nth-child(2){
	border-left: 1px solid #ccc;
	padding-left: 2px;
	margin-left: 4px;
}
/* ------------------------------------
.tickets_clubSearch
 ------------------------------------ */
.tickets_clubSearch{
	border: 1px solid #ccc;
	padding: 0 10px 10px 10px;
	margin-top: 5px;
}
.sub .rankBlock .tickets_clubSearch h4{
	background: none;
	border-bottom: 3px solid #ccc;
	padding: 18px 5px 15px;
	position: relative;
}
.sub .rankBlock .tickets_clubSearch.j1 h4{ border-color:#e60012; }
.sub .rankBlock .tickets_clubSearch.j2 h4{ border-color:#0D7F41; }
.sub .rankBlock .tickets_clubSearch.j3 h4{ border-color:#000; }
.sub .rankBlock .tickets_clubSearch h4 img{
	width: 80px;
	position: absolute;
	right: 5px;
	top:10px;
}


.tickets_clubSearch ul{
	letter-spacing: -.40em;/*隙間用*/
	margin: 20px auto 0;
}
.tickets_clubSearch ul li{
	width: 54px;
	display: inline-block;
	letter-spacing: normal;/*隙間用*/
	text-align: center;
	font-size: 10px;
	margin-bottom: 7px;
}
.tickets_clubSearch ul li a{
	color: #333;
	font-weight: bold;
}
.tickets_clubSearch ul li a:hover{
	color:#06c;
	text-decoration: none;
}
.tickets_clubSearch ul li a:hover span{
	opacity: 0.6;
}
.tickets_clubSearch ul li span{
	margin: 0 auto 2px;
}


/* ------------------------------------
.borderlink
 ------------------------------------ */
.borderlink {
	margin: 20px 0;
}
.borderlink ul{
	letter-spacing: -.40em;/*隙間用*/
}
.borderlink ul li{
	display: inline-block;
	letter-spacing: normal;/*隙間用*/
	box-sizing: border-box;
	font-size: 14px;
}
.borderlink ul li a,
.borderlink ul li span{
	display: inline-block;
	height: 70px;
	width: 97%;
	box-sizing: border-box;
	border:5px solid #ccc;
	text-align: left;
	padding: 24px 0 0 20px;
	color: #333;
	position: relative;
}
.borderlink ul li a:hover{
	background: #F2F2F2;
}


.borderlink.two ul li { width: 50%; }
.borderlink.two ul li:nth-child(2n){text-align: right;}

.borderlink.three ul li { width: 33.33%; }
.borderlink.four ul li { width: 25%; }

.borderlink ul li i{
	position: absolute;
	right: 15px;
}

/*20160210*/

.match2015 .scheduleArea .secondPageTitl{
    display: table;
    width: 620px;
    box-sizing: border-box;
}

.match2015 .scheduleArea .secondPageTitl h2{
    display: table-cell;
    vertical-align: middle;
}

.match2015 .scheduleArea .secondPageTitl .formArea{
    display: table-cell;
    width: 200px;
    vertical-align: middle;
    padding: 0 5px 0 0;
}

.match2015 .scheduleArea .secondPageTitl form{
    display: table-cell;
    width: 100px;
}
.matchArchive .sectNav p,
.match2015 .sectNav p{
	background: #777;
    width: 80px;
    height: 39px;
    /* box-sizing: border-box; */
    padding: 0 10px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    /* margin-bottom: 5px; */
    display: inline-block;
    vertical-align: top;
    line-height: 39px;
}
.matchArchive .sectNav ul,
.match2015 .sectNav ul {
    /*border-bottom: 1px solid #E8E8E8;*/
    /* padding: 5px 0 5px; */
    font-size: 0;
    display: inline-block;
    /* overflow-x: scroll; */
    /* width: 518px; */
    /*height: 38px;*/
}
.matchArchive.j1 .sectNav ul,
.matchArchive.j2 .sectNav ul,
.matchArchive.j3 .sectNav ul,
.match2015.j1 .sectNav ul,
.match2015.j2 .sectNav ul,
.match2015.j3 .sectNav ul {
padding: 2px 0 0px;
}
.matchArchive.j1 .sectNav.cs ul,
.match2015.j1 .sectNav.cs ul{
	padding: 0;
}
.matchArchive .sectNav ul li,
.match2015 .sectNav ul li {
    display: inline-block;
    /* vertical-align: top; */
    width: 40px;
    text-align: center;
    border-left: solid 1px #ccc;
    box-sizing: border-box;
    /* padding: 0 2px; */
}
.matchArchive .sectNav ul li a,
.match2015 .sectNav ul li a{
color: #4F4F4F;
    height: auto;
    background: #fff;
    display: block;
    font-size: 13px;
    /* letter-spacing: -1px; */
}
.matchArchive .sectNav ul li a:hover,
.match2015 .sectNav ul li a:hover{
	opacity: 0.75;
}
.matchArchive .sectNav,
.match2015 .sectNav{
   /* margin-top: 10px;*/
    font-size: 0;
    /* overflow-x: auto; */
    white-space: nowrap;
    /*overflow-x: hidden;*/
	margin-bottom: 5px;
    height: 39px;
}
.matchArchive .sectNav:last-child,
.match2015 .sectNav:last-child{
    margin-bottom: 15px;
}
.matchArchive .sectNav div,
.match2015 .sectNav div{
    overflow-x: scroll;
    overflow-y: hidden;
    display: inline-block;
    width: 620px;
    height: 39px;
}


/*-----for mac scrollbar*/
.matchArchive .sectNav div::-webkit-scrollbar,
.match2015 .sectNav div::-webkit-scrollbar{
    overflow:hidden;
    width:5px;
    background:#e8e8e8;
    -webkit-border-radius:10px;
    border-radius:10px;
    height: 7px;
}
.matchArchive .sectNav div::-webkit-scrollbar-thumb,
.match2015 .sectNav div::-webkit-scrollbar-thumb{
    background:#b6b6b6;
    -webkit-border-radius:10px;
    border-radius:10px;
    height: 7px;
}
/*-----for mac scrollbar*/


.matchArchive .sectNav ul li:first-child,
.match2015 .sectNav ul li:first-child{
	border-left: none;
}
.matchArchive .sectNav.cs p,
.match2015 .sectNav.cs p{
    width: 170px;
}
.matchArchive.leaguecup .sectNav.cs p,
.match2015.ync .sectNav.cs p{
    width: 60px;
}
.matchArchive .sectNav.cs div,
.match2015 .sectNav.cs div {
    overflow: visible;
    display: inline-block;
    width: auto;
    height: 39px;
}
.matchArchive .sectNav.acl,
.match2015 .sectNav.acl {
    overflow: visible;
}
.matchArchive.leaguecup .sectNav.cs div:nth-child(2),
.match2015.ync .sectNav.cs div:nth-child(2){
    border-left: solid 2px #777;
}
.matchArchive.leaguecup .sectNav.cs div:nth-child(2) ul li,
.match2015.ync .sectNav.cs div:nth-child(2) ul li{
    width: 70px;
}
.matchArchive .sectNav.cs ul li,
.match2015 .sectNav.cs ul li{
	width: 90px;
}
.matchArchive .sectNav.cs ul,
.match2015 .sectNav.cs ul{
    line-height: 38px;
}

/*.match2015.j1 .sectNav div,*/
.matchArchive.j1 .sectNav div,
.matchArchive.j2 .sectNav div,
.matchArchive.j3 .sectNav div,
.match2015.j2 .sectNav div,
.match2015.j3 .sectNav div,
.matchArchive.acl nav.sectNav,
.matchArchive.leaguecup  nav.sectNav{
    overflow: scroll;
    display: inline-block;
    width: 620px;
    /*height: 55px;*/
    background: #fff;
}
.matchArchive.acl nav.sectNav,
.matchArchive.leaguecup  nav.sectNav{
	height: 55px;
}



/*.match2015.ync .sectNav div{
    overflow: visible;
    display: inline-block;
    width: 637px;
    height: 39px;
}*/
.matchArchive.leaguecup .sectNav div ul li,
.match2015.ync .sectNav div ul li{
    width: 45px;
}
/*.match2015.ync .sectNav div ul li:nth-child(n+8){
    width: 110px;
}
.match2015.ync .sectNav div ul li:last-child{
    width: 70px;
}*/


.match2015.acl .sectNav div ul li{
    width: 54px;
}
.match2016.acl .sectNav div ul li{
	width: 75px;
}

.matchArchive.acl .sectNav div ul li:nth-child(n+8),
.match2015.acl .sectNav div ul li:nth-child(n+8){
    width: 80px;
}

.matchArchive.leaguecup .sectNav:nth-child(3) div ul li,
.match2015.ync .sectNav:nth-child(3) div ul li{
    width: 90px;
}
.matchArchive.emperor .sectNav div,
.match2015.emperor .sectNav div{
	overflow: visible;
	line-height: 30px;
}
.matchArchive.emperor .sectNav ul,
.match2015.emperor .sectNav ul{
    width: 620px;
}
.matchArchive.emperor .sectNav ul li,
.match2015.emperor .sectNav ul li{
    width: 14.28%;
}

body.all .pageSubNav li.index a,
body.leaguecup .pageSubNav li.leaguecup a,
body.leaguecup .pageSubNav li.ylc a,
body.cs .pageSubNav li.cs a,
body.playoff .pageSubNav li.playoff a,
body.j2j3playoff .pageSubNav li.j2j3playoff a,
body.nyc .pageSubNav li.nyc a,
body.fxsc .pageSubNav li.fxsc a,
body.suruga .pageSubNav li.suruga a,
body.fcwc .pageSubNav li.fcwc a,
body.emperor .pageSubNav li.emperor a,
body.acl .pageSubNav li.acl a,
body.ync .pageSubNav li.ync a,
body.j3 .pageSubNav li.j3 a,
body.j2 .pageSubNav li.j2 a,
body.j1 .pageSubNav li.j1 a,
body.all .pageSubNav ul li#index a,
body.emperor .pageSubNav ul li#emperor a,
body.acl .pageSubNav ul li#acl a,
body.ync .pageSubNav ul li#ync a,
body.j3 .pageSubNav ul li#j3 a,
body.j2 .pageSubNav ul li#j2 a,
body.j1 .pageSubNav ul li#j1 a
{
	background: #4f4f4f;
    color: #fff;
}
body.all .pageSubNav li.index a em,
body.leaguecup .pageSubNav li.leaguecup a em,
body.leaguecup .pageSubNav li.ylc a em,
body.cs .pageSubNav li.cs a em,
body.playoff .pageSubNav li.playoff a em,
body.j2j3playoff .pageSubNav li.j2j3playoff a em,
body.nyc .pageSubNav li.nyc a em,
body.fxsc .pageSubNav li.fxsc a em,
body.suruga .pageSubNav li.suruga a em,
body.fcwc .pageSubNav li.fcwc a em,
body.emperor .pageSubNav li.emperor a em,
body.acl .pageSubNav li.acl a em,
body.ync .pageSubNav li.ync a em,
body.j3 .pageSubNav li.j3 a em,
body.j2 .pageSubNav li.j2 a em,
body.j1 .pageSubNav li.j1 a em,
body.all .pageSubNav ul li#index a em,
body.emperor .pageSubNav ul li#emperor a em,
body.acl .pageSubNav ul li#acl a em,
body.ync .pageSubNav ul li#ync a em,
body.j3 .pageSubNav ul li#j3 a em,
body.j2 .pageSubNav ul li#j2 a em,
body.j1 .pageSubNav ul li#j1 a em{
    color: #fff;
    background: #333;
}
.matchArchive .sectNav.cs,
.match2015 .sectNav.cs{
	overflow: visible;
}
.matchArchive.acl .sectNav div,
.match2015.acl .sectNav div{
	overflow: visible;
    line-height: 30px;
}

.ttlLink .formArea{
    display: inline-block;
    position: absolute;
    width: 160px;
    vertical-align: middle;
    right: 7px;
    top:7px;
    background: #fff;
    border-radius: 2px;
    padding: 0;
    margin: 0;
    border: 0;
}
.ttlLink .formArea li.select{
    box-sizing: border-box;
    margin: 0;
}
.matchArchive.j2 .sectNav ul li:nth-last-child(2),
.match2015.j2 .sectNav ul li:nth-last-child(2){
	width: 90px;
}
.matchArchive .pageAboveNavArea,
.match2015 .pageAboveNavArea{
    margin-bottom: 10px;
}
.matchArchive .pageSubNav,
.match2015 .pageSubNav {
    margin: 5px 0;
}
.matchArchive.j1 .sectNav p,
.match2015.j1 .sectNav p{
    width: 90px;
    text-align: center;
}
.matchArchive .leagAccTit ul li.prev,
.matchArchive .leagAccTit ul li.next,
.match2015 .leagAccTit ul li.prev,
.match2015 .leagAccTit ul li.next{
	display: none;
}

/* ------------------------------------
COMMON
 ------------------------------------ */
p.nowloading{text-align: center;}
p.nowloading img{width:200px;}
.rightTopLink{
	margin-bottom: 50px;
}


/* ------------------------------------
IE
 ------------------------------------ */
/*IE*/
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .gameTable td.clubName span { margin-top: 0; } /* IE11 */
}
@media all and (-ms-high-contrast:none){
	.gameTable td.clubName span { margin-top: 0; } /* IE10 */
}




.matchTable tbody th.groupHead {
    font-size: 13px;
    font-weight: bold;
    padding: 5px 10px;
}

.matchTable tbody th.groupHead{
	padding: 6px 10px 4px;
}

.matchTable tbody tr.teamNoGame td{
	position: relative;
	vertical-align: middle;
	text-align: left;
	height: 40px;
	/*padding-left: 3px;*/
}
.matchTable tbody tr.teamNoGame td a{
	color: #333;
	font-weight: bold;
}
.matchTable tbody tr.teamNoGame td a:hover{
	text-decoration: none;
	color: #06c;
	opacity: 0.6;
}
.matchTable tbody tr.teamNoGame td i{
	display: inline-block;
    padding: 5px 0;
    background: #E8E8E8;
    margin-right: 8px;
    font-style: normal;
    border-radius: 3px;
    font-size: 10px;
    width: 50px;
    text-align: center;
}
.matchTable tbody tr.teamNoGame td span.embS{
	display: inline-block;
	vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 3px;
}
/*---- add 201812 ----*/
.modalOverlay {
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	z-index: 1000;
}
.btnSearch{
	line-height: 100%;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #333;
	background: #595959; /* Old browsers */
	background: -moz-linear-gradient(top,  #595959 0%, #353535 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#595959), color-stop(100%,#353535)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #595959 0%,#353535 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #595959 0%,#353535 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #595959 0%,#353535 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #595959 0%,#353535 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#595959', endColorstr='#353535',GradientType=0 ); /* IE6-9 */
	font-size: 18px;
	line-height: 100%;
	padding: 10px 0;
	color: #fff;
	-webkit-box-shadow: inset 0 1px  0 #8d8d8d;
	-moz-box-shadow:  inset 0 1px  0 #8d8d8d;
	box-shadow:  inset 0 1px  0 #8d8d8d;
	cursor:pointer;
	display: block;
	margin: 0 auto 20px;
	width: 300px;
	text-align: center;
}
.btnSearch:hover{
	text-decoration: none;
}
.modalContent{
    width: 80%;
    position: fixed;
    z-index: 1001;
    display: none;
    background-color: #FFF;
}
.modalContent .frameOuter{
	width: 100%;
	background-color: #ffffff;
	padding: 0 0 30px;
	margin: 0 auto;
	z-index: 9999;
	box-sizing: border-box;
	text-align: left;
	width: 100%;
    height: 100%;
    overflow: auto;
}
/*-- 20190330閉じるボタン追加 --*/
.modalContent .btnIcon {
    position: fixed;
    right: calc(100% - 77rem);;
    top: 1rem;
}
.modalContent .btnIcon .innerCnasel {
    display: inline-block;
    position: relative;
    margin: 0 20px 0 7px;
    padding: 0;
    width: 4px;
    height: 20px;
    background: #ffffff;
    transform: rotate(45deg);
}
.modalContent .btnIcon .innerCnasel .cancel {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: -8px;
    width: 20px;
    height: 4px;
    margin-top: -2px;
    background: #ffffff;
}
/*-- /.20190330閉じるボタン追加 --*/
.modalContent .checkArea{
	width: 100%;
	display: table;
	border-bottom: 1px solid #DBDBDB;
}
.modalContent .checkArea dt,
.modalContent .checkArea dd{
	display: table-cell;
	box-sizing: border-box;
	vertical-align: middle;
}
.modalContent .checkArea dt{
	background-color: #F5F5F5;
	width: 180px;
	text-align: center;
	padding: 10px;
}
.modalContent .checkArea dd{
	width: 800px;
	padding: 20px 10px;
}
.modalContent .checkArea dd .checkAreaTtl {
	margin-bottom: 10px;
}
.modalContent .checkArea dd .checkAreaTtl:not(:first-of-type) {
	margin-top: 20px;
}
.modalContent .checkArea:first-of-type{
	border-top: 1px solid #DBDBDB;
}
.modalContent .checkArea:last-of-type{
	border-bottom: 1px solid #DBDBDB;
}
.modalContent .checkArea dd ul:nth-of-type(n+2){
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px dotted #DBDBDB;
}
.modalContent .checkArea dd ul:after{
	content: "";
	display: block;
	clear: both;
}
.modalContent .checkArea dd ul li{
	float: left;
	width: 250px;
	margin-bottom: 10px;
}
.modalContent .checkArea dd ul li.col1{
	float: none;
}
.modalContent .checkArea dd input[type='checkbox']{
    display: none;
}
.modalContent .checkArea dd ul li label{
    display: inline-block;
}
.modalContent .checkArea dd .box{
    padding-left: 20px;
    position: relative;
    line-height: 1;
}
.modalContent .checkArea dd .box::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #999;
    border-radius: 4px;
}
.modalContent .checkArea dd input[type='checkbox']:checked + .box::after{
    content: "";
    display: block;
    position: absolute;
    top: -5px;
    left: 5px;
    width: 7px;
    height: 14px;
    transform: rotate(40deg);
    border-bottom: 3px solid rgba(0,0,0,0.9);
    border-right: 3px solid rgba(0,0,0,0.9);
}
.modalContent .checkArea dd .selectArea {
	position:relative;
	overflow:hidden;
	display:inline-block;
	min-width:20px;
	width: 100px;
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 50%, #ececec 51%, #ececec 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#ffffff), 		color-stop(51%,#ececec), color-stop(100%,#ececec)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#ececec 51%,#ececec 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#ececec 51%,#ececec 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 50%,#ececec 51%,#ececec 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 );
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #a6a6a6;
	position: relative;
}
.modalContent .checkArea dd .selectArea::before {
	position: absolute;
    font-size: 10px;
    top: 50%;
    margin-top: -5px;
    right: 10px;
    font-family: 'FontAwesome';
    content: "\f0dc";
    color: #000;
	line-height: 100%;
}
.modalContent .checkArea dd select {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    appearance: none;
    position: relative;
    z-index: 2;
    display: block;
    width: -webkit-calc(100% + 5em);
    margin: 0;
    padding: 5px 25px 6px 5px;
    background: transparent;
    border: 0;
    outline: none;
    font-size: 12px;
    line-height: 100%;
    position: relative;
    cursor: pointer;
    height: 24px;
}
.modalContent .checkArea dd select::-ms-expand {
    display: none;
}

.modalContent .field_wrap{
	display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #DBDBDB;
    background: #f5f5f5;
}
.modalContent fieldset.checkArea{
	display: contents;
}
.modalContent .checkArea legend,
.modalContent .checkArea > div{
	box-sizing: border-box;
	vertical-align: middle;
}
.modalContent .checkArea legend{
	display: block;
	background-color: #F5F5F5;
	width: 180px;
	text-align: center;
	padding: 10px;
}
.modalContent .checkArea > div{
	width: calc(100% - 180px);
    padding: 20px 10px;
    background: #fff;
}
.modalContent .checkArea > div .checkAreaTtl {
	margin-bottom: 10px;
}
.modalContent .checkArea > div .checkAreaTtl:not(:first-of-type) {
	margin-top: 20px;
}
.modalContent .checkArea:first-of-type{
	border-top: 1px solid #DBDBDB;
}
.modalContent .checkArea:last-of-type{
	border-bottom: 1px solid #DBDBDB;
}
.modalContent .checkArea > div ul:nth-of-type(n+2){
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px dotted #DBDBDB;
}
.modalContent .checkArea > div ul:after{
	content: "";
	display: block;
	clear: both;
}
.modalContent .checkArea > div ul li{
	float: left;
	width: 250px;
	margin-bottom: 10px;
}
.modalContent .checkArea > div ul li.col1{
	float: none;
}
.modalContent .checkArea > div input[type='checkbox']{
    display: none;
}
.modalContent .checkArea > div ul li label{
    display: inline-block;
}
.modalContent .checkArea > div .box{
    padding-left: 20px;
    position: relative;
    line-height: 1;
}
.modalContent .checkArea > div .box::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #999;
    border-radius: 4px;
}
.modalContent .checkArea > div input[type='checkbox']:checked + .box::after{
    content: "";
    display: block;
    position: absolute;
    top: -5px;
    left: 5px;
    width: 7px;
    height: 14px;
    transform: rotate(40deg);
    border-bottom: 3px solid rgba(0,0,0,0.9);
    border-right: 3px solid rgba(0,0,0,0.9);
}
.modalContent .checkArea > div .selectArea {
	position:relative;
	overflow:hidden;
	display:inline-block;
	min-width:20px;
	width: 100px;
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 50%, #ececec 51%, #ececec 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#ffffff), 		color-stop(51%,#ececec), color-stop(100%,#ececec)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#ececec 51%,#ececec 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#ececec 51%,#ececec 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 50%,#ececec 51%,#ececec 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 );
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #a6a6a6;
	position: relative;
}
.modalContent .checkArea > div .selectArea::before {
	position: absolute;
    font-size: 10px;
    top: 50%;
    margin-top: -5px;
    right: 10px;
    font-family: 'FontAwesome';
    content: "\f0dc";
    color: #000;
	line-height: 100%;
}
.modalContent .checkArea > div select {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    appearance: none;
    position: relative;
    z-index: 2;
    display: block;
    width: -webkit-calc(100% + 5em);
    margin: 0;
    padding: 5px 25px 6px 5px;
    background: transparent;
    border: 0;
    outline: none;
    font-size: 12px;
    line-height: 100%;
    position: relative;
    cursor: pointer;
    height: 24px;
}
.modalContent .checkArea > div select::-ms-expand {
    display: none;
}


.srchSubmit {
	line-height: 100%;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #333;
	background: #595959; /* Old browsers */
	background: -moz-linear-gradient(top,  #595959 0%, #353535 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#595959), color-stop(100%,#353535)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #595959 0%,#353535 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #595959 0%,#353535 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #595959 0%,#353535 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #595959 0%,#353535 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#595959', endColorstr='#353535',GradientType=0 ); /* IE6-9 */
	font-size: 18px;
	line-height: 100%;
	padding: 10px 0;
	color: #fff;
	-webkit-box-shadow: inset 0 1px  0 #8d8d8d;
	-moz-box-shadow:  inset 0 1px  0 #8d8d8d;
	box-shadow:  inset 0 1px  0 #8d8d8d;
	cursor:pointer;
	display: block;
	margin: 30px auto 0;
	width: 200px;
	text-align: center;

}
.srchSubmit:hover {text-decoration: none;}
.checkArea .periodMonth input[type='checkbox'] {
	display: none;
}
.checkArea .periodMonth label span {
	position: relative;
    overflow: hidden;
    display: inline-block;
    min-width: 20px;
    width: 100px;
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #ececec 51%, #ececec 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(51%,#ececec), color-stop(100%,#ececec));
    background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 50%,#ececec 51%,#ececec 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 50%,#ececec 51%,#ececec 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#ffffff 50%,#ececec 51%,#ececec 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 );
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #a6a6a6;
	position: relative;
	padding: 10px 20px;
	box-sizing: border-box;
}
.checkArea .periodMonth input[type='checkbox']:checked + span {
	color: #ffffff;
    background: -moz-linear-gradient(top, #9a9898 0%, #9a9898 50%, #989696 51%, #464545 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(51%,#ececec), color-stop(100%,#ececec));
    background: -webkit-linear-gradient(top, #9a9898 0%,#9a9898 50%,#989696 51%,#464545 100%);
    background: -ms-linear-gradient(top, #9a9898 0%,#9a9898 50%,#989696 51%,#464545 100%);
    background: linear-gradient(to bottom, #9a9898 0%,#9a9898 50%,#989696 51%,#464545 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a9898', endColorstr='#464545',GradientType=0 );
}
/*---- add end 201812 ----*/



/*---- loading 2020 ----*/
#is-loading {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: rgba(0,0,0,.5);
	z-index: 8;
}
#loading {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: #fff;
	z-index: 9;
}
/*---- loading 2020 ----*/






/*---- h1調整css追加 asano 2025.05 ----*/
body.ticket .secondPageTitl{padding-right: 310px;}

/*---- h1調整css追加 asano 2025.05 ----*/