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


.titGrayBlockArea{
    background: #222;
}
.titGrayBlockArea .grayBlockTit{
    font-size: 14px;
}
.formArea{
    background: #DBDBDB;
    border: none;
}

table.calendarA {
    border-collapse: collapse;
    margin: 0 0 15px;
    width: 100%;
}

table.calendarA thead {
    background: #f6f6f6 none repeat scroll 0 0;
    border-top: 1px solid #ccc;
    font-weight: bold;
}

table.calendarA tr {
    border-bottom: 1px solid #ccc;
}

table.calendarA th {
    border: 1px solid #ccc;
    font-size: 12px;
    height: 20px;
    width:14.28%;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    background: #DBDBDB;
}
table.calendarA td {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    color: #333;
    width:14.28%;
    font-size: 9.5px;
    padding: 0 0 5px 0;
    text-align: left;
    vertical-align: top;
    box-sizing: border-box;
    height: 110px;
}

table.calendarA span{
    font-weight: bold;
    font-size:10px;
}
table.calendarA span.date{
    display: block;
    border-bottom: 1px solid #ccc;
    padding-left: 2px;
}

table.calendarA td a{
    display: block;
    height:100%;
    /*min-height: 105px;*/
    color: #333;
}

/* タイトルの装飾 */
.titCal{
    background: #fff;
    font-size:14px;
    text-align: center;
    padding: 10px 10px 0;
}

.titCal .grayBlockTit{
    font-size:16px;
    display: table;
    text-align: center;
    width: 100%;
    white-space: nowrap;
    color: #333;
    font-weight: bold;

}

.titCal span,.titCal a{
    display: table-cell;
    height: 35px;
    line-height: 35px;
}
.titCal span{
    font-size: 18px;
    color: #000;
}
.titCal a{
    color:#06c;
    font-size:96%;
    width: 25%;
}

.titCal .calLeft{
    text-align: left;
    padding-left: 12px;
}

.titCal a.calLeft:first-child:before {
    border-right: 2px solid #06c;
    border-top: 2px solid #06c;
    content: "";
    display: block;
    height: 6px;
    left: 10px;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    -moz-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    width: 6px;
}

.titCal .calRight{
    text-align: right;
    padding-right: 12px;
}

.titCal a.calRight:last-child:before {
    border-right: 2px solid #06c;
    border-top: 2px solid #06c;
    content: "";
    display: block;
    height: 6px;
    margin-top: -4px;
    position: absolute;
    right: 10px;
    top: 50%;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 6px;
}



/* 曜日・祝日の装飾 */
table.calendarA .sat{
    /*background: #F2F8FF;*/
}

table.calendarA .none,
table.calendarA .hol.none{
    background: #F9F9F9;
}



table.calendarA .hol{
    /*background: #FFF4F4;*/
}

table.calendarA .sat span.date{
    color: #045DAD;
}

table.calendarA .hol span.date{
    color: #e60012;

}

table.calendarA span.cal1st,
table.calendarA span.cal2nd{
    font-size: 10px;
    color: #333;
    line-height: 1;
}


/* 表示の装飾 */

table.calendarA .today{
    background:#FFFac2 !important;
    position: relative;
}
/*table.calendarA .today:after{
    position: absolute;
    font-family: 'FontAwesome';
    content: "\f041";
    font-size: 30px;
    font-weight: normal;
    right: 3px;
    top: -6px;
    color: rgba(255, 125, 0, 0.7);
}*/
table.calendarA ul{
    padding-top:2px;
    max-width: 80px;
    margin: 0 auto;
}
table.calendarA li{
    height: auto;
    margin:0;
    text-align: center;
}

table.calendarA li:last-child{
    margin: 0;
}

table.calendarA li span {
    font-size: 13px;
    font-weight: bold;
    display: block;
    color:#fff;
    letter-spacing: -0.05em;
		margin: 0 auto;
		text-align: center;
}

table.calendarA.tb_other .clause{
    display: none;
    /*font-size: 14px;
    display: block;
    font-weight: normal;
    color: #fff;
    font-weight: bold;
    padding:3px 0 0;
    margin-bottom: 5px;*/
}
table.calendarA .clause i{
    font-size: 10px;
    font-style: normal;
}
table.calendarA .detail{
    background: #666;
    color:#fff;
    font-size: 10px;
    text-align: left;
    min-width: 3em;
}

