@charset "utf-8";


/* ============================================
	Common Parts (slideStyle01)
============================================ */

.slideStyle01-nav1{
	border-bottom:2px solid #00a1c9;
	margin:30px auto 20px;
	max-width:900px;
	}
	.slideStyle01-nav1 .innerBox01{
		max-width:800px;
		margin:0 auto;
		display:block;
		}
	.slideStyle01-nav1 .innerBox02{
		margin:0;
		}
	.slideStyle01-nav1 .innerBox03{
		height:36px;
		text-align:center;
		padding:10px;
		display:inline-block;
		cursor: pointer;
		font-size:115%;
		font-weight:bold;
		color:#b2b2b2;
		outline: none;
		}
		
	.slideStyle01-nav1 .innerBox03:hover{
		background:#fff;
		border-bottom:4px solid #00a1c9;
		color:#00a1c9;
		}

	.slideStyle01-nav1 .innerBox03.currentBox{
		background:#00a1c9;
		color:#fff;
		}

/*tablet*/
@media screen and (max-width: 767px){

	.slideStyle01-nav1{
		display:none;
		}
}/*tablet*/




.slideStyle01-nav2{
	width:600px;
	height:100px;
	margin:10px auto;
	text-align:center;
	font-weight:bold;
	color:#555555;
	position:relative;
	overflow: hidden;
	
		}

	.slideStyle01-nav2 .innerBox03{
		height:100px;
		padding-top:10px;
		}
	.slideStyle01-nav2 .yy{font-size:258%;}
	.slideStyle01-nav2 .yy_t{font-size:171%;}
	.slideStyle01-nav2 .mm{font-size:343%;}
	.slideStyle01-nav2 .mm_t{font-size:171%;}

/*tablet*/
@media screen and (max-width: 767px){
	.slideStyle01-nav2{
		width:280px;
		height:50px;
	}

	.slideStyle01-nav2 .yy{font-size:18px;}
	.slideStyle01-nav2 .yy_t{font-size:12px;}
	.slideStyle01-nav2 .mm{font-size:24px;}
	.slideStyle01-nav2 .mm_t{font-size:12px;}

}/*tablet*/




/*矢印*/
#arrow-nav2 {
	position:absolute;
	height:100px;
	top:0px;
	left:0;
	right:0;
	width:100%;
	margin:0 auto;
	vertical-align: top;
	display:block;
	z-index:1000;
}
/*初期設定を消す*/
	#arrow-nav2 .slick-arrow {
	height:100px;
	width:50px;
	top:50px;
	display:block;

	}
#arrow-nav2 .slick-next{
	right:76px;
	background: url("../img/ico_arrowR.PNG") no-repeat center 50%;
	}

#arrow-nav2 .slick-prev{
	left:76px;
	background: url("../img/ico_arrowL.PNG") no-repeat center 50%;
	
	}

#arrow-nav2 .slick-arrow:before {
	content:"";
}



/*tablet*/
@media screen and (max-width: 767px){
	#arrow-nav2{
		width:280px;
		height:60px;
		margin:0 auto;
	}

#arrow-nav2 .slick-next{
	right:0px;
	top:25px;

	background: url("../img/ico_arrowR.PNG") no-repeat center 50%;
	}

#arrow-nav2 .slick-prev{
	left:0px;
	top:25px;
	background: url("../img/ico_arrowL.PNG") no-repeat center 50%;
	
	}


}/*tablet*/





.slideStyle01{
	min-height:600px;
	width:960px;
	margin:20px auto 10px;
	}
	.slideStyle01 .innerBox03{
		width:900px;
		margin:0px auto 0px;
		outline: none;
		}


/*960以下*/
@media screen and (min-width: 768px) and (max-width: 960px){

	.slideStyle01{
		width:768px;
		}
	.slideStyle01 .innerBox03{
		width:768px;
		}

}/*960以下*/


/*tablet*/
@media screen and (max-width: 767px){
.slideStyle01{
	width:100%;
	min-width:320px;
	min-height:auto;
	margin:10px auto 20px;
	}

.slideStyle01 .innerBox03{
	width:100%;
	min-width:320px;
	margin:0px auto 0px;
	}
}/*tablet*/












