@charset "UTF-8";
/* 公開側のcssに上書きされないように !important必須 */
/* 公開側のcssに上書きされないように !important必須 */
/* 公開側のcssに上書きされないように !important必須 */
.cp-calendar-form__description {
  font-size: 13px;
  line-height: 23px;
  text-align: left;
  color: #222;
  margin-bottom: 40px;
}

.cp-calendar-form__wrap {
  padding: 34px 34px;
  background-color: #F5F5F5;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 220px 1fr;
  grid-template-columns: 220px 1fr;
  margin-bottom: 10px;
}
.cp-calendar-form__wrap.is-mini {
  padding: 0;
  -ms-grid-columns: 130px 1fr;
  grid-template-columns: 130px 1fr;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.cp-calendar-form__label {
  font-size: 15px;
}

.cp-calendar-form__preview-btn,
.cp-calendar-form__publish-btn {
  width: 100px;
  height: 32px;
  border-radius: 16px;
  background: transparent;
  border: 1px solid #ccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 13px;
  color: #222;
  font-size: 12px;
  position: absolute;
  right: 110px;
  top: 0;
  background-color: #fff;
  padding-left: 28px;
}
.cp-calendar-form__preview-btn:hover,
.cp-calendar-form__publish-btn:hover {
  background-color: #222;
  color: #fff;
}
.cp-calendar-form__preview-btn:hover:before,
.cp-calendar-form__publish-btn:hover:before {
  background-color: #fff;
}
.cp-calendar-form__preview-btn:before,
.cp-calendar-form__publish-btn:before {
  content: "";
  position: absolute;
  left: 9px;
  top: calc(50% - 7px);
  width: 15.05px;
  height: 14px;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 15.05px 14px;
  mask-size: 15.05px 14px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: #222;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215.049%22%20height%3D%2213.999%22%20viewBox%3D%220%200%2015.049%2013.999%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1351%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201351%22%20transform%3D%22translate(-1754.125%20-96.5)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_866%22%20data-name%3D%22%E3%83%91%E3%82%B9%20866%22%20d%3D%22M18.431%2C16.057a6.051%2C6.051%2C0%2C1%2C0-1.894%2C2.3%2C6.091%2C6.091%2C0%2C0%2C0%2C1.894-2.3m-5.457%2C1.82a4.38%2C4.38%2C0%2C1%2C1%2C4.38-4.378%2C4.379%2C4.379%2C0%2C0%2C1-4.38%2C4.378%22%20transform%3D%22translate(1747.183%2089.033)%22%20fill%3D%22%23191a1a%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_867%22%20data-name%3D%22%E3%83%91%E3%82%B9%20867%22%20d%3D%22M21.51%2C18.884l-2.136-1.961a7.3%2C7.3%2C0%2C0%2C1-1.925%2C2.271l2.05%2C1.881a1.487%2C1.487%2C0%2C0%2C0%2C2.011-2.191%22%20transform%3D%22translate(1747.183%2089.033)%22%20fill%3D%22%23191a1a%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215.049%22%20height%3D%2213.999%22%20viewBox%3D%220%200%2015.049%2013.999%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1351%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201351%22%20transform%3D%22translate(-1754.125%20-96.5)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_866%22%20data-name%3D%22%E3%83%91%E3%82%B9%20866%22%20d%3D%22M18.431%2C16.057a6.051%2C6.051%2C0%2C1%2C0-1.894%2C2.3%2C6.091%2C6.091%2C0%2C0%2C0%2C1.894-2.3m-5.457%2C1.82a4.38%2C4.38%2C0%2C1%2C1%2C4.38-4.378%2C4.379%2C4.379%2C0%2C0%2C1-4.38%2C4.378%22%20transform%3D%22translate(1747.183%2089.033)%22%20fill%3D%22%23191a1a%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_867%22%20data-name%3D%22%E3%83%91%E3%82%B9%20867%22%20d%3D%22M21.51%2C18.884l-2.136-1.961a7.3%2C7.3%2C0%2C0%2C1-1.925%2C2.271l2.05%2C1.881a1.487%2C1.487%2C0%2C0%2C0%2C2.011-2.191%22%20transform%3D%22translate(1747.183%2089.033)%22%20fill%3D%22%23191a1a%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}

.cp-calendar-form__publish-btn {
  right: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
}
.cp-calendar-form__publish-btn::before {
  width: 15px;
  height: 15px;
  -webkit-mask-size: 15px auto;
  mask-size: 15px auto;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3C!--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20--%3E%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22width%3A%20256px%3B%20height%3A%20256px%3B%20opacity%3A%201%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%234B4B4B%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M255.994%2C0.006C114.607%2C0.013%2C0.012%2C114.612%2C0%2C256c0.012%2C141.387%2C114.607%2C255.986%2C255.994%2C255.994%20C397.393%2C511.986%2C511.992%2C397.387%2C512%2C256C511.992%2C114.612%2C397.393%2C0.013%2C255.994%2C0.006z%20M97.607%2C97.612%20c23.34-23.328%2C51.761-41.475%2C83.455-52.725c-15.183%2C18.375-27.84%2C41.906-37.757%2C69.116H82.772%20C87.452%2C108.308%2C92.396%2C102.824%2C97.607%2C97.612z%20M65.612%2C138.003h69.986c-9.008%2C31.929-14.41%2C67.834-15.363%2C105.997H32.327%20C34.374%2C205.196%2C46.3%2C169.088%2C65.612%2C138.003z%20M65.612%2C373.997C46.3%2C342.912%2C34.374%2C306.804%2C32.327%2C268h87.991%20c0.961%2C38.124%2C6.21%2C74.092%2C15.206%2C105.998H65.612z%20M97.607%2C414.386c-5.211-5.211-10.156-10.695-14.836-16.39h60.573%20c4.28%2C11.774%2C9.019%2C22.944%2C14.312%2C33.21c6.954%2C13.438%2C14.758%2C25.468%2C23.348%2C35.89C149.332%2C455.846%2C120.931%2C437.699%2C97.607%2C414.386z%20M243.998%2C479.667c-3.746-0.196-7.469-0.477-11.164-0.86c-5.89-2.64-11.722-6.25-17.5-10.961%20c-17.632-14.359-33.976-38.671-46.398-69.85h75.061V479.667z%20M243.998%2C373.997h-83.436c-9.477-31.171-15.316-67.311-16.328-105.998%20h99.763V373.997z%20M243.998%2C244H144.31c1.008-38.71%2C6.875-74.819%2C16.359-105.997h83.33V244z%20M243.998%2C114.003h-74.951%20c3.109-7.79%2C6.367-15.312%2C9.934-22.195c10.64-20.625%2C23.17-36.89%2C36.354-47.656c5.777-4.71%2C11.609-8.32%2C17.5-10.96%20c3.695-0.382%2C7.417-0.664%2C11.164-0.859V114.003z%20M446.392%2C138.003c19.312%2C31.085%2C31.234%2C67.194%2C33.281%2C105.997h-87.991%20c-0.961-38.124-6.21-74.092-15.21-105.997H446.392z%20M414.393%2C97.612c5.211%2C5.211%2C10.156%2C10.696%2C14.836%2C16.391h-60.577%20c-4.281-11.773-9.023-22.945-14.312-33.21c-6.953-13.437-14.758-25.468-23.347-35.89C362.668%2C56.16%2C391.065%2C74.301%2C414.393%2C97.612z%20M267.998%2C32.333c3.746%2C0.195%2C7.469%2C0.484%2C11.16%2C0.859c5.89%2C2.649%2C11.723%2C6.25%2C17.504%2C10.96%20c17.636%2C14.359%2C33.976%2C38.671%2C46.397%2C69.85h-75.061V32.333z%20M267.998%2C138.003h83.436c9.476%2C31.171%2C15.32%2C67.31%2C16.328%2C105.997%20h-99.764V138.003z%20M267.998%2C268h99.685c-1.007%2C38.71-6.874%2C74.818-16.359%2C105.998h-83.326V268z%20M296.661%2C467.846%20c-5.781%2C4.711-11.614%2C8.313-17.504%2C10.961c-3.691%2C0.375-7.414%2C0.664-11.16%2C0.86v-81.67h74.951%20c-3.109%2C7.789-6.367%2C15.312-9.933%2C22.195C322.376%2C440.816%2C309.845%2C457.081%2C296.661%2C467.846z%20M414.393%2C414.386%20c-23.336%2C23.328-51.764%2C41.476-83.459%2C52.725c15.187-18.375%2C27.835-41.905%2C37.757-69.115h60.538%20C424.548%2C403.692%2C419.604%2C409.176%2C414.393%2C414.386z%20M446.392%2C373.997h-69.998c9.008-31.929%2C14.414-67.842%2C15.367-105.998h87.912%20C477.626%2C306.804%2C465.704%2C342.912%2C446.392%2C373.997z%22%20style%3D%22fill%3A%20rgb(75%2C%2075%2C%2075)%3B%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf8,%3C!--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20--%3E%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22width%3A%20256px%3B%20height%3A%20256px%3B%20opacity%3A%201%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%234B4B4B%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M255.994%2C0.006C114.607%2C0.013%2C0.012%2C114.612%2C0%2C256c0.012%2C141.387%2C114.607%2C255.986%2C255.994%2C255.994%20C397.393%2C511.986%2C511.992%2C397.387%2C512%2C256C511.992%2C114.612%2C397.393%2C0.013%2C255.994%2C0.006z%20M97.607%2C97.612%20c23.34-23.328%2C51.761-41.475%2C83.455-52.725c-15.183%2C18.375-27.84%2C41.906-37.757%2C69.116H82.772%20C87.452%2C108.308%2C92.396%2C102.824%2C97.607%2C97.612z%20M65.612%2C138.003h69.986c-9.008%2C31.929-14.41%2C67.834-15.363%2C105.997H32.327%20C34.374%2C205.196%2C46.3%2C169.088%2C65.612%2C138.003z%20M65.612%2C373.997C46.3%2C342.912%2C34.374%2C306.804%2C32.327%2C268h87.991%20c0.961%2C38.124%2C6.21%2C74.092%2C15.206%2C105.998H65.612z%20M97.607%2C414.386c-5.211-5.211-10.156-10.695-14.836-16.39h60.573%20c4.28%2C11.774%2C9.019%2C22.944%2C14.312%2C33.21c6.954%2C13.438%2C14.758%2C25.468%2C23.348%2C35.89C149.332%2C455.846%2C120.931%2C437.699%2C97.607%2C414.386z%20M243.998%2C479.667c-3.746-0.196-7.469-0.477-11.164-0.86c-5.89-2.64-11.722-6.25-17.5-10.961%20c-17.632-14.359-33.976-38.671-46.398-69.85h75.061V479.667z%20M243.998%2C373.997h-83.436c-9.477-31.171-15.316-67.311-16.328-105.998%20h99.763V373.997z%20M243.998%2C244H144.31c1.008-38.71%2C6.875-74.819%2C16.359-105.997h83.33V244z%20M243.998%2C114.003h-74.951%20c3.109-7.79%2C6.367-15.312%2C9.934-22.195c10.64-20.625%2C23.17-36.89%2C36.354-47.656c5.777-4.71%2C11.609-8.32%2C17.5-10.96%20c3.695-0.382%2C7.417-0.664%2C11.164-0.859V114.003z%20M446.392%2C138.003c19.312%2C31.085%2C31.234%2C67.194%2C33.281%2C105.997h-87.991%20c-0.961-38.124-6.21-74.092-15.21-105.997H446.392z%20M414.393%2C97.612c5.211%2C5.211%2C10.156%2C10.696%2C14.836%2C16.391h-60.577%20c-4.281-11.773-9.023-22.945-14.312-33.21c-6.953-13.437-14.758-25.468-23.347-35.89C362.668%2C56.16%2C391.065%2C74.301%2C414.393%2C97.612z%20M267.998%2C32.333c3.746%2C0.195%2C7.469%2C0.484%2C11.16%2C0.859c5.89%2C2.649%2C11.723%2C6.25%2C17.504%2C10.96%20c17.636%2C14.359%2C33.976%2C38.671%2C46.397%2C69.85h-75.061V32.333z%20M267.998%2C138.003h83.436c9.476%2C31.171%2C15.32%2C67.31%2C16.328%2C105.997%20h-99.764V138.003z%20M267.998%2C268h99.685c-1.007%2C38.71-6.874%2C74.818-16.359%2C105.998h-83.326V268z%20M296.661%2C467.846%20c-5.781%2C4.711-11.614%2C8.313-17.504%2C10.961c-3.691%2C0.375-7.414%2C0.664-11.16%2C0.86v-81.67h74.951%20c-3.109%2C7.789-6.367%2C15.312-9.933%2C22.195C322.376%2C440.816%2C309.845%2C457.081%2C296.661%2C467.846z%20M414.393%2C414.386%20c-23.336%2C23.328-51.764%2C41.476-83.459%2C52.725c15.187-18.375%2C27.835-41.905%2C37.757-69.115h60.538%20C424.548%2C403.692%2C419.604%2C409.176%2C414.393%2C414.386z%20M446.392%2C373.997h-69.998c9.008-31.929%2C14.414-67.842%2C15.367-105.998h87.912%20C477.626%2C306.804%2C465.704%2C342.912%2C446.392%2C373.997z%22%20style%3D%22fill%3A%20rgb(75%2C%2075%2C%2075)%3B%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.cp-calendar-form__input-group {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 144px 1fr;
  grid-template-columns: 144px 1fr;
}
.cp-calendar-form__input-group + .cp-calendar-form__input-group {
  margin-top: 25px;
}

.cp-calendar-form__select-label {
  width: 120px;
  height: 30px;
  position: relative;
  display: inline-block;
  border: 1px solid #999;
  background-color: #fff;
  overflow: hidden;
  vertical-align: top;
}
.cp-calendar-form__select-label::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  width: 2px;
  height: 7px;
  margin-top: -3px;
  background: #222;
  -webkit-transform: rotate(47deg);
  -ms-transform: rotate(47deg);
  transform: rotate(47deg);
  pointer-events: none;
}
.cp-calendar-form__select-label::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 2px;
  height: 7px;
  margin-top: -3px;
  background: #333;
  -webkit-transform: rotate(-47deg);
  -ms-transform: rotate(-47deg);
  transform: rotate(-47deg);
  pointer-events: none;
}
.cp-calendar-form__select-label select {
  display: block;
  width: calc(100% + 22px);
  height: 30px;
  padding: 2px 24px 2px 10px;
  border: none;
  background: transparent;
  -moz-appearance: none;
  text-indent: 0.01px;
  font-size: 1.5rem;
  cursor: pointer;
}
.cp-calendar-form__select-label select::-ms-expand {
  display: none;
}

.cp-calendar-form__select-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.cp-calendar-form__select-group span {
  padding: 0 8px;
}

.cp-calendar-form__radio-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.cp-calendar-form__radio-group.mt {
  margin-top: 25px;
}
.cp-calendar-form__radio-group + .cp-calendar-form__radio-group {
  margin-top: 18px;
}

.cp-calendar-form__radio,
.cp-calendar-form__checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  min-width: 135px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 40px;
  position: relative;
  cursor: pointer;
  font-size: 15px;
}
.cp-calendar-form__radio::before,
.cp-calendar-form__checkbox::before {
  content: "";
  width: 24px;
  height: 24px;
  background-color: #fff;
  border: 1px solid #ccc;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  border-radius: 100%;
}