table.calendarA .calJ1,.scheduleCalAskArea .calJ1{color: #E60012 !important; }
table.calendarA .calJ2,.scheduleCalAskArea .calJ2{color: #0D7F41 !important;}
table.calendarA .calJ3,.scheduleCalAskArea .calJ3{color: #0062b2 !important;}
table.calendarA .calAcl,.scheduleCalAskArea .calAcl{color: #042E92 !important;}
table.calendarA .calAcl2,.scheduleCalAskArea .calAcl2{color: #040a32 !important;}
table.calendarA .calAcle,.scheduleCalAskArea .calAcle{color: #140435 !important;}
table.calendarA .calYnc,.scheduleCalAskArea .calYnc{color: #E60012 !important;}
table.calendarA .calOther,.scheduleCalAskArea .calOther{color:#010202 !important;}

table.calendarA .calJ1,
table.calendarA .calJ2,
table.calendarA .calJ3,
table.calendarA .calAcl,
table.calendarA .calAcl2,
table.calendarA .calAcle,
table.calendarA .calYnc,
table.calendarA .calOther{margin-top: 3px;}

table.calendarA .divs{
    font-size: 10px;
    padding: 0 0 2px;
    line-height: 1;
    font-weight: normal;
    color: #333;
    margin:0;
}

/*table.calendarA .calOther.calAcl,
.scheduleCalAskArea .calOther.calAcl{
    color: #042E92 !important;
    background: url(/img/common/logo_acl.png) no-repeat top center;
    -webkit-background-size:35px auto;
    background-size:35px auto;
    width: 35px;
    height: 25px;
    text-indent: -9999px;
    margin: 0 auto;
}*/
table.calendarA .calOther.calYLC,
.scheduleCalAskArea .calOther.calYLC,
table.calendarA .calOther.calNYC,
.scheduleCalAskArea .calOther.calNYC,
table.calendarA .calOther.calFCWC,
.scheduleCalAskArea .calOther.calFCWC,
table.calendarA .calOther.calEmperor,
.scheduleCalAskArea .calOther.calEmperor,
table.calendarA .calOther.calJ1playoff,
.scheduleCalAskArea .calOther.calJ1playoff,
table.calendarA .calOther.calJ2playoff,
.scheduleCalAskArea .calOther.calJ2playoff,
table.calendarA .calOther.calJ2J3replace,
.scheduleCalAskArea .calOther.calJ2J3replace,
table.calendarA .calOther.calYnc,
.scheduleCalAskArea .calOther.calYnc,
table.calendarA .calOther.calFXSC,
.scheduleCalAskArea .calOther.calFXSC,
table.calendarA .calOther.calSuruga,
.scheduleCalAskArea .calOther.calSuruga,
table.calendarA .calOther.calj_conmebol,
.scheduleCalAskArea .calOther.calj_conmebol,
table.calendarA .calOther.calJ1CS,
.scheduleCalAskArea .calOther.calJ1CS,
table.calendarA .calOther.calJ1,
.scheduleCalAskArea .calOther.calJ1,
table.calendarA .calOther.calJ1_old,
.scheduleCalAskArea .calOther.calJ1_old,
table.calendarA .calOther.calJ2,
.scheduleCalAskArea .calOther.calJ2,
table.calendarA .calOther.calJ2_old,
.scheduleCalAskArea .calOther.calJ2_old,
table.calendarA .calOther.calJ3,
.scheduleCalAskArea .calOther.calJ3,
table.calendarA .calOther.calJ3_old,
.scheduleCalAskArea .calOther.calJ3_old,
table.calendarA .calJapan,
.scheduleCalAskArea .calJapan,
table.calendarA .calAsiancup,
.scheduleCalAskArea .calAsiancup,
table.calendarA .calAcl,
.scheduleCalAskArea .calAcl,
table.calendarA .calAcl2,
.scheduleCalAskArea .calAcl2,
table.calendarA .calAcle,
.scheduleCalAskArea .calAcle,
table.calendarA .calJIAM,
.scheduleCalAskArea .calJIAM,
table.calendarA .calAc,
.scheduleCalAskArea .calAc,
table.calendarA .caljwc,
.scheduleCalAskArea .caljwc{
    color: #E60012 !important;
    -webkit-background-size:35px auto;
    background-size:35px auto;
    background-position: top center;
    background-repeat: no-repeat;
    width: 35px;
    height: 25px;
    text-indent: -9999px;
    margin: 2px auto;
}
table.calendarA .calOther.calJ1playoff,
.scheduleCalAskArea .calOther.calJ1playoff,
table.calendarA .calOther.calJ2playoff,
.scheduleCalAskArea .calOther.calJ2playoff,
table.calendarA .calOther.calJ2J3replace,
.scheduleCalAskArea .calOther.calJ2J3replace{ height: 35px; background-position: 0 5px; }

table.calendarA .calOther.calFCWC,
.scheduleCalAskArea .calOther.calFCWC{
    background-image: url(/img/common/logo_cwc.png);
}
table.calendarA .calOther.calYnc,
.scheduleCalAskArea .calOther.calYnc{
    background-image: url(/img/common/logo_ync.png);
}
table.calendarA .calOther.calFXSC,
.scheduleCalAskArea .calOther.calFXSC{
    background-image: url(/img/common/logo_FXSC.png);
}
table.calendarA .calOther.calSuruga,
.scheduleCalAskArea .calOther.calSuruga{
    background-image: url(/img/common/logo_suruga.png);
}
table.calendarA .calOther.calj_conmebol,
.scheduleCalAskArea .calOther.calj_conmebol{
    background-image: url(/img/common/logo_j_conmebol.png);
}
table.calendarA .calOther.calJ1CS,
.scheduleCalAskArea .calOther.calJ1CS{
    background-image: url(/img/common/logo_cs.png);
}
table.calendarA .calOther.calEmperor,
.scheduleCalAskArea .calOther.calEmperor{
    background-image: url(/img/common/logo_emperor.png);
    background-position: 0 5px;
}
table.calendarA .calOther.calJ1playoff,
.scheduleCalAskArea .calOther.calJ1playoff{
    background-image: url(/img/common/logo_j1playoff.png);
}
table.calendarA .calOther.calJ2playoff,
.scheduleCalAskArea .calOther.calJ2playoff{
    background-image: url(/img/common/logo_j2playoff.png);
}
table.calendarA .calOther.calJ2J3replace,
.scheduleCalAskArea .calOther.calJ2J3replace{
    background-image: url(/img/common/logo_j2j3replace.png);
}
table.calendarA .calOther.calNYC,
.scheduleCalAskArea .calOther.calNYC{
    background-image: url(/img/common/logo_nyc.png);
}
table.calendarA .calOther.calYLC,
.scheduleCalAskArea .calOther.calYLC{
    background-image: url(/img/common/logo_ylc.png);
}
table.calendarA .calOther.calJ1,
.scheduleCalAskArea .calOther.calJ1{
		background-image: url(/img/common/logo_sub_j1.png);
		background-size: 50%;
}
table.calendarA .calOther.calJ1_old,
.scheduleCalAskArea .calOther.calJ1_old{
		background-image: url(/img/common/logo_sub_j1_old.png);
		background-size: 50%;
}
table.calendarA .calOther.calJ2,
.scheduleCalAskArea .calOther.calJ2{
		background-image: url(/img/common/logo_sub_j2.png);
		background-size: 50%;
}
table.calendarA .calOther.calJ2_old,
.scheduleCalAskArea .calOther.calJ2_old{
		background-image: url(/img/common/logo_sub_j2_old.png);
		background-size: 50%;
}
table.calendarA .calOther.calJ3,
.scheduleCalAskArea .calOther.calJ3{
		background-image: url(/img/common/logo_sub_j3.png);
		background-size: 50%;
}
table.calendarA .calOther.calJ3_old,
.scheduleCalAskArea .calOther.calJ3_old{
		background-image: url(/img/common/logo_sub_j3_old.png);
		background-size: 50%;
}
table.calendarA .calOther.calJapan,
.scheduleCalAskArea .calOther.calJapan{
		background-image: url(/img/common/logo_jfa.png);
		background-size: 50%;
}
table.calendarA .calOther.calAsiancup,
.scheduleCalAskArea .calOther.calAsiancup{
		background-image: url(/img/common/logo_asiancup2019.png);
		background-size: 70%;
}
table.calendarA .calOther.calAcl,
.scheduleCalAskArea .calOther.calAcl{
		background-image: url(/img/common/logo_acl.png);
}
table.calendarA .calOther.calAcl2,
.scheduleCalAskArea .calOther.calAcl2{
		background-image: url(/img/common/logo_acl2.png);
}
table.calendarA .calOther.calAcle,
.scheduleCalAskArea .calOther.calAcle{
		background-image: url(/img/common/logo_acle.png);
}
table.calendarA .calOther.calAc,
.scheduleCalAskArea .calOther.calAc{
		background-image: url(/img/common/logo_ac.png);
}
table.calendarA .calOther.caljwc,
.scheduleCalAskArea .calOther.caljwc{
		background-image: url(/img/common/logo_jwc.png);
}
table.calendarA .calOther.calJIAM,
.scheduleCalAskArea .calOther.calJIAM{
		background-image: url(/img/common/logo_academy.png);
}

table.calendarA .detail.J1{background: #E60012;}
table.calendarA .detail.J2{background: #0D7F41;}
table.calendarA .detail.J3{background: #0062b2;}
table.calendarA .detail.ACL{background: #042E92;}
table.calendarA .detail.YNC{background: #E60012;}
table.calendarA .calJ1CS.divs{color:#E60012 !important;}




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

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

.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;}





/* 補足事項の装飾 */

.scheduleCalAskArea{
    border: 1px solid #ccc;
    padding: 10px 10px 0;
    margin: 0;
}


/*　注釈　*/
.scheduleCalAskArea p{
		vertical-align: middle;
		display: table;
		width: 100%;
		height: 32px;
		margin-bottom: 0.5em;
}
.scheduleCalAskArea p span{
    display: table-cell;
    vertical-align: middle;
}
.scheduleCalAskArea span:first-child{
    width:45px !important;
    font-weight: bold;
    border-right: 1px solid #ccc;
    margin-right: 10px;
    text-align: center;
}
.scheduleCalAskArea .calDiv{
    color:#000;
    padding:0 3px 0 7px;
    border: none;
    text-align:left;
    min-width:180px;
    max-width:400px;
    font-weight:normal;
    margin-left:3px;
    vertical-align: middle;
    display: table-cell;
}
.scheduleCalAskArea span.cal1st,
.scheduleCalAskArea span.cal2nd{
    color: #E60012;
}



.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;
}
.formArea ul #select_club.select{
    width:100px;
}
.formArea ul #select_sec.select{
    width:46px;
}



.dayLinkBTN {

}
.dayLinkBTN ul{
    font-size: 0;
}
.dayLinkBTN ul li{
    display: inline-block;
    font-size: 14px;
    width: 32%;
    margin-right: 2%;
    box-sizing: border-box;
}
.dayLinkBTN ul li:nth-child(3n){margin-right: 0;}

.dayLinkBTN ul li a{
    display: table-cell;
    vertical-align: middle;
    height: 30px;
    width: 500px;
    text-align: center;
    border: 1px solid #dbd1b8;
    background: #eeeadb;
    box-sizing: border-box;
    position: relative;
    color: #5e4f20;
    padding-right: 8px;
}
.dayLinkBTN ul li a:after {
    border-right: 2px solid #8f8357;
    border-top: 2px solid #8f8357;
    content: "";
    display: block;
    height: 6px;
    margin-top: -4px;
    position: absolute;
    right: 5px;
    top: 50%;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 6px;
}




/* 汎用 */
.linkAll{display: block;}
.matchInfo{ display: none;}




.matchTab {
		letter-spacing: -.4em;
		position: relative;
		height: 40px;
		padding: 0;
		border-bottom: 1px solid #ccc;
		font-size: 0;
}
.matchTab li {
    width: 50%;
    height: 40px;
    display: inline-block;
    line-height: 40px;
    letter-spacing: normal;
    vertical-align: middle;
}
.matchTab li a {
    display: block;
    height: 39px;
    width: 100%;
    font-size: 12px;
    font-weight: bold;
    color: #111;
    border-left: 1px solid #ccc;
    text-align: center;
    border-top: 1px solid #ccc;
    background: #f5f5f5;
    text-decoration: none;
}
.matchTab li.active a {
    background: #ffffff;
    height: 40px;
}
.matchTab li:last-child a {
    border-right: 1px solid #ccc;
}
a.selectBtn {
    display: block;
    width: 80%;
    text-align: center;
    margin: 25px auto 20px;
    padding: 15px;
    color: #000;
    box-shadow: 0 0 1px #949494;
}