table.monthly-table{
  table-layout:fixed;
  border-collapse: collapse;
  border-top: 2px solid;
  border-bottom: 2px solid;
  width:100%;
  border-color: rgb(179, 179, 179);

}
div.bmc-calendar td{
  border-top: 1px solid rgb(179, 179, 179);
  border-bottom: 1px solid rgb(179, 179, 179);
}
div.bmc-calendar thead{
  border-width:2px;
  border-bottom-style: solid;
  text-align: center;
  font-size:20px;
}
div.bmc-calendar thead th{
  padding:10px 0;
  color:rgb(60, 60, 60);
}

div.bmc-calendar tbody td{
  padding:0 !important;
  vertical-align: top;
  height:150px;
  position:relative;
}


div.event-div-bar{
  width:100%;
  height:55px;
  background-color:paleturquoise;
  position:relative;
  z-index:15;

}

.div-date{
  padding:5px;
  position: inherit;
  font-size:14px;
  color:rgb(75, 75, 75);
  z-index:20;
}

.first-event-bar{
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}
.last-event-bar{
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}

div.mini-wrap{
  position: absolute;
  display:flex;
  width:130%;
  height:60%;
  left:50%;
  transform: translateX(-50%);
  bottom:1px;
  z-index:20;
  text-align: center;
  
}
table.monthly-table td:has(div.date-before){
  background-color:rgb(250, 250, 250);
}
div.date-before{
  color:rgb(173, 173, 173);
}

div.sun{
  color:red;
}
div.sat{
  color:blue;
}

table.monthly-table td.today::before{
  content:'';
  position:absolute;
  width:102%;
  height:102%;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
  border-radius: 5px;
  border:2px solid transparent;
  z-index:17;
  border-image: linear-gradient( 135deg, #cd79f6 40%, #9e87f3 100%);
  border-image-slice:1;
}
div.event-char-mini{
  width:33%;
  height:100%;
  padding-left:2px;
}
div.event-char-mini::before{
  content:'';
  display:block;
  width:100%;
  height:100%;
  background-size:100%;
  background-repeat:no-repeat;
  /* transform: scaleX(-1); */
}

div.bmc-calendar .event-title{
  position: absolute;
  top: 32%;
  left: 20px;
  transform: translateY(-50%);
  z-index: 20;
  font-size: 1.2em;
  white-space:nowrap;
}

.kosaka_mini::before{
  background-image:url('kosaka_mini.png');
}

.kise_mini::before{
  background-image:url('kise_mini.png');
}

.suoh_mini::before{
  background-image:url('suoh_mini.png');
}

.ayato_mini::before{
  background-image:url('ayato_mini.png');
}

.ukyo_mini::before{
  background-image:url('ukyo_mini.png');
}

.hinomiya_mini::before{
  background-image:url('hinomiya_mini.png');
}

.kanno_mini::before{
  background-image:url('kanno_mini.png');
}

.tsukimoto_mini::before{
  background-image:url('tsukimoto_mini.png');
}

.ichikawa_mini::before{
  background-image:url('ichikawa_mini.png');
}

.okiya_mini::before{
  background-image:url('okiya_mini.png');
}

.fushimi_mini::before{
  background-image:url('fushimi_mini.png');
}

.mikado_mini::before{
  background-image:url('mikado_mini.png');
}

.shinkai_mini::before{
  background-image:url('shinkai_mini.png');
}

.aizawa_mini::before{
  background-image:url('aizawa_mini.png');
}

.arima_mini::before{
  background-image:url('arima_mini.png');
}

.shido_mini::before{
  background-image:url('shido_mini.png');
}

.tateshina_mini::before{
  background-image:url('tateshina_mini.png');
}

.onda_mini::before{
  background-image:url('onda_mini.png');
}

.nina_mini::before{
  background-image:url('nina_mini.png');
}

.kamiya_mini::before{
  background-image:url('kamiya_mini.png');
}

.manami_mini::before{
  background-image:url('manami_mini.png');
}

.rare_mini::before{
  background-image:url('rare_mini.png');
}

.date_mini::before{
  background-image:url('date_mini.png');
}