/* ラッパー：アイコン重ね用 */
.datepicker-wrap{
  position: relative;
  display: inline-block;
  /*width: 100%;*/
  width: 180px;
}

@media only screen  and (max-width: 700px){
.datepicker-wrap{
width: 100%;
max-width: 130px;
}
}

.datepicker-wrap input.custom-datepicker{
  /*width: 100%;*/
  padding-right: 2.2em; /* アイコン分の余白 */
	 height: 42px !important;
}

/* Dashicons カレンダーアイコン（クリックで開く） */
.datepicker-wrap .dp-ico{
  position: absolute;
  /*right: .6em;*/
  right: 1.6em;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
  line-height: 1;
  font-size: 20px;             /* アイコンサイズ */
  color: #8a8a8a;
}

@media only screen  and (max-width: 700px){
.datepicker-wrap .dp-ico{
 right: 1em;
	font-size: 15px;             /* アイコンサイズ */
}
}


.datepicker-wrap .dp-ico:hover{ color:#333; }

/* 週末・祝日の色（任意） */
.ui-datepicker table .day-sat a { color: #0073aa !important; }
.ui-datepicker table .day-sun a,
.ui-datepicker table .day-holiday a { color: #d93035 !important; }

/* 入力の placeholder を和風に */
input.custom-datepicker::placeholder{ color:#999; }