@charset "UTF-8";

.search__element:hover,
.search__element--input:hover,
.search__element--button:hover,
.search__element:active,
.search__element--input:active,
.search__element--button:active,
.search__element:focus,
.search__element--input:focus,
.search__element--button:focus {
  /* リンクにホバーした時の輪郭線と内側の影 */
  color: #082746;
  border: 1px solid #591400;
  background-color: #5914005e;
}

/* #############################################################################
 * ワード検索フォーム
 * #############################################################################
 */
.search {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  background-color: transparent;
}

.search__element,
.search__element--input,
.search__element--button {
  /* ---------------------------------------------------------------------------
   * 構成要素
   * ---------------------------------------------------------------------------
   */
  display: table-cell;
  vertical-align: middle;
  height: 32px;
  background-color: rgba(255, 255, 255, 0.7);
  border: solid 1px #897652;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

.search__element.active,
.active.search__element--input,
.active.search__element--button {
  /* .activeクラスと共存する時、常時点灯 */
  border: 1px solid #591400;
  background-color: #5914005e;
}

.search__element--input {
  /* テキスト入力 */
  width: 100%;
  padding: 10px 16px;
  border-top-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-right-color: transparent;
  text-indent: 1rem;
  font-size: 1.6rem;
}

.search__element--input.active {
  color: #082746;
  border-right-color: transparent;
}

.search__element--input::-webkit-input-placeholder {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic";
  font-weight: 600;
  font-size: 9px;
  color: #999;
}

.search__element--input:-ms-input-placeholder {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic";
  font-weight: 600;
  font-size: 9px;
  color: #999;
}

.search__element--input::-ms-input-placeholder {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic";
  font-weight: 600;
  font-size: 9px;
  color: #999;
}

.search__element--input::placeholder {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic";
  font-weight: 600;
  font-size: 9px;
  color: #999;
}

.search__element--button {
  /* 送信ボタン */
  width: 64px;
  border-top-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0;
  padding: 6px 12px;
  color: #666;
  font-size: 1.2rem;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*# sourceMappingURL=search.css.map */