:root {
    --area1-color: #669900; /* 佐賀市 */
    --area2-color: #ef454a; /* 諸富 */
    --area3-color: #cc0000; /* 本庄 */
    --area4-color: #ff0000; /* 東与賀 */
    --area5-color: #003366; /* 嘉瀬 */
    --area6-color: #ff6600; /* 北川副 */
    --area7-color: #ffa647; /* 川上 */
    --area8-color: #006633; /* 金立 */
    --area10-color: #b3424a; /* 神野 */
    --area36-color: #23b731; /* 巨瀬 */
    --area37-color: #f59723; /* 兵庫 */
    --area38-color: #336600; /* 新栄 */
    --area39-color: #006600; /* 南川副 */
    --area40-color: #0073bd; /* 西川副 */
    --area41-color: #48d1cc; /* 中川副 */
    --area42-color: #b3d056; /* 久保田 */
    --area43-color: #00a22b; /* 西与賀 */
    --area46-color: #094362; /* 勧興 */
    --area48-color: #1d4098; /* 循誘 */
    --area49-color: #ef3232; /* 日新 */
    --area50-color: #e81e20; /* 赤松 */
    --area51-color: #931d3f; /* 鍋島 */
    --area52-color: #5f406f; /* 久保泉 */
    --area53-color: #004025; /* 蓮池 */
    --area54-color: #7cfc00; /* 若楠 */
    --area55-color: #3897e1; /* 開成 */
    --area56-color: #669900; /* 富士 */
    --area57-color: #669900; /* 三瀬 */
    --area59-color: #e46e81; /* 春日 */
    --area60-color: #0000cd; /* 大詫間 */
    --area61-color: #00b997; /* 春日北 */
    --area62-color: #cc33ff; /* 高木瀬 */
    --area64-color: #e75f2a; /* 松梅 */
}

/*-----------------佐賀市 佐賀市からのお知らせ-----------------*/
span.AreaName1,
span.AreaName20,
.ArticleList span.AreaName1,
.ArticleList span.AreaName20,
.iview-caption span.AreaName1,
.iview-caption span.AreaName20,
#AreaName1 .searchArea,
#AreaName20 .searchArea,
#AreaName1 .menu_accordion-button,
#AreaName20 .menu_accordion-button,
#AreaName1 .menu_accordion-button:not(.collapsed),
#AreaName20 .menu_accordion-button:not(.collapsed) {
  background-color: var(--area1-color) !important;
}
i.AreaName1,
i.AreaName20 {
  color: var(--area1-color);
}
#AreaName1 .menu_accordion-body_item,
#AreaName20 .menu_accordion-body_item {
  border-color: var(--area1-color) !important;
}

/*-----------------諸富-----------------*/
span.AreaName2,
.ArticleList span.AreaName2,
.iview-caption span.AreaName2,
#AreaName2 .searchArea,
#AreaName2 .menu_accordion-button,
#AreaName2 .menu_accordion-button:not(.collapsed) {
  background-color: var(--area2-color) !important;
}
#top-kouku a.area2:after,
#right-inner .kouku-list a.area2:after {
  border-top: 20px solid var(--area2-color);
}
i.AreaName2 {
  color: var(--area2-color);
}
#AreaName2 .menu_accordion-body_item {
  border-color: var(--area2-color) !important;
}

/*-----------------本庄-----------------*/
span.AreaName3,
.ArticleList span.AreaName3,
.iview-caption span.AreaName3,
#AreaName3 .searchArea,
#AreaName3 .menu_accordion-button,
#AreaName3 .menu_accordion-button:not(.collapsed) {
  background-color: var(--area3-color) !important;
}
#top-kouku a.area3:after,
#right-inner .kouku-list a.area3:after {
  border-top: 20px solid var(--area3-color);
}
i.AreaName3 {
  color: var(--area3-color);
}
#AreaName3 .menu_accordion-body_item {
  border-color: var(--area3-color) !important;
}

