@charset "utf-8";

body {

	width: 100%;

}
body.noscroll {

	position: fixed;
	overflow-y: scroll;

}

#part-header-navi-mb {

	position: relative;

}

#header-navi-mb {

	overflow: scroll;
	width : 100%;
	height: auto;
	
	/* 最初からストーカーさせたくない場合は、下記属性を消す。 */
	position: fixed;
	z-index : 2000;
	left  : 0;
	top   : 0;

}
/* #part-header-navi-mb.on #header-navi-mb {

	position: fixed;
	z-index : 2000;
	left  : 0;
	top   : 0;

} */

#header-navi-mb.open {

	/* モバイル版メニューを開いた場合 */
	height: 100%;

}

#header-navi-mb .holder-palette,
#part-header-navi-mb .dummy {

	height: 160px;

}

#header-navi-mb .palette h1 {

	position: absolute;
	left    : 0px;
	top     : 25px;
	box-sizing: border-box;
	width   : 100%;
	height  : 110px;
	margin  : 0;
	padding : 0 0 0 20px;
	
	text-align: left;

}
#header-navi-mb .palette h1 img { width:auto; height:100%; }

#header-navi-mb #open-navi-mb,
#header-navi-mb #close-navi-mb {

	position: absolute;
	right : 20px;
	top   : 20px;
	width : 120px;
	height: 120px;
	
	cursor: pointer;

}
#header-navi-mb:not(.open) #open-navi-mb  { transform:rotate(0deg) scale(1.0); }
#header-navi-mb:not(.open) #close-navi-mb  { transform:scale(0.0); }
#header-navi-mb.open #open-navi-mb  { transform:rotate(180deg) scale(0.0); }
#header-navi-mb.open #close-navi-mb  { transform:scale(1.0); }

#header-navi-mb ul,
#header-navi-mb ol,
#header-navi-mb li {

	margin : 0;
	padding: 0;

}

/*
#header-navi-mb nav {

	display: block;
	height: 100%;

}
*/

/* メニュー */
#header-navi-mb .menu {

	overflow: hidden;
	display : block;
	height  : 0px;

}

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

	display: block;
	position: relative;

}
#header-navi-mb .menu a {

	display: block;
	
	text-align: center;
	text-decoration: none;

}

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

	display: none;

}
#header-navi-mb .sub-menu.open { display:block!important; }