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

/* 基本背景色のクリア */
body {
    background: #d3d4c9 none;
}
/* 全ページ背景をクリア */
body.pane-top {
    background-color: transparent;
    background-image: none;
}

/* ちかくのバス停、お気に入りのボタンの大きさクリア */
.pax-btn-top, #nearby_for_top, #favorites_for_top {
    padding-top: unset;
    padding-bottom: unset;
}

/* トップメニューのボタン */
.pax-btn-top {
    font-size: 32px;
    font-size: 3.2rem;
    color: #171616;
    border: 1px solid #ccc;
    padding: 5px;
    min-height: 90px;
}
.pax-btn-top:hover,
.pax-btn-top:active,
.pax-btn-top:focus {
    background-color: #fff;
    color: #171918;
}

/* 横幅が 320px 以下のデバイスのときは文字サイズを縮める */
@media screen and (max-width:320px) {
    .pax-btn-top-con .pax-btn-top {
        font-size: 28px;
        font-size: 2.8rem;
    }
}

/* メニューボタン間の余白 */
.pax-btn-top-con ul {
    gap: 10px;
}

/* お知らせメニュー */
.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: #0a0d0b;
    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: #0a0d0b;
}

/* モーダルダイアログタイトルの文字色 */
.modal-header h3 {
    color: #0a0d0b;
}

/* モーダルダイアログ文字色 */
.modal-dialog .form-group,
.modal-dialog label {
    color: #0a0d0b;
}

/* 路線に対してのお知らせ */
.pax-alert-info-target-name {
    color: #0a0d0b;
}

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

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

/* トップページ背景画像 */
.isSide::before {
    content: "";
    background: url('../images/urbangold_background.png'),url('../images/urbangold_background_mix.png') repeat-x;
    background-blend-mode: multiply;
    background-size: 340px 100%;
    animation: scroll-anim 20s linear infinite;
}

/* トップページ, 他ページ - ヘッダー */
.pax-main-header,
body.pane-top .pax-main-header {
    background-image: none;
    background-color: #171918;
}

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

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

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

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

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

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

/* 路線図の停留所に下線をひく */
.alert.pax-route {
    color: #0a0d0b;
}

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

/* ロゴの事業所名を縁取る */
.logo p {
    text-shadow: 1px 1px 0 #1fb6ff, -1px 1px 0 #1fb6ff, 1px -1px 0 #1fb6ff, -1px -1px 0 #1fb6ff;
}

/* 近くのバス停マーク */
.near_busstop {
    background-color: #8e9284;
    color: #fff;
}

/* セーフエリア対策 */
.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: solid env(safe-area-inset-bottom) #eef4f7;
    border-bottom: solid constant(safe-area-inset-bottom) #eef4f7;
    box-sizing: content-box;
}

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

/* 路線一覧路線パネル */
.sub-tool-panel::after {
    border-color: #a6a6a6;
}

/* 路線一覧ルートパネル */
.busline-route-item-on-bus {
    border-color: #0a0d0b;
}

/* スジパネルのヘッダー */
.pax-route-panel-header {
    background-color: #0a0d0b;
}

/* 時刻表の吹き出し */
.panel-minInfos .minInfo:first-child:before {
    border-bottom-color: #dfdfdf;
}
.minInfo {
    background-color: #dfdfdf;
}
.minInfo a {
    color: #0a0d0b;
}

/* スジパネル */
.pax-route-panel-body {
    color: #0a0d0b;
    border-color: #0a0d0b;
}

/* スジパネルの方面 */
.pax-route-panel-body .pax-route-name {
    background-color: #dedede;
}

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

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

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

/* 地図から探す ルートラベル */
.busLineLabel {
    background-color: #fff;
    color: #0a0d0b;
}

/* コンテンツ内ヘッダーのカラーデザイン */
.pax-route-toheader,
.pax-ttable-busstop,
.pax-ttable-route,
.pax-maps-toheader {
    color: #0a0d0b;
    border: 3px solid #a7a7a7;
    border-radius: 5px;
}

/* 時刻表の文字色 */
.tab-scroll table {
    color: #0a0d0b;
}

/* バス停一覧の文字色 */
.panel-heading .cell-top {
    color: #0a0d0b;
}

/* 時刻表への遷移リンク */
.near-for-ttable-btn {
    text-decoration-color: #0a0d0b;
    color: #0a0d0b;
}
.bs-route-item-no-result a i {
    color: #0a0d0b;
}

/* 時刻表をさがす文字色 */
.pax-btn-search-ttable {
    color: #0a0d0b;
}

/* 時刻表を探すのボタン文字色 */
.pax-btn-bus-ttable {
    color: #0a0d0b;
}

/* 時刻表で時間が指定された時の文字 */
.isSelectTime {
    font-weight: bold;
}

/* ルートパネルの文字色 */
.busline-route-item a {
    display: block;
    padding: 0px;
    color: #0a0d0b;
}

/* バス停でしぼるボタン */
.destination-button,
.destination-button.btn-success,
.destination-button.btn-success.focus,
.destination-button.btn-success.focus:hover,
.destination-button.btn-success:focus,
.destination-button.btn-success:hover,
.destination-button.btn-success:active,
.destination-button.btn-success:active.focus,
.destination-button.btn-success:active:focus {
    border: solid 3px #a6a6a6;
    background-color: #fff;
    color: #0a0d0b;
    box-shadow: none;
}

