/*pc用の画面表示 大*/

@media screen and (min-width: 751px){

body {
	font-family:sans-serif;
	background: black;
	color: white;
}
header {
	padding: 5px;
	background: #ccc;
}

/*チェックは表示しない*/
input {
	display: none;
}



img {
	width: 600px;
	background: ;
	
	
	
}
p {
	width: 600px;
	min-width: 20px;
	
	
}

#nav-drawer {
	position: relative;
}

nav{
	text-align: center;

}
nav ul{
	margin: 0px;
	padding: 1px;
}
nav ul li{
	
	list-style: none;
	display: inline-block;
	width:12%;
	min-width: 20px;
	background: ;
	padding: ;
	
}
nav ul li a{
	text-decoration: none;
	color: #333;
}
nav ul li.current a{
	color:#F33135;
}
nav ul li a:hover{
	color:#E7DA66;
}
/*ロゴやサイトタイトル*/
.logo-area {
display: none;
}


}




/*pc用の画面表示 小*/

@media screen and (max-width: 750px){

header{
	display: none;
}

body {
	font-family:sans-serif;
	background: black;
	color: white;
}
header {
	padding: 5px;
	background: #ccc;
}

/*チェックは表示しない*/
input {
	display: none;
}



img {
	width: 600px;
	background: ;
	
	
	
}
p {
	width: 600px;
	min-width: 20px;
	
}

#nav-drawer {
	position: relative;
}

nav{
	text-align: center;

}
nav ul{
	margin: 0px;
	padding: 1px;
}
nav ul li{
	
	list-style: none;
	display: inline-block;
	width:12%;
	min-width: 20px;
	background: ;
	padding: ;
	
}
nav ul li a{
	text-decoration: none;
	color: #333;
}
nav ul li.current a{
	color:#F33135;
}
nav ul li a:hover{
	color:#E7DA66;
}
/*ロゴやサイトタイトル*/
.logo-area {
display: none;
}


}