.cp-calendar-form__radio.with-image {
  height: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.cp-calendar-form__checkbox.no-min-width {
  min-width: 0;
  padding-left: 30px;
  margin-right: 20px;
}
.cp-calendar-form__checkbox::before {
  border-radius: 0;
}

input:checked + .cp-calendar-form__radio::after,
input:checked + .cp-calendar-form__checkbox::after {
  content: "";
  width: 16px;
  height: 16px;
  background-color: #333;
  position: absolute;
  z-index: 1;
  left: 3.5px;
  top: 3.5px;
  border-radius: 100%;
}

input:checked + .cp-calendar-form__checkbox::after {
  border-radius: 0;
}

.cp-calendar-form__color-inputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cp-calendar-form__color-input {
  margin-right: 5px;
}
.cp-calendar-form__color-input input[type=color] {
  width: 30px;
  height: 33px;
  vertical-align: -3px;
  position: relative;
  top: 4px;
}
.cp-calendar-form__color-input input[type=text] {
  width: 90px;
  height: 30px;
  border: 1px solid #ccc;
}
.cp-calendar-form__input {
  max-width: 600px;
  width: 100%;
  height: 30px;
  background: #fff;
  border: 1px solid #999;
  padding: 3px 10px;
}
.cp-calendar-form__input + .cp-template-news-setting__term-date-icon {
  margin-left: 10px;
}

.cp-calendar-form__input-hidden + .cp-template-news-setting__term-date-icon {
  margin-left: 10px;
}

.cp-calendar-form__checkbox-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cp-calendar-form__date-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.cp-calendar-form__closed-day-entry {
  padding-bottom: 24px;
  margin-bottom: 24px;
}
.cp-calendar-form__closed-day-entry + .cp-calendar-form__closed-day-entry {
  padding-top: 30px;
  border-top: 1px solid #ccc;
}

.cp-calendar-form__add-closed-day-btn {
  border: none;
  background-color: transparent;
  font-size: 15px;
  color: #0074ff;
}

.date-picker-ym,
.date-picker-ymd {
  visibility: hidden;
  width: 0 !important;
  height: 0 !important;
}
.date-picker-ym + .cp-template-news-setting__term-date-icon,
.date-picker-ymd + .cp-template-news-setting__term-date-icon {
  margin-left: 10px;
}

.cp-calendar-form__table-row {
  display: -ms-grid;
  display: grid;
}
.cp-calendar-form__table-row.is-header {
  background-color: #F5F5F5;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.is-opening .cp-calendar-form__table-row {
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.is-specified .cp-calendar-form__table-row {
  -ms-grid-columns: 2fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
}

.is-holiday .cp-calendar-form__table-row {
  -ms-grid-columns: 175px 130px 1fr;
  grid-template-columns: 175px 130px 1fr;
}

.cp-calendar-form__table-cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 50px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #ccc;
  padding: 0 20px;
}

.cp-calendar-form__table-cell-time {
  width: 100%;
  height: 30px;
  border: none;
  padding: 0 5px;
}
.cp-calendar-form__table-cell-time:focus, .cp-calendar-form__table-cell-time:hover {
  border: 1px solid #ccc;
}

.cp-calendar-form__table-cell-date-input-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.cp-calendar-form__table-cell-date-input-group .date-input {
  width: 120px;
  height: 30px;
  border: 1px solid #ccc;
  padding: 0 5px;
}
.cp-calendar-form__table-cell-date-input-group .date-icon {
  margin-left: 10px;
}

.cp-calendar-form__table-cell-date-separator {
  margin: 0 5px;
}

.cp-calendar-form__datecolor-form {
  margin-bottom: 30px;
}

.cp-calendar-form__datecolor-spacer {
  height: 200px;
}

.cp-calendar-form__table-cell-button {
  width: 100px;
  height: 30px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #fff;
  cursor: pointer;
}
.cp-calendar-form__table-cell-button.is-save {
  background-color: #4CA74F;
  color: #fff;
}
.cp-calendar-form__table-cell-button.is-remove {
  background-color: #FF0000;
  color: #fff;
}

.cp-calendar-form__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.cp-calendar-form__header-button {
  background: none;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #0074ff;
  font-size: 15px;
  cursor: pointer;
}

.cp-calendar-form__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 20px;
}

