@charset "UTF-8";

/*----カレンダーカスタム（pickadate.js）----*/
.picker__frame {
  max-width: 400px!important;
  display: none!important;
}
.picker--opened .picker__frame{
  display: block!important;
}
.picker__frame .picker__select--year,
.picker__frame .picker__select--month{
  font-size: 15px;
  position: relative;
  line-height: 1;
  padding: 0 20px;
  border-radius: 5px;
  border: 1px solid #bbb;
  text-align: center;
  appearance: auto;
}
.picker__frame .picker__day{
  font-size: 15px;
  padding: 8px;
  border: none;
  font-weight: normal;
}
.picker--focused .picker__day--selected.picker__day--highlighted,
.picker__frame .picker__day--selected,
.picker__frame .picker--focused .picker__day--selected.picker__day--selected,
.picker__frame .picker__day--infocus.picker__day--selected:hover{
  background: #2e3184!important;
}
.picker--focused .picker__day--highlighted{
  background: none!important;
}
.picker__frame .picker__day--outfocus,
.picker__frame .picker__day--disabled,
.picker__frame .picker__day--disabled:hover,
.picker__frame .picker--focused .picker__day--disabled,
.picker__frame .picker__day--infocus.picker__day--disabled:hover{
  color: #bbb!important;
}
.picker__frame .picker__day--highlighted:hover,
.picker__frame .picker__day--infocus:hover,
.picker__frame .picker__day--outfocus:hover{
  background: #edf4fd!important;
}
.picker__frame .picker__day--infocus.picker__day--disabled:hover,
.picker__frame .picker__day--outfocus.picker__day--disabled:hover,
.picker--focused .picker__day--highlighted.picker__day--infocus.picker__day--disabled{
  background: #f5f5f5!important;
}
.picker__frame .picker__day--today:before{
  border-top: 0.5em solid #f25555;
}
.picker__frame .picker__button--today:before{
  border-top: 0.66em solid #f25555;
}
.picker__frame .picker__table{
  border-left: 1px solid #bbb;
  margin: 10px 0;
  table-layout: fixed;
}
.picker__frame .picker__table th{
  padding: 8px 0;
}
.picker__frame .picker__box{
  padding: 20px;
}
.picker__frame .picker__header{
  margin-top: 0;
}
.picker__frame .picker__table tr th{
  background-color: #edf4fd;
  color: #2e3184;
  font-size: 15px;
}
.picker__frame .picker__table tr th,
.picker__frame .picker__table tr td{
  border-bottom: 1px solid #bbb;
  border-top: 1px solid #bbb;
  border-right: 1px solid #bbb;
}
.picker__frame .picker__table tr td{
  padding: 0!important;
}
.picker__frame .picker__nav--next{
  right: 0;
  top: 2px;
  border-radius: 5px;
  padding: 5px 10px 5px 18px;
  width: 25px;
}
.picker__frame .picker__nav--prev{
  left: 0;
  top: 2px;
  border-radius: 5px;
  padding: 5px 18px 5px 10px;
  width: 25px;
}
.picker__frame .picker__nav--prev:before{
  border-right: 0.75em solid #2e3184;
}
.picker__frame .picker__nav--next:before{
  border-left: 0.75em solid #2e3184;
}
.picker__frame .picker__nav--next:hover,
.picker__frame .picker__nav--prev:hover{
  background-color: #fff;
}
.picker__frame .picker__nav--prev:hover:before{
  opacity: 0.8;
}
.picker__frame .picker__nav--next:hover:before{
  opacity: 0.8;
}
.picker--opened .picker__holder{
  background: rgba(0, 0, 0, 0)!important;
}
.picker--opened .picker__holder .picker__box{
  border: 1px solid #ccc;
  box-shadow: 0 4px 15px 3px rgb(0 0 0 / 20%);
}
.picker__frame .picker__button--today,
.picker__frame .picker__button--clear,
.picker__frame .picker__button--close{
  font-size: 14px;
  font-weight: normal;
  background-color: #f2f2f2;
  color: #333;
  border-radius: 5px;
  border: 1px solid #bbb;
  width: 49%;
  padding: 7px;
}
.picker__frame .picker__button--today:hover,
.picker__frame .picker__button--clear:hover,
.picker__frame .picker__button--close:hover{
  background-color: #f7f7f7;
  color: #333;
  background: #f7f7f7;
  border-bottom-color: #ccc;
}
.picker__frame .picker__button--clear{
  display: none;
}
.picker__frame .picker__button--today{
  margin-right: 2%;
}
.picker__frame .picker__button--today[disabled]{
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #bbbbbb;
  cursor: default;
}
.picker__frame .picker__button--today[disabled]:before{
  border-top: 0.66em solid #bbbbbb;
}

@media only screen and (max-width: 767px){
  .picker__frame{
    padding: 0 10px;
  }
  .picker--opened .picker__frame{
    margin-bottom: 10px;
  }
  .picker__frame .picker__select--year,
  .picker__frame .picker__select--month,
  .picker__frame .picker__day,
  .picker__frame .picker__table tr th{
    font-size: 14px;
  }
  .picker__frame .picker__select--year,
  .picker__frame .picker__select--month{
    padding: 0 16px;
    height: 2.6rem;
  }
  .picker__frame .picker__day{
    padding: 8px 0;
  }
  .picker__frame .picker__nav--next{
    right: 0;
    top: 2px;
    border-radius: 5px;
    padding: 5px 15px 5px 23px;
    width: 25px;
  }
  .picker__frame .picker__nav--next{
    padding: 5px 0 5px 20px;
    width: 20px;
  }
  .picker__frame .picker__nav--prev{
    padding: 5px 20px 5px 0;
    width: 20px;
  }
  .picker__frame .picker__button--today,
  .picker__frame .picker__button--clear,
  .picker__frame .picker__button--close{
    padding: 10px 5px;
  }
}