.SideBar{width: 180px; height: 100vh; float: left; background-color: rgba(255,255,255,0.5); position: fixed;}
@media screen and (max-width: 1014px) {.SideBar{display:none;}}

.SideBar ul li{list-style: none;}
.SideBar ul li{width:180px; background:url(../img/side/nav.png) no-repeat 0px;}
.SideBar ul li.sub{background:url(../img/side/nav_sub.png) no-repeat 0px;}

.SideBar ul li:hover{background:url(../img/side/nav_on.png) no-repeat 0px;}
.SideBar ul li.sub:hover{background:url(../img/side/nav_sub_on.png) no-repeat 0px;}
.SideBar ul li.logo{background:url(../img/side/logo.png) no-repeat center; width:180px; height:80px;}
.SideBar ul li.logo:hover{width:180px; height:80px;}

.SideBar ul li.logo a{width:180px; height:80px;}
.SideBar ul li a{display:block; text-align:center;}


.SideBar ul {
	height:500px;
}

.SideBar ul li:hover{
	height:60px;
}

.SideBar ul li{
	height:60px;
}

.SideBar ul li a {
	height:100%;
}



.SideNav01{background: url(../img/side/nav01.png) no-repeat 0px;}
.SideNav02{background: url(../img/side/nav02.png) no-repeat 0px;}
.SideNav03{background: url(../img/side/nav03.png) no-repeat 0px;}
.SideNav04{background: url(../img/side/nav04.png) no-repeat 0px;}
.SideNav05{background: url(../img/side/nav05.png) no-repeat 0px;}
.SideNav06{background: url(../img/side/nav06.png) no-repeat 0px;}
.SideNav07{background: url(../img/side/nav07.png) no-repeat 0px;}


@media only screen and (min-width: 480px) {
}

@media only screen and (min-width: 768px) {
}

@media only screen and (min-width: 1140px) {
}

/* ========================================================
 * common
a[href^="#"]:after,
a[href^="javascript:"]:after {
    content: "";
}
 */

.SlideMenuView {
	position:fixed;
	top: 0px;
	left: 220px;
	height: auto;
	background-color: rgba(255,225,86,1.0);
	z-index:999;
	overflow:hidden;
    transition-property:opacity,width,height,left;
    transition-duration:0.5s;
    transition-timing-function:ease-out;
}

.SlideMenuView.hidden {
	width: 0px;
}

.SlideMenuView.visibility {
	width: 221px;
}

.SlideMenuSub {
	position: relative;
	top: 0px;
	left: 0px;
	width:0;
	overflow-x:hidden;
	background-color: rgba(255,225,86,1.0);
    border-top: 1px solid #3c3c3c;
    transition-property:opacity,width,height,left;
    transition-duration:0.5s;
    transition-timing-function:ease-out;
}
.SlideMenuSub li {
	box-sizing: border-box;
    border-bottom: 1px solid #3c3c3c;
	white-space: nowrap;
	overflow:hidden;
    transition-property:opacity,width,height,left;
    transition-duration:0.5s;
    transition-timing-function:ease-out;
}

.SlideMenuSub li {
	height: 45px;
	line-height: 45px;
	padding: 0 10px;
}

.SlideMenuSub li a{
	height: 45px;
	line-height: 45px;
	color: #3c3c3c;
	font-weight: bold;
}



.SlideMenuSub.hidden {
	width: 0px;
}

.SlideMenuSub.hidden li {
	width: 0px;
	overflow:hidden;
}

.SlideMenuSub.visibility {
	width: 219px;
}

.SlideMenuSub.visibility li {
	width: 219px;
}

.SlideMenuViewClose {
	position: absolute;
	top: 0px;
	right: 0px;
	width:50px;
	height:50px;
	background-color: rgba(255,225,86,1.0);
	display:table-cell;
	text-align:center;
	vertical-align:center;
    transition-property:opacity,width,height,left;
    transition-duration:0.5s;
    transition-timing-function:ease-out;
}

.SlideMenuItem {
	background-size:contain;
	background-repeat:norepeat;
}

.SlideMenuSubScrollIcon {
	position: absolute;
	top: 0px;
	left: 0px;
	width:100%;
	text-align:center;
}