/* ==========================================
  表示順の変更について

  ・li要素は order プロパティで表示順を制御しています
  ・order の数値を変更すると表示順が変わります
  ・order の数値は必ず他と被らないようにしてください
  ・このリストは flex（または grid）前提で動作します

  【重要】
  ・liの数が増減した場合は、必ずこのCSSも
    追加／削除して数を合わせてください
  ・HTMLの構造や display プロパティは変更しないでください
========================================== */

/* ▼ 表示順を変えたい場合は order の数字だけ変更してください ▼ */
/* ブランドリストclass */ /*                   元の順番                */ /*  表示順　*/

/* ---intesucre(ID:5000)--- */
.block-dynamic-genre--body li:nth-child(1), 
.block-genre--brand-list .block-genre-style--items-1 > li:nth-child(1) { order: 1; }

/* ---サルート(ID:5001)--- */
.block-dynamic-genre--body li:nth-child(2), 
.block-genre--brand-list .block-genre-style--items-1 > li:nth-child(2) { order: 2; }

/* ---ワコール(ID:5002)--- */
.block-dynamic-genre--body li:nth-child(3), 
.block-genre--brand-list .block-genre-style--items-1 > li:nth-child(3) { order: 3; }

/* ---トリンプ(ID:5003)--- */
.block-dynamic-genre--body li:nth-child(4), 
.block-genre--brand-list .block-genre-style--items-1 > li:nth-child(4) { order: 4; }

/* ---アツギ(ID:5004)--- */
.block-dynamic-genre--body li:nth-child(5), 
.block-genre--brand-list .block-genre-style--items-1 > li:nth-child(5) { order: 5; }

/* ---ヌーブラ(ID:5006)--- */
.block-dynamic-genre--body li:nth-child(6), 
.block-genre--brand-list .block-genre-style--items-1 > li:nth-child(6) { order: 6; }

/* ---ナルエー(ID:5007)--- */
.block-dynamic-genre--body li:nth-child(7), 
.block-genre--brand-list .block-genre-style--items-1 > li:nth-child(7) { order: 7; }

/* ---セントオードリー(ID:5008)--- */
.block-dynamic-genre--body li:nth-child(8), 
.block-genre--brand-list .block-genre-style--items-1 > li:nth-child(8) { order: 8; }

/* ---La vie a deux(ID:5009)--- */
.block-dynamic-genre--body li:nth-child(9), 
.block-genre--brand-list .block-genre-style--items-1 > li:nth-child(9) { order: 9; }

/* ---DOMESTIC UNDER(ID:5010)--- */
.block-dynamic-genre--body li:nth-child(10), 
.block-genre--brand-list .block-genre-style--items-1 > li:nth-child(10) { order: 10; }

/* ---VIAGE(ID:5011)--- */
.block-dynamic-genre--body li:nth-child(11), 
.block-genre--brand-list .block-genre-style--items-1 > li:nth-child(11) { order: 11; }

/* ---COCO Linge(ID:5014)--- */
.block-dynamic-genre--body li:nth-child(12), 
.block-genre--brand-list .block-genre-style--items-1 > li:nth-child(12) { order: 12; }

/* ---グラマープリンセス(ID:5015)--- */
.block-dynamic-genre--body li:nth-child(13), 
.block-genre--brand-list .block-genre-style--items-1 > li:nth-child(13) { order: 13; }

/* ---パナシェ(ID:5017)--- */
.block-dynamic-genre--body li:nth-child(14), 
.block-genre--brand-list .block-genre-style--items-1 > li:nth-child(14) { order: 14; }

/* ---キャラクター(ID:5018)--- */
.block-dynamic-genre--body li:nth-child(15), 
.block-genre--brand-list .block-genre-style--items-1 > li:nth-child(15) { order: 18; }

/* ---シシフィーユ(ID:5019)--- */
.block-dynamic-genre--body li:nth-child(16), 
.block-genre--brand-list .block-genre-style--items-1 > li:nth-child(16) { order: 15; }

/* ---ウンナナクール(ID:5021)--- */
.block-dynamic-genre--body li:nth-child(17), 
.block-genre--brand-list .block-genre-style--items-1 > li:nth-child(17) { order: 16; }

/* ---着る保湿クリーム(ID:5022)--- */
.block-dynamic-genre--body li:nth-child(18), 
.block-genre--brand-list .block-genre-style--items-1 > li:nth-child(18) { order: 17; }

/* ---レディースその他(ID:5040)--- */
.block-dynamic-genre--body li:nth-child(19), 
.block-genre--brand-list .block-genre-style--items-1 > li:nth-child(19) { order: 19; }

/* ---BROS by WACOAL MEN(ID:5050)--- */
.block-dynamic-genre--body li:nth-child(20), 
.block-genre--brand-list .block-genre-style--items-1 > li:nth-child(20) { order: 20; }

/* 消さないでください。 */
.block-genre-style--items-1 {
  display: flex;
  flex-direction: column;
}

#block-headernav-menu--brand ul.block-dynamic-genre--body li:nth-child(6n) {
  margin: 0 10px 10px 0;
}