div.cale{
	color: #2A455F;
	border: 1px solid #ccc;
}
div.flex-cale{
	display: flex;
	margin: 0 auto;
}
@media screen and (max-width:768px) {
	div.flex-cale{
		display:block;
		width: 80%;
	}
	div.cal_wrapper table.cal tr th div.cal_ui input {
		display: none;
	}
	div.cal_wrapper table.cal{
		margin: 2em auto;
	}
}
div.cal_wrapper {
	padding: 0 10px;
	margin: 0 auto;
}
div.cal_wrapper table.cal tr th p {
	float: left;
	margin: 0px;
	font-size: 17px;
	letter-spacing: 1px;
}
div.cal_wrapper table.cal tr th div.cal_ui {
	float: right;
}
div.cal_wrapper table.cal tr th div.cal_ui input {
	border: none;
	background: none;
	font-size: 10px;
	letter-spacing: 15px;
}
#cal0 table.cal tr th div.cal_ui input {
	display: none;
}
div.cal_wrapper table.cal{
	border-collapse: collapse;
	margin: 1em auto;
	width: 100%;
}
div.cal_wrapper table.cal tr td {
	font-size: 13px;
	text-align: center;
	padding: 0;
}
div.cal_wrapper table.cal tr.headline td {
	border-bottom: 1px solid #2A455F;
}
div.cal_wrapper table.cal tr td div {
	position: relative;
	padding: 0px 5px;
	margin: 2px 3px;
	font-size: 14px;
	text-align: center;
}

/*  ȉ  A N   X w 肷  Ƃ  ̃A   */

div.cal_wrapper table.cal tr td div.Today {
	font-weight: bolder;
	text-decoration: underline;
}
div.cal_wrapper table.cal tr td div.Holyday {
	background-color: #E0E0E0;
}
div.cal_wrapper table.cal tr td div.pm {
	background:linear-gradient(to bottom right, transparent 50% , #E0E0E0 50%) ;
}
div.cal_wrapper table.cal tr td div.syuku {
	background-color: #E0E0E0;
	color: red;
}
div.cal_wrapper table.cal tr td div.kome {
}
div.cal_wrapper table.cal tr td div.kome::before {
	content: "\0274b";
	font-size: 10px;
	color: red;
	position: absolute;
      top: -5px;
      left: -3px;
}
div.cal_wrapper table.cal tr td div.none {
	color: #000;
	background: none;
	font-weight: normal;
}
div.cal_wrapper table.cal tr td div.backward {
	color: #ddd;
	font-weight: normal;
	background: none;
	background-color: #fff;
}