@charset "utf-8";

:root {
    --color-hokkaido: #eab73d;
    --color-tohoku: #9c7ac7;
    --color-kanto: #88cd7e;
    --color-hokuriku: #6ec7e3;
    --color-tokai: #f1625d;
    --color-kinki: #ff9e56;
    --color-chugoku: #5c93c9;
    --color-shikoku: #7ecdb0;
    --color-kyushu: #f585a7;
}

/* common
--------------------------------- */
/* accordion  */
.acc-panel--hokkaido::before,
.shop__panel[data-color="北海道"]::before,
.acc-panel[data-color="北海道"]::before {border-color: var(--color-hokkaido) transparent transparent transparent;}
.acc-panel--tohoku::before,
.shop__panel[data-color="東北"]::before,
.acc-panel[data-color="東北"]::before {border-color: var(--color-tohoku) transparent transparent transparent;}
.acc-panel--kanto::before,
.shop__panel[data-color="関東"]::before,
.acc-panel[data-color="関東"]::before {border-color: var(--color-kanto) transparent transparent transparent;}
.acc-panel--hokuriku::before,
.shop__panel[data-color="北陸"]::before,
.acc-panel[data-color="北陸"]::before {border-color: var(--color-hokuriku) transparent transparent transparent;}
.acc-panel--tokai::before,
.shop__panel[data-color="東海"]::before,
.acc-panel[data-color="東海"]::before {border-color: var(--color-tokai) transparent transparent transparent;}
.acc-panel--kinki::before,
.shop__panel[data-color="近畿"]::before,
.acc-panel[data-color="近畿"]::before {border-color: var(--color-kinki) transparent transparent transparent;}
.acc-panel--chugoku::before,
.shop__panel[data-color="中国"]::before,
.acc-panel[data-color="中国"]::before {border-color: var(--color-chugoku) transparent transparent transparent;}
.acc-panel--shikoku::before,
.shop__panel[data-color="四国"]::before,
.acc-panel[data-color="四国"]::before {border-color: var(--color-shikoku) transparent transparent transparent;}
.acc-panel--kyushu::before,
.shop__panel[data-color="九州"]::before,
.acc-panel[data-color="九州"]::before {border-color: var(--color-kyushu) transparent transparent transparent;}

/* header
--------------------------------- */
.header-area-list__item--hokkaido {background-color: var(--color-hokkaido);}
.header-area-list__item--tohoku {background-color: var(--color-tohoku);}
.header-area-list__item--kanto {background-color: var(--color-kanto);}
.header-area-list__item--hokuriku {background-color: var(--color-hokuriku);}
.header-area-list__item--tokai {background-color: var(--color-tokai);}
.header-area-list__item--kinki {background-color: var(--color-kinki);}
.header-area-list__item--chugoku {background-color: var(--color-chugoku);}
.header-area-list__item--shikoku {background-color: var(--color-shikoku);}
.header-area-list__item--kyushu {background-color: var(--color-kyushu);}

/* home
--------------------------------- */
/* home intro */
.home-intro-area-list__label--hokkaido {background-color: var(--color-hokkaido);}
.home-intro-area-list__label--tohoku {background-color: var(--color-tohoku);}
.home-intro-area-list__label--kanto {background-color: var(--color-kanto);}
.home-intro-area-list__label--hokuriku {background-color: var(--color-hokuriku);}
.home-intro-area-list__label--tokai {background-color: var(--color-tokai);}
.home-intro-area-list__label--kinki {background-color: var(--color-kinki);}
.home-intro-area-list__label--chugoku {background-color: var(--color-chugoku);}
.home-intro-area-list__label--shikoku {background-color: var(--color-shikoku);}
.home-intro-area-list__label--kyushu {background-color: var(--color-kyushu);}

/* home reason */
.home-reason-area__label--hokkaido {background-color: var(--color-hokkaido);}
.home-reason-area__label--tohoku {background-color: var(--color-tohoku);}
.home-reason-area__label--kanto {background-color: var(--color-kanto);}
.home-reason-area__label--hokuriku {background-color: var(--color-hokuriku);}
.home-reason-area__label--tokai {background-color: var(--color-tokai);}
.home-reason-area__label--kinki {background-color: var(--color-kinki);}
.home-reason-area__label--chugoku {background-color: var(--color-chugoku);}
.home-reason-area__label--shikoku {background-color: var(--color-shikoku);}
.home-reason-area__label--kyushu {background-color: var(--color-kyushu);}

/* home area  */
.home-area-list__label--hokkaido {background-color: var(--color-hokkaido);}
.home-area-list__label--tohoku {background-color: var(--color-tohoku);}
.home-area-list__label--kanto {background-color: var(--color-kanto);}
.home-area-list__label--hokuriku {background-color: var(--color-hokuriku);}
.home-area-list__label--tokai {background-color: var(--color-tokai);}
.home-area-list__label--kinki {background-color: var(--color-kinki);}
.home-area-list__label--chugoku {background-color: var(--color-chugoku);}
.home-area-list__label--shikoku {background-color: var(--color-shikoku);}
.home-area-list__label--kyushu {background-color: var(--color-kyushu);}