/*/////////////// CSS変数設定 ///////////////////*/
@import "./root.css";
/*/////////////// CSS変数設定 ///////////////////*/

/************************************************************
 * スケジュール切り替え
************************************************************/
@media screen and (max-width: 1049px) {
	/*タブボックス*/
	#schedule_tab{width:100%;margin:0 auto 10px;;padding:0px;}
	#schedule_tab ul{
		width:98%;
		margin:0px auto;
		padding:0px;
		
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;

		-ms-flex-wrap: wrap;	
		flex-wrap: wrap;
	
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}	
	#schedule_tab li {
		width:calc(100% / 3);
		height:35px;
  		margin:0px;
 		padding: 0px;
		font-size: 12px; 
		font-size: 1.2rem; /* =12px */
		text-align:center;
		line-height:35px;

		text-align:center;
		cursor: pointer;
		border:1px solid #ccc;
		background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		from(#ddd), to(#fff)
		);
		background-image: -moz-linear-gradient(
			center bottom,
			from(#ddd), to(#fff)
		);
	
	}
	#schedule_tab li:first-child {
		width:100%;
	}	
	
	#schedule_tab li.select {
		background: #663333;
		color:#fff;
		font-weight:bold;
	}	
	
}
@media screen and (min-width: 1050px) {
	/*タブボックス*/
	#schedule_tab{width:100%;height:90px;margin:0 0 0 5px;padding:0px;}
	#schedule_tab ul{
		width:700px;
		margin:0px auto;
		padding:0px;
		
		list-style: none;
	
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;

		-ms-flex-wrap: wrap;	
		flex-wrap: wrap;
	
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	#schedule_tab li {
		width:90px;
		height:90px;
  		margin:0px 5px;
 		padding:0px;

		font-size: 14px; 
		font-size: 1.4rem; /* =14px */
		text-align:center;
		line-height:90px;
		color:#ffffff;
		
		cursor: pointer;
		border-radius: 50%;
		border:3px solid #e95b99;
		background:#fac2ca;
		
		ox-shadow: 0px 0px 5px rgba(000,000,000,0.3);
		-moz-box-shadow: 0px 0px 5px rgba(000,000,000,0.3);
		-webkit-box-shadow: 0px 0px 5px rgba(000,000,000,0.3);
		transition: background-color 0.5s ease-in;
		-webkit-transition: background-color 0.5s ease-in;		
	
	}
	#schedule_tab li.select {
		color:#fff;
		font-weight:bold;
		
		border: 1px solid #660033;
		border-radius: 50%; 
		background: #1f1f40;
		border:2px solid #daa520;
	}
}		
.disnon {
	display: none;
}
.sunday{color:#ff0000;text-shadow:1px 1px 0 #ffffff, -1px -1px 0 #ffffff,-1px 1px 0 #ffffff, 1px -1px 0 #ffffff,0px 1px 0 #ffffff,  0 -1px 0 #ffffff,-1px 0 0 #ffffff, 1px 0 0 #ffffff;}
.saturday{color:#3366ff;text-shadow:1px 1px 0 #ffffff, -1px -1px 0 #ffffff,-1px 1px 0 #ffffff, 1px -1px 0 #ffffff,0px 1px 0 #ffffff,  0 -1px 0 #ffffff,-1px 0 0 #ffffff, 1px 0 0 #ffffff;}

/************************************************************
 * スケジュールパネル
************************************************************/
@media screen and (max-width: 1049px) {
	#st_box_wrap{width: 100%;height:100%;min-height:100%;}
	#st_box_wrap .schedule_tab_box{width: 100%;}
	
	#st_box_wrap .schedule_tab_box ul{
		width: 100%;
		list-style:none;
		margin:10px 0px;
	
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;

		-ms-flex-wrap: wrap;	
		flex-wrap: wrap;
	
  		-ms-flex-pack: distribute;
		justify-content: space-around;
	}
}
@media screen and (min-width: 1050px) {
	#st_box_wrap{width:100%;}
	#st_box_wrap .schedule_tab_box{width:1050px;padding-top:20px;}
	
	#st_box_wrap .schedule_tab_box ul{
		width:1050px;
		list-style:none;
	
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;

		-ms-flex-wrap: wrap;	
		flex-wrap: wrap;
	
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;

		/*-webkit-box-pack: start;*/
		/*-ms-flex-pack: start;*/
		/*justify-content: flex-start;*/	
		
	}	
}


#st_box_wrap .schedule_tab_box ul li{margin:5px;}