.slideStyle01-navBlock{
		width:100%;
		max-width:900px;
		margin:auto;
		z-index:10;
		position:relative;
		height:150px;
		margin-top:20px;
	}

	.slideStyle01-nav1{
		position:absolute;
		width:100%;
		top:0;
		left:0;
		right:0;
		margin:0 auto;
		}
	.slideStyle01-nav2{
		position:absolute;
		width:100%;
		top:60px;
		left:0;
		right:0;
		margin:0 auto;
		}

	.slideStyle01{
			z-index:1;
			position:relative;
		}

	/*tablet*/
	@media screen and (max-width: 767px){
		.slideStyle01-navBlock{
			height:50px;
			}

		.slideStyle01-nav2{
			width:100%;
			top:0;
			left:0;
			right:0;
			margin:0 auto;
			}

	}/*tablet*/


.slideStyle01-btnNextPerform{
	width:960px;
	margin:20px auto 10px;
}

/*960以下*/
@media screen and (min-width: 768px) and (max-width: 960px){
	.slideStyle01-btnNextPerform{
		width:768px;
	}
}

/*tablet*/
@media screen and (max-width: 767px){
    .slideStyle01-btnNextPerform{
	    width:100%;
	    min-width:320px;
	    margin:10px auto 20px;
    }
}


/*スクロールしたとき*/

/*desktop*/
@media screen and (min-width: 768px){

	#wrapper.headermenu_fixed .slideStyle01-navBlock{
		z-index:10;
		position:fixed;
		top:0;
		left:0;
		right:0;
		background:#fff;
		border-bottom:1px solid #ccc;
		height:120px;
		margin-top:0px;
		}
		#wrapper.headermenu_fixed .slideStyle01-nav2{
			top:40px;
			}
		#wrapper.headermenu_fixed .slideStyle01{
			margin-top:155px;
			}
}/*desktop*/


/*tablet*/
@media screen and (max-width: 767px){


	#wrapper.headermenu_fixed .slideStyle01-navBlock{
		z-index:10;
		position:fixed;
		top:0;
		left:0;
		right:0;
		background:#fff;
		border-bottom:1px solid #ccc;
		height:50px;
		margin:0 auto;
		width:100%;
		}

		#wrapper.headermenu_fixed .slideStyle01{
			margin-top:80px;
			}


}/*tablet*/


/* ============================================
	Common Parts (calendarTable01)
============================================ */



.calendarTable01{
	width:900px;
	margin:0px auto 0px;
	table-layout: fixed;
	border-collapse:separate;
	border-spacing:0 2px;

	}




/*960以下*/
@media screen and (min-width: 768px) and (max-width: 960px){
	.calendarTable01{
		width:100%;
		max-width:760px;
	}
}/*960以下*/



/*tablet*/
@media screen and (max-width: 767px){

	.calendarTable01{
		width:100%;
		min-width:320px;
		margin:0px auto 0px;
		table-layout:auto;
		border-collapse:collapse;
		border-spacing:0;
		border-top:2px solid #b2b2b2;
		border-bottom:2px solid #b2b2b2;
		}

}/*tablet*/


.calendarTable01 th{
	padding: 0px;
	text-align: center;
	vertical-align: top;
	color: #333;
	}


/*desktop*/
@media screen and (min-width: 768px){

	.calendarTable01 th,
	.calendarTable01 td{
		border-right:1px solid #b9b9b9;
		}


	
	.calendarTable01 th:first-child,
	.calendarTable01 td:first-child{
		border-left:1px solid #b9b9b9;
	}

}/*desktop*/


/*tablet*/
@media screen and (max-width: 767px){

	.calendarTable01 tr,
	.calendarTable01 th,
	.calendarTable01 td{
		display:block;
	}

	.calendarTable01 th,
	.calendarTable01 td{
		border-top:1px solid #b9b9b9;
		border-bottom:none;
		border-right:none;
		border-left:none;
		}
	.calendarTable01 .weekBlock{
		display:none;
		}
	/*子要素を持たない日付boxは消す*/
	.calendarTable01 td:empty{
		display:none;
		}

}/*tablet*/


