@charset "UTF-8";

/* 全体 */
#biz_calendar {
  max-width: 100%;
  margin: auto;
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

#biz_calendar p {
  margin: 0;
  line-height: 170%;
}

/* カレンダー本体 */
#biz_calendar table.bizcal {
  margin: 10px 0;
  width: 100%;
  background-color: #ffffff;
  table-layout: fixed;
  border: 1px #ececec solid;
  line-height: 2.5;
  cursor: default;
  vertical-align: middle;
  font-size: 14px;
}

#biz_calendar table.bizcal th {
  text-align: center;
  border-width: 0;
  padding: 4px 2px;
  color: #000000;
  background-color: #DEDEDE;
  border: 1px #ececec solid;/* セルにボーダー追加 */
}

#biz_calendar table.bizcal th:first-child {
  color: red;
}

#biz_calendar table.bizcal th:nth-last-of-type(1) {
  color: blue;
}

#biz_calendar table.bizcal td {
  text-align: center;
  border-width: 0;
  padding: 4px 2px;
  color: #000000;
  border: 1px #ececec solid;/* セルにボーダー追加 */
}

#biz_calendar table.bizcal .calmonth {
  text-align: left;
  font-weight: bold;
  padding: 4px 20px;
  border: none;
}

#biz_calendar table.bizcal .calbtn {
  border: none;
  cursor: pointer;
}

#biz_calendar table.bizcal .holiday {
  background-color: #eb6ea0;
  color: #ffffff;
}

#biz_calendar table.bizcal .eventday {
  background-color: #64BDEB;
  color: #ffffff;
}

#biz_calendar table.bizcal .eventday a {
  color: #ffffff;
}

#biz_calendar table.bizcal .today {
  font-weight: bold;
  text-decoration: underline;
  color: #000000;
  background: #a8ebc0;
  border-radius: 50%;
}

#biz_calendar table.bizcal .today a {
  font-weight: bold;
  color: #000000;
}

#biz_calendar table.bizcal img {
  vertical-align: middle;
  box-shadow: none;
  margin: 0;
}

#biz_calendar table.bizcal .down-img { text-align: right; }
#biz_calendar table.bizcal .today-img { text-align: center; }
#biz_calendar table.bizcal .up-img { text-align: left; }

/* ------------------------------
   横並びの説明ボックス
   ------------------------------ */
#biz_calendar .legend-wrap {
  display: flex;
  gap: 10px;
  margin-top: 10px;
  justify-content: center;
  flex-wrap: wrap;
}

#biz_calendar .legend-box {
  display: flex;
  align-items: center;
 /* border: 1px solid #ccc;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 14px;
  background: #fff;*/
}

#biz_calendar .legend-color {
  width: 18px;
  height: 18px;
  margin-right: 8px;
  border-radius: 3px;
}

#biz_calendar .legend-holiday { background-color: #eb6ea0; }
#biz_calendar .legend-event { background-color: #64BDEB; }

/* 定休日・臨時休業日フォント設定 */
#biz_calendar .legend-box {
  font-size: 14px;
  padding: 4px 8px;
  color: #444;
}

/* スマホ対応 */
@media screen and (max-width: 480px) {
  #biz_calendar table.bizcal { font-size: 12px; }
  #biz_calendar table.bizcal th,
  #biz_calendar table.bizcal td { padding: 3px 1px; }

  #biz_calendar .legend-box {
    font-size: 12px;
    padding: 4px 8px;
    color: #444;
  }

  #biz_calendar .legend-color {
    width: 16px;
    height: 16px;
  }
}