/*
CaLaboシリーズ
50	0	100	0

InterCLASSシリーズ
0	53	98	0

Tbridgeシリーズ
70	35	0	0

ExtraConsole®シリーズ
85	65	25	0

TeachGearシリーズ
5	30	100	0

  --color-interclass: #ff7805;
  --color-tbridge: #4da6ff;
  --color-extra-console: #2659bf;
  --color-teachgear: #f2b300;

  $color-main: #F37F27;//その企業のブランドカラー
  $color-green: #86c765;
  $color-blue: #438AC4;

*/

:root {
  --color-calabo: #64c800;
  --color-interclass: #f37f27;
  --color-tbridge: #438ac4;
  --color-extra-console: #2659bf;
  --color-teachgear: #f2b300;
}

/* card */
.products-list__card--CaLabo {
  --product-color: var(--color-calabo);
}

.products-list__card--InterCLASS {
  --product-color: var(--color-interclass);
}

.products-list__card--Tbridge {
  --product-color: var(--color-tbridge);
}

.products-list__card--ExtraConsole {
  --product-color: var(--color-extra-console);
}

.products-list__card--TeachGear {
  --product-color: var(--color-teachgear);
}

[class*='products-list__card--'] .products-list__card__ttl {
  border-left-color: var(--product-color);
}

[class*='products-list__card--'] .products-list__card__school-item {
  border-color: var(--product-color);
  color: var(--product-color);
}

[class*='products-list__card--'] .products-list__card__tag-item {
  border-color: var(--product-color);
  color: var(--product-color);
}

/* related product card */
.card__products--CaLabo {
  --product-color: var(--color-calabo);
}

.card__products--InterCLASS {
  --product-color: var(--color-interclass);
}

.card__products--Tbridge {
  --product-color: var(--color-tbridge);
}

.card__products--ExtraConsole {
  --product-color: var(--color-extra-console);
}

.card__products--TeachGear {
  --product-color: var(--color-teachgear);
}

[class*='card__products--'] .card__products__ttl {
  border-left-color: var(--product-color);
}

[class*='card__products--'] .card__products__school-item {
  border-color: var(--product-color);
  color: var(--product-color);
}

[class*='card__products--'] .card__products__tag-item {
  border-color: var(--product-color);
  color: var(--product-color);
}

/* single */
#CaLabo {
  --product-color: var(--color-calabo);
}

#InterCLASS {
  --product-color: var(--color-interclass);
}

#Tbridge {
  --product-color: var(--color-tbridge);
}

#ExtraConsole {
  --product-color: var(--color-extra-console);
}

#TeachGear {
  --product-color: var(--color-teachgear);
}

body:has(#CaLabo) {
  --product-color: var(--color-calabo);
}

body:has(#InterCLASS) {
  --product-color: var(--color-interclass);
}

body:has(#Tbridge) {
  --product-color: var(--color-tbridge);
}

body:has(#ExtraConsole) {
  --product-color: var(--color-extra-console);
}

body:has(#TeachGear) {
  --product-color: var(--color-teachgear);
}

:is(#CaLabo, #InterCLASS, #Tbridge, #ExtraConsole, #TeachGear) .blockeditor-area .is-style-h-style1::after {
  background-color: var(--product-color);
}

:is(#CaLabo, #InterCLASS, #Tbridge, #ExtraConsole, #TeachGear) .blockeditor-area .is-style-h-style2::before {
  background-color: var(--product-color);
}

:is(#CaLabo, #InterCLASS, #Tbridge, #ExtraConsole, #TeachGear) .blockeditor-area .is-style-h-style3 {
  color: var(--product-color);
}

:is(#CaLabo, #InterCLASS, #Tbridge, #ExtraConsole, #TeachGear) .blockeditor-area .is-style-h-style4 {
  background-color: var(--product-color);
}

:is(#CaLabo, #InterCLASS, #Tbridge, #ExtraConsole, #TeachGear) .blockeditor-area .is-style-h-style5 {
  border-bottom-color: var(--product-color);
}

:is(#CaLabo, #InterCLASS, #Tbridge, #ExtraConsole, #TeachGear) .blockeditor-area .is-style-h-style6 {
  color: var(--product-color);
}

:is(#CaLabo, #InterCLASS, #Tbridge, #ExtraConsole, #TeachGear) .blockeditor-area .is-style-h-style6::before {
  background-color: var(--product-color);
}

:is(#CaLabo, #InterCLASS, #Tbridge, #ExtraConsole, #TeachGear) .blockeditor-area .is-style-h-style7 {
  border-left-color: var(--product-color);
}

:is(#CaLabo, #InterCLASS, #Tbridge, #ExtraConsole, #TeachGear) .blockeditor-area ul li::before {
  background: var(--product-color);
}

body:has(#CaLabo, #InterCLASS, #Tbridge, #ExtraConsole, #TeachGear) .breadcrumb__list li > span {
  color: var(--product-color);
}

:is(#CaLabo, #InterCLASS, #Tbridge, #ExtraConsole, #TeachGear) .ttl-pattern-1__eng {
  color: var(--product-color);
}

:is(#CaLabo, #InterCLASS, #Tbridge, #ExtraConsole, #TeachGear) .ttl-pattern-1--border::after {
  background-color: var(--product-color);
}

