@charset "UTF-8";

input,
button,
textarea,
select {
  /* font-familyを継承しないので直書き */
  font-family: 'Noto Sans JP',Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

  /* iOSの角丸をリセット */
  border-radius: 0;

  /* box-size */
  box-sizing: border-box;

  /* 文字の大きさ iOSでズームさせないために16px以上を指定 */
  font-size: 16px;

  /* 文字色を親から継承 */
  color: inherit;
}

label {
  /* iOSでのlabelとinput,select,textareaの関連付け */
  cursor: pointer;
}

/* スピンボタン非表示 chrome,safari */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button,
input[type="month"]::-webkit-outer-spin-button,
input[type="month"]::-webkit-inner-spin-button,
input[type="datetime-local"]::-webkit-outer-spin-button,
input[type="datetime-local"]::-webkit-inner-spin-button,
input[type="week"]::-webkit-outer-spin-button,
input[type="week"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-outer-spin-button,
input[type="time"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-outer-spin-button,
input[type="date"]::-webkit-inner-spin-button {
  /*-webkit-appearance: none;
  margin: 0;*/
  display: none;
}

/* スピンボタン非表示(firefox) */
input[type="number"],
input[type="month"],
input[type="datetime-local"],
input[type="week"],
input[type="time"],
input[type="date"] {
  -moz-appearance: textfield;
}

/* クリアボタン非表示 */
input[type="date"]::-webkit-clear-button,
input[type="month"]::-webkit-clear-button,
input[type="datetime-local"]::-webkit-clear-button,
input[type="time"]::-webkit-clear-button,
input[type="week"]::-webkit-clear-button {
  -webkit-appearance: none;
}


/* input */
input,select {
    /* 背景色(任意の色を指定) */
    background-color: #fafafa;
  
    /* 文字色を親から継承 */
    color: inherit;
  
    /*inputのフォーカス時の枠線を消す*/
    outline: 0;
  }
  
input[type="file"]{
    background-color:#fff;
}

/* inputにフォーカスが当たっている時 */
input:focus,select:focus {
    border-bottom: 1px solid #535353;
  }

input[type="checkbox"] {
    -ms-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }
  
input[type="file"] {
    font-size:12px;
    vertical-align: top;
}
  
  textarea {
    padding: 10px;
    border-radius: 0;
    resize: none;
    outline: none;
    background-color: #fafafa;
  }
  
  textarea::-webkit-scrollbar {
    width: 10px;
  }
  
  textarea::-webkit-scrollbar-track {
    background-color: #fafafa;
  }
  
  textarea::-webkit-scrollbar-thumb {
    background-color: #ccc;
  }
  
  textarea:focus {
    box-shadow: none;
    outline: none;
  }


  /* placeholderのサイズ指定 */
input::placeholder,
textarea::placeholder {
  font-size: 16px;
}

/* IE (疑似クラスで指定) */
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  font-size: 16px;
}