.bg_01 {
  background-color: #000000 !important; }

.bg_02 {
  background-color: #181717 !important; }

.bg_03 {
  background-color: #070707 !important; }

.bg_04 {
  background: linear-gradient(0deg, #1e3653 0%, #020d18 100%) !important; }

.bg_05 {
  background-color: #ffffff !important; }

.bg_06 {
  background-color: #cecece !important; }

.bg_07 {
  background-color: #9c9c9c !important; }

.bg_08 {
  background-color: #737373 !important; }

.bg_09 {
  background-color: #2e2e2e !important; }

.bg_10 {
  background-color: #1d1d1b !important; }

.bg_11 {
  background-color: #3588e7 !important; }

.bg_12 {
  background-color: #d72455 !important; }

.bg_13 {
  background-color: #eead31 !important; }

.bg_edit_num {
    background-color: var(--custom_base_toggle) !important; }

.brdr_01 {
  border-color: var(--custom_base_toggle) !important; }

.brdr_02 {
  border-color: #181717 !important; }

.brdr_03 {
  border-color: #070707 !important; }

.brdr_04 {
  background: linear-gradient(0deg, #1e3653 0%, #020d18 100%) !important; }

.brdr_05 {
  border-color: #ffffff !important; }

.brdr_06 {
  border-color: #cecece !important; }

.brdr_07 {
  border-color: #9c9c9c !important; }

.brdr_08 {
  border-color: #737373 !important; }

.brdr_09 {
  border-color: #2e2e2e !important; }

.brdr_10 {
  border-color: #1d1d1b !important; }

.brdr_11 {
  border-color: #3588e7 !important; }

.brdr_12 {
  border-color: #d72455 !important; }

.brdr_13 {
  border-color: #eead31 !important; }

.brdr_mybox {
  border-color: #3CCD2B !important; }

.black {
  color: #000000 !important; }

.while {
  color: #ffffff !important; }

.clr_01 {
  color: var(--custom_base_toggle) !important; }

.clr_02 {
  color: #181717 !important; }

.clr_03 {
  color: #070707 !important; }

.clr_04 {
  background: linear-gradient(0deg, #1e3653 0%, #020d18 100%) !important; }

.clr_05 {
  color: #ffffff !important; }

.clr_06 {
  color: #cecece !important; }

.clr_07 {
  color: #9c9c9c !important; }

.clr_08 {
  color: #737373 !important; }

.clr_09 {
  color: #2e2e2e !important; }

.clr_10 {
  color: #1d1d1b !important; }

.clr_11 {
  color: #3588e7 !important; }

.clr_12 {
  color: #d72455 !important; }

.clr_13 {
  color: #eead31 !important; }

.clr_mybox {
  color: #3CCD2B !important; }

.fill_01 {
  fill: #000000 !important; }

.fill_02 {
  fill: #181717 !important; }

.fill_03 {
  fill: #070707 !important; }

.fill_04 {
  background: linear-gradient(0deg, #1e3653 0%, #020d18 100%) !important; }

.fill_05 {
  fill: #ffffff !important; }

.fill_06 {
  fill: #cecece !important; }

.fill_07 {
  fill: #9c9c9c !important; }

.fill_08 {
  fill: #737373 !important; }

.fill_09 {
  fill: #2e2e2e !important; }

.fill_10 {
  fill: #1d1d1b !important; }

.fill_11 {
  fill: #3588e7 !important; }

.fill_12 {
  fill: #d72455 !important; }

.fill_13 {
  fill: #eead31 !important; }

.fillter_01 {
  filter: invert(94%) sepia(94%) saturate(0%) hue-rotate(187deg) brightness(107%) contrast(105%) !important; }

.fillter_02 {
  filter: invert(18%) sepia(84%) saturate(354%) hue-rotate(170deg) brightness(91%) contrast(97%) !important; }

.fillter_03 {
  filter: invert(2%) sepia(86%) saturate(71%) hue-rotate(317deg) brightness(98%) contrast(85%) !important; }

.fcs_01:focus {
  background: #f5f5f5 !important; }

.slc_01:focus {
  background: #f5f5f5 !important; }

.cb_rb:before {
  background: #cecece !important; }

.cb_rb:after {
  background: var(--color06) !important; }

.cb_rb2:before {
  background: #cecece !important; }

.cb_rb2:after {
  background: var(--color06) !important; }

.cb_player:before {
  background: #cecece !important; }

.cb_player:after {
  background: var(--color06) !important; }

.player_goods_bg_sold {
  background-color: rgba(73,73,73,0.6);
  color: #ffffff;
}

.player_goods_bg_comming {
  background-color: var(--color06) !important;
  color: #ffffff;
}

.player_goods_bg_limited {
  background-color: var(--color06);
  color: #ffffff;
}

.player_goods_bg_few {
  background-color: #737373;
  color: #ffffff;
}

.slick-dots li button:before {
  background: #cecece !important; }

.slick-dots li.slick-active button {
  background: var(--color06) !important; }

.player_bg {
  background-color: var(--color03) !important; }

.player_ptn_bg {
  filter: invert(0%) sepia(4%) saturate(2991%) hue-rotate(331deg) brightness(73%) contrast(89%); }

.bg_player {
  background-color: var(--color06) !important; }

.brdr_player,
.brdr_player2 {
  border-color: var(--color06) !important; }

.clr_player {
  color: var(--color06) !important; }

.fill_player {
  fill: var(--color06) !important; }

.vjs-big-play-button .vjs-icon-placeholder {
  background: var(--color06) !important; }
  .vjs-big-play-button .vjs-icon-placeholder:before {
    color: white; }

.vjs-live-control {
  color: var(--color06); }

.video-js {
  background: transparent;
  color: var(--color06) !important; }

.video-js .vjs-play-progress {
  background-color: var(--color06) !important; }

.vjs-menu .vjs-menu-content,
.vjs-volume-control .vjs-menu-content {
  background: #111111; }

.vjs-menu li.vjs-selected,
.vjs-volume-control li.vjs-selected {
  background-color: var(--color06) !important; }

.bg_chat {
  background-color: var(--color03) !important; }

.bg_form {
  background-color: var(--color03) !important; }

.clr_scroll::-webkit-scrollbar-thumb {
  background: #808080; }

.clr_scroll::-webkit-scrollbar-track-piece {
  background: #252525; }

.items .item.item-pay .name {
  color: #fff; }

.items .item.item-pay .price {
  color: #fff; }

.items .item.item-pay .message {
  color: #0A0A0A; }

.items .item .name {
  color: #5B5B5B; }

.items .item .message {
  word-break: break-all;
  color: #878787; }

.modal-error > .inner {
  background: #cecece; }

.menu_chip a.tier_0:hover {
  background: #2B2B2B; }

.bg_tier_1,
.menu_chip a.tier_1:hover,
.form-chat.chat-chip.tier_1 > .inner {
  background: linear-gradient(270deg, #5683a2 0%, #326da9 100%) !important; }

.bg_tier_2,
.menu_chip a.tier_2:hover,
.form-chat.chat-chip.tier_2 > .inner {
  background: linear-gradient(270deg, #5683a2 0%, #57cade 100%) !important; }

.bg_tier_3,
.menu_chip a.tier_3:hover,
.form-chat.chat-chip.tier_3 > .inner {
  background: linear-gradient(270deg, #57cade 0%, #4cd08e 100%) !important; }

.bg_tier_4,
.menu_chip a.tier_4:hover,
.form-chat.chat-chip.tier_4 > .inner {
  background: linear-gradient(270deg, #4cd08e 0%, #5dd151 100%) !important; }

.bg_tier_5,
.menu_chip a.tier_5:hover,
.form-chat.chat-chip.tier_5 > .inner {
  background: linear-gradient(270deg, #5dd151 0%, #e6c441 100%) !important; }

.bg_tier_6,
.menu_chip a.tier_6:hover,
.form-chat.chat-chip.tier_6 > .inner {
  background: linear-gradient(270deg, #e6c441 0%, #ce7938 100%) !important; }

.bg_tier_7,
.menu_chip a.tier_7:hover,
.form-chat.chat-chip.tier_7 > .inner {
  background: linear-gradient(270deg, #ce7938 0%, #ce3838 100%) !important; }

.bg_tier_8,
.menu_chip a.tier_8:hover,
.form-chat.chat-chip.tier_8 > .inner {
  background: linear-gradient(270deg, #ce3838 0%, #e16d90 100%) !important; }

.bg_tier_9,
.menu_chip a.tier_9:hover,
.form-chat.chat-chip.tier_9 > .inner {
  background: linear-gradient(270deg, #e16d90 0%, #ee7cc4 100%) !important; }

.bg_tier_free,
.menu_chip a.tier_free:hover,
.form-chat.chat-chip.tier_free > .inner {
  background: linear-gradient(270deg, #ce3838 0%, #e16d90 100%) !important; }



.video-js {
  color: var(--color06);
}

.video-js .vjs-play-progress {
  background-color: var(--color06);
}
.video-wrapper .video-js .btn_back:before, .video-wrapper .video-js .vjs-overlay .btn_over_back span {
    background: var(--color06) !important;
    mask:url("/assets/img/player/btn_back_common.svg") center / contain no-repeat;
    -webkit-mask:url("/assets/img/player/btn_back_common.svg") center / contain no-repeat;
  background-size: contain; }

.video-wrapper .video-js .btn_forward:before, .video-wrapper .video-js .vjs-overlay .btn_over_forward span {
    background: var(--color06) !important;
    mask:url("/assets/img/player/btn_back_common.svg") center / contain no-repeat;
    -webkit-mask:url("/assets/img/player/btn_forward_common.svg") center / contain no-repeat;
  background-size: contain; }

#ui-id-1 {
  background-color: #cecece !important;
}
#ui-id-1 .ui-menu-item {
  color: #2e2e2e !important;
  background-color: #cecece !important; }

.bg_abled {
  background-color: #cecece !important;
}
.bg_disabled {
  background-color: #737373 !important;
}

.bg_polling_alert {
  background-color: #000000 !important;
}

.clr_polling_alert {
  color: #ffffff !important;
}

.video-wrapper .video-js .vjs-live-control:before {
    background: var(--color06);
    mask:url("/assets/img/player/volume.svg") center no-repeat;
    -webkit-mask:url("/assets/img/player/volume.svg") center no-repeat;
}

/* 追加カラー設定 */
/* ポーリングメッセージエリア */
.brdr_polling {
  border-color: var(--color09) !important;
}
.fill_polling {
  fill: var(--color09);
}

/* ピン留めエリア */
.brdr_pin {
  border-color: var(--color06) !important;
}
.items .item .message.clr_pin, .items .item .profile .clr_pin {
  color: var(--custom_base_toggle);
}
.fill_pin {
  fill: var(--color06);
}
/* フォームエリア */
.bg_form_input {
  background-color: #cecece;
}
.clr_form_input {
  color: #2e2e2e !important;
}
.clr_form_input_tip {
  color: #000000 !important;
}
.clr_text_tip {
  color: #878787 !important;
}

/* グッズ詳細 */
.bg_atn_play {
  background-color: var(--color08) !important; }
.clr_atn_text_play {
  color: #000000 !important; }
.clr_link_text_play {
  color: var(--color09) !important; }


/* スクロールカラー */
.scr_bg  {
  background-color: var(--custom_base_toggle);
}

/* その他 */
.clr_fill_btn {
  fill: var(--color06) !important; }
.clr_fill {
  fill: var(--custom_base_toggle) !important; }
.clr_text {
  color: var(--custom_base_toggle) !important; }
.clr_text_btn {
  color: #ffffff !important; }
.clr_text_btn_fill {
  fill: #ffffff !important; }
.bg_text_btn {
  background-color: #ffffff !important; }
.bg_back_btn {
  background-color: #ffffff !important; }
.arrow_fill {
  fill: #2e2e2e !important; }
.footer_fill {
  fill: #ffffff; }
.clr_brdr {
  border-color: #ffffff !important; }
.clr_btn_text {
  color: #ffffff !important; }
.clr_back_play {
  background-color: #000000 !important; }

.brdr_chat {
  border-color: var(--custom_brdr_chat) !important; }


/* グッズチャットカラー設定 */
#goods .info,.goods-detail .block-detail,.block-cart,.block-payment,.payment-detail,.block-complete .complete-txt-desc.clr_05 {color: var(--custom_base_toggle) !important;}
#goods .goods-list .items .item figure {background: none;}

.chat-wrapper .items .item.item-buy .profile .txt .name,.chat-wrapper .items .item.item-buy .profile .txt .price {
  color: #000000 !important;
}
.chat-wrapper .items .item.item-buy .profile .icon span img.fillter_01,.cart-items .cart-item .module-select span.arrow svg {
  filter: invert(100) sepia(100) saturate(0) hue-rotate(5deg) brightness(100) contrast(100) !important
}
/* モーダル設定 */
#modal-common-error .bg_01 {
  background-color: #000000 !important;
  opacity: 0.8;
}
#modal-common-error .error-inner .module-btn a span.clr_player {
  color: var(--color06) !important;
}

/* モーダル設定(購入情報入力) */
#model-edit-address .bg_01, #model-edit-payment .bg_01, #model-edit-shipping .bg_01 {
  background-color: #ffffff !important;
  opacity: 1;
}
#model-edit-address .inner, #model-edit-payment .inner, #model-edit-shipping .inner {
  color: var(--custom_base_toggle);
}

/* placeholderのカラー設定 */
input::placeholder {
  color: #878787;
}
/* IE */
input:-ms-input-placeholder {
  color: #878787;
}
/* Edge */
input::-ms-input-placeholder {
  color: #878787;
}
/* 投げ銭の入力エリア */
input#fieldmessage2::placeholder {
    color: #878787;
}
/* 背景の柄設定 */
body > .bg {
    background: none;
}

.form-chat.chat-chip .input_brdr {
    border-bottom: 1px solid #000 !important;
}

.form-chat.chat-chip input.tip_place_holder::placeholder {
    color: #FFF;
}


.chat-chip.tier_free input::placeholder {
    color: #FFF;
}
.chat-chip.tier_free .clr_player {
    color: #FFF !important;
}


.chat-chip.tier_free .fill_player {
    fill: #FFF !important;
}

.chat-chip.tier_free .brdr_player {
    border-color: #FFF !important;
}

.chat-chip.chat-chip .clr_player {
    color: #FFF !important;
}

.chat-chip.chat-chip .brdr_player {
    border-color: #FFF !important;
}

.chat-chip.chat-chip .fill_player {
    fill: #FFF !important;
}

.chat-chip.chat-chip input::placeholder {
    color: #FFF;
}

.video-js .clr_player {
    color: var(--color06) !important;
}

a.btn_edit.btn_minus.brdr_01 > span,
a.btn_edit.btn_plus.brdr_01 > span{
    background-color: var(--custom_base_toggle) !important;
}

.custom_stroke{
    stroke: var(--custom_base_toggle) !important;
}