#container { /*メインコンテンツ要素へ変更*/
	/*-webkit-transform: translate3d(0px, 0px, 1px);*/
	-webkit-transition: .2s -webkit-transform ease-in-out;
	z-index: 1;
	padding-top: 95px;
}
 
#container.show { /*メインコンテンツ要素へ変更*/
	-webkit-transform: translate3d(200px, 0px, 1px);
	min-width: 320px;
}
 
#drawer.show {  /*ドロワーメニュー大枠要素へ変更*/
    height: 100%;
    visibility: visible;
    z-index: 1;
    -webkit-transition: z-index 0s linear .2s;
 }
 
#drawerContents {  /*ドロワーメニュー中枠要素へ変更*/
	display: none;
	height: 100%;
	position: relative;
	width: 200px;
}
 
#drawer {  /*ドロワーメニュー大枠要素へ変更*/
	background-color: #333;
	left:0;
	top: 0;
	position: fixed;
	visibility: hidden;
	z-index: -1;
	-webkit-transition: visibility 0s linear .2s;
 }
 
 #drawerBtn{
	font-size: 32px;
	color: #666;
	margin-right: 20px;
	 }
 
	
 #drawerBtn a{
	color: #999;
	 }


#drawer ul li{
	color: #fff;
	}
	
#drawer ul li a {
	display: block;
	padding: 10px 15px;
	font-weight: 400;
	color: #fff;
	text-shadow: -1px -1px 0 #000;
	border-bottom: 1px solid #000;
	box-shadow: 0 1px 0 #555;
	font-size: 20px;
	font-family: 'Oswald', sans-serif;
}

@media (max-width: 640px){
	
	#drawerBtn{
	display:block;
		}
	
	}