【ベーシックモード】テンプレートENKELで、カテゴリーメニューを3階層目以降もツリー表示にする方法を教えてください。

テンプレート【ENKEL】では、ヘッダーのカテゴリー表示で2階層目までをツリー表示にし、
3階層目以降も2階層目のメニュー内に表示されます。

＜変更前＞

CSSを編集することで、3階層目以降もツリー表示に変更することができます。

＜変更後＞

以下の手順で変更してください。

ショップデザイン / テンプレート選択・編集 / トップページ編集 / 共通CSS管理

（１）Ctrl＋Lキーを押して

.global-nav li #M_ctgList2 .M_layer2{

を検索してください。

この1行を5階層目までの指定に変更してください。

＜変更前＞

.global-nav li #M_ctgList2 .M_layer2{
	display:none;
	background-color:#fff;
	width:200px;
	z-index:1;
	-webkit-box-shadow:2px 4px 2px rgba(0,0,0,0.1);
	box-shadow:2px 4px 2px rgba(0,0,0,0.1);
	position:absolute;
	left:200px;
	top:0px;
}

↓

＜変更後＞

.global-nav li #M_ctgList2 .M_layer2,
.global-nav li #M_ctgList2 .M_layer3,
.global-nav li #M_ctgList2 .M_layer4,
.global-nav li #M_ctgList2 .M_layer5 {
	display:none;
	background-color:#fff;
	width:200px;
	z-index:1;
	-webkit-box-shadow:2px 4px 2px rgba(0,0,0,0.1);
	box-shadow:2px 4px 2px rgba(0,0,0,0.1);
	position:absolute;
	left:200px;
	top:0px;
}

太字の部分を追記してください。

（２）（１）の後方に

.global-nav li:hover #M_ctgList2 li:hover ul,
.global-nav li #M_ctgList2 .M_layer2:hover{

という記述がありますので、この記述も5階層目までの指定に変更してください。

＜変更前＞

.global-nav li:hover #M_ctgList2 li:hover ul,
.global-nav li #M_ctgList2 .M_layer2:hover{
	display:block;
}

↓

＜変更後＞

.global-nav li:hover #M_ctgList2 li:hover .M_layer2,
.global-nav li #M_ctgList2 .M_layer2 li:hover .M_layer3,
.global-nav li #M_ctgList2 .M_layer2 .M_layer3 li:hover .M_layer4,
.global-nav li #M_ctgList2 .M_layer2 .M_layer3 .M_layer4 li:hover .M_layer5{
	display:block;
}

{　の前を変更してください。