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

.d-none {
    display: none !important;
}

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

/* 任意 / 必須 / 使用有無付き入力欄
-----------------------------------------------------*/
.optional:after ,
.required:after ,
.use-input-label:after {
    content: '';
}

/* 任意 */
.optional:after {
    content: '';
}

/* 必須 */
.required:after {
    content: '';
}

/* 使用有無付き入力欄 */
.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;
}
/**************************/