@charset "utf-8";

/*  ##################################
     CALENDAR
  ################################## */

#clndr,
#pass-in-events {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.clndr-controls {
  display: flex;
  font-size: 100%;
}

.clndr-control-button {
  width: 20%;
}
.clndr-previous-button,
.clndr-next-button {
  width: 50%;
  margin: 0 0 5px 0;
  display: block;
  background-color: #df4e20;
  color: #ffffff;
  transition: all .8s ease;
  cursor: pointer;
}
.clndr-previous-button {
  float: left;
}
.clndr-next-button {
  float: right;
}
.clndr-previous-button:hover,
.clndr-next-button:hover {
  background-position: 20% 20%;
  background-size: 200% 200%;
  background-color: #c4441b;
}
.month {
  width: 60%;
}

.clndr-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 2px;
}
table thead tr td {
  font-weight: bold;
  line-height: 40px;
  background-color: #fbedd8;
}

table tr .adjacent-month .day-contents {
  display: none;
}
.clndr-table td:first-child {
  color: red;
}
.clndr-table td:last-child {
  color: blue;
}
.day-contents {
  background-color: #fcf6f1;
  font-size: 100%;
  line-height: 40px;
}
.today .day-contents {
  font-weight: bold;
  background-color: #eeeeee;
}

/* 2020.03.20一部カスタマイズ */
.day.event .day-contents {
  font-weight: bold;
  background-color: #df4e20;
  color: #ffffff;
}