@charset "utf-8";

/* 店休日テキスト */
.shoppage_info_calendar > p {
  margin-left: calc(1em + 5px);
  margin-bottom: 20px;
  position: relative;
}
.shoppage_info_calendar > p::before {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background: var(--gray);
  position: absolute;
  top: 5px;
  left: calc(-1em + -5px);
}

/* FullCalendar カスタマイズ */
.fc-multimonth-month a {
  text-decoration: none;
}
/* 外枠 */
.fc .fc-multimonth {
  border: none;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 20px;
}
.fc-multimonth-month {
  border: solid 1px var(--gray_line);
  padding: 0 20px 20px;
}
/* 枠 */
.fc-theme-standard td, .fc-theme-standard th {
  border: none;
  font-size: var(--rem16);
}
.fc .fc-daygrid-day.fc-day-today {
  background-color: transparent;
}
.fc-col-header-cell .fc-scrollgrid-sync-inner {
  border-bottom: solid 1px var(--gray_line);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  margin-bottom: 6px;
}
.fc .fc-daygrid-day-frame {
  display: flex;
  align-items: center;
  justify-content: center;
}
/* タイトル */
.fc .fc-multimonth-title {
  padding: 20px 0 10px;
  font-size: var(--rem16);
  font-weight: 400;
}

/* 曜日 */
.fc-day-sat a {
  color: var(--blue);
}
.fc-day-sun a {
  color: var(--red);
}
/* 曜日の背景 */
.sun.fc td:nth-child(1),
.mon.fc td:nth-child(2),
.tue.fc td:nth-child(3),
.wed.fc td:nth-child(4),
.thu.fc td:nth-child(5),
.fri.fc td:nth-child(6),
.sat.fc td:nth-child(7) {
  background: var(--gray);
  border: solid 6px #fff;
}

.fc .close-day {
  background: var(--gray) !important;
  border: solid 6px #fff;
}

@media screen and (min-width: 768px) {
  .fc .fc-multimonth {
    flex-direction: row;
  }
}