div.flex-cale{
	display: flex;
	width: 700px;
	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;
	padding: 5px;
	margin: 0px;
	color: #594B37;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: 2px;
}
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-color: #FFF;
	font-size: 10px;
	color: #ccc;
}
#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 {
	border: solid 1px #CDCDCD;
	font-size: 16px;
	text-align: center;
	padding: 0;
}
div.cal_wrapper table.cal tr.headline td {
	padding: 5px 0px;
	color: #594B37;
	font-weight: bolder;
}
div.cal_wrapper table.cal tr.headline td:last-child {
	color: red;
}
div.cal_wrapper table.cal tr.headline {
	background-color: #FAFAFA;
}
div.cal_wrapper table.cal tr td div {
	position: relative;
	padding: 10px;
	font-size: 18px;
	text-align: center;
	background-color: #FFF;
	color: #594B37;
}
div.cal_wrapper table.cal tr td div span {
	display: none;
}

/* 以下、クラス指定するときのアレ */

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: #FFCC99;
}
div.cal_wrapper table.cal tr td div.azuma {
	background-image: radial-gradient(#fff 50%, transparent 51%),radial-gradient(#009245 60%, transparent 61%);
	border-radius: 50%;
}

div.cal_wrapper table.cal tr td div.no-azuma {
	background-color: #FFCC99!important;
	border-radius: 0;
}
div.cal_wrapper table.cal tr td div.am {
	background:linear-gradient(to top left, transparent 50% , #FFCC99 50%) ;
}
div.cal_wrapper table.cal tr td div.pm {
	background:linear-gradient(to bottom right, transparent 50% , #FFCC99 50%) ;
}
div.cal_wrapper table.cal tr td div.kome {
	color: #000;
	background: none;
	font-weight: normal;
}
div.cal_wrapper table.cal tr td div.kome::before {
	content: "\0274b";
	font-size: 10px;
	color: blue;
	position: absolute;
      top: 0px;
      left: 2px;
}
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;
}