/*  検索ボタン */
.btn-search3 {
  width:80px;
  margin-top:10px;
  margin-bottom:10px;
  margin-left:10px;
  margin-right:10px;

  color:#ffffff !important;
  background:#4655A5;
  font-size:14px;
  font-weight:bold;
  text-align:center;
  text-decoration:none !important;
  border:1px solid #225588;
  padding:1px 0 1px 0;
  border-radius:5px;
  cursor:pointer;
}

  /*  検索ボタンのマウスオーバー */
.btn-search3:hover{
  opacity: 0.8;  
}


  /* ベージュ欄 */
.beige-frame3 {
  background: #ffffcc;
  padding: 15px;
  margin-top: 15px;
  width: 600px;
}

  /* ベージュ欄のレスポンシブ対応 */
@media screen and (max-width: 760px){
  div.beige-frame3 {
    background: #ffffcc;
    padding: 15px;
    margin-top: 15px;
    width: 100%;
  }
}

  /*  サジェスト検索欄 */
#suggest3 {
  position: absolute;
  background-color: #ffffff;
  border: 1px solid #ccccff;
  height: auto;
  width: 600px;
  overflow: auto;
  z-index:1;
}

  /*  サジェスト検索欄のレスポンシブ対応 */
@media screen and (max-width: 760px){
  #suggest3 {
    position: absolute;
    background-color: #ffffff;
    border: 1px solid #ccccff;
    height: auto;
    width: 100%;
    overflow: auto;
    z-index:1;
  }
}