.cp-calendar-form__year-selector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
}
.cp-calendar-form__year-selector span {
  margin-left: 10px;
}

.cp-calendar-event__display-label {
  margin-bottom: 10px;
}

.cp-calendar-event__select-inner-wrap {
  position: relative;
  margin-bottom: 11px;
}
.cp-calendar-event__select-inner-wrap .select-label {
  width: calc(100% - 25px);
}
.cp-calendar-event__select-inner-wrap .cp-calendar-event__minus-btn {
  position: absolute;
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  cursor: pointer;
  right: 0;
  top: 0;
}
.cp-calendar-event__select-inner-wrap .cp-calendar-event__minus-btn::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #333;
}

.cp-calenda-event__colors {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 140px 1fr;
  grid-template-columns: 140px 1fr;
}
.cp-calenda-event__colors + .cp-calenda-event__colors {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #C6C5C5;
}

.cp-calenda-event__colors-item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 40px 1fr;
  grid-template-columns: 40px 1fr;
}
.cp-calenda-event__colors-item .cp-calendar-form__color-input input[type=text] {
  width: 90px !important;
}

.cp-calendar-event__colors-item-text {
  padding-top: 3px;
}
.cp-calendar-event__colors-item-text.is-letter {
  padding-top: 11px;
}

.cp-calendar-evennt__exlude-day-add {
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
  top: 6px;
  left: 6px;
}
.cp-calendar-evennt__exlude-day-add::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #333;
}
.cp-calendar-evennt__exlude-day-add::after {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #333;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.cp-calendar-evennt__exlude-day-remove {
  position: relative;
  display: inline-block;
  top: 6px;
  left: 6px;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  cursor: pointer;
  right: 0;
  top: 7px;
}
.cp-calendar-evennt__exlude-day-remove::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  display: block;
  width: 9px;
  height: 1px;
  background: #333;
}

