/*-----------------------------------
カレンダー
------------------------------------*/
#CalProBOX {
   	width:100%;
	float:left;
	margin:0 0 0 0;
	padding:5px;
	box-sizing:border-box;
	text-align:center;
}


.CalProTitel{
	font-size:16px;
	padding:5px;
	box-sizing:border-box;
	color:#FFFFFF;
	width:100%;
	margin:10px 0 0 0;
	text-align:center;
	background-color:#a3895f;
	float:left;
}

.CalMonth{
   	width:100%;
	float:left;
	margin:10px 0 0 0;
	padding:5px;
	box-sizing:border-box;
	text-align:center;
	display:none;
}
.TitleMonth{
   	width:100%;
	float:left;
	margin:3px 0 0 0;
	padding:0px;
	box-sizing:border-box;
	text-align:center;
	display:none;
}

.CalBTALLBOX {
   	width:100%;
	float:left;
	margin:0 0 0 0;
	padding:0px;
	box-sizing:border-box;
}
.CalBTBOX {
   	width:100%;
	float:left;
	margin:0 0 0 0;
	padding:0px;
	box-sizing:border-box;
}
#PreMonthBT{
	font-size:13px;
	width:100%;
	text-align:left;
	margin:0 0 0 0;
	box-sizing:border-box;
	padding:3px;
	float:left;
	font-weight:bold;
	transition: 0.5s;
	opacity: 0;
	pointer-events: none;
}
#PreMonthBT a {
	display:block;
	width: 100%; /* 横幅 */
	padding:5px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#955129;
	text-decoration: none;
	transition: 0.5s;
	position: relative;
}
#PreMonthBT:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
	transition: 0.5s;
}
#PreMonthBT.show{
  opacity: 1;
pointer-events: auto;
  animation: fadeIn 1s ease 0s 1 normal;
  -webkit-animation: fadeIn 1s ease 0s 1 normal;
}

#NextMonthBT{
	font-size:13px;
	width:100%;
	text-align:right;
	margin:0 0 0 0;
	box-sizing:border-box;
	padding:3px;
	float:right;
	font-weight:bold;
	transition: 0.5s;
	opacity: 0;
	pointer-events: none;
}
#NextMonthBT a {
	display:block;
	width: 100%; /* 横幅 */
	padding:5px; /* a要素内の余白 */
	box-sizing:border-box;
	color:#955129;
	text-decoration: none;
	transition: 0.5s;
	position: relative;
}
#NextMonthBT:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
	transition: 0.5s;
}
#NextMonthBT.show{
  opacity: 1;
pointer-events: auto;
  animation: fadeIn 1s ease 0s 1 normal;
  -webkit-animation: fadeIn 1s ease 0s 1 normal;
}


.show {
  display: block;
  animation: fadeIn 1s ease 0s 1 normal;
  -webkit-animation: fadeIn 1s ease 0s 1 normal;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}



/*-----------------------------------
カレンダー
------------------------------------*/
#cal-calendar {
    border-collapse: collapse;
    border-top-width: 1px;
    border-right-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-top-color: #d9d9d9;
    border-right-color: #d9d9d9;
    width: 100%;
}
#cal-calendar th {
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-color: #d9d9d9;
    border-left-color: #d9d9d9;
	background-color:#a3895f;
	color:#FFFFFF;
}
#cal-calendar td {
    text-align: center;
	height:20px;
    padding-top: 5px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-color: #d9d9d9;
    border-left-color: #d9d9d9;
background-color:#FFFFFF;
font-weight:normal;
position:relative;
}
#cal-calendar #calendar-caption {
    font-weight: bold;
    text-align: center;
    font-size: small;
}
#cal-calendar a{
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    background-color: #e97a31;
}


#cal-calendar #today {
    background-color: #5e3b03;
	color:#FFFFFF;
}
#cal-calendar #today a{
    color:#FFFFFF;
}
#cal-calendar td:first-of-type{
  color: red;
}
#cal-calendar td:last-of-type{
  color: blue;
}



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

/*****スマホ・タブレット対応********/
@media screen and (max-width: 768px){


}
/*****スマホ・タブレット対応********/


/*****スマホ対応********/
@media screen and (max-width: 480px){



}
/*****スマホ対応********/