﻿/* ログイン後画面の共通CSS */
@media screen and (max-width:950px) {

    /* ----------------
        パンくずリスト 
       ---------------- */
    .breadcrumbs {
        background: #56BF56;
        color: #FFF;
        margin: 0;
        min-width: 357px;
        padding: 85px 5px 15px 5px;
    }

    /* 戻るボタン */
    .breBack {
        background: url(../img/img/breBack.png) no-repeat;
        color: #56BF56;
        height: 32px;
        text-align: center;
        vertical-align: middle;
        width: 64px;
    }
        /* 戻るボタンリンク */
        .breBack a {
            height: 100%;
            line-height: 32px;
            margin-left: 8px;
            width: 100%;
        }

    .breadcrumbs li a:hover {
        text-decoration: none;
    }

    /* 現在のページ */
    .breNow {
        line-height: 32px;
        margin-left: calc(50% - 64px);
        transform: translateX(-50%);
    }

    /* SPでは表示 */
    .breSp {
        display: block;
    }

    /* SPでは非表示 */
    .breHide {
        display: none;
    }

    /* パンくずリストのマーク非表示 */
    .breadcrumbs li:after {
        content: none;
    }

    /* --------------
        明細照会 
       -------------- */
    /* 検索条件のスタイル */
    .pays_tbl td {
        border: none;
        display: inline-block;
        line-height: 45px;
        padding: 0 0 10px 0;
        text-align: left !important;
        width: 100%;
    }

    /* 対象年月 */
    .searchMonth {
        width: 100% !important;
    }

    .searchText {
        margin-left: 10px;
    }

    /* PC　照会対象非表示 */
    .pays_tbl-pc {
        display: none;
    }

    /* SP　照会対象表示 */
    .pays_tbl-sp {
        display: block;
    }

    .targetSp {
        border: 1px solid #EBEBEB !important;
        padding: 10px;
    }

    .pays_border {
        border: none !important;
    }

    .targetSp::before {
        content: "▽";
        vertical-align: middle;
    }

    /* クリアボタン非表示 */
    #payslipReset {
        display: none;
    }

    /* 検索ボタンのスタイル */
    #payslipSearch {
        width: 100%;
    }

    /* PC 検索結果のスタイル */
    #payslipTable-pc {
        display: none;
    }

    /* SP 検索結果のスタイル */
    #payslipTable-sp {
        background: #FFF;
        display: block;
        margin: 0 auto 10px auto;
        padding: 10px;
        text-align: center;
        width: 337px;
    }

        #payslipTable-sp td {
            border: 1px solid #EBEBEB;
            padding: 10px;
        }

    .pays_style-sp {
        background: #ECFFEE;
    }

    .pays_style-sp.-title {
        font-size: 15px;
        vertical-align: middle;
    }

    /* 文字列省略 */
    #txtOver {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 0;
    }

    /* 各列のスタイル */
    .pays_result-550,
    .pays_result-170,
    .pays_result-200,
    .pays_result-170,
    .pays_result-170,
    .pays_result-170,
    .pays_result-pdf {
        border-bottom: none !important;
    }

    .pays_result-pdf {
        border: none !important;
        border-top: 1px solid #EBEBEB !important;
        padding: 10px 0 20px !important;
    }

        .pays_result-pdf:not(#tb-th):hover {
            background: none;
            text-decoration: none !important;
        }

    .cont_link-dl {
        background: #56BF56;
        color: #FFF;
        display: inline-block;
        height: 50px;
        line-height: 50px;
        width: 100%;
    }

        .cont_link-dl img {
            vertical-align: text-top;
        }

    .pays_result-hr {
        border: none;
        border-top: 3px dashed;
        color: #AAF1AA;
        height: 3px;
        margin-top: 20px;
    }

    .withHolding_tbl {
        margin: 20px auto 0 !important;
    }

    /* --------------------
        アカウント統合 
       -------------------- */
    .anLink_marg {
        display: inline-block;
        margin: 0 !important;
        padding-bottom: 10px;
        text-align: left;
        width: 70%;
    }

    .account_title {
        font-size: 18px;
    }

    .account_txt br {
        display: none;
    }

    p.account_txt.cont_txt-center {
        margin: 20px auto 0;
        text-align: left !important;
    }

    .account_txt-leftM {
        margin: 0 !important;
        margin-top: 20px !important;
    }

    .account_img {
        position: initial;
    }

    .account_img-sp {
        width: 100%;
    }

    .account_txt-absol {
        position: initial;
    }

    #accountset-p {
        margin: 10px 0 !important;
    }

    #accountIcon{
        display: none;
    }

    /* --------------
        お問い合わせ 
       -------------- */
    .cont_inqBox {
        width: 100%;
    }

    .inq_txt p {
        margin: 5px 10px;
        text-align: left;
    }


    .contents > .cont_btn-home {
        background: #56BF56;
        color: #FFF;
        margin: 30px auto 20px auto;
        text-align: center;
        text-decoration: none !important;
        width: 100%;
    }

    /* ----------
        退会手続
       ---------- */
    #sece_btn-enter {
        margin: 10px 0 0 0;
        transform: none;
        width: 100%;
    }
}
