/* accordion-v.css 日本語 */

/* Accordion Menu Example */
/* menu-base */
#accord-mn-wrap {
	position:fixed;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	left:0;
	overflow:hidden;
	bottom:55px;
	min-width:1250px;
	font-family: "游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

/* menu-block */
#accord-mn-wrap .accord-mn-box {
	position: absolute;
	/* bottom:0;left:0; */
	display:block;
	width:20%;
	/* height:330px; */
	background-color: rgba(0,0,0,0.8);
	overflow:hidden;
	padding:0;

}

#accord-mn-wrap .accord-mn-box ul {
	box-sizing: border-box;
	list-style:none;
	width:auto;
	height:100%;
	margin:0;
	padding:0;
	border-right:1px solid #4e4e4e;
	text-align:left;
}
#accord-mn-wrap .accord-mn-box ul li{
	list-style:none;
	width:auto;
	height:auto;
	margin:0px; 
	padding:15px 10px;
	border-bottom:1px #4e4e4e solid;
	line-height:16px;
	font-size:12px;
	color:#d3d3d3;

}
#accord-mn-wrap .accord-mn-box ul li:hover {
	background-color:#262626;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

#accord-mn-wrap .accord-mn-box a {
	text-decoration:none;
}

.menu01{
	left:0 !important;
}
.menu02{
	left:20% !important;
}
.menu03{
	left:40% !important;
}
.menu04{
	left:60% !important;
}
.menu05{
	left:80% !important;
}

/* Accordion Menu Example */
/* menu-base */
#accord-menu-button {
	position:fixed;
	width:100%;
	height:55px;
	margin:0;
	padding:0;
	left:0;
	overflow:hidden;
	bottom:0;
	min-width:1250px;
}

/* title */
#accord-menu-button-wrap .accord-mn-title {
	box-sizing: border-box;
	padding:15px 0 0;
	width:auto;
	height:55px;
	font-size:18px;
	font-family: 'Noto Sans';
	color:#fff;
	line-height:25px;
	background-position:right 2px;
	background-color:#000;
	cursor:default;
	margin:0;
	text-align:center;
	border-right:1px solid #373737;
	border-bottom:1px solid #808080;
}

#accord-menu-button-wrap .accord-menu-button {
	border-top:1px solid #808080;
	position: absolute;
	bottom:0;left:0;
	display:block;
	width:20%;
	/* height:330px; */
	background-color:#fff;
	overflow:hidden;
	padding:0;
}

/* */
#accord-menu-button-wrap .accord-menu-button h3.active {
	background-position:right -18px;
	background-color:#262626;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

#menu-list-01 {
	display: none;
	bottom: -235px; /* 47px x 5行 = 235px */
}

#menu-list-02 {
	bottom: -141px; /* 47px x 3行 = 141px */
}

#menu-list-03 {
	bottom: -658px; /* 47px x 14行 = 658px */
}

#menu-list-04 {
	bottom: -47px; /* 47px x 1行 = 47px */
}

#menu-list-05 {
	bottom: -141px; /* 47px x 3行 = 141px */
}