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

/* トップメニューのボタン */
.pax-btn-top {
    font-size: 34px;
    font-size: 3.4rem;
    color: #333333;
    min-height: 92px;
    border: 5px solid #98f451;
}

/* トップメニューのボタン位置調整 */
#title-panel {
    margin-bottom: 66px;
}

.pax-btn-top:hover,
.pax-btn-top:active,
.pax-btn-top:focus {
    background-color: #fff;
    color: #333333;
}

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

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

/* 横幅が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: #333333;
    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: #333333;
}

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

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

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

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

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

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

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


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

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

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

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


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

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

.pax-icon-remain,
.pax-platform-button-set {
    background-color: #23cc89;
}

.near_busstop {
    background-color: #b5ffc0;
    color: #068452;
}

.btn-to-platform {
    background-color: #0e784d;
}

/* トップページの言語選択背景 */
.lang-select {
    background: #00ad68;
}

/* 地図画面の行き方ボタン色変更 */
.btn-success:hover,
.btn-success:active,
.btn-success:active:hover {
    background-color: #398439;
    border-color: #255625;
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

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

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

/* 時刻表のヘッダ部分の色指定 */
.tab-pane > table th {
    background-color: #63ff97;
}

.tab-pane > table tbody th {
    background-color: #b9fbcf;
}

/* 時刻表のスクロール部分の色指定 */
.scroll-arrow {
    background-color: #63ff97;
}

/* 地図から探す画面のボタン */
#map_select_busline {
    background-color: #398439;
    border-color: #255625;
}
/* ---------- ~/operators/2303/css/operator.css ---------- */

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

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