/* ユーザログイン後のページ全般を設定 */
/* PC */
body{
    background: #e9f3ff !important;
}

/* ヘッダー設定 */
.headerMiddle {
    background: #f2f2f2;
    border-bottom: 1px solid #ddd;
}
/* ボタン */
.btnCom05{
    background: #ff5200;
}
/* メイン設定 */
/* ローカルメニュー */
/* 友達招待 */
#main-header .headerBottom .headerNav .item > a .ballon > span{
    background:#fdd600;
    color: #184b8a;
    font-weight: bold;
}

#main-header .headerBottom .headerNav .item > a .ballon > span:after{
    background:#fdd600;
}

#main-header .headerBottom .headerNav .item > a .ballonSm > span{
    padding: 4px 20px 3px;
}

/* 各タイトル */
.ttlCom01 .txt:before {
    background-color: #fdd600;
}

/* 左側 */
/* 人気案件 */
ul.codingDetail02.modify {
    background: repeating-linear-gradient(142deg,
            #ffd54f,
            #ffd54f 4px,
            #ffca28 4px,
            #ffca28 8px);
    border-radius: 6px;
    padding: 9px;
    background-size: 200% 200%;
    animation: barberPole 32s linear infinite;
}

@keyframes barberPole {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 0 100%;
    }
}
/* 獲得謝礼 */
ul.codingDetail03 {
    background: repeating-linear-gradient(
        142deg,
        #19e1ff,
        #19e1ff 4px,
        #14cce8 4px,
        #14cce8 8px
    );
    border-radius: 6px;
    padding: 9px;

    /* 追加 */
    background-size: 200% 200%;
    animation: barberPole2 32s linear infinite;
}

@keyframes barberPole2 {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 0 100%;
    }
}

/* 右側 */

/* QA */
.issue_common .mark{
    background-color: #184b8a;
}
.issue_common .mark span{
    color: #fff !important; 
}

.issue_common .mark_A {
    background-color: #f3e00d !important;
}

.issue_common .mark_A span{
    color: #184b8a !important;
}