@charset "utf-8";

/****************************************************************************************************************************

プリントアウト用css

*****************************************************************************************************************************/
.calendar{
	width:960px;
}
	.calendar h3{
		margin-bottom:50px;
	}
	.calendar .sch{
		margin-bottom:50px;
	}
	.calendar table{
		font-size:16px;
		margin-bottom:10px;
	}
	.calendar th{
		background-color:#E9F9FF;
		vertical-align:middle;
		padding:0.5em;
		font-weight:bold;
	}
	.calendar td{
		padding:0.5em;
		vertical-align:middle;
	}
	.calendar th.h01{
		text-align:center;
		background-color:#C6EAF6;
	}
	.calendar th.h02{
		background-color:#EFEFEF;
	}
	
	.calendar tr.full, .calendar tr.full th{
		background-color:#EFEFEF;
	}
	
	
	.calendar .year{
		margin-bottom:70px
	}
	


/*  スマホ向けのスタイル：0以上--------------------------------------------------------------------------------------*/
@media only screen and (min-width: 0px) {
.calendar{
	width:94%;
}
	.calendar h3{
		margin-bottom:20px;
	}
	.calendar .sch{
		margin-bottom:30px;
	}
	.calendar table{
		font-size:11px;
		margin-bottom:10px;
	}
	.calendar th{
		background-color:#E9F9FF;
		vertical-align:middle;
		padding:0.5em;
		font-weight:bold;
	}
	.calendar td{
		padding:0.5em;
		vertical-align:middle;
	}
	.calendar th.h01{
		text-align:center;
		background-color:#C6EAF6;
	}
	.calendar th.h02{
		background-color:#EFEFEF;
	}
	
	.calendar tr.full, .calendar tr.full th{
		background-color:#EFEFEF;
	}
	
	
	.calendar .year{
		margin-bottom:30px
	}	
	
}

/* タブレット向けのスタイル：769px以上-------------------------------------------------------------------------------*/
@media only screen and (min-width: 769px) {
.calendar{
	width:90%;
}
	.calendar h3{
		margin-bottom:50px;
	}
	.calendar .sch{
		margin-bottom:50px;
	}
	.calendar table{
		font-size:16px;
		margin-bottom:10px;
	}
	.calendar th{
		background-color:#E9F9FF;
		vertical-align:middle;
		padding:0.5em;
		font-weight:bold;
	}
	.calendar td{
		padding:0.5em;
		vertical-align:middle;
	}
	.calendar th.h01{
		text-align:center;
		background-color:#C6EAF6;
	}
	.calendar th.h02{
		background-color:#EFEFEF;
	}
	
	.calendar tr.full, .calendar tr.full th{
		background-color:#EFEFEF;
	}
	
	
	.calendar .year{
		margin-bottom:70px
	}	
}

/*  PC向けのスタイル：1000px以上-------------------------------------------------------------------------------*/
@media only screen and (min-width: 1000px) {
.calendar{
	width:960px;
}
	.calendar h3{
		margin-bottom:50px;
	}
	.calendar .sch{
		margin-bottom:50px;
	}
	.calendar table{
		font-size:16px;
		margin-bottom:10px;
	}
	.calendar th{
		background-color:#E9F9FF;
		vertical-align:middle;
		padding:0.5em;
		font-weight:bold;
	}
	.calendar td{
		padding:0.5em;
		vertical-align:middle;
	}
	.calendar th.h01{
		text-align:center;
		background-color:#C6EAF6;
	}
	.calendar th.h02{
		background-color:#EFEFEF;
	}
	
	.calendar tr.full, .calendar tr.full th{
		background-color:#EFEFEF;
	}
	
	
	.calendar .year{
		margin-bottom:70px
	}
	

	

}