/*-----------------東与賀-----------------*/
span.AreaName4,
.ArticleList span.AreaName4,
.iview-caption span.AreaName4,
#AreaName4 .searchArea,
#AreaName4 .menu_accordion-button,
#AreaName4 .menu_accordion-button:not(.collapsed) {
  background-color: var(--area4-color) !important;
}
#top-kouku a.area4:after,
#right-inner .kouku-list a.area4:after {
  border-top: 20px solid var(--area4-color);
}
i.AreaName4 {
  color: var(--area4-color);
}
#AreaName4 .menu_accordion-body_item {
  border-color: var(--area4-color) !important;
}

/*-----------------嘉瀬-----------------*/
span.AreaName5,
.ArticleList span.AreaName5,
.iview-caption span.AreaName5,
#AreaName5 .searchArea,
#AreaName5 .menu_accordion-button,
#AreaName5 .menu_accordion-button:not(.collapsed) {
  background-color: var(--area5-color) !important;
  color: #fff;
}
#top-kouku a.area5:after,
#right-inner .kouku-list a.area5:after {
  border-top: 20px solid var(--area5-color);
}
i.AreaName5 {
  color: var(--area5-color);
}
#AreaName5 .menu_accordion-body_item {
  border-color: var(--area5-color) !important;
}

/*-----------------北川副-----------------*/
span.AreaName6,
.ArticleList span.AreaName6,
.iview-caption span.AreaName6,
#AreaName6 .searchArea,
#AreaName6 .menu_accordion-button,
#AreaName6 .menu_accordion-button:not(.collapsed) {
  background-color: var(--area6-color) !important;
}
#top-kouku a.area6:after,
#right-inner .kouku-list a.area6:after {
  border-top: 20px solid var(--area6-color);
}
i.AreaName6 {
  color: var(--area6-color);
}
#AreaName6 .menu_accordion-body_item {
  border-color: var(--area6-color) !important;
}

/*-----------------金立-----------------*/
span.AreaName8,
.ArticleList span.AreaName8,
.iview-caption span.AreaName8,
#AreaName8 .searchArea,
#AreaName8 .menu_accordion-button,
#AreaName8 .menu_accordion-button:not(.collapsed) {
  background-color: var(--area8-color) !important;
  color: #fff;
}
#top-kouku a.area8:after,
#right-inner .kouku-list a.area8:after {
  border-top: 20px solid var(--area8-color);
}
i.AreaName8 {
  color: var(--area8-color);
}
#AreaName8 .menu_accordion-body_item {
  border-color: var(--area8-color) !important;
}

/*-----------------川上-----------------*/
span.AreaName7,
.ArticleList span.AreaName7,
.iview-caption span.AreaName7,
#AreaName7 .searchArea,
#AreaName7 .menu_accordion-button,
#AreaName7 .menu_accordion-button:not(.collapsed) {
  background-color: var(--area7-color) !important;
}
#top-kouku a.area7:after,
#right-inner .kouku-list a.area7:after {
  border-top: 20px solid var(--area7-color);
}
i.AreaName7 {
  color: var(--area7-color);
}
#AreaName7 .menu_accordion-body_item {
  border-color: var(--area7-color) !important;
}

/*-----------------巨瀬-----------------*/
span.AreaName36,
.ArticleList span.AreaName36,
.iview-caption span.AreaName36,
#AreaName36 .searchArea,
#AreaName36 .menu_accordion-button,
#AreaName36 .menu_accordion-button:not(.collapsed) {
  background-color: var(--area36-color) !important;
  color: #fff;
}
#top-kouku a.area36:after,
#right-inner .kouku-list a.area36:after {
  border-top: 20px solid var(--area36-color);
}
i.AreaName36 {
  color: var(--area36-color);
}
#AreaName36 .menu_accordion-body_item {
  border-color: var(--area36-color) !important;
}

