img, figure {
  margin: 0;
  padding: 0;
  max-width: 100%;
  height: auto;
  line-height: 0; }

ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }

li {
  margin: 8px 0;
  display: block; }

li a {
  display: block; }
.icon {
  position: relative;
    border-radius: 0 0 0 10px; /*左下角丸*/
	/*background: url(../images/background01.jpg);*/
	background-color: #ED9369;
    color: #FFF; /*アイコン（フォント）色*/
    display: block;
    height: 3.125em;
    text-align: center;
    top: 0;
    width: 3.125em;
	line-height: 1.1;
	font-weight: bold;
}
.icon:before {
    position: absolute;
    color: #FFF; /*アイコン（フォント）色*/
	font-size: 3.125em;
    line-height: 1.08; /*縦位置中央化*/
	content: "≡"; /*メニューアイコン*/
	left:0.16em;
    display: block;
    right: 100%;
	font-weight: normal;
}
.main-navbar {
  position: relative;
  background-color: #3f51b5;
  color: white;
  z-index: 10; }

.main-navbar-fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  height: 42px; }

.main-navbar-content {
  padding: 4px 16px; }

.main-content {
  position: relative;
  margin-top: 42px;
  padding: 1em; }

.section {
  margin: 1em auto;
  margin-bottom: 3em !important; }

.left {
  float: left; }

.right {
  float: right; }

.main-sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  background: url(../images/background01.jpg) repeat-y;
  color: white;
  width: 300px; }

.main-sidebar a:link {
  color: #ffeb3b; }

.main-sidebar a:visited {
  color: #ff9800; }

.main-sidebar a:hover {
  color: #fbc02d; }

.main-sidebar a:active {
  color: #ffc107; }

.main-sidebar .section {
  margin: 1em 0;
  margin-bottom: 2em !important; }

.main-sidebar-right {
  right: 0;
  text-align: right; }

.main-sidebar-left {
  left: 0;
  text-align: left; }

[data-ssbplugin="sbwrapper"] {
  padding: 1em; }

.dynamic-right .main-navbar-content {
  float: right; }

.dynamic-left .main-navbar-content {
  float: left; }

.main-sidebar-wrapper {
  position: relative;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

nav ul li{
	display: block;
	min-height: 2.2em;
	border-bottom-width: 90%;
	border-bottom: solid 1px #fff;
	margin: 0;
	padding: 1.5em 1em 1.5em 0;
	color: #2c769c;
	font-weight: bold;
	position: relative;
}
nav ul li:after{
	color: #698A76;
	opacity: 0.3;
	font-size: 3em;
	position: absolute;
	top: 0.5em;
	right: 0;
}

nav ul li.ncon:after{
	content:"concept";
}
nav ul li.nprice:after{
	content:"price";
}
nav ul li.njhd:after{
	content:"jhd & c";
}
nav ul li.naccess:after{
	content:"access";
}
nav ul li.nnail:after{
	content:"nail";
}
nav ul li.nmemb:after{
	content:"members";
}
nav ul li.nblog:after{
	content:"blog";
}
nav ul li.nstaff:after{
	content:"staff";
}
nav ul li.nseitai:after{
	content:"bodycare";
}
nav ul li.norganic:after{
	content:"ORGANIC";
}
nav ul li.nres{
color:#FFF;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #0b77b1), color-stop(0.57, #a0a9f3), color-stop(0.00, #2e76ff));
background: -webkit-linear-gradient(top, #2e76ff 0%, #a0a9f3 56%, #0b77b1 100%);
background: -moz-linear-gradient(top, #2e76ff 0%, #a0a9f3 56%, #0b77b1 100%);
background: -o-linear-gradient(top, #2e76ff 0%, #a0a9f3 56%, #0b77b1 100%);
background: -ms-linear-gradient(top, #2e76ff 0%, #a0a9f3 56%, #0b77b1 100%);
background: linear-gradient(to bottom, #2e76ff 0%, #a0a9f3 56%, #0b77b1 100%);
}
nav ul li.nresnail{
	color: #FFF;
background: rgb(219,158,97);
background: -moz-linear-gradient(0deg, rgba(219,158,97,1) 0%, rgba(200,199,114,1) 50%, rgba(219,153,83,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(219,158,97,1) 0%, rgba(200,199,114,1) 50%, rgba(219,153,83,1) 100%);
background: linear-gradient(0deg, rgba(219,158,97,1) 0%, rgba(200,199,114,1) 50%, rgba(219,153,83,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#db9e61",endColorstr="#db9953",GradientType=1);
}
nav ul li.nres:after,nav ul li.nresnail:after{
	color:#FFF;
	content:"reservation";
}
@media screen and (min-width:768px)  {
.icon {
  position: absolute;
    height: 4em;
    top: 0;
	right: 0;
    width: 4em;
	line-height: 1.5;
}
.icon:before {
	font-size: 4em;
}
}