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

matchResult.css

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


/* form title */
.titGrayBlockArea{
    background: #222;
}
.titGrayBlockArea .grayBlockTit{
    font-size: 14px;
}
.formArea{
    background: #bbb;
    border: none;
}
.titBlockArea.noBoder{
    padding: 0;
}
.ttlNoLink{
    margin-top:10px;
}
.ttlNoLink h3 {
    position: relative;
    padding: 8px 10px;
    vertical-align: middle;
    font-size: 11px;
    background: #4f4f4f;
    color: #fff;
    line-height: 1.2;
    margin-bottom: 0;
    /*border-left:10px solid #bbb;*/
}
.gamelistWrap.J1 .ttlNoLink h3 { background: #E60012; }
.gamelistWrap.J2 .ttlNoLink h3 { background: #0D7F41; }
.gamelistWrap.J3 .ttlNoLink h3 { background: #0062b2; }
.gamelistWrap.ACL .ttlNoLink h3 { background: #042E92; }
.gamelistWrap.YNC .ttlNoLink h3 { background: #E60012; }

.tabNavArea .formArea{display: none;}
.tabNavArea.pagebottom .formArea{display: block;}
.tabNavArea{margin-bottom: 30px;}


.tabListTxt{
    background: #fff;
    table-layout: fixed;
    border-top: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid #ccc;
    margin-bottom: 10px;
}

.tabListTxt.tp{border-top: 1px solid #ccc; margin-bottom: 0;}
.tabListTxt.btm{border: none;padding-bottom: 5px;}

.tabListTxt li{
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    width: auto;
}
.tabListTxt .active{
    background: #222;
    color: #fff;
}
.tabListTxt li .active:after{
    background: #222;
}
.tabListTxt li:first-child{border-left: 1px solid #ccc;}

.tabListTxt.tp li:last-child a{
    background-color: #e8e8e8;
}

.tabListTxt li a{
    letter-spacing: -0.1em;
    font-size: 70%;
    line-height: 1.25;
    display: table-cell;
    vertical-align: middle;
    width:500px;
    height: 40px;
    padding: 0;
}
.tabListTxt li.all a{
    background-color:#e8e8e8;
}
.tabListTxt li.all a.active{
    background-color:#222;
}
.tabListTxt li .active:after{
    display: none;
}
.pagebottom .formArea{margin-bottom: 7px;}







/* title */
.clauseArea {
    background: #f6f6f6;
    border-bottom: 1px solid #ccc;
    margin-bottom: 3px;
    padding: 3px 0;
}
.clauseArea .archiveLinkRes {
    display: table;
    width: 100%;
    min-height: 35px;
    vertical-align: middle;
}
.clauseArea .archiveLinkRes li{
    display: table-cell;
    width: 50%;
    line-height: 1.3;
    vertical-align: middle;
    padding-top: 3px;
}
.archiveLinkRes li a{
	position: relative;
	display: block;
	width: 100%;
	color: #06c;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.archiveLinkRes li:first-child a {
    padding-left: 20px;
}
.archiveLinkRes li:first-child a::before {
    border-right: 2px solid #06c;
    border-top: 2px solid #06c;
    color: #06c;
    content: "";
    display: block;
    height: 4px;
    width: 4px;
    left: 10px;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    -moz-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
.archiveLinkRes li:last-child{
	text-align: right;
}
.archiveLinkRes li:last-child a {
    padding-right: 20px;
}
.archiveLinkRes li:last-child a::before {
    border-right: 2px solid #06c;
    border-top: 2px solid #06c;
    color: #06c;
    content: "";
    display: block;
    height: 4px;
    width: 4px;
    right: 10px;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.archiveLinkRes li span{
	display: block;
	font-size: 10px;
}








/* gameTable */
.gameTable {


}
/*.gamelist > li > div{
	border:none;
	border-bottom:1px solid #AEAEAE;
}*/
.gamelist > li > div > a{
	position: relative;
	/*padding: 5px 0 5px 5px;*/
}
.gamelist > li > div > a:before{
    position: absolute;
    left: 0;
    top: 0;
    content: ".";
    text-indent: -9999px;

    }
.gamelist > li.groupHead{
 font-size: 13px;
    font-weight: bold;
    padding: 3px 5px 2px;
}
.gamelist > li > div p.note{
    font-size: 10px;
    padding: 5px;
    line-height: 1.3;
    border-top: 1px solid #ccc;
}
.gameTable.trackingData: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;
}

.gameTable td.clubNameArea{
	width: 18%;
}
.gameTable td.point{
	width: 10%;
	font-size: 16px;
    font-weight: bold;
    color: #222;
    letter-spacing: -0.05em;
}

.gameTable td.status {
    vertical-align: middle;
}
.gameTable td.status li{
	margin: 3px auto;
}

.gameTable td.status li.icon span.before {
    border: 1px solid #ccc;
    background-color: #fff;
    color: #333;
}
.gameTable td.status  li.time{
	font-size: 11px;
}
.gameTable td.tvArea,
.gameTable td.radioArea{
	border-left: 1px dotted #ccc;
	width: 65px;
}
.gameTable td.tvArea span.icon,
.gameTable td.radioArea span.icon{
	width: 60px;
	-webkit-background-size:60px auto;
	-moz-background-size:60px auto;
	background-size:60px auto;
	/*min-height: 30px !important;*/
}
.gameTable td.tvArea span.icon.skyper,
.gameTable td.radioArea span.icon.skyper {
    border:2px solid #009fe6;
    color: #009fe6;
}
.gameTable td.tvArea span.icon.dazn,
.gameTable td.radioArea span.icon.dazn {
    border:2px solid #999;
    color: #666;
}
.gameTable td.tvArea span.icon.snm,
.gameTable td.tvArea span.icon.nihonTV,
.gameTable td.tvArea span.icon.livetracking,
.gameTable td.tvArea span.icon.NHK_BS1,
.gameTable td.tvArea span.icon.TBS,
.gameTable td.tvArea span.icon.FUJITV.ONE,
.gameTable td.tvArea span.icon.BS-TBS{height: 30px;}

.gamelist .scroll{
	/*height: 60px;
    overflow: hidden;*/
    width: 100%;
}
.gameBTNlist{
	width: auto;
    padding-bottom: 2px;
	/*white-space: nowrap;
	overflow:scroll;*/
}
.gameBTNlist li{
	width: 33.33%;
	margin: 3px 0;
	font-size: 11px;
    vertical-align: middle;
}

.gameBTNlist li a,
.gameBTNlist li span{
	background: none;
	
	font-weight: bold;
	border-right: 1px dotted #ccc;
	height: 23px;
    line-height: 24px;
}
.gameBTNlist li.ticket a,
.gameBTNlist li.ticket span{
	background: #C2C2C2;
    color: #fff;
    font-size: 10px;
    border-right: none;
	border-radius: 2px;
}
.gameBTNlist li a{
    color: #06c;
}
.gameBTNlist li.ticket a{
    background: #f00;
    position: relative;
}
.gameBTNlist li:nth-child(3n) a,.gameBTNlist li:nth-child(3n) span{ border-right: none; }

.gameBTNlist li.ticket a:after{
    position: absolute;
    font-family: 'FontAwesome';
    content: "\f053";
    font-size: 10px;
    font-weight: normal;
    content: "\f054";
    right: 3px;
    line-height: 35px;
    top: 50%;
    line-height: inherit;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}


/* prevNav */
.prevNav{
	font-size: 12px;
	margin-top: 5px;
}
.prevNav a{
	position: relative;
	color: #333;
    padding: 5px 10px 5px 20px;
    font-weight: bold;
}
.prevNav a:before{
	border-right: 2px solid #A6A6A6;
    border-top: 2px solid #A6A6A6;
    color: #333;
    content: "";
    display: block;
    height: 4px;
    width: 4px;
	left: 10px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    -moz-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
.prevNav a i{
	padding-right: 3px;
}






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

2022.07 asano
winner　ボタン 追加

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


.gameBTNlist li.winner a,.gameBTNlist li.winner button{
    text-align: center;
    background: #d6e8f0;
    border-right: none;
    position: relative;
    padding-right: 12px;
    border-radius: 2px;
    border: none;
    height: 23px;
    line-height: 23px;
    width: 100%;
    vertical-align: middle;
}
.gameBTNlist li.winner a:after,.gameBTNlist li.winner button:after{
    position: absolute;
    font-family: 'FontAwesome';
    content: "\f053";
    font-size: 10px;
    font-weight: normal;
    content: "\f054";
    right: 3px;
    line-height: 35px;
    top: 50%;
    line-height: inherit;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    color: #06c;
    height: 23px;
}       
.gameBTNlist li.winner a img,.gameBTNlist li.winner button img{
    height: 100%;
    width: auto;
    text-align: center;
    margin-left: 0;
}
.gameBTNlist li.winner{
    width: 30%;
    margin-left: 2%;
    border-right: none;
    vertical-align: middle;
}






/* ------------------------------
 TV area 
 ------------------------------*/
body.tv .gamelist > li > div,
body.radio .gamelist > li > div{
	display: table;
    width: 100%;
	padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
body.tv .gamelist > li > div > a,
body.radio .gamelist > li > div > a{
	display: table-cell;
	border-bottom:0;
	margin-bottom: 0;
	vertical-align: top;
	width: 50%;
}
body.tv .tvArea,
body.radio .radioArea{
	display: table-cell;
	width: 50%;
	font-size: 12px;
	border-left: 1px dotted #ccc;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	vertical-align: middle;
	text-align: left;
    padding-left: 5px;
}

body.tv .tvArea ul,
body.radio .radioArea ul{
	margin-bottom: 3px;
	}
body.tv .tvArea ul li,
body.radio .radioArea ul li{
	line-height: 1.3;
	}
body.tv .tvArea span.icon.skyper a,
body.radio .radioArea span.icon.skyper a {
    border:2px solid #009fe6;
    color: #009fe6;
    width: 50px;
	display: inline-block;
	font-size: 10px;
	text-align: center;
	line-height: 1.1;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 0;
    letter-spacing: -0.03em;
}
body.tv .tvArea span.icon.skyper.VOD a,
body.radio .radioArea span.icon.skyper.VOD a { width: 70px; }

body.tv .gameTable,
body.radio .gameTable {
	width: 100%;
    margin: 10px 0;
}
body.tv .gameTable td.clubNameArea,
body.radio .gameTable td.clubNameArea{
	width: 18%;
}
body.tv .gameTable td.status li.time,
body.radio .gameTable td.status li.time{
	border-bottom: 1px solid #000;
	padding-bottom: 3px;
    margin-bottom: 5px;
}



.formArea ul li.resetBTN input{
    display: none;
    border: 1px solid #638FBA;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #89B9EA), color-stop(100%, #638FBA));
    background: -webkit-linear-gradient(top, #89B9EA 0%, #638FBA 100%);
    -webkit-box-shadow: inset 0 1px 0 #B6D1EC;
    box-shadow: inset 0 1px 0 #B6D1EC;
}

.tv .gameTable td.tvArea span.icon,
.radio .gameTable td.radioArea span.icon{
    float: left;
}
.tv .gameTable td.tvArea span.icon a{
    display: table-cell;
    height: 30px;
    vertical-align: middle;
}
.radio .gameTable td.radioArea span.channelName{
    font-size: 12px;
    width: auto;
    text-align: left;
	display: inline-block;
	padding-top: 0;
	padding-bottom: 0;
    line-height: 1.3;
}

.tv .gameTable td.tvArea span.channelName{
    font-size: 12px;
    width: auto;
    text-align: left;
	display: inline-block;
	padding-top: 0;
	padding-bottom: 0;
    line-height: 1.3;
}

.tv .gameTable td.tvArea span.icon.skyOndemand,
.radio .gameTable td.radioArea span.icon.skyOndemand{
    border: 2px solid #009fe6;
    color: #009fe6;
	width: 69px;
}

.tv .gameTable td.tvArea span.icon.skyChannel,
.radio .gameTable td.radioArea span.icon.skyChannel{
    border: 2px solid #009fe6;
    color: #009fe6;
	width: 60px;
	margin-right: 3px;
}

.tv .gameTable td.tvArea span.skyArea,
.radio .gameTable td.radioArea span.skyArea{
    width: auto;
    display: inline-block;
}

.tv .gameTable td.tvArea span,
.radio .gameTable td.radioArea span{
	margin: 0;	
}

.tv .gamelistWrap .gamelistFooter,
.radio .gamelistWrap .gamelistFooter{
    padding: 1px 0 5px 0;
}

.tv .gamelistWrap .gamelistFooter .prevNav,
.radio .gamelistWrap .gamelistFooter .prevNav{
	float: left;	
}

.tv .gamelistWrap .gamelistFooter .rightTopLink,
.radio .gamelistWrap .gamelistFooter .rightTopLink{
    margin: 5px 0;
}

.tv .gameTable td.tvArea span.channelNameArea{
	width: auto;
	text-align: left;
    padding-bottom: 0;
	padding-top: 5px;
}

.radio .gameTable td.radioArea span.channelNameArea{
	width: auto;
	text-align: left;
    padding-bottom: 0;
	padding-top: 0;
}

.tv .gamelist > li > div > a,
.radio .gamelist > li > div > a{
	padding: 0;	
}

.gameTable td.radioArea span {
    display: block;
    width: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 10px;
    color: #2e354b;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    padding: 5px 2px;
    margin: 0 0 2px 5px;
    line-height: 1;
}

.tv .gameTable td.tvArea span.channelName.nationalTv{
	color: #ff0000;
    font-weight: bold;
}

/*20160224*/
.matchArchive .sectNav div,
.match2015 .sectNav div{
    overflow: scroll;
    /*display: inline-block;*/
}
.matchArchive .sectNav p,
.match2015 .sectNav p{
    background: #777;
    font-size: 12px;
    color: #fff;
    float: left;
    padding: 5px 8px;
    margin-right: 5px;
}
.matchArchive .sectNav div ul,
.match2015 .sectNav div ul{
    width: auto;
    height: 28px;
    font-size: 0;
    white-space: nowrap;
    line-height: 28px;
}
.matchArchive .sectNav div ul li,
.match2015 .sectNav div ul li{
    display: inline-block;
    text-align: center;
    font-size: 14px;
    padding: 0 5px;
}
/*.matchArchive nav,
.match2015 nav{
    margin: 10px 0; 
}*/
.matchArchive .pageAboveNavArea,
.match2015 .pageAboveNavArea{
    margin-bottom: 10px;
}

body.all ul.tabListTxt li.index a,
body.leaguecup ul.tabListTxt li.leaguecup a,
body.cs ul.tabListTxt li.cs a,
body.playoff ul.tabListTxt li.playoff a,
body.j2j3playoff ul.tabListTxt li.j2j3playoff a,
body.nyc ul.tabListTxt li.nyc a,
body.fxsc ul.tabListTxt li.fxsc a,
body.suruga ul.tabListTxt li.suruga a,
body.fcwc ul.tabListTxt li.fcwc a,
body.emperor ul.tabListTxt li.emperor a,
body.acl ul.tabListTxt li.acl a,
body.ync ul.tabListTxt li.ync a,
body.j3 ul.tabListTxt li.j3 a,
body.j2 ul.tabListTxt li.j2 a,
body.j1 ul.tabListTxt li.j1 a {
    background: #222;
    color: #fff;
}
/*body.all ul.tabListTxt li.index a:after,
body.emperor ul.tabListTxt li.emperor a:after,
body.acl ul.tabListTxt li.acl a:after,
body.ync ul.tabListTxt li.ync a:after,
body.j3 ul.tabListTxt li.j3 a:after,
body.j2 ul.tabListTxt li.j2 a:after,
body.j1 ul.tabListTxt li.j1 a:after {
    display: block;
    position: absolute;
    bottom: -4px;
    left: 50%;
    width: 8px;
    margin-left: -4px;
    height: 8px;
    background: #bbb;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    background: #222;
}*/
body.all .pagebottom ul.tabListTxt li.index a:after,
body.emperor .pagebottom ul.tabListTxt li.emperor a:after,
body.acl .pagebottom ul.tabListTxt li.acl a:after,
body.ync .pagebottom ul.tabListTxt li.ync a:after,
body.j3 .pagebottom ul.tabListTxt li.j3 a:after,
body.j2 .pagebottom ul.tabListTxt li.j2 a:after,
body.j1 .pagebottom ul.tabListTxt li.j1 a:after {
    top: -4px;
}
.matchArchive.ync .sectNav div ul li:nth-child(8),
.match2015.ync .sectNav div ul li:nth-child(8){
    border-left:solid 2px #ccc; 
}
.matchArchive.j1 .sectNav p,
.match2015.j1 .sectNav p{
    width: 90px;
    text-align: center;
}
.matchArchive .clauseArea .archiveLinkRes,
.match2015 .clauseArea .archiveLinkRes{
    display: none;
}
.matchArchive .prevNav,
.match2015 .prevNav {
    font-size: 12px;
    margin-top: 5px;
    display: none;
}
.formArea ul #select_club.select{
    width:100px;
}
.formArea ul #select_sec.select{
    width:46px;
}


.gamelist > li.teamNoGame{
    font-style: normal;
    font-size: 12px;
    /*text-align: right;*/
}
.gamelist > li.teamNoGame a{
    color: #333;
    font-weight: bold;
}
.gamelist > li.teamNoGame a:hover{
    text-decoration: none;
    color: #06c;
    opacity: 0.6;
}
.gamelist > li.teamNoGame i {
    display: inline-block;
    padding: 3px 10px;
    background: #E8E8E8;
    margin: 5px;
    font-style: normal;
    border-radius: 3px;
    font-size: 10px;
}
.gamelist > li.teamNoGame span.embS{
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 3px;
}

.gamelist > li .groupHead {
    font-size: 12px;
    font-weight: bold;
    padding: 5px 0;
}
/*---- 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;
    overflow: auto;
}
.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{
    position: fixed;
    top: 80px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    z-index: 1001;
    display: none;
    background-color: #FFF;
    overflow: auto;
    height: 500px;
}
.modalContent .frameOuter{
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    padding-bottom: 19%;
    position: relative;
}
.modalContent .btnIcon {
    position: fixed;
    right: 0;
    top: 53px;
}
.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;
}
.modalContent .checkArea{
	width: 100%;
    box-sizing: border-box;
}
.modalContent .checkArea dt,
.modalContent .checkArea dd{
	box-sizing: border-box;
	vertical-align: middle;
}
.modalContent .checkArea dt{
	background-color: #F5F5F5;
	width: 100%;
	text-align: center;
	padding: 3%;
}
.modalContent .checkArea dd{
	width: 100%;
	padding: 5% 3%;
}
.modalContent .checkArea dd .checkAreaTtl {
	margin-bottom: 10px;
}
.modalContent .checkArea dd .checkAreaTtl:not(:first-of-type) {
	margin-top: 20px;
}
.modalContent .checkArea dd ul{
    width: 100%;
}
.modalContent .checkArea dd ul:nth-of-type(n+2) {
    margin-top: 5%;
    padding-top: 5%;
    border-top: 1px dotted #DBDBDB;
}
.modalContent .checkArea dd ul li{
    width: 100%;
    margin-bottom: 2%;
    box-sizing: border-box;
}
.modalContent .checkArea dd .clubSarch li{
    padding-left: 5%;
}
.modalContent .checkArea dd .clubSarch li.clubLeague {
    padding-left: 0;
}
.modalContent .checkArea dd input[type='checkbox']{
    display: none;
}
.modalContent .checkArea dd label{
    display: inline-block;
}

.modalContent .checkArea legend{
	box-sizing: border-box;
	vertical-align: middle;
}
.modalContent .checkArea legend{
	background-color: #F5F5F5;
	width: 100%;
	text-align: center;
	padding: 3%;
    margin: 5% 0;
}

.modalContent .checkArea fieldset label{
    display: block;
    margin: 0 3% 2%;
}

.modalContent .checkArea .periodMonth fieldset label{
    display: inline-block;
}

.modalContent .checkArea fieldset:nth-child(3),
.modalContent .checkArea fieldset:nth-child(5) {
    margin-top: 5%;
    padding-top: 5%;
    border-top: 1px dotted #DBDBDB;
}

.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 #000000;
    border-right: 3px solid #000000;
}
.modalContent .checkArea dd .selectArea {
	position:relative;
	overflow:hidden;
	display:inline-block;
	min-width:20px;
	width: 90px;
	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;
    width: 100%;
}
.modalContent .checkArea dd 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: 5% auto;
	width: 200px;
    text-align: center;
}

.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: 200px;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    z-index: 9;
}
/*---- loading 2020 ----*/