:is(#CaLabo, #InterCLASS, #Tbridge, #ExtraConsole, #TeachGear) .single-products-tag {
  color: var(--product-color);
  border-color: var(--product-color);
}

/* sidebar */
:is(#CaLabo, #InterCLASS, #Tbridge, #ExtraConsole, #TeachGear) .sidebar .sidebar__parent-link {
  color: var(--product-color);
}

:is(#CaLabo, #InterCLASS, #Tbridge, #ExtraConsole, #TeachGear) .sidebar .sidebar__parent-link::before,
:is(#CaLabo, #InterCLASS, #Tbridge, #ExtraConsole, #TeachGear) .sidebar .sidebar__link::before {
  border-color: var(--product-color);
}

:is(#CaLabo, #InterCLASS, #Tbridge, #ExtraConsole, #TeachGear) .sidebar .sidebar__parent-link::after,
:is(#CaLabo, #InterCLASS, #Tbridge, #ExtraConsole, #TeachGear) .sidebar .sidebar__link::after {
  background-color: var(--product-color);
}

:is(#CaLabo, #InterCLASS, #Tbridge, #ExtraConsole, #TeachGear) .sidebar .is-sidebar-current .sidebar__link {
  color: var(--product-color);
  background-color: color-mix(in srgb, var(--product-color) 8%, #fff);
  border-bottom-color: var(--product-color);
}

:is(#CaLabo, #InterCLASS, #Tbridge, #ExtraConsole, #TeachGear) .sidebar .is-sidebar-current .sidebar__link::before {
  background-color: var(--product-color);
}

:is(#CaLabo, #InterCLASS, #Tbridge, #ExtraConsole, #TeachGear) .sidebar .is-sidebar-current .sidebar__link::after {
  background-color: #fff;
}

:is(#CaLabo, #InterCLASS, #Tbridge, #ExtraConsole, #TeachGear) .sidebar .sidebar__btn--documents,
:is(#CaLabo, #InterCLASS, #Tbridge, #ExtraConsole, #TeachGear) .sidebar .sidebar__btn--login,
:is(#CaLabo, #InterCLASS, #Tbridge, #ExtraConsole, #TeachGear) .sidebar .sidebar__btn--now,
:is(#CaLabo, #InterCLASS, #Tbridge, #ExtraConsole, #TeachGear) .sidebar .sidebar__btn--download,
:is(#CaLabo, #InterCLASS, #Tbridge, #ExtraConsole, #TeachGear) .sidebar .sidebar__btn--support {
  background-color: var(--product-color);
  color: #fff;
  border-color: var(--product-color);
}

:is(#CaLabo, #InterCLASS, #Tbridge, #ExtraConsole, #TeachGear) .sidebar .sidebar__btn--print {
  background-color: #fff;
  color: #333;
  border-color: var(--product-color);
}

:is(#CaLabo, #InterCLASS, #Tbridge, #ExtraConsole, #TeachGear) .sidebar .sidebar__btn--print::after {
  color: var(--product-color);
}

@media (any-hover: hover) {
  :is(#CaLabo, #InterCLASS, #Tbridge, #ExtraConsole, #TeachGear) .sidebar .sidebar__link:hover {
    color: var(--product-color);
  }

  :is(#CaLabo, #InterCLASS, #Tbridge, #ExtraConsole, #TeachGear) .sidebar .sidebar__parent-link:hover::before,
  :is(#CaLabo, #InterCLASS, #Tbridge, #ExtraConsole, #TeachGear) .sidebar .sidebar__link:hover::before {
    background-color: var(--product-color);
  }

  :is(#CaLabo, #InterCLASS, #Tbridge, #ExtraConsole, #TeachGear) .sidebar .sidebar__parent-link:hover::after,
  :is(#CaLabo, #InterCLASS, #Tbridge, #ExtraConsole, #TeachGear) .sidebar .sidebar__link:hover::after {
    background-color: #fff;
  }

  :is(#CaLabo, #InterCLASS, #Tbridge, #ExtraConsole, #TeachGear) .sidebar .sidebar__btn--documents:hover,
  :is(#CaLabo, #InterCLASS, #Tbridge, #ExtraConsole, #TeachGear) .sidebar .sidebar__btn--login:hover,
  :is(#CaLabo, #InterCLASS, #Tbridge, #ExtraConsole, #TeachGear) .sidebar .sidebar__btn--now:hover,
  :is(#CaLabo, #InterCLASS, #Tbridge, #ExtraConsole, #TeachGear) .sidebar .sidebar__btn--download:hover,
  :is(#CaLabo, #InterCLASS, #Tbridge, #ExtraConsole, #TeachGear) .sidebar .sidebar__btn--support:hover {
    background-color: #fff;
    color: #333;
  }

  :is(#CaLabo, #InterCLASS, #Tbridge, #ExtraConsole, #TeachGear) .sidebar .sidebar__btn--print:hover {
    background-color: var(--product-color);
    color: #fff;
  }

  :is(#CaLabo, #InterCLASS, #Tbridge, #ExtraConsole, #TeachGear) .sidebar .sidebar__btn:hover::after {
    color: var(--product-color);
  }

  :is(#CaLabo, #InterCLASS, #Tbridge, #ExtraConsole, #TeachGear) .sidebar .sidebar__btn--print:hover::after {
    color: #fff;
  }
}