/* select 丸みサンプル */
/*
.cp_ipselect {
  overflow: hidden;
  width: 90%;
  margin: 2em auto;
  text-align: center;
}
.cp_ipselect select {
  width: 100%;
  padding-right: 1em;
  cursor: pointer;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}
.cp_ipselect select::-ms-expand {
    display: none;
}

.cp_ipselect.cp_sl01 {
  position: relative;
  border-radius: 2px;
  border: 2px solid skyblue;
  border-radius: 50px;
  background: #ffffff;
}
.cp_ipselect.cp_sl01::before {
  position: absolute;
  top: 0.8em;
  right: 0.8em;
  width: 0;
  height: 0;
  padding: 0;
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid skyblue;
  pointer-events: none;
}
.cp_ipselect.cp_sl01 select {
  padding: 8px 38px 8px 8px;
  color: black;
}
*/

/* ノーマル今風 日付パターン2 */
.select {
    appearance: none; /* �@ */
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #aaa; /* �A ここから */
    border-radius: 4px;
    /*padding: 5px 25px 5px 10px;
    font-size: 1.2rem;*/
    padding: 2px 10px 2px 2px;
    font-size:0.9rem;
    text-align:center;
    cursor: pointer; /* �A ここまで */
}

.select:disabled {
        pointer-events: none;
        background-color: #f1f1f1;
        color: #aaa;
}

.select-wrapper {
    position: relative;
    display: inline-block;
}

.select-wrapper::after {  /* �B */
  content: '';
  position: absolute;
  border: 4px solid #333;
  border-bottom: 0;
  border-left-color: transparent;
  border-right-color: transparent;
  top: calc(50% - 3px);
  right: 18px;
  width: 0;
  height: 0;
}

.select-wrapper--disabled::after {
  border-top-color: #aaa;
}

/* ノーマル今風 日付パターン3 */
.select4 {
    appearance: none; /* �@ */
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #aaa; /* �A ここから */
    border-radius: 4px;
    /*padding: 5px 25px 5px 10px;
    font-size: 1.2rem;*/
    padding: 2px 2px 2px 2px;
    font-size: 0.9rem;
    text-align: center;
    cursor: pointer; /* �A ここまで */
    margin: 0 -4px 0 0;
}

.select4:disabled {
        pointer-events: none;
        background-color: #f1f1f1;
        color: #aaa;
}

.select4-wrapper {
    position: relative;
    display: inline-block;
}


/* ノーマル今風 日付パターン4 */
.select5 {
    appearance: none; /* �@ */
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #aaa; /* �A ここから */
    border-radius: 4px;
    /*padding: 5px 25px 5px 10px;
    font-size: 1.2rem;*/
    padding: 2px 2px 2px 2px;
    font-size: 0.9rem;
    text-align: center;
    cursor: pointer; /* �A ここまで */
    margin: 0 -4px 0 0;
}

.select5:disabled {
        pointer-events: none;
        background-color: #f1f1f1;
        color: #aaa;
}


.select5-wrapper {
    position: relative;
    display: inline-block;
}

/*
.select5-wrapper::after {
    content: '';
    position: absolute;
    border: 4px solid #333;
    border-bottom: 0;
    border-left-color: transparent;
    border-right-color: transparent;
    top: calc(50% - 3px);
    right: 18px;
    width: 0;
    height: 0;
}

.select5-wrapper--disabled::after {
    border-top-color: #aaa;
}
*/



.clearButton {
    width: 40px;
    font-size: 18px;
    border: 1px solid;
    border-radius: 5px;
    background-color: rgb(50, 120, 200);
    color: white;
}