@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Yeseva+One);

.nav-side-menu {
	width:100%;
	height: 100%;
	overflow: auto;
	font-family:"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
	font-size: 16px;
	font-weight: 200;
	background-color:#fff;
	top:0;
	color: #595959;
}

.brand {
    text-align:left !important;
	font-family: 'Yeseva One', cursive;
    padding-left:20px;
    line-height: 50px !important;
	color:#595959;
}

.nav-side-menu .toggle-btn {
  display: none;
}
.nav-side-menu ul,
.nav-side-menu li {
	list-style: none;
	padding:4px;
	margin:0 4px;
	line-height:20px;
	cursor: pointer;
	overflow:hidden;
  /*    
    .collapsed{
       .arrow:before{
                 font-family: FontAwesome;
                 content: "\f053";
                 display: inline-block;
                 padding-left:10px;
                 padding-right: 10px;
                 vertical-align: middle;
                 float:right;
            }
     }
*/
}
.nav-side-menu li img {
	float:left;
	margin:0 auto;
}
.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before {
  font-family: FontAwesome;
  content: "\f078";
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  float: right;
}
.nav-side-menu ul .active,
.nav-side-menu li .active {
  background-color: #efefef /* main active color */
}
.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
  color: #c33; /* Lv2 active color */
}
.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
  color: #c33; /* Lv2 active color */
}
.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
  background-color: #f5f1eb; /* Lv2 color */
  border: none;
  line-height: 28px;
  border-bottom: 1px solid #fff;
  margin-left: 0;
}
.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {
  background-color: #c6c0b5; /* Lv2 hover color */
}
.nav-side-menu ul .sub-menu li:before,
.nav-side-menu li .sub-menu li:before {
  font-family: FontAwesome;
  content: "\f105";
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}
.nav-side-menu li {
  padding-left: 0;
  border-bottom: 1px dotted #f6f6f6;
}
.nav-side-menu li:last-child {
border:0;
}

.nav-side-menu li a {
	text-decoration: none;
	color: #4d3d1b; /* main link color */ 
	display: block;
}
.nav-side-menu li a i {
  padding:8px 30px 8px 10px;
  width: 20px;
}
.nav-side-menu li:hover {
  background-color: #d9d4cb; /* main hover color */
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}

/*** sm and tab ***/
@media (max-width: 979px) {
  header {
	padding:60px 0 20px 0;
	background-color:#fff;
	overflow:hidden;
}
  .fixtop {
	  position:fixed;
	  top:0;
	  left:0;
	  width:100%;
	  z-index:100;
}
  .nav-side-menu {
    width: 100%;
    margin-bottom:10px;
	position:relative;
}
  .nav-side-menu .toggle-btn {
    display: block;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top:6px;
    z-index: 10 !important;
    padding: 3px;
    background-color: #ffffff;
    color: #000;
    width: 40px;
    text-align: center;
  }
}
@media (min-width: 979px) {
  .nav-side-menu .menu-list .menu-content {
    display: block;
  }
}