/**
 * Append Style
 * 
 * - メルマガフォーム用の追加スタイル
 * - 追って、元のSCSSファイルに記述する
 *
 * - Fix: support 'input[type="password"]' style.
 */

 input[type="password"] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
  box-shadow: none;
  padding: 10px 12px;
  border: 1px solid #bed1b2;
  border-radius: 4px;
  font-size: 14px;
  font-size: 1.4rem;
  transition: ease-in-out .4s;
}

input[type="password"]:placeholder-shown {
  color: rgba(181, 181, 181, 0.5);
}

input[type="password"]::-webkit-input-placeholder {
  color: rgba(181, 181, 181, 0.5);
}

input[type="password"]:-moz-placeholder {
  color: rgba(181, 181, 181, 0.5);
  opacity: 1;
}

input[type="password"]::-moz-placeholder {
  color: rgba(181, 181, 181, 0.5);
  opacity: 1;
}

input[type="password"]:-ms-input-placeholder {
  color: rgba(181, 181, 181, 0.5);
}

input[type="password"]:focus {
  border-color: #267e03;
}

input[type="password"][disabled] {
  border: none;
  background: #DCDCDC;
}

input[type="password"][disabled] + .icon-close {
  color: #b5b5b5;
}

input[type="password"] {
  width: 100%;
  height: 48px;
  outline: none;
  background: #fff;
  font-family: "A+EqpB-游ゴシック体 Pr6N M", YuGothic, "Yu Gothic Medium", "Yu Gothic UI", sans-serif;
}

input[type="password"]::-ms-clear {
  visibility: hidden;
}

input[type="password"]:focus {
  background: #fff;
}

.c-searchWrap input[type="password"] {
  height: 40px;
  padding-left: 44px;
  padding-right: 92px;
  border-color: #dcdcdc;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238px%22%20height%3D%2238px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(45%2C%20114%2C%2010)%22%20d%3D%22M38.010%2C34.008%20L34.025%2C37.991%20L25.043%2C29.016%20C22.462%2C30.814%2019.332%2C31.877%2015.954%2C31.877%20C7.167%2C31.877%200.017%2C24.733%200.017%2C15.945%20C0.017%2C7.162%207.167%2C0.013%2015.954%2C0.013%20C24.742%2C0.013%2031.893%2C7.162%2031.893%2C15.945%20C31.893%2C19.323%2030.829%2C22.453%2029.029%2C25.033%20L38.010%2C34.008%20ZM15.954%2C5.649%20C10.274%2C5.649%205.653%2C10.268%205.653%2C15.945%20C5.653%2C21.623%2010.274%2C26.245%2015.954%2C26.245%20C21.636%2C26.245%2026.257%2C21.623%2026.257%2C15.945%20C26.257%2C10.268%2021.636%2C5.649%2015.954%2C5.649%20Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 19px 19px;
  background-position: 18px 50%;
}

.c-inputWrap [type="password"] {
  padding-right: 28px;
}

@media print, screen and (min-width: 768px) {
  input[type="password"] {
    font-size: 1.6rem;
  }
  input[type="password"][disabled] + .icon-close {
    cursor: default;
  }
}

@media print, screen and (min-width: 960px) {
  .c-searchWrap input[type="password"] {
    padding-right: 72px;
  }
}