.sample-code-background {
    position: relative;
}

.sample-code-background div.sample-code {
    position: relative;
    padding-right: 44px;
    box-sizing: border-box;
    max-height: 30em !important;
    overflow: auto !important;
}

.sample-code-background div.sample-code.sample-code-long {
    max-height: 30em !important;
    overflow: auto !important;
}

.sample-code-background div.sample-code.sample-code-long pre {
    line-height: 1.5 !important;
}

.sample-code-background div.sample-code.sample-code-long:focus {
    outline: 2px solid #99bb99;
    outline-offset: 2px;
}

.sample-code-copy {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 1;
    width: 28px;
    height: 28px;
    /*border: 1px solid #99bb99;*/
    border: 1px solid #0063ab;
    border-radius: 4px;
    background: #eeeeee;
    color: #333333;
    cursor: pointer;
    line-height: 1;
}

.sample-code-copy:hover {
    background: #ffffff;
}

.sample-code-copy.copied {
    background: #dff0d8;
}

.qaListArea h2,
.qaListArea h3,
.qaListArea h4,
.qaListArea h5,
.qaListArea h6 {
    color: #0063ab !important;
}

/* FAQ 回答欄 */
/*
.qaListArea dl dd {
    background: #f7f7f7 !important;
    color: #111111 !important;
}
*/

.qaListArea dl dd {
      background: transparent !important;
      background-color: transparent !important;
      border: 1px solid #0068ab !important;
      color: #111111 !important;
}

/* 回答欄の A マーク */
/*
.qaListArea dl dd:before {
    color: #111111 !important;
}
*/
.qaListArea dl dd:before {
    color: #0063ab !important;
}

/* 回答欄内の文字色 */
.qaListArea dl dd a,
.qaListArea dl dd p,
.qaListArea dl dd li,
.qaListArea dl dd code,
.qaListArea dl dd pre {
    color: #111111 !important;
}

/* コード部分: 背景なし、枠のみ */
.qaListArea dl dd .sample-code-background {
    background-color: transparent !important;
}

/* コード枠: 背景なし、枠のみ */
.qaListArea dl dd .sample-code {
    background-color: transparent !important;
    /*border: 1px solid #b8c0c8 !important;*/
    border: 1px solid #0063ab !important;
    border-radius: 4px;
}

/* コード部分 */
/*
.qaListArea dl dd .sample-code-background {
    background-color: #e6e8eb !important;
}
*/

/* コード枠 */
/*
.qaListArea dl dd .sample-code {
    border-color: #b8c0c8 !important;
}
*/

/* コード文字色 */
.qaListArea dl dd .sample-code,
.qaListArea dl dd .sample-code pre,
.qaListArea dl dd .sample-code code {
    color: #111111 !important;
}

/* コピーボタン */
.qaListArea dl dd .sample-code-copy {
    border-color: #0063ab !important;
    background: #ffffff !important;
    color: #222222 !important;
}

.qaListArea dl dd .sample-code-copy:hover {
    background: #f7f7f7 !important;
}

/* 質問欄の Q マーク */
/*
.qaListArea dl dt:before {
      color: #333333 !important;
}
*/