/* ---------- ~/css/themes/yellow/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: #1fb6ff;
    background-image: none;
}

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

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

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


/* トップページ背景画像 */
.isSide::before {
    content: "";
    background: url('../images/blue_background.png') repeat-x;
    background-size: 340px 100%;
    animation: scroll-anim 20s linear infinite;
    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;
}

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

/*近くのバス停画面での説明メッセージ*/
#nearby_search_note {
    color: #203981;
    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: #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: 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;
}

/* 路線一覧画面のルートパネルの「方面」 */
.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/1401/css/operator.css ---------- */

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

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

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

/* トップページキャラクターのタップを無効化 */
#kokone-small-wrapper a.kokone-small {
    pointer-events: none;
}

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

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

/* 混雑状況 Empty (スジパネル) */
.pax-occupancy-status.passenger-rate-Empty {
    background-color: #effec5;
}

/* 混雑状況 Many Seats Available (スジパネル) */
.pax-occupancy-status.passenger-rate-ManySeatsAvailable {
    background-color: #effec5;
}

/* 混雑状況 Few Seats Available (スジパネル) */
.pax-occupancy-status.passenger-rate-FewSeatsAvailable {
    background-color: #ddf0fb;
}

/* 混雑状況 Standing Room Only (スジパネル) */
.pax-occupancy-status.passenger-rate-StandingRoomOnly {
    background-color: #fff0cb;
}

/* 混雑状況 Crushed Standing Room Only (スジパネル) */
.pax-occupancy-status.passenger-rate-CrushedStandingRoomOnly {
    background-color: #ffe2e2;
}

/* 混雑状況 Full (スジパネル) */
.pax-occupancy-status.passenger-rate-Full {
    background-color: #ffe2e2;
}

/* 混雑状況 Not Accepting Passngers (スジパネル) */
.pax-occupancy-status.passenger-rate-NotAcceptingPassengers {
    background-color: #ffe2e2;
}

/* 混雑状況インジケーター0 Empty (スジパネル) */
.passenger-rate-Empty .icon-passenger {
    background-image: url("../images/passengers-four-0.svg");
    background-color: #9ed800;
}

/* 混雑状況インジケーター1 Many Seats Available (スジパネル) */
.passenger-rate-ManySeatsAvailable .icon-passenger {
    background-image: url("../images/passengers-four-1.svg");
    background-color: #9ed800;
}

/* 混雑状況インジケーター2 Few Seats Available (スジパネル) */
.passenger-rate-FewSeatsAvailable .icon-passenger {
    background-image: url("../images/passengers-four-2.svg");
    background-color: #4eade9;
}

/* 混雑状況インジケーター3 Standing Room Only (スジパネル) */
.passenger-rate-StandingRoomOnly .icon-passenger {
    background-image: url("../images/passengers-four-3.svg");
    background-color: #ff7f00;
}

/* 混雑状況インジケーター4 Crushed Standing Room Only (スジパネル) */
.passenger-rate-CrushedStandingRoomOnly .icon-passenger {
    background-image: url("../images/passengers-four-4.svg");
    background-color: #cf1a1a;
}

/* 混雑状況インジケーター4 Full (スジパネル) */
.passenger-rate-Full .icon-passenger {
    background-image: url("../images/passengers-four-4.svg");
    background-color: #cf1a1a;
}

/* 混雑状況インジケーター4 Not Accepting Passngers (スジパネル) */
.passenger-rate-NotAcceptingPassengers .icon-passenger {
    background-image: url("../images/passengers-four-4.svg");
    background-color: #cf1a1a;
}

/* 混雑状況インジケーター0 Empty (路線図のバスアイコン下部) */
.passenger-rate-Empty .icon-passenger-bus {
    background-image: url("../images/bus-passengers-four-0.svg");
}

/* 混雑状況インジケーター1 Many Seats Available (路線図のバスアイコン下部) */
.passenger-rate-ManySeatsAvailable .icon-passenger-bus {
    background-image: url("../images/bus-passengers-four-1.svg");
}

/* 混雑状況インジケーター2 Few Seats Available (路線図のバスアイコン下部) */
.passenger-rate-FewSeatsAvailable .icon-passenger-bus {
    background-image: url("../images/bus-passengers-four-2.svg");
}

/* 混雑状況インジケーター3 Standing Room Only (路線図のバスアイコン下部) */
.passenger-rate-StandingRoomOnly .icon-passenger-bus {
    background-image: url("../images/bus-passengers-four-3.svg");
}

/* 混雑状況インジケーター4 Crushed Standing Room Only (路線図のバスアイコン下部) */
.passenger-rate-CrushedStandingRoomOnly .icon-passenger-bus {
    background-image: url("../images/bus-passengers-four-4.svg");
}

/* 混雑状況インジケーター4 Full (路線図のバスアイコン下部) */
.passenger-rate-Full .icon-passenger-bus {
    background-image: url("../images/bus-passengers-four-4.svg");
}

/* 混雑状況インジケーター4 Not Accepting Passngers (路線図のバスアイコン下部) */
.passenger-rate-NotAcceptingPassengers .icon-passenger-bus {
    background-image: url("../images/bus-passengers-four-4.svg");
}

/* 乗車可能人数を非表示 (スジパネル) */
.pax-occupancy-status .pax-passenger-info-td:first-child {
    display: none;
}

/* 乗車可能人数を非表示 (地図からさがす) */
.pax-route-passenger-info-msg {
    display: none;
}

/* 乗車可能人数を非表示 (路線図) */
.pax-route-passenger-info-inline.pax-occupancy-status {
    display: none;
}

/* 乗車可能人数を非表示 (地図画面) */
.pax-maps-bus-passenger.pax-occupancy-status {
    display: none;
}