/*-----------------兵庫-----------------*/
span.AreaName37,
.ArticleList span.AreaName37,
.iview-caption span.AreaName37,
#AreaName37 .searchArea,
#AreaName37 .menu_accordion-button,
#AreaName37 .menu_accordion-button:not(.collapsed) {
  background-color: var(--area37-color) !important;
}
#top-kouku a.area37:after,
#right-inner .kouku-list a.area37:after {
  border-top: 20px solid var(--area37-color);
}
i.AreaName37 {
  color: var(--area37-color);
}
#AreaName37 .menu_accordion-body_item {
  border-color: var(--area37-color) !important;
}

/*-----------------久保田-----------------*/
span.AreaName42,
.ArticleList span.AreaName42,
.iview-caption span.AreaName42,
#AreaName42 .searchArea,
#AreaName42 .menu_accordion-button,
#AreaName42 .menu_accordion-button:not(.collapsed) {
  background-color: var(--area42-color) !important;
}
#top-kouku a.area42:after,
#right-inner .kouku-list a.area42:after {
  border-top: 20px solid var(--area42-color);
}
i.AreaName42 {
  color: var(--area42-color);
}
#AreaName42 .menu_accordion-body_item {
  border-color: var(--area42-color) !important;
}

/*-----------------西与賀-----------------*/
span.AreaName43,
.ArticleList span.AreaName43,
.iview-caption span.AreaName43,
#AreaName43 .searchArea,
#AreaName43 .menu_accordion-button,
#AreaName43 .menu_accordion-button:not(.collapsed) {
  background-color: var(--area43-color) !important;
}
#top-kouku a.area43:after,
#right-inner .kouku-list a.area43:after {
  border-top: 20px solid var(--area43-color);
}
i.AreaName43 {
  color: var(--area43-color);
}
#AreaName43 .menu_accordion-body_item {
  border-color: var(--area43-color) !important;
}

/*-----------------南川副-----------------*/
span.AreaName39,
.ArticleList span.AreaName39,
.iview-caption span.AreaName39,
#AreaName39 .searchArea,
#AreaName39 .menu_accordion-button,
#AreaName39 .menu_accordion-button:not(.collapsed) {
  background-color: var(--area39-color) !important;
}
#top-kouku a.area39:after,
#right-inner .kouku-list a.area39:after {
  border-top: 20px solid var(--area39-color);
}
i.AreaName39 {
  color: var(--area39-color);
}
#AreaName39 .menu_accordion-body_item {
  border-color: var(--area39-color) !important;
}

/*-----------------神野-----------------*/
span.AreaName10,
.ArticleList span.AreaName10,
.iview-caption span.AreaName10,
#AreaName10 .searchArea,
#AreaName10 .menu_accordion-button,
#AreaName10 .menu_accordion-button:not(.collapsed) {
  background-color: var(--area10-color) !important;
}
#top-kouku a.area10:after,
#right-inner .kouku-list a.area10:after {
  border-top: 20px solid var(--area10-color);
}
i.AreaName10 {
  color: var(--area10-color);
}
#AreaName10 .menu_accordion-body_item {
  border-color: var(--area10-color) !important;
}

/*-----------------西川副-----------------*/
span.AreaName40,
.ArticleList span.AreaName40,
.iview-caption span.AreaName40,
#AreaName40 .searchArea,
#AreaName40 .menu_accordion-button,
#AreaName40 .menu_accordion-button:not(.collapsed) {
  background-color: var(--area40-color) !important;
}
#top-kouku a.area40:after,
#right-inner .kouku-list a.area40:after {
  border-top: 20px solid var(--area40-color);
}
i.AreaName40 {
  color: var(--area40-color);
}
#AreaName40 .menu_accordion-body_item {
  border-color: var(--area40-color) !important;
}

/*-----------------中川副-----------------*/
span.AreaName41,
.ArticleList span.AreaName41,
.iview-caption span.AreaName41,
#AreaName41 .searchArea,
#AreaName41 .menu_accordion-button,
#AreaName41 .menu_accordion-button:not(.collapsed) {
  background-color: var(--area41-color) !important;
}
#top-kouku a.area41:after,
#right-inner .kouku-list a.area41:after {
  border-top: 20px solid var(--area41-color);
}
i.AreaName41 {
  color: var(--area41-color);
}
#AreaName41 .menu_accordion-body_item {
  border-color: var(--area41-color) !important;
}

