/* ------------------------------------
全体
------------------------------------ */
.hcb_wrap.hcb_wrap>pre, .hcb_wrap.hcb_wrap>pre>code {
    background: #121212;
}
/* ------------------------------------
コード文字色
------------------------------------ */
/* ★★★ CSS ★★★ Class */
.token.attr-name, .token.builtin, .token.char, .token.class-name, .token.inserted {
color: #ffb996;
}
.token.selector {
    color: #ffbc7e;
}

/* CSS Property */
.language-css .token.property, .language-json .token.property, .language-scss .token.property {
    color: #8ce7b2;
}
/* CSS function */
.token.function, .token.keyword.def {
    color: #7cb7ff;
}
/* コメント */
.token.cdata, .token.comment, .token.doctype, .token.prolog {
    color: #b3b3b3;
}
.token.atrule {
    color: #f8fd75;
}
/* ★★★ php ★★★*/
.token.attr-value, .token.string {
    color: #ffffff;
}
.token.function {
    color: #ff9b9b;
}

.token.keyword {
    color: #9fbdff;
}
.token.operator {
    color: #ff7dac;
}
.token.delimiter:not(.symbol) {
color: #5ae09a;
}
.token.boolean, .token.number {
    color: #ffee66;
}

/* ★★★ html ★★★ */
.token.constant, .token.deleted, .token.important, .token.property, .token.symbol, .token.tag {
    color: #ffcb64;
}

/* ------------------------------------
ハイライト行 
------------------------------------ */
.hcb_wrap .line-highlight {
    background: #ffffff54;
	background: #8f8f8f54;
	/* background: #89414154; */
}
/* ------------------------------------
コピーボタン 
------------------------------------ */
button.hcb-clipboard {
    background:none;
    opacity:.7;
    width:4em;
    font-size:90%;
    top:0px;
    right:3px;
}
button.hcb-clipboard:before{
    content:"コピー";
    color:#ffffff;
    background:#963e3e;
    padding:2px 2px;
    display:block;
    font-size:1em;
cursor: pointer;
}
button.hcb-clipboard:hover {
    opacity:1;
}
/* コピーしました表示 */
button.hcb-clipboard.-done {
    background:none;
    opacity:1;
}
button.hcb-clipboard.-done:before{
    content:"コピーしました";
    color:#ffffff;
    background:transparent;
    display:block;
    font-size:1em;
    cursor: auto;
    width:10em;
    text-align:right;
    right:3px;
}