@charset "UTF-8";

#opac-search-keyword {
    ime-mode: active;
}


@media screen and (min-width: 769px) {
  #opec-detail-search-line {
    flex-basis: 100%;
    text-align: right;
    padding: 10px 10px;
    margin-top: -50px;
  }
  #detail-search-button {
    color: #ffffff;
    background-color: #dd4618;
    border-width: 2px;
    border-color: #dd4618;
    border-radius: 5px;
    box-shadow: 3px 3px #f39274;
    border: none;  /* 枠線を消す */
    line-height: 2em;
    padding: 2px 15px;
    font-weight: bold;
    cursor: pointer;
    background-image: url(/images/top/mushimegane.png);
    background-size:15px;
    background-position: 5% 60%;
    background-repeat:no-repeat;
    
  }

 

  #opac-search-keyword {
    ime-mode: active;
    width: 30em;
    line-height: 2.5em;
    border: solid 3px #45858C;
    border-radius: 10px;
    box-shadow: 2px 2px #A0D9D9;
    padding: 2px 8px;
    background-color: white;
  }

  #opac-search-button {
    color: #ffffff;
    background-color: #45858C;
    border-color: #45858C;
    border-radius: 5px;
    box-shadow: 2px 2px #A0D9D9;
    border: none;  /* 枠線を消す */
    line-height: 2.7em;
    padding: 2px 8px;
    width: 4em;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
  }
}
@media screen and (max-width: 768px) {
  input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 0;
  }

  input[type="button"] {
    -webkit-appearance: none;
    border-radius: 0;
  }

  #opec-detail-search-line {
    flex-basis: 100%;
    text-align: center;
    padding: 10px 10px;
    margin-top: 0px;
  }

  #detail-search-button {
    color: #ffffff;
    background-color: #dd4618;
    border-width: 1px;
    border-color: #dd4618;
    border-radius: 9px;
    box-shadow: 2px 2px #ffb17e;
    border: none;  /* 枠線を消す */
    line-height: 2em;
    padding: 2px 15px;
    font-weight: bold;
    cursor: pointer;
    background-image: url(/images/top/mushimegane.png);
    background-size:15px;
    background-position: 5% 60%;
    background-repeat:no-repeat;
  }

  #opac-search-keyword {
    ime-mode: active;
    width: 70%; /*20em;*/
    line-height: 2.5em;
    border: solid 3px #45858C;
    border-radius: 5px;
    box-shadow: 2px 2px #A0D9D9;
    padding: 2px 8px;
    background-color: white;
  }
  #opac-search-button {
    color: #ffffff;
    background-color: #45858C;
    border-color: #45858C;
    border-radius: 5px;
    box-shadow: 2px 2px #A0D9D9;
    border: none;  /* 枠線を消す */
    line-height: 2.7em;
    padding: 2px 8px;
    width: 4em;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
  }
}

#opac-search-keyword:focus {
  outline: none;
}