/*-----------------春日-----------------*/
span.AreaName59,
.ArticleList span.AreaName59,
.iview-caption span.AreaName59,
#AreaName59 .searchArea,
#AreaName59 .menu_accordion-button,
#AreaName59 .menu_accordion-button:not(.collapsed) {
  background-color: var(--area59-color) !important;
}
#top-kouku a.area59:after,
#right-inner .kouku-list a.area59:after {
  border-top: 20px solid var(--area59-color);
}
i.AreaName59 {
  color: var(--area59-color);
}
#AreaName59 .menu_accordion-body_item {
  border-color: var(--area59-color) !important;
}

/*-----------------春日北-----------------*/
span.AreaName61,
.ArticleList span.AreaName61,
.iview-caption span.AreaName61,
#AreaName61 .searchArea,
#AreaName61 .menu_accordion-button,
#AreaName61 .menu_accordion-button:not(.collapsed) {
  background-color: var(--area61-color) !important;
}
#top-kouku a.area61:after,
#right-inner .kouku-list a.area61:after {
  border-top: 20px solid var(--area61-color);
}
i.AreaName61 {
  color: var(--area61-color);
}
#AreaName61 .menu_accordion-body_item {
  border-color: var(--area61-color) !important;
}

/*-----------------開成-----------------*/
span.AreaName55,
.ArticleList span.AreaName55,
.iview-caption span.AreaName55,
#AreaName55 .searchArea,
#AreaName55 .menu_accordion-button,
#AreaName55 .menu_accordion-button:not(.collapsed) {
  background-color: var(--area55-color) !important;
}
#top-kouku a.area55:after,
#right-inner .kouku-list a.area55:after {
  border-top: 20px solid var(--area55-color);
}
i.AreaName55 {
  color: var(--area55-color);
}
#AreaName55 .menu_accordion-body_item {
  border-color: var(--area55-color) !important;
}

/*-----------------新栄-----------------*/
span.AreaName38,
.ArticleList span.AreaName38,
.iview-caption span.AreaName38,
#AreaName38 .searchArea,
#AreaName38 .menu_accordion-button,
#AreaName38 .menu_accordion-button:not(.collapsed) {
  background-color: var(--area38-color) !important;
}
#top-kouku a.area38:after,
#right-inner .kouku-list a.area38:after {
  border-top: 20px solid var(--area38-color);
}
i.AreaName38 {
  color: var(--area38-color);
}
#AreaName38 .menu_accordion-body_item {
  border-color: var(--area38-color) !important;
}

/*-----------------勧興-----------------*/
span.AreaName46,
.ArticleList span.AreaName46,
.iview-caption span.AreaName46,
#AreaName46 .searchArea,
#AreaName46 .card-header,
#AreaName46 .menu_accordion-button,
#AreaName46 .menu_accordion-button:not(.collapsed) {
  background-color: var(--area46-color) !important;
}
#top-kouku a.area46:after,
#right-inner .kouku-list a.area46:after {
  border-top: 20px solid var(--area46-color);
}
i.AreaName46,
#AreaName46 .ContentsBottom a,
#AreaName46 .ContentsBottom a:link {
  color: var(--area46-color);
}
#AreaName46 h1.asset-name {
  background-color: var(--area46-color) !important;
}
#AreaName46 h1.asset-name::before {
  border-bottom-color: var(--area46-color);
}
#AreaName46 .ContentsBottom {
  border: 5px solid var(--area46-color);
}
#AreaName46 .menu_accordion-body_item {
  border-color: var(--area46-color) !important;
}

