/* ---------- ~/css/themes/base/theme.css ---------- */

/* トップメニューのボタン */
.pax-btn-top {
    font-size: 34px;
    font-size: 3.4rem;
    color: #863500;
    min-height: 92px;
    border: 5px solid #ffd600;
}
.pax-btn-top:hover,
.pax-btn-top:active,
.pax-btn-top:focus {
    background-color: #fff;
    color: #863500;
}

/* トップページメニューアイテムの二重枠線*/
.pax-btn-top::before,
.panel-busstop.is-near .panel-warning::before {
    content: "";
    position: absolute;
    border-radius: 12px;
    inset: -8.5px;
    border: solid 5px #ffa200;
    box-shadow: 1px 1px 4px 0px rgba(40,58,128,.5);
    z-index: -1;
}

/* 横幅が320px以下のスマホ */
@media screen and (max-width:320px) {
    .pax-btn-top-con .pax-btn-top {
        font-size: 28px;
        font-size: 2.8rem;
    }
}

/* お知らせメニュー */
.pax-info-panel {
    margin: 24px 0 0 0;
    background-color: #fff;
    border-radius: 8px;
    font-size: 18px;
    font-size: 1.8rem;
}

/* お知らせのアイコン */
.pax-info-icon::before {
    background-color: #ff8b00;
}

/* お知らせ画面 お知らせタイトルの文字色 */
.pax-info-list-item a {
    color: #863500;
    font-weight: bold;
}
.pax-info-list .pax-info-list-item a:hover,
.pax-info-list .pax-info-list-item a:active,
.pax-info-list .pax-info-list-item a:focus {
    color: #863500;
}

/* トップページ - ヘッダの背景色 */
.pax-page-header {
    background-color: #a2dbff;
}

/* SVGアイコンの色を指定 */
.pax-icon-content-svg {
    background: #6d2718;
}

/* Font Awesomeアイコンの色を指定 */
.pax-btn-top-con .pax-icon-content-font {
    color: #6d2718;
}

/* トップページ - ヘッダ用背景画像をクリア */
.pax-main-header,
body.pane-top .pax-main-header {
    background-color: #27a7fc;
    background-image: none;
}

/* 検索欄のキャラクタを非表示 */
input[type="search"] {
    background-image: none;
    border: unset;
    padding-left: 46px !important;
}
input[type="search"]:focus {
    border: unset;
}

/* 基本背景色のクリア */
body {
    background-color: #27a7fc;
}

/* 全ページ背景をクリア */
body.pane-top {
    background-color: #27a7fc;
    background-image: none;
}


/* トップページ背景画像 */
.isSide::before {
    content: "";
    background: url('../handlers/image.ashx?img=bg_top.png') repeat-x;
    background-size: 340px 100%;
    top: 60px;
    height: calc(100% - 60px);
}

/* 背景スクロールアニメーション */
@keyframes scroll-anim {
    100% {
        background-position: 340px 0;
    }
}

/* ヘッダとViewの間の線を削除 */
.nocolor {
    display: none;
}

/* サブ画面のリストの枠の色を修正 */
.panel-warning,
.alert-warning,
.pax-route-checkpoint-name {
    border: 5px solid #ffd600;
}

/* サブ画面のリストの背景色を削除 */
.pax-nearest-busstops,
.pax-ttable-tabcontent,
.pax-buslines {
    background: transparent;
}

/* 画面下部のインジケーターの背景色 */
.pax-indicator-text {
    background: #3a7fd8;
}

/* 画面下部の自動更新制御ボタンの背景色 */
.pax-auto-update {
    background: #3a7fd8;
    color: #fff;
}
.pax-auto-update .pax-auto-update-button {
    background-color: #6eadec;
}
.pax-auto-update .pax-auto-update-button-start.active,
.pax-auto-update .pax-auto-update-button-end.active {
    background-color: #fff;
    color: #3a7fd8;
}

.panel-busstop.is-near .panel-warning {
    box-shadow: 0px 4px 0px 0px #ffa200;
}

/*路線図の停留所に下線をひく*/
.alert.pax-route {
    box-shadow: 0px 4px 0px 0px #ffa200;
}

/*近くのバス停画面での説明メッセージ*/
#nearby_search_note {
    color: #fff;
    font-weight: bold;
}

/* base ではバスとキャラクターをデフォルト非表示とする */
.bus-wrapper, #kokone-small-wrapper {
    display: none;
}

/* ----- 近接バス ----- */
.pax-icon-remain,
.pax-platform-button-set {
    background-color: #ffa200;
}

/*近くのバス停マーク*/
.near_busstop {
    background-color: #ffd600;
    color: #6d240f;
}

/* セーフエリア対策 */
.pax-route-busstops,
.pax-nearest-busstops,
.pax-fav-con,
.pax-buslines,
.pax-ttable-tabcontent {
    padding-bottom: calc(60px + env(safe-area-inset-bottom));
    padding-bottom: calc(60px + constant(safe-area-inset-bottom));
}
.pax-indicator-text,
.pax-auto-update {
    border-bottom-style: solid;
    border-bottom-color: #27a7fc;
    border-bottom-width: env(safe-area-inset-bottom);
    border-bottom-width: constant(safe-area-inset-bottom);
    box-sizing: content-box;
}

/* ちかくのバス停画面の「路線案内はこちら」表記 */
.btn-to-platform-note {
    color: #6d240f;
}

/* 路線一覧画面のルートパネルの「方面」 */
.pax-busline-info-inline .pax-icon-remain {
    color: #863500;
    background-color: #FFEF00;
}

/* 路線図画面の吹き出し内「目的地」 */
.pax-route-where-target a:first-child {
    color: #FF5500;
}

/* 時刻表画面のお気に入りボタン */
.pax-ttable-favorite .isNotFavorite,
.pax-ttable-favorite .isFavorite {
    border: 1px solid #FF5500;
    font-weight: bold;
}
/* ---------- ~/operators/default/css/operator.css ---------- */