@charset "utf-8";


.cal-btn {display: block; position: relative; padding: 10px; width: 120px; line-height: 20px; font-size: 14px; color: #4f31d4; font-weight: 400; background-color: #ebebff; border: 0; border-radius: 6px; text-align: center; box-sizing: border-box; letter-spacing: -0.04em; overflow: hidden;}
.cal-btn-color {color: #fff; background-color: #4f31d4;}

.cal-month-wrap {font-size: 0; text-align: center;}
.cal-text-month {display: inline-block; margin: 0 20px; line-height: 40px; font-size: 22px; color: #343445; font-weight: 500; vertical-align: top;}

.cal-btn-prev,
.cal-btn-next {display: inline-block; position: relative; width: 40px; height: 40px; box-sizing: border-box; vertical-align: top;}
.cal-btn-prev:before,
.cal-btn-next:before {display: block; content: ''; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat;}
.cal-btn-prev:before {background-image: url(../images/btn_prev.png);}
.cal-btn-next:before {background-image: url(../images/btn_next.png);}
.cal-btn-prev:disabled::before {background-image: url(../images/btn_prev_disabled.png);}
.cal-btn-next:disabled::before {background-image: url(../images/btn_next_disabled.png);}
.cal-btn-prev span,
.cal-btn-next span {position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden;}

.cal-label-box {position: relative; margin-top: 5px; cursor: text;}
.cal-label-box:first-child {margin-top: 0;}

.cal-label {display: flex; gap: 5px; align-items: center; justify-content: space-between;  padding: 5px 10px; width: 100%; height: 28px; font-size: 10px; font-weight: 500; background-color: #fff; border: 1px solid #000; border-radius: 18px; box-sizing: border-box;}

.cal-label-color {color: #4f31d4; background-color: #dedeff; border-color: #9797ff;}
.cal-label-orange {color: #f3870c; background-color: #fff0df; border-color: #f8d6b0;}
.cal-label-green {color: #2a9a6d; background-color: #e2fbf1; border-color: #a3dfc7;}
.cal-label-blue {color: #2c86cd; background-color: #dbeefd; border-color: #90c2e9;}
.cal-label-purple {color: #a04ac2; background-color: #f6dfff; border-color: #ddb1ee;}

.cal-label-text {flex: auto; white-space: nowrap; overflow: hidden;}

.cal-waiting .cal-label {color: #4e4e69; background-color: #e3e3e9; border-color: #a5a5ba;}
.cal-waiting-text {font-weight: 400;}

.cal-people {flex: auto;}
.cal-people ul {display: flex; align-items: center; justify-content: flex-end; list-style: none;}
.cal-people ul li {margin-left: -3px;}
.cal-people ul li:first-child {margin-left: 0;}

.cal-profile-img {display: inline-block; width: 18px; height: 18px; border-radius: 50%; box-sizing: border-box; vertical-align: top; overflow: hidden;}
.cal-profile-img img {vertical-align: top;}
.cal-profile-more {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 10px; color: #fff; font-weight: 500; background-color: #9797ff;}

.cal-tooltip {display: none; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); margin-bottom: 7px; padding: 7px 8px; width: max-content; max-width: calc(100% + 20px); font-size: 10px; color: #fff; font-weight: 500; background-color: rgb(52 52 69 / 90%); border-radius: 6px;}
.cal-tooltip:after {display: block; content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-top: 6px solid rgb(52 52 69 / 90%); border-left: 6px solid transparent; border-right: 6px solid transparent;}
.cal-label-box:hover .cal-tooltip {display: block;}

.cal-btn-more {display: block; margin: 5px auto 0; width: 60px; line-height: 20px; font-size: 10px; color: #4e4e69; font-weight: 400; border-radius: 10px; text-align: center;}
.cal-btn-more:hover {background-color: #f4f4fa;}

.cal-text {display: block; font-size: 10px; color: #343445; font-weight: 500;}
.cal-text-red {color: #ee4f4f;}

.cal-event {position: relative; font-size: 0;}
.cal-event-time,
.cal-event-memo {display: inline-block; font-size: 10px; color: #343445; vertical-align: top;}
.cal-event-time {margin-right: 3px; font-weight: 500;}