@charset "UTF-8";
/**
 * カスタマイズ CSS
 *
 * @var 2023-05-28
 */

/*******************************************************************************
    cropper.js
*******************************************************************************/

.cropper-point {
    width: 10px !important;
    height: 10px !important;
}


/*******************************************************************************
    form
*******************************************************************************/

/* 任意 / 必須 / 使用有無付き入力欄
-----------------------------------------------------*/
.optional:after ,
.required:after ,
.use-input-label:after {
    font-size: 12px;
    font-weight: normal;
    margin-left: .25em;
    margin-right: .25em;
    letter-spacing: 0;
}

/* 任意 */
.optional:after {
    content: '【任意】';
    color: #555;
}

/* 必須 */
.required:after {
    content: '【必須】';
    color: #f00;
}

/* 使用有無付き入力欄 */
.use-input-label:after {
    content: '【使用する場合、チェックして入力】';
    color: darkorange;
}

/* flatpickr
-----------------------------------------------------*/
/* 日曜日：赤 */
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-weekdays .flatpickr-weekday:nth-child(7n + 1),
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-days .flatpickr-day:not(.flatpickr-disabled):not(.prevMonthDay):not(.nextMonthDay):nth-child(7n + 1) {
    color: #f00;
}

/* 土曜日：青 */
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-weekdays .flatpickr-weekday:nth-child(7),
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-days .flatpickr-day:not(.flatpickr-disabled):not(.prevMonthDay):not(.nextMonthDay):nth-child(7n) {
    color: #00f;
}

/* 年月を入れ替え */
.flatpickr-current-month {
  display: flex;
  justify-content: center;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
    order: 2;
}

.flatpickr-current-month .numInputWrapper {
    order: 1;
    width: 86px;
}

.flatpickr-current-month .numInputWrapper span {
    opacity: 1;
}

.flatpickr-current-month .numInputWrapper:after {
    content: '年';
    position: absolute;
    top: 5px;
    right: 18px;
}

/* 年月を太字 */
.flatpickr-current-month .flatpickr-monthDropdown-months ,
.flatpickr-current-month .numInputWrapper ,
.flatpickr-current-month .numInputWrapper input {
    font-weight: bold;
}



html.theme-dark {
    .form-check-input {
        background-color: #aaa;
    }
}