.cp-calenda-event__colors-body .cp-calenda-event__colors-item:first-child .cp-calendar-evennt__exlude-day-remove {
  display: none;
}
.cp-calenda-event__colors-body .cp-calenda-event__colors-item + .cp-calenda-event__colors-item .cp-calendar-evennt__exlude-day-add {
  display: none;
}

.cp-calendar-event__color-other {
  display: none;
}
.cp-calendar-event__color-other.is-active {
  display: block;
}

.newsrelease-calendar-select-wrap + .newsrelease-calendar-select-wrap {
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid #C6C5C5;
}

.cp-calendar-detail__item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 90px 1fr;
  grid-template-columns: 90px 1fr;
  font-size: 12px;
}
.cp-calendar-detail__item dd {
  padding-left: 10px;
}
.cp-calendar-detail__item + .cp-calendar-detail__item {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #C6C5C5;
}

.cp-calendar-detail__item-excluded-day + .cp-calendar-detail__item-excluded-day::before {
  content: ",";
}

.cp-calendar-source__editor-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.cp-calendar-editor__wrap + .cp-calendar-editor__wrap {
  margin-top: 40px;
}

.cp-calendar-ui__preview {
  max-width: 1320px;
  padding: 0 20px 100px;
  margin: 40px auto;
  min-height: 100vh;
}

