html, body, #sb-site, .sb-site-container, .sb-slidebar {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
html.sb-scroll-lock.sb-active:not(.sb-static) {
	overflow: hidden; 
}

#sb-site, .sb-site-container {
	width: 100%;
	padding-top:74px;
	position: relative;
	z-index:0;
	background-color:#FFF;
}

/*ドロワーメニューリストCSS*/

.sb-slidebar {
	height: 100%;
	overflow-y: auto;
	position: fixed;
	top: 86px;
	z-index: 2; 
	display: none; 
	background-color:#ebeae4;
	opacity:1.0;
	-webkit-transform: translate(0px); 
}

.sb-slidebar ul{
	list-style:none;
	margin:0;
}

.sb-slidebar li{
	float:left;
	width:92%;
	padding:4% 0 4% 8%;
	color:#333;
	border-bottom:solid 1px #666;
	position:relative;
	font-size:16px;
}
/*

.sb-slidebar li :before {
  content:"";
  display:block;
  position:absolute;
  border-top:solid 0.5rem transparent; 
  border-right:solid 0.5rem transparent; 
  border-bottom:solid 0.5rem transparent; 
  border-left:solid 0.5rem #333;  
  width:0px;
  height:0px;
  top:1.8rem;
  left:2rem;
}
*/
.sb-slidebar li a{
	color:#333;
	display:block;
}


/*ドロワーメニューリストCSSここまで*/

.sb-left {
	left: 0; 
}

.sb-right {
	right: 0; 
}

html.sb-static .sb-slidebar,
.sb-slidebar.sb-static {
	position: absolute;
}

.sb-slidebar.sb-active {
	display: block;
}

.sb-style-overlay {
	z-index: 9999; 
}

.sb-momentum-scrolling {
	-webkit-overflow-scrolling: touch; 
}

/* Slidebar widths for browsers/devices that don't support media queries. */
	.sb-slidebar {
		width: 30%;
	}
	
	.sb-width-thin {
		width: 15%;
	}
	
	.sb-width-wide {
		width: 45%;
	}

@media (max-width: 480px) { /* Slidebar widths on extra small screens. */
	.sb-slidebar {
		width: 100%;
	}
	
	.sb-width-thin {
		width: 55%;
	}
	
	.sb-width-wide {
		width: 85%;
	}
}

@media (min-width: 481px) { /* Slidebar widths on small screens. */
	.sb-slidebar {
		width: 100%;
	}
	
	.sb-width-thin {
		width: 40%;
	}
	
	.sb-width-wide {
		width: 70%;
	}
}

@media (min-width: 768px) { /* Slidebar widths on medium screens. */
	.sb-slidebar {
		width: 40%;
	}
	
	.sb-width-thin {
		width: 25%;
	}
	
	.sb-width-wide {
		width: 55%;
	}
}

@media (min-width: 992px) { /* Slidebar widths on large screens. */
	.sb-slidebar {
		width: 30%;
	}
	
	.sb-width-thin {
		width: 15%;
	}
	
	.sb-width-wide {
		width: 45%;
	}
}

@media (min-width: 1200px) { /* Slidebar widths on extra large screens. */
	.sb-slidebar {
		width: 20%;
	}
	
	.sb-width-thin {
		width: 5%;
	}
	
	.sb-width-wide {
		width: 35%;
	}
}

.sb-slide, #sb-site, .sb-site-container, .sb-slidebar {
	-webkit-transition: -webkit-transform 400ms ease;
	   -moz-transition: -moz-transform 400ms ease;
	     -o-transition: -o-transform 400ms ease;
	        transition: transform 400ms ease;
	-webkit-transition-property: -webkit-transform, left, right; 
	-webkit-backface-visibility: hidden; 
}

.sb-hide { 
	display: none; 
}