/* 地図からさがすの路線を絞り込みボタン */
#map_select_busline {
    border: solid 3px #a6a6a6;
    background-color: #fff;
    color: #0a0d0b;
    box-shadow: none;
}


/* 言語セレクター */
.lang-select {
    background-color: #171918;
    color: #fff;
}

/* お気に入りのタブ */
.nav-tabs > li > a {
    color: #0a0d0b;
}

/**
 * アイコン類の色変更
 */

/* png ファイルの色を黒に */
.icon-busstop, /* ちかくのバス停のバス停アイコン */
.pax-route-busstop-icon, /* 路線図の停留所アイコン */
.destination-button::before, /* バス停でしぼるの旗アイコン */
.icon-route, /* 路線お気に入りのバスアイコン */
.icon-busstop-origin, /* 区間お気に入りの出発停留所アイコン */
.icon-busstop-destination, /* 区間お気に入りの到着停留所アイコン */
.icon-busline /* 路線一覧のバスアイコン */ {
    filter: brightness(0) saturate(200%);
}

/* png ファイルの色をグレーに */
.pax-busstop-search-panel .pax-busstop-search-label::before, /* バス停から探すで出発停留所検索窓のアイコン */
.pax-busstop-destination-search-panel .pax-busstop-search-label::before, /* バス停から探すで到着停留所検索窓のアイコン */
.pax-nearest-destination-search-panel .pax-nearest-search-label::before /* 近くのバス停で到着停留所検索窓のアイコン */ {
    filter: brightness(0) saturate(100%) invert(36%) sepia(0%) saturate(1221%) hue-rotate(156deg) brightness(108%) contrast(89%);
}

/* svg ファイルの色を指定 */
.pax-icon-content-svg {
    background-color: #8e9284;
}

/* Font Awesome アイコンの色を指定 */
.pax-btn-top-con .pax-icon-content-font {
    color: #8e9284;
}
/* ---------- ~/operators/2306/css/operator.css ---------- */

/* ヘッダー部のロゴを変更 */
.main-heade-logo-img {
    background-image: url('../handlers/image.ashx?img=logo_mini.png&v=202502280001');
}

/* トップページのロゴを変更 */
img#trademark {
    background-image: url('../handlers/image.ashx?img=logo.png&v=202502280001');
    width: 130px;
    margin-top: 24px;
}

/* 地図上のバスアイコンを少し大きめに */
.pax-maps-bus-marker,
.pax-maps-bus-marker-icon {
    width: 80px;
    height: 80px;
}

.pax-maps-bus-marker-icon {
    background-size: 80px 80px;
}


/* トップページのキャラクターを表示 */
.bus-wrapper,
#kokone-small-wrapper {
    display: block;
}

/* トップページマスコットキャラクタを非表示 */
#kokone-balloon-wrapper,
#kokone-small-wrapper {
    display: none;
}

/* トップページ下部に表示するバス画像を変更、横長画像なのでサイズ感も変更 */
.character-container.character-bus .character-image {
    width: 130px;
    height: 130px;
}
.bus-wrapper .bus-inner {
    width: 130px;
    transform: translateY(33%);
}

/* 横幅が 540px 以下のデバイスのときの 2 列ボタンの右余白 */
.pax-btn-top-con .pax-btn-top-menu-small .pax-btn-top {
    padding-right: 10px;
}

/* 横幅が 540px 以下のデバイスのときの 2 列ボタンのスタイル */
@media screen and (max-width:540px) {
    .pax-btn-top-con .pax-btn-top-menu-small .pax-btn-top {
        font-size: 28px;
        font-size: 2.8rem;
        line-height: 2.8rem;
    }
}

/* 横幅が 420px 以下のデバイスのときは SRT 公式ウェブサイトボタンの文字サイズと 2 列ボタンのフォントサイズを縮める */
@media screen and (max-width:420px) {
    #srt_for_top {
        font-size: 28px;
        font-size: 2.8rem;
    }
    .pax-btn-top-con .pax-btn-top-menu-small .pax-btn-top {
        font-size: 25px;
        font-size: 2.5rem;
        line-height: 3.0rem;
        padding-right: 10px;
    }    
}

/* 横幅が 360px 以下のデバイスのときは SRT 公式ウェブサイトボタンの文字サイズを縮める */
@media screen and (max-width:360px) {
    #srt_for_top {
        font-size: 24px;
        font-size: 2.4rem;
    }
}

/* 横幅が 320px 以下のデバイスのときは SRT 公式ウェブサイトボタンの文字サイズを縮める */
@media screen and (max-width:320px) {
    #srt_for_top {
        font-size: 22px;
        font-size: 2.2rem;
    }
}

#stop-02306-00000000006 .pax-maps-busstop-bubble-focus {
    font-size: 17px;
    font-size: 1.7rem;
}

/* 地図からさがす機能で停留所がフォーカスされているとき、吹き出しの背景色を変更 */
.pax-maps-busstop-bubble-focus {
    background-color: rgba(255,255,0,1);
}