.cp-calendar-ui__calendar-container {
  font-family: Meiryo;
}

.cp-calendar-ui__calendar-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 26px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 1024px) {
  .cp-calendar-ui__calendar-header {
    margin-bottom: 16px;
  }
}
.cp-calendar-ui__month-year {
  font-weight: bold;
  font-size: 32px;
  line-height: 1.875;
  text-align: left;
  color: #222;
}

.cp-calendar-ui__date-selector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.cp-calendar-ui__date-selector-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}

.cp-calendar-ui__header-select,
.cp-calendar-ui__calendar-filter-select {
  padding: 8px 12px;
  border: 1px solid #ced4da;
  border-radius: 6px;
  font-size: 14px;
  background-color: #fff;
  cursor: pointer;
  min-width: 80px;
}
.cp-calendar-ui__header-select:focus,
.cp-calendar-ui__calendar-filter-select:focus {
  outline: none;
  border-color: #007bff;
  -webkit-box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}
.cp-calendar-ui__header-select:hover,
.cp-calendar-ui__calendar-filter-select:hover {
  border-color: #adb5bd;
}

.cp-calendar-ui__calendar-filter-select {
  min-width: 150px;
}

.cp-calendar-ui__calendar-filter-label {
  padding-right: 10px;
}

@media (max-width: 1024px) {
  .cp-calendar-ui__month-year {
    font-size: 24px;
    line-height: 1.2;
    width: 100%;
    margin-bottom: 16px;
  }
}
.cp-calendar-ui__navigation-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 7px;
}

