/* ヘッダー部の設定 */
.ui-autocomplete .hedder {
    text-align: center;
    color: #FFF;
    background: #0B4382;
    border: 1px solid #0B4382;
}

/* autocomplete領域 */
.ui-autocomplete{
    z-index: 2;
    width: 25%;
    box-shadow: 0 2px 4px #0B4382
}
@media screen and (max-width:767px) {
    .ui-autocomplete{
        width: 100%;
    }
}
@media screen and (max-width:999px) {
    .ui-autocomplete{
        width: 50%;
    }
}
/* autocomplete領域 iframe用設定、json用設定 */
.iframe, .json{
    height: auto;
    max-width: 164px !important;
    max-height: 150px !important;
    overflow-y: scroll !important;
}

/* リスト枠 */
.ui-autocomplete .ui-corner-all {
    border-radius: 0px !important;
}

/* リストの枠の設定 */
.ui-autocomplete.ui-widget-content {
    background: #FFF !important;
    font-size: 12px !important;
    font-size: 0.9em !important;
}

/* リスト内のデータのリンク設定 */
.ui-autocomplete.ui-menu .ui-menu-item div {
    padding: 1px .4em;
    border-left: 1px solid #0099D6 !important;
    border-right: 1px solid #0099D6 !important;
    border-bottom: 1px solid #0099D6 !important;
}

/* リスト内のデータのリンクカラー*/
.ui-autocomplete.ui-widget-content div {
    color: #000 !important;
}

/* リスト内のデータフォーカス時のカラー */
.ui-autocomplete.ui-menu .ui-menu-item .ui-state-focus,
.ui-autocomplete.ui-menu .ui-menu-item .ui-state-active {
    margin: 0px !important;
    background: #0099D6 !important;
    font-weight: normal !important;
    color: #fff !important;
}

.ui-autocomplete.ui-menu .ui-menu-item{
    text-align: left;
    list-style: none;
    cursor: pointer;
}

.ui-helper-hidden-accessible {
	display: none;
}