/*-----------------循誘-----------------*/
span.AreaName48,
.ArticleList span.AreaName48,
.iview-caption span.AreaName48,
#AreaName48 .searchArea,
#AreaName48 .menu_accordion-button,
#AreaName48 .menu_accordion-button:not(.collapsed) {
  background-color: var(--area48-color) !important;
}
#top-kouku a.area48:after,
#right-inner .kouku-list a.area48:after {
  border-top: 20px solid var(--area48-color);
}
i.AreaName48 {
  color: var(--area48-color);
}
#AreaName48 .menu_accordion-body_item {
  border-color: var(--area48-color) !important;
}

/*-----------------鍋島-----------------*/
span.AreaName51,
.ArticleList span.AreaName51,
.iview-caption span.AreaName51,
#AreaName51 .searchArea,
#AreaName51 .menu_accordion-button,
#AreaName51 .menu_accordion-button:not(.collapsed) {
  background-color: var(--area51-color) !important;
}
#top-kouku a.area51:after,
#right-inner .kouku-list a.area51:after {
  border-top: 20px solid var(--area51-color);
}
i.AreaName51 {
  color: var(--area51-color);
}
#AreaName51 .menu_accordion-body_item {
  border-color: var(--area51-color) !important;
}

/*-----------------高木瀬-----------------*/
span.AreaName62,
.ArticleList span.AreaName62,
.iview-caption span.AreaName62,
#AreaName62 .searchArea,
#AreaName62 .menu_accordion-button,
#AreaName62 .menu_accordion-button:not(.collapsed) {
  background-color: var(--area62-color) !important;
}
#top-kouku a.area62:after,
#right-inner .kouku-list a.area62:after {
  border-top: 20px solid var(--area62-color);
}
i.AreaName62 {
  color: var(--area62-color);
}
#AreaName62 .menu_accordion-body_item {
  border-color: var(--area62-color) !important;
}

/*-----------------日新-----------------*/
span.AreaName49,
.ArticleList span.AreaName49,
.iview-caption span.AreaName49,
#AreaName49 .searchArea,
#AreaName49 .menu_accordion-button,
#AreaName49 .menu_accordion-button:not(.collapsed) {
  background-color: var(--area49-color) !important;
}
#top-kouku a.area49:after,
#right-inner .kouku-list a.area49:after {
  border-top: 20px solid var(--area49-color);
}
i.AreaName49 {
  color: var(--area49-color);
}
#AreaName49 .menu_accordion-body_item {
  border-color: var(--area49-color) !important;
}

/*-----------------蓮池-----------------*/
span.AreaName53,
.ArticleList span.AreaName53,
.iview-caption span.AreaName53,
#AreaName53 .searchArea,
#AreaName53 .menu_accordion-button,
#AreaName53 .menu_accordion-button:not(.collapsed) {
  background-color: var(--area53-color) !important;
}
#top-kouku a.area53:after,
#right-inner .kouku-list a.area53:after {
  border-top: 20px solid var(--area53-color);
}
i.AreaName53 {
  color: var(--area53-color);
}
#AreaName53 .menu_accordion-body_item {
  border-color: var(--area53-color) !important;
}

/*-----------------赤松-----------------*/
span.AreaName50,
.ArticleList span.AreaName50,
.iview-caption span.AreaName50,
#AreaName50 .searchArea,
#AreaName50 .menu_accordion-button,
#AreaName50 .menu_accordion-button:not(.collapsed) {
  background-color: var(--area50-color) !important;
}
#top-kouku a.area50:after,
#right-inner .kouku-list a.area50:after {
  border-top: 20px solid var(--area50-color);
}
i.AreaName53 {
  color: var(--area50-color);
}
#AreaName50 .menu_accordion-body_item {
  border-color: var(--area50-color) !important;
}

/*-----------------大詫間-----------------*/
span.AreaName60,
.ArticleList span.AreaName60,
.iview-caption span.AreaName60,
#AreaName60 .searchArea,
#AreaName60 .menu_accordion-button,
#AreaName60 .menu_accordion-button:not(.collapsed) {
  background-color: var(--area60-color) !important;
}
#top-kouku a.area60:after,
#right-inner .kouku-list a.area60:after {
  border-top: 20px solid var(--area60-color);
}
i.AreaName60 {
  color: var(--area60-color);
}
#AreaName60 .menu_accordion-body_item {
  border-color: var(--area60-color) !important;
}

