/* ***********************************
 *
 *    パスワード可視化　CSS
 *
 * *********************************** */
.alart {
  color: #E00707;
}
.input-wrap{
    position: relative;
}
     
.pass_eye {
    position: absolute;
    /*top: 72%;*/
    top: 70px;
    right: 15px;
    transform: translateY(-50%);
    cursor:pointer;
}


/* ***********************************
 *
 *    Flatpickr関連
 *
 * *********************************** */
.flatpickr-calendar.inline {
	margin:auto;
}

/* flatpickrのタイトルに年表示 */
.flatpickr-current-month .flatpickr-monthDropdown-months {
    width: auto !important;
}
.flatpickr-current-month input.cur-year {
    display: inline-block !important;
}
/* カレンダーの年月の表示順序を変える */
.flatpickr-current-month{
  display:flex!important;
  flex-direction: row-reverse;
  justify-content: center;
}

.cur-month:before {
     content: "年 "
}

.flatpickr-current-month {
	color:#000 !important;
}
.cur-year{
	font-size: 100% !important;
	font-weight:300 !important;
	text-align:right;
}
.arrowUp,arrowDown{
	display:none;
}

.flatpickr-current-month span.cur-month {
  font-weight : 300 !important;
  padding-top : 4px !important;
}