@media (max-width: 1024px) {
  .cp-calendar-ui__navigation-buttons {
    width: 100%;
    gap: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.cp-calendar-ui__nav-btn {
  width: 80px;
  height: 40px;
  border-radius: 6px;
  background: #222;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: none;
  position: relative;
}
.cp-calendar-ui__nav-btn::before {
  content: "";
  position: absolute;
  width: 6px;
  height: 10px;
  left: 11px;
  top: calc(50% - 5px);
  background-color: #fff;
  -webkit-mask-size: 6px 10px;
  mask-size: 6px 10px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%2210%22%20viewBox%3D%220%200%206%2010%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_46803%22%20data-name%3D%22%E3%83%91%E3%82%B9%2046803%22%20d%3D%22M-11335.479%2C6194.225a1%2C1%2C0%2C0%2C1-.707-.293l-4-4a1%2C1%2C0%2C0%2C1-.293-.707%2C1%2C1%2C0%2C0%2C1%2C.293-.707l4-4a1%2C1%2C0%2C0%2C1%2C1.414%2C0%2C1%2C1%2C0%2C0%2C1%2C0%2C1.414l-3.293%2C3.293%2C3.293%2C3.292a1%2C1%2C0%2C0%2C1%2C0%2C1.414A1%2C1%2C0%2C0%2C1-11335.479%2C6194.225Z%22%20transform%3D%22translate(11340.479%20-6184.225)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%2210%22%20viewBox%3D%220%200%206%2010%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_46803%22%20data-name%3D%22%E3%83%91%E3%82%B9%2046803%22%20d%3D%22M-11335.479%2C6194.225a1%2C1%2C0%2C0%2C1-.707-.293l-4-4a1%2C1%2C0%2C0%2C1-.293-.707%2C1%2C1%2C0%2C0%2C1%2C.293-.707l4-4a1%2C1%2C0%2C0%2C1%2C1.414%2C0%2C1%2C1%2C0%2C0%2C1%2C0%2C1.414l-3.293%2C3.293%2C3.293%2C3.292a1%2C1%2C0%2C0%2C1%2C0%2C1.414A1%2C1%2C0%2C0%2C1-11335.479%2C6194.225Z%22%20transform%3D%22translate(11340.479%20-6184.225)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
}

.cp-calendar-ui__current-month,
.cp-calendar-ui__current-week,
.cp-calendar-ui__current-day {
  background: #666;
}
.cp-calendar-ui__current-month::before,
.cp-calendar-ui__current-week::before,
.cp-calendar-ui__current-day::before {
  content: none;
}

.cp-calendar-ui__next-month::before,
.cp-calendar-ui__next-week::before,
.cp-calendar-ui__next-day::before {
  left: auto;
  right: 11px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.cp-calendar-ui__weekday-header {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[7];
  grid-template-columns: repeat(7, 1fr);
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  border: 1px solid #ccc;
  border-bottom: none;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}

@media (max-width: 1024px) {
  .cp-calendar-ui__month-detail-view .cp-calendar-ui__weekday-header,
  .cp-calendar-ui__week-view-container .cp-calendar-ui__weekday-header {
    display: none;
  }
}
.cp-calendar-ui__weekday {
  height: 60px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #666;
  color: #fff;
  border-right: 1px solid #CCCCCC;
}
.cp-calendar-ui__weekday:last-child {
  border-right: none;
}

.cp-calendar-ui__calendar-grid,
.cp-calendar-ui__week-view-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[7];
  grid-template-columns: repeat(7, 1fr);
  border: 1px solid #ccc;
  border-top: none;
}

@media (max-width: 1024px) {
  .cp-calendar-ui__month-detail-view .cp-calendar-ui__calendar-grid,
  .cp-calendar-ui__week-view-container {
    display: block;
    border-top: 1px solid #ccc;
  }
}
.cp-calendar-ui__date-number {
  height: 30px;
  background-color: #f0f6fd;
  font-weight: bold;
  font-size: 16px;
  line-height: 1;
  color: #222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 9px;
}

.cp-calendar-ui__date-container {
  min-height: 200px;
}

@media (max-width: 1024px) {
  .cp-calendar-ui__month-detail-view .cp-calendar-ui__date-container {
    min-height: 100px;
  }
}
.cp-calendar-ui__calendar-day {
  border-right: 1px solid #CCCCCC;
}
.cp-calendar-ui__calendar-day:nth-child(7n) {
  border-right: none;
}

@media (max-width: 1024px) {
  .cp-calendar-ui__month-detail-view .cp-calendar-ui__calendar-day {
    border-right: none;
  }
}
.cp-calendar-ui__date-container {
  position: relative;
  padding: 8px 7px;
}

.cp-calendar-ui__label {
  padding: 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 4px;
  height: 40px;
}
.cp-calendar-ui__label + .cp-calendar-ui__label {
  margin-top: 8px;
}

.cp-calendar-ui__label-sp {
  visibility: hidden;
}

@media (max-width: 1024px) {
  .cp-calendar-ui__label-sp {
    visibility: visible;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 7px;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 4px;
    height: 40px;
  }
  .cp-calendar-ui__label-sp + .cp-calendar-ui__label-sp {
    margin-top: 8px;
  }
}
.cp-calendar-ui__event-title {
  font-size: 14px;
  line-height: 1.28;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cp-calendar-ui__label-text {
  font-size: 14px;
  line-height: 1.28;
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cp-calendar-ui__period-event-bar {
  position: absolute;
  top: 4px;
  left: 4px;
  right: 4px;
  height: 40px;
  z-index: 10;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 7px;
}
.cp-calendar-ui__period-event-bar:hover {
  opacity: 0.9;
  cursor: pointer;
}

@media (max-width: 1024px) {
  .cp-calendar-ui__period-event-bar {
    display: none;
  }
}
.cp-calendar-ui__period-event-text {
  font-size: 14px;
  line-height: 1.28;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cp-calendar-ui__other-month {
  background-color: #ddd;
  color: #666;
}

@media (max-width: 1024px) {
  .cp-calendar-ui__other-month {
    display: none;
  }
}
.cp-calendar-ui__settings-form {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 20px;
}
.cp-calendar-ui__settings-form h3 {
  margin: 0 0 20px 0;
  font-size: 18px;
  color: #333;
  border-bottom: 2px solid #007bff;
  padding-bottom: 10px;
}

.cp-calendar-ui__setting-section {
  margin-bottom: 25px;
}
.cp-calendar-ui__setting-section h4 {
  margin: 0 0 15px 0;
  font-size: 16px;
  color: #495057;
  font-weight: 600;
}

.cp-calendar-ui__note {
  font-size: 12px;
  color: #6c757d;
  font-weight: normal;
}

.cp-calendar-ui__radio-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}

.cp-calendar-ui__radio-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  padding: 8px;
  border-radius: 4px;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.cp-calendar-ui__radio-option:hover {
  background-color: #e9ecef;
}
.cp-calendar-ui__radio-option input[type=radio] {
  margin: 0;
  cursor: pointer;
  display: block;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
}
.cp-calendar-ui__radio-option span {
  font-size: 14px;
  color: #495057;
}

.cp-calendar-ui__select {
  padding: 4px 8px;
  border: 1px solid #ced4da;
  border-radius: 4px;
  font-size: 13px;
  background-color: #fff;
  cursor: pointer;
}
.cp-calendar-ui__select:disabled {
  background-color: #e9ecef;
  cursor: not-allowed;
  opacity: 0.6;
}

.cp-calendar-ui__input {
  width: 60px;
  padding: 4px 8px;
  border: 1px solid #ced4da;
  border-radius: 4px;
  font-size: 13px;
  text-align: center;
}
.cp-calendar-ui__input:disabled {
  background-color: #e9ecef;
  cursor: not-allowed;
  opacity: 0.6;
}

.cp-calendar-ui__date-range {
  margin-top: 10px;
  margin-left: 20px;
}

.cp-calendar-ui__date-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.cp-calendar-ui__date-input span {
  font-size: 13px;
  color: #6c757d;
  min-width: 30px;
}

.cp-calendar-ui__week-view .cp-calendar-ui__calendar-grid,
.cp-calendar-ui__day-view .cp-calendar-ui__calendar-grid {
  display: none;
}

.cp-calendar-ui__month-link-view .cp-calendar-ui__date-container {
  cursor: pointer;
}
.cp-calendar-ui__month-link-view .cp-calendar-ui__date-container:hover {
  background-color: #e3f2fd;
}
.cp-calendar-ui__month-link-view .cp-calendar-ui__event-list {
  display: none;
}
.cp-calendar-ui__month-link-view .cp-calendar-ui__calendar-header {
  margin-bottom: 10px;
}

.cp-calendar-ui__day-view-container {
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  padding: 20px;
  max-width: 800px;
  margin: 0 auto;
}
.cp-calendar-ui__day-view-container .cp-calendar-ui__date-number {
  margin-bottom: 10px;
}
.cp-calendar-ui__day-view-container .cp-calendar-ui__navigation-buttons {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 10px;
}
.cp-calendar-ui__day-view-container .cp-calendar-ui__label-sp {
  visibility: visible;
}

.cp-calendar-ui__day-header {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: bold;
}

.cp-calendar-ui__date-selector {
  display: none;
}

.cp-calendar-ui__calendar-container.cp-calendar-ui__month-link-view[data-display-count=single] .cp-calendar-ui__month-year {
  display: none;
}
.cp-calendar-ui__calendar-container.cp-calendar-ui__month-link-view[data-display-count=single] .cp-calendar-ui__date-selector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cp-calendar-ui__calendar-container.cp-calendar-ui__month-link-view .cp-calendar-ui__date-container {
  display: none;
}
.cp-calendar-ui__calendar-container.cp-calendar-ui__month-link-view .cp-calendar-ui__weekday {
  height: auto;
  background-color: #F0F0F0;
  color: #222;
  padding: 10px 0;
  font-size: 14px;
  border-right: none;
}
.cp-calendar-ui__calendar-container.cp-calendar-ui__month-link-view .cp-calendar-ui__calendar-day {
  border-right: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: transparent;
  padding: 5px 0;
  position: relative;
}
.cp-calendar-ui__calendar-container.cp-calendar-ui__month-link-view .cp-calendar-ui__other-month {
  background-color: transparent !important;
  color: #999 !important;
}
.cp-calendar-ui__calendar-container.cp-calendar-ui__month-link-view .cp-calendar-ui__date-number {
  font-size: 14px;
  height: 24px;
  border-radius: 100%;
  text-align: center;
  width: 24px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
}
.cp-calendar-ui__calendar-container.cp-calendar-ui__month-link-view .cp-calendar-ui__date-number.has-event {
  text-decoration: underline;
  cursor: pointer;
}
.cp-calendar-ui__calendar-container.cp-calendar-ui__month-link-view .cp-calendar-ui__calendar-day.is-hover .cp-calendar-ui__date-container {
  display: block;
  position: absolute;
  width: 180px;
  min-height: auto;
  border: 1px solid #ccc;
  background-color: #fff;
  top: 28px;
  left: 0;
  z-index: 1;
  max-height: 150px;
  overflow-y: auto;
}
.cp-calendar-ui__calendar-container.cp-calendar-ui__month-link-view .cp-calendar-ui__label-sp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
}
.cp-calendar-ui__calendar-container.cp-calendar-ui__month-link-view .cp-calendar-ui__period-event-bar {
  display: none;
}

.cp-calendar-ui__multi-month-container {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.cp-calendar-ui__month-container {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.cp-calendar-ui__month-container .cp-calendar-ui__weekday-header {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[7];
  grid-template-columns: repeat(7, 1fr);
}
.cp-calendar-ui__month-container .cp-calendar-ui__weekday-header .cp-calendar-ui__weekday {
  padding: 8px 4px;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
}
.cp-calendar-ui__month-container .cp-calendar-ui__month-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[7];
  grid-template-columns: repeat(7, 1fr);
  gap: 1px;
}
.cp-calendar-ui__month-container .cp-calendar-ui__month-year {
  font-size: 18px;
}

.cp-calendar-ui__event-category {
  padding: 3px 5px;
  border-radius: 4px;
  font-size: 12px;
  margin-bottom: 5px;
}

.cp-calendar-ui__event-cat-text-title {
  font-size: 14px;
  line-height: 1.28;
}

.cp-calendar-ui__label-cat-text {
  margin-bottom: 5px;
  display: block;
  color: #222;
}
/*# sourceMappingURL=../maps/cp_calendar.css.map */