/*-----------------久保泉-----------------*/
span.AreaName52,
.ArticleList span.AreaName52,
.iview-caption span.AreaName52,
#AreaName52 .searchArea,
#AreaName52 .menu_accordion-button,
#AreaName52 .menu_accordion-button:not(.collapsed) {
  background-color: var(--area52-color) !important;
}
#top-kouku a.area52:after,
#right-inner .kouku-list a.area52:after {
  border-top: 20px solid var(--area52-color);
}
i.AreaName52 {
  color: var(--area52-color);
}
#AreaName52 .menu_accordion-body_item {
  border-color: var(--area52-color) !important;
}

/*-----------------若楠-----------------*/
span.AreaName54,
.ArticleList span.AreaName54,
.iview-caption span.AreaName54,
#AreaName54 .searchArea,
#AreaName54 .menu_accordion-button,
#AreaName54 .menu_accordion-button:not(.collapsed) {
  background-color: var(--area54-color) !important;
}
#top-kouku a.area54:after,
#right-inner .kouku-list a.area54:after {
  border-top: 20px solid var(--area54-color);
}
i.AreaName54 {
  color: var(--area54-color);
}
#AreaName54 .menu_accordion-body_item {
  border-color: var(--area54-color) !important;
}

/*-----------------松梅-----------------*/
span.AreaName64,
.ArticleList span.AreaName64,
.iview-caption span.AreaName64,
#AreaName64 .searchArea,
#AreaName64 .menu_accordion-button,
#AreaName64 .menu_accordion-button:not(.collapsed) {
  background-color: var(--area64-color) !important;
}
#top-kouku a.area64:after,
#right-inner .kouku-list a.area64:after {
  border-top: 20px solid var(--area64-color);
}
i.AreaName64 {
  color: var(--area64-color);
}
#AreaName64 .menu_accordion-body_item {
  border-color: var(--area64-color) !important;
}

/*-----------------富士-----------------*/
span.AreaName56,
.ArticleList span.AreaName56,
.iview-caption span.AreaName56,
#AreaName56 .searchArea,
#AreaName56 .menu_accordion-button,
#AreaName56 .menu_accordion-button:not(.collapsed) {
  background-color: var(--area56-color) !important;
}
#top-kouku a.area56:after,
#right-inner .kouku-list a.area56:after {
  border-top: 20px solid var(--area56-color);
}
i.AreaName56 {
  color: var(--area56-color);
}
#AreaName56 .menu_accordion-body_item {
  border-color: var(--area56-color) !important;
}

/*-----------------三瀬-----------------*/
span.AreaName57,
.ArticleList span.AreaName57,
.iview-caption span.AreaName57,
#AreaName57 .searchArea,
#AreaName57 .menu_accordion-button,
#AreaName57 .menu_accordion-button:not(.collapsed) {
  background-color: var(--area57-color) !important;
}
#top-kouku a.area57:after,
#right-inner .kouku-list a.area57:after {
  border-top: 20px solid var(--area57-color);
}
i.AreaName57 {
  color: var(--area57-color);
}
#AreaName57 .menu_accordion-body_item {
  border-color: var(--area57-color) !important;
}

/*-----------------テスト公民館-----------------*/
span.AreaName65,
.ArticleList span.AreaName65,
.iview-caption span.AreaName65,
#AreaName65 .searchArea,
#AreaName65 .menu_accordion-button,
#AreaName65 .menu_accordion-button:not(.collapsed) {
  background-color: var(--area1-color) !important;
}
#top-kouku a.area64:after,
#right-inner .kouku-list a.area64:after {
  border-top: 20px solid var(--area1-color);
}
i.AreaName65 {
  color: var(--area1-color);
}
#AreaName65 .menu_accordion-body_item {
  border-color: var(--area1-color) !important;
}