/*
 * カレンダーエリア
 */
#mawatayaCalendarWrap{
	position: relative;
	width: 100%;
	margin: 0 auto;
}

#mawatayaCalendarWrap::before{
	content: "";
	display: block;
	padding-top: 100%;
}
#mawatayaCalendar{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: 0 auto;
}
@media screen and (max-width: 400px) {
	div.calBase{font-size: 1.5vw;}
}
@media screen and (min-width: 400px) and (max-width: 500px) {
	div.calBase{font-size: 1.4vw;}
}
@media screen and (min-width: 500px) and (max-width: 600px) {
	div.calBase{font-size: 1.3vw;}
}
@media screen and (min-width: 600px) and (max-width: 700px) {
	div.calBase{font-size: 1.2vw;}
}
@media screen and (min-width: 700px) and (max-width: 800px) {
	div.calBase{font-size: 1.1vw;}
}
@media screen and (min-width: 800px) and (max-width: 900px) {
	div.calBase{font-size: 1vw;}
}
@media screen and (min-width: 900px) and (max-width: 1024px) {
	div.calBase{font-size: 0.9vw;}
}
@media screen and (min-width: 1024px) {
	div.calBase{font-size: 0.8vw;}
}
/*
 * 背景画像エリア
 */
#mawatayaCalendar.bgImage{
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
#mawatayaCalendar.Jan{
	background-image: url(../images/Jan.jpg);
}
#mawatayaCalendar.Feb{
	background-image: url(../images/Feb.jpg);
}
#mawatayaCalendar.Mar{
	background-image: url(../images/Mar.jpg);
}
#mawatayaCalendar.Apr{
	background-image: url(../images/Apr.jpg);
}
#mawatayaCalendar.May{
	background-image: url(../images/May.jpg);
}
#mawatayaCalendar.Jun{
	background-image: url(../images/Jun.jpg);
}
#mawatayaCalendar.Jul{
	background-image: url(../images/Jul.jpg);
}
#mawatayaCalendar.Aug{
	background-image: url(../images/Aug.jpg);
}
#mawatayaCalendar.Sep{
	background-image: url(../images/Sep.jpg);
}
#mawatayaCalendar.Oct{
	background-image: url(../images/Oct.jpg);
}
#mawatayaCalendar.Nov{
	background-image: url(../images/Nov.jpg);
}
#mawatayaCalendar.Dec{
	background-image: url(../images/Dec.jpg);
}

/*
 * 背景画像透過エリア
 */
#mawatayaCalendar .calendarBox{
	position: relative;
	max-width: 60em;
	min-width: 31em;

	padding: 1em;
	background:rgba(255,255,255,0.65);

	position: absolute;
	top: 55%; /*親要素を起点に上から50%*/
	left: 50%;  /*親要素を起点に左から50%*/
	transform: translateY(-50%) translateX(-50%); /*要素の大きさの半分ずつを戻す*/
	-webkit-transform: translateY(-50%) translateX(-50%);
}

/*
 * 見出しエリア
 */
#mawatayaCalendar div.monthNavigation{
	position: relative;
	width: 98%;
	margin: 0 auto 1em;
	padding: 0;
}
#mawatayaCalendar div.monthNavigation ul{
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	/* font-size:0; */
	line-height:0;
}
#mawatayaCalendar div.monthNavigation ul li{
	display: inline-block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:100%;
}
#mawatayaCalendar div.monthNavigation ul li.thisMonth{
	text-align: center;
	width: 40%;
	font-size: 2em;
}
#mawatayaCalendar div.monthNavigation ul li.prevMonth{
	color: darkgray;
	padding-left: 1em;
	text-align: left;
	width: 30%;
	font-size: 1.4em;
}
#mawatayaCalendar div.monthNavigation ul li.nextMonth{
	color: darkgray;
	padding-right: 1em;
	text-align: right;
	width: 30%;
	font-size: 1.4em;
}
#mawatayaCalendar div.monthNavigation ul li.prevMonth:before{
	content: "\0ab ";
}
#mawatayaCalendar div.monthNavigation ul li.nextMonth::after{
	content: " \0bb";
}
/*
 * 表エリア
 */
#mawatayaCalendar table{
	position: relative;
	border: none;
	width: 100%;
	margin: 0 auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#mawatayaCalendar table thead{
}
#mawatayaCalendar table thead tr th{
	border: none;
	padding: 0.5em;
	/* padding-bottom: 0.7em; */
}
#mawatayaCalendar table tbody tr td{
	border: none;
}
#mawatayaCalendar table thead tr th span,
#mawatayaCalendar table tbody tr td span{
	display: inline-block;
	border-top-left-radius: 50%;
	/* border-top-right-radius: 50%; */
	/* border-bottom-left-radius: 50%; */
	border-bottom-right-radius: 50%;
	border: 1px solid #999;
	font-weight: bold;
	font-size: 2.3em;
	width : 2em;
	height: 2em;
	padding: 0.2em 0.2em 0;
	margin: 0.1em 0.2em;
}
#mawatayaCalendar table thead tr th.otherMonth span,
#mawatayaCalendar table tbody tr td.otherMonth span{
	color: gainsboro !important;
	border: none;
	background: radial-gradient(gray, gainsboro);
}
#mawatayaCalendar table thead tr th.thisMonth span,
#mawatayaCalendar table tbody tr td.thisMonth span{
}
#mawatayaCalendar table thead tr th.sunday span,
#mawatayaCalendar table tbody tr td.sunday span{
	color: red;
}
#mawatayaCalendar table thead tr th.saturday span,
#mawatayaCalendar table tbody tr td.saturday span{
	color: blue;
}

#mawatayaCalendar table tbody tr td.regularHoliday span{
	color: white !important;
	border: none;
	background: radial-gradient(red, #ffd3d3);
}
#mawatayaCalendar table tbody tr td.today span{
	text-decoration: underline;
}