@charset "utf-8";

/* 基本設定 */
#part-header-navi.on #header-navi {

	/* ストーカー設定 */
	position: fixed;
	z-index : 1000;
	left    : 0;
	top     : 0;
	width   : 100%;

}

#header-navi nav ul,
#header-navi nav ol {

	list-style-type: none;
	
	margin : 0;
	padding: 0;

}
#header-navi nav li { margin:0; padding:0; }

#header-navi .menu-item {

	position: relative;

}

/* メニューの大カテゴリをテーブルにすることで、横並びに表示させる。 */
#header-navi .menu {

	display: table;
	border-collapse: collapse;
	border-spacing : 0;
	
	/* width: 100%; */
	margin-left : auto;
	margin-right: auto;

}
#header-navi .menu > .menu-item {

	display: table-cell;
	text-align: center;

}

/* サブメニュー */
#header-navi .sub-menu {

	display : none;
	position: absolute;
	z-index : 1001;

}
#header-navi .menu-item:hover > .sub-menu { display:block; }

/* サブメニューの表示位置を調整。 */
#header-navi .menu > .menu-item > .sub-menu {

	/* 大カテゴリ直下 */
	/* すぐ下に表示させる */
	top : 100%;
	left: 0;

}
#header-navi .sub-menu > .menu-item > .sub-menu {

	/* 大カテゴリ直下にあるもの以外 */
	/* 右側に表示させる */
	top : 0;
	left: 100%;

}