/**
 * ------------------------------------------------------------------------
 * レイアウト
 * ------------------------------------------------------------------------
 */

#search_box {
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0px;
    width: 100%;
    z-index: 101;
}

#menu_box {
    position: fixed;
    bottom: 0;
    margin: 0;
    padding: 0px;
    width: 100%;
    z-index: 100;
}

* {
    box-sizing: border-box;
}

#flexbox {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    /* background:#ddd; */
    width: 100%;
    height: auto;
    padding: 0px 5px;
}

.box-item {
    /* background:orange; */
    text-align: center;
    padding: 10px 5px 5px 5px;
}


/* 検索ボックス css上書き */

.search-form {
    width: calc(100vw - 135px);
}

.search-form input {
    width: calc(100vw - 135px);
    bottom: -4px;
}

/**
 * ------------------------------------------------------------------------
 * 地図コントロール位置
 * ------------------------------------------------------------------------
 */
.ol-rotate {
    left: auto;
    right: 8px;
    top: 60px;
    bottom: auto;
}

.ol-scale-line {
    bottom: 4.2em;
}

.ol-zoom {
    bottom: 6.4em;
    right: .5em;
}

/* 現在位置 */
#btn-gps {
    position: fixed;
    left: auto;
    right: 0.7em;
    bottom: 12.5em;
    margin: 0;
    padding: 0px;
    z-index: 2;
}

/* 情報表示 */
#btn-info {
    box-shadow: 0 2px 2px #536dfe, 1px 1px 2px 0 #536dfe inset;
    color: #fff;
    font-size: 22px;
    background-color: #536dfe;
    text-align: center;
    border-radius: 10px;
    transition: 0.3s;
    cursor: pointer;
    position: fixed;
    left: auto;
    bottom: 4.2em;
    right: .5em;
    margin: 0;
    width: 32px;
    height: 32px;
    padding: 0px;
    z-index: 2;
}