/* 曜日
---------------------------------------------------------- */
	.calendarTable01 .weekBox{
		margin-bottom:1px;
		border-top:1px solid #aaaaaa;
		border-bottom:1px solid #aaaaaa;
		background-color: #eee;
		}

	.calendarTable01 .sat .weekBox{
		background-color: #d7f4f7;
		color:#033374;
	}
	.calendarTable01 .sun .weekBox{
		background-color: #ffe4e7;
		color:#c2185b;
	}




/* データ
---------------------------------------------------------- */
.calendarTable01 td{
	padding: 0px 0;
	background-color: #fff;
	text-align:center;
	position:relative;
	vertical-align: top;
	}

/*tablet*/
@media screen and (max-width: 767px){
    .calendarTable01 td{
	    text-align:left;
	}

}/*tablet*/

	.calendarTable01 td.coDay{
			background-color: #fff5d9;
	}
	.calendarTable01 td.coNit{
			background-color: #d8f5f8;
	}
	.calendarTable01 td.co01{
			background-color: #ffe5e8;
	}
	.calendarTable01 td.co02{
			background-color: #f5f5f5;
	}


/*凡例*/

.hanreiBlock{}
.hanreiList{
	margin:5px 0px 10px;
	}
.hanreiList span{
		display:inline-block;
		width:30px;
		height:1em;
		margin:1px 10px;
		vertical-align: middle;
		border:1px solid #aaaaaa;
	}
	.hanreiList .coNitBox{background-color: #d8f5f8;}
	.hanreiList .coDayBox{background-color: #fff5d9;}
	.hanreiList .co01Box{background-color: #ffe5e8;}
	.hanreiList .co02Box{background-color: #f5f5f5;}

.priceList{
	margin:5px 0px 10px;
	}
.priceList span{
		display:inline-block;
		width:70px;
		height:1.5em;
		margin:1px 2px;
		vertical-align: middle;
		border:1px solid #aaaaaa;
        font-weight:bold;
        font-size:70%;
        text-align:center;
	}
	.priceList .premium{background-color: #003378;color:#fff;}
	.priceList .standard{background-color: #FFE000;color:#666666;}
	.priceList .value{background-color: #AAAAAA;color:#fff;}
	.priceList .cIcon{background-color: #a9d159;color:#fff;}


/*desktop*/
@media screen and (min-width: 768px){
	.calendarTable01 td{
		border-top: 1px solid #b9b9b9;
		border-bottom: 1px solid #b9b9b9;
	}

	.calendarTable01 td:first-child:before {
	  display: block;
	  float: left;
	  height: 150px;
	  content: "";
	}

}/*desktop*/





/* 日付
---------------------------------------------------------- */
.calendarTable01 .dayBox{
	padding:2px 5px;
	}
	.calendarTable01 .sat .dd{
		color:#033374;
		}
	.calendarTable01 .sun .dd{
		color:#c2185b;
	}

	.calendarTable01 .holiday .dd{
		color:#c2185b;
	}


/*desktop*/
@media screen and (min-width: 768px){
	.calendarTable01 .dayBox{
		background-color: #fff;
		border-bottom:1px solid #e3e3e3;
		position:absolute;
		height:24px;
		width:100%;
		top:0;
		text-align:left;
		}
}/*desktop*/




/* 試合内容
---------------------------------------------------------- */

/*基本レイアウト*/

/*desktop*/
@media screen and (min-width: 768px){
.calendarTable01 .innerBox{
		padding:35px 0 0px;
		margin:0 0 10px;
		position:relative;
		line-height:1.2em;
	}
.calendarTable01 .innerBox.doubleHeader{
		padding: 10px 0px 0px;
        border-top: 1px dashed #B9B9B9;
	}
}/*desktop*/

	/*曜日の追加*/
	.calendarTable01 td.mon .dayBox:after,
	.calendarTable01 td.tue .dayBox:after,
	.calendarTable01 td.wed .dayBox:after,
	.calendarTable01 td.thu .dayBox:after,
	.calendarTable01 td.fri .dayBox:after,
	.calendarTable01 td.sat .dayBox:after,
	.calendarTable01 td.sun .dayBox:after{
		display:inline-block;
		padding:3px 2px;
		font-size:10px;
		}

	.calendarTable01 td.mon .dayBox:after{content:"月";}
	.calendarTable01 td.tue .dayBox:after{content:"火";}
	.calendarTable01 td.wed .dayBox:after{content:"水";}
	.calendarTable01 td.thu .dayBox:after{content:"木";}
	.calendarTable01 td.fri .dayBox:after{content:"金";}
	.calendarTable01 td.sat .dayBox:after{content:"土";color:#033374;}
	.calendarTable01 td.sun .dayBox:after{content:"日";color:#c2185b;}

     /*tablet*/
    @media screen and (max-width: 767px){
	    /*スマホの場合、曜日を日付の下に表示*/
	    .calendarTable01 td.mon .dayBox:after,
        .calendarTable01 td.tue .dayBox:after,
        .calendarTable01 td.wed .dayBox:after,
        .calendarTable01 td.thu .dayBox:after,
        .calendarTable01 td.fri .dayBox:after,
        .calendarTable01 td.sat .dayBox:after,
        .calendarTable01 td.sun .dayBox:after{
    	    display: block;
            margin-top: -10px;
            font-weight: bold;
            font-size: 15px;
	    }
    }/*tablet*/


/*tablet*/
@media screen and (max-width: 767px){
	.calendarTable01 td{
		width:100%;
		display:table;
		}
	
	.calendarTable01 td.sp_non{
		display:none;
		}
	
	.calendarTable01 .dayBox{
		width: 60px;
		display:table-cell;
		vertical-align:middle;
		/*border-right:1px solid #e3e3e3;*/
		text-align:center;
		background-color:transparent;
		padding:0 3px;
		}

	.calendarTable01 .innerBox{
		display:table-cell;
		vertical-align:middle;
		/*padding-left:40px;*/
        padding-right: 1px;
		position:relative;
		line-height:1.2em;
        display:block;

		}
	.calendarTable01 .ticketBox{
		display:table-cell;
		vertical-align:middle;
		/*width:120px;*/
		padding:5px 10px 5px 0;
		/*text-align:center;*/
		}

/*日付*/
	.calendarTable01 .dd{
		display:inline-block;
		/*padding:10px 3px;*/
        font-size: 250%;
        font-weight: 900;
		}

}/*tablet*/




/* 対戦相手画像
---------------------------------------------------------- */
.calendarTable01 .petmark{
    /*display:inline-block;*/
    /*width: 80px;
    height: 80px;*/
}

.petmarkBox {
    margin: 5px auto 0px;
    text-align: center;
    display: inline-block;
}

.teamBox {
    /*margin-top: 5px;*/
    /*display: inline-block;*/
    width: 80px;
    height: 80px;
    /*background: transparent;*/
    display: table-cell;
    vertical-align: middle;
}

.calendarTable01 .petmark{
    max-width: 80px;
    max-height: 80px;
    margin: 0 auto;
}

/*tablet*/
@media screen and (max-width: 767px){
	.calendarTable01 .petmark{
        /*margin-left: 5px;*/
		/*display:block;*/
		/*width:50px;*/
		/*height:50px;*/
		/*position:absolute;*/
		/*top:50%;*/
		/*left:2px;*/
		/*margin-top:-17px;*/
        max-width: 80px;
        max-height: 80px;
		}

    .teamBox {
        margin-top: 5px;
        /*display: inline-block;*/
        width: 50px;
        height: 50px;
        /*background: white;*/
        display: table-cell;
        vertical-align: middle;
    }
    .calendarTable01 .petmark{
        max-width: 50px;
        max-height: 50px;
        margin: 0 auto;
    }
}/*tablet*/


  /* 対戦相手名、開始時間、開場をまとめているdiv（スマホのみ）
---------------------------------------------------------- */
.calendarTable01 .gameDetail{

	}

/*tablet*/
@media screen and (max-width: 767px){
	.calendarTable01 .gameDetail{
        display: inline-block;
        vertical-align: top;
        margin-top: 12px;
        margin-left: 10px;
    }
}/*tablet*/


 /* 対戦相手名表示
---------------------------------------------------------- */
.calendarTable01 .dispTitle{

	}

/*tablet*/
@media screen and (max-width: 767px){
	.calendarTable01 .dispTitle{
        height: 16px;
        font-weight: bold;
        font-size: 16px;
    }
}/*tablet*/

 /* 試合開始時刻表示
---------------------------------------------------------- */
.calendarTable01 .startTime{

	}

/*tablet*/
@media screen and (max-width: 767px){
	.calendarTable01 .startTime{
        margin-top: 8px;
        font-size: 14px;
    }
}/*tablet*/


/* 球場名
---------------------------------------------------------- */
.calendarTable01 .placeBox{
		font-weight:bold;
	}

/*tablet*/
@media screen and (max-width: 767px){
	.calendarTable01 .placeBox{
        margin-top: 8px;
        font-size: 14px;
        font-weight: unset;
    }
}/*tablet*/


/* 企画チケット
---------------------------------------------------------- */
.calendarTable01 .eventBox01{
	height:24px;
	width:100%;
/*	top:2px;
	position:absolute;/**/

	}
	.calendarTable01 .eventBox01 span{
		background-color:#f57c00;
		color:#fff;
		padding:4px 1px;
		font-size:79%;
		display:block;
		width:80%;
		margin:0 auto 0;
		line-height:1em;
        text-align: center;
	}
	.calendarTable01 .eventBox01 span.premium{
		background-color:#003378;
		color:#fff;
        font-size: 12px;
	}
	.calendarTable01 .eventBox01 span.standard{
		background-color:#FFE000;
		color:#666666;
        font-size: 12px;
	}
	.calendarTable01 .eventBox01 span.value{
		background-color:#AAAAAA;
		color:#fff;
        font-size: 12px;
	}
	.calendarTable01 .eventBox01 span.cIcon{
		background-color:#a9d159;
		color:#FFF;
        font-size: 12px;
	}
	/*tablet*/
@media screen and (max-width: 767px){

    .calendarTable01 .eventBox01{
	    height:24px;
	    /*width:100%;*/
	}

	.calendarTable01 .eventBox01{
        position: absolute;
        margin-top:4px;
	}

	.calendarTable01 .eventBox01 span{
        background-color:#f57c00;
		color:#fff;
		padding:4px 1px;
		font-size: 15px;
		width: 90px;
		display:block;
        float: right;
	    margin: 5px 10px 0 0;
		/*line-height:1em;*/
		}
		
	.calendarTable01 .eventBox01 span.cIcon{
		margin-top:30px;
	}		
	.calendarTable01 .eventBox02{
		position:relative;
			}
}/*tablet*/

.calendarTable01 .eventBox03{
	height:24px;
	width:100%;
/*	top:2px;
	position:absolute;/**/

	}
	.calendarTable01 .eventBox03 span{
		background-color:#f57c00;
		color:#fff;
		padding:4px 1px;
		font-size:79%;
		width:80%;
		margin:0 auto 0;
		line-height:1em;
        text-align: center;
	}
	.calendarTable01 .eventBox03 span.premium{
		background-color:#003378;
		width: 88px;
		color:#fff;
        font-size: 12px;
	}
	.calendarTable01 .eventBox03 span.standard{
		background-color:#FFE000;
		width: 88px;
		color:#666666;
        font-size: 12px;
	}
	.calendarTable01 .eventBox03 span.value{
		background-color:#AAAAAA;
		width: 88px;
		color:#fff;
        font-size: 12px;
	}
	.calendarTable01 .eventBox03 span.cIcon{
		background-color:#a9d159;
		color:#fff;
        font-size: 12px;
	}/*tablet*/
@media screen and (max-width: 767px){

    .calendarTable01 .eventBox03{
	    height:24px;
	    /*width:100%;*/
	}

	.calendarTable01 .eventBox03{
        position: absolute;
        margin-top:4px;
	}

	.calendarTable01 .eventBox03 span{
        background-color:#f57c00;
		color:#fff;
		padding:4px 1px;
		font-size: 15px;
		width: 90px;
		display:block;
        float: right;
	    margin: 5px 10px 0 0;
		/*line-height:1em;*/
		}
	.calendarTable01 .eventBox03 span.cIcon{
		width: 20px;
		}
		
}/*tablet*/

/* イベント
---------------------------------------------------------- */
	.calendarTable01 .eventBox02{
		
	}

	.calendarTable01 .eventBox02 span{
		padding:3px 1px;
		font-size:79%;
		width:80%;
		display:block;
		margin:2px auto;
		line-height:1em;
	}
	/*文字色違い*/
	.calendarTable01 .eventBox02 .co01{
		border:1px solid #033374;
		color:#033374;
	}

	.calendarTable01 .eventBox02 .co02{
		border:1px solid #E81D62;
		color:#E81D62;

	}


/* 追加文言
---------------------------------------------------------- */

/*オープン戦*/
.calendarTable01 .extxt01{
		display:inline-block;
		padding:1px 5px;
		font-size:79%;
		line-height:1em;
		}

/*desktop*/
@media screen and (min-width: 768px){
.calendarTable01 .extxt01{
		position:absolute;
		text-align:center;
		left:22px;
		top:5px;
		height:1.3em;
		width:95px;
		overflow: hidden;
		padding:0;
		line-height:1.4em;

		}

}/*desktop*/



/*文字スペース02*/
.calendarTable01 .extxt02{
		display:inline-block;
		padding:2px 5px 5px;
		font-size:79%;
		line-height:1em;
		}

/*文字スペース03*/
.calendarTable01 .extxt03{
		display:inline-block;
		padding:5px 5px 2px;
		font-size:79%;
		line-height:1em;
		}



/* チケット購入
---------------------------------------------------------- */

/*受付終了のテキスト*/
.calendarTable01 .ticketBox .txt01{
    margin:20px auto 10px;
    display:block;
}
	
/*完売のテキスト*/
.calendarTable01 .ticketBox .txt02{
    margin:20px auto 10px;
    color:#cc0000;
    display:block;
}
	
/*発売中ボタン*/
.calendarTable01 .ticketBox .btn01{
    width:85%;
    /*padding:5px 0;*/
    margin:10px auto;
    display:block;
    box-sizing:border-box;
}

.calendarTable01 .ticketBox .btn01 a{
    padding:5px 0px;
}

@media screen and (max-width: 767px) {
    .calendarTable01 .ticketBox .btn01 a{
        padding:8px 0px;    }
}

.calendarTable01 .ticketBox a, .calendarTable01 .ticketBox input{
    width:100%;
}

/*会員BOX*/
.mark01{
    font-size:79%;
    /*width:28px;*/
    height:20px;
    display:block;
    font-weight:normal;
    line-height:1em;
    padding-top:3px;
    box-sizing:border-box;
}

.btnStyle01calendar .mark01{
    /*background: #fff;*/
    width: 85px;
    vertical-align: central;
    /*padding-top: 5px;*/
    /*margin-bottom: 3px;*/
}

/*会員*/
.mark01.member{color:#f57c00;}
			
/*非会員*/
.mark01.non-member{color:#033374;}

/*シーズンシートオーナー*/
.mark01.owner{color:#B60005;}

/*招待券事前追加購入*/
.mark01.invitation{
    /*color:#2E8B57;*/
    line-height: 20px;
}

/*会員のみ ボタン*/
.calendarTable01 .ticketBox .box01{
    width:85%;
    /*padding:5px 0 5px 0px;*/
    margin:5px auto 5px;
    display:block;
    box-sizing:border-box;
    position:relative;
}

.calendarTable01 .ticketBox .box01 a{
    padding: 5px 0px;
}

.calendarTable01 .ticketBox .box01 .mark01{
    /*position:absolute;*/
    top:6px;
    left:6px;
    margin: 0 auto;
}

/*未発売 テキストのみ*/
.calendarTable01 .ticketBox .box02{
    width:85%;
    padding:5px 0 5px 0px;
    margin:5px auto 5px;
    display:block;
    box-sizing:border-box;
    position:relative;
    /*background:#fff;*/
    background: #CDD9EF;
    border-bottom: 5px solid #CDD9EF;
    /*font-size:72%;*/
    line-height:1em;
}

/*未発売の中の会員・非会員表示*/
.calendarTable01 .ticketBox .box02 .mark01{
    /*position:absolute;*/
    top:6px;
    left:6px;
}

/*未発売 テキストのみ オーナー用*/
.calendarTable01 .ticketBox .box02owner{
    width:85%;
    padding:10px 0 10px 5px;
    margin:5px auto 5px;
    display:block;
    box-sizing:border-box;
    position:relative;
    background:#fff;
    font-size:80%;
}

.calendarTable01 .ticketBox .box03{
    width:85%;
    display: inline-block;
    height: 40px;
    vertical-align: top;
    color: #2E8B57;
    background: #75E0A3;
    margin: 5px 0 5px 0px;
}

/*960以下*/
@media screen and (min-width: 768px) and (max-width: 960px){

    /*発売中ボタン*/
    .calendarTable01 .ticketBox .btn01{
    }
    /*会員BOX*/
    .mark01{
        font-size:79%;
        /*width:28px;*/
        height:20px;
        display:block;
        padding-top:3px;
    }

    /*会員のみ ボタン*/
    .calendarTable01 .ticketBox .box01{
        width:85%;
        padding:5px 0 5px 0px;
        font-size:13px;
        min-height:45px;
    }

    .calendarTable01 .ticketBox .box01 .mark01{
        /*position:absolute;*/
        top:6px;
        left:6px;
        font-size:10px;
    }

    /*未発売 テキストのみ*/
    .calendarTable01 .ticketBox .box02{
        width:90%;
        padding:10px 0 10px 0px;
        margin:5px auto 5px;
        font-size:72%;
    }
    /*未発売の中の会員・非会員表示*/
    .calendarTable01 .ticketBox .box02 .mark01{
        /*position:absolute;*/
        top:6px;
        left:1px;
    }

    /*未発売 テキストのみ オーナー用*/
    .calendarTable01 .ticketBox .box02owner{
        width:90%;
        padding:10px 0 10px 5px;
        margin:5px auto 5px;
        font-size:80%;
    }

}/*960以下*/
 
/*tablet*/
@media screen and (max-width: 767px){
    /*発売中ボタン*/
    /*.calendarTable01 .ticketBox .btn01{
        width:86px;
        display: inline-block;
    }*/
    .calendarTable01 .ticketBox .box01,
    .calendarTable01 .ticketBox .btn01{
        width:86px;
        display: inline-block;
        vertical-align: top;
        margin-right: 10px;
    }
    
    .calendarTable01 .ticketBox .box02{
        width:86px;
        display: inline-block;
        vertical-align: top;
    }
    
    .calendarTable01 .ticketBox .box03{
        width:86px;
        display: inline-block;
        height: 40px;
        vertical-align: top;
        background: #75E0A3;
        margin: 5px 0 5px 0px;
    }

    .NotSale{
        line-height: 27px !important;
    }

    /*会員BOX*/
    .mark01{
        font-size:10px;
        /*width:26px;*/
        height:18px;
        padding-top:3px;
    }

    .saleBox {
        display: inline-block;
        margin-right: 10px;
        text-align: center;
        font-size: 8px;
    }

}/*tablet*/


 /* calendar内発売中ボタンデザイン変更 ドラチケ2020対応
---------------------------------------------------------- */

.btnStyle01calendar{
    display:inline-block;
    background:#ffffff;
    border-bottom:5px solid #CDD9EF;
    /*font-size: 14px;*/
    margin:1px;
    text-align:center;
}

/*tablet*/
@media screen and (max-width: 767px){
    .btnStyle01calendar {
        font-size: 8px;
    }
}/*tablet*/

.btnStyle01calendar a,.btnStyle01calendar input{
    /*padding:8px 10px 5px;*/
}

.btnStyle01calendar a,.btnStyle01calendar a:link,.btnStyle01calendar a:visited,.btnStyle01calendar a:hover,.btnStyle01calendar a:active,
.btnStyle01calendar input{
    font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic,sans-serif";
    font-size: 100%;
    line-height: 1.2em;
    background: transparent;
    text-decoration:none;
    display:inline-block;
    border:none;
    cursor: pointer;
    color: inherit; /*親要素のカラーを継承する*/
}

.btnStyle01calendar:hover{
    background:#CDD9EF;
    border-bottom:5px solid #CDD9EF;
}

.btnStyle01calendar.co04{
    background: #ffffff;
    border-bottom:5px solid #75E0A3;
    line-height: 27px;
    color: #279D64;
}
.btnStyle01calendar.co04:hover{
    background: #75E0A3;
    border-bottom:5px solid #75E0A3;
}

 /* calendar内企画（ブルサマ・ドラ恋などなど…）のリンク色 ドラチケ2020対応
---------------------------------------------------------- */

.planLinkURL a {
    color: #033374;
    text-decoration: none;
    font-weight: bold;
}