@charset "UTF-8";

	

@media (min-width: 750px) {
	
/*home header------------------------------------------------*/


header{
	width:100%;
	margin:0px auto 0px;
	}

#header{
	margin-bottom:1.5rem;
	}

h1{
	font-size: 1.5rem;
	margin-bottom: 0.5rem;
	}

	
#header .contact .mail{
	float:right;
	text-align: right;
	width:35%;
	}
	
	
#header .contact .tel{
	overflow:hidden;
	float:left;
	width:50%;
	text-align: right;
	margin-right:2%;
	}
	
#header .contact .mail{
	float:right;
	text-align: right;
	width:35%;
	}
	

			

/*メニュー*/

#header nav{
	clear:both;
	font-size:1.7rem;
	}
	
#header nav ul{
	overflow:hidden;
	list-style:none;
	margin-bottom:1.5rem;
	}
	
#header nav li{
	float:left;
	width:19.66%;
	padding:0.5rem 0;
	text-align:center;
	border-left:1px solid #999;
	}
	
	
#header nav li span{
	display: block;
	font-size: 1rem;
	}	
	
	
#header nav li a{
	color:#000 !important;
	}
	
#header nav li a:hover {
color:#ff6633 !important;
}	
	
#header nav li:last-child{
	margin:0px;
	border-right:1px solid #999;
	}
	
			
	
	
/*スマホ非表示*/

.sp_menu{
	display:none;
}
	
}




/*ドロアメニュー------------------------------------------------*/

.pure-toggle-label {
  border: none;
  margin-right:-20px;
}

.pure-toggle-label .pure-toggle-icon,
.pure-toggle-label .pure-toggle-icon:before,
.pure-toggle-label .pure-toggle-icon:after {
  	width:30px;
}

.pure-toggle-label:hover .pure-toggle-icon,
.pure-toggle-label:hover .pure-toggle-icon:before,
.pure-toggle-label:hover .pure-toggle-icon:after {
}

/*menu*/
.pure-drawer {
  background-color:#E2E2E2;
}	

.pure-drawer ul{
	padding:30% 5%;
	list-style:none;
	font-size:150%;
}

.pure-drawer ul li a{
	display:block;
	padding:3% 5%;
	color:#000;
}

.pure-drawer ul li.homelink{
	background-color:rgba(255,255,200,0.50);
	}

.pure-drawer ul li a:hover{
	background-color:rgba(255,255,255,0.20);
}	






/*スマホ表示------------------------------------------------*/



@media (max-width: 765px) {

#header h1{
	font-size: 1.2rem;
	line-height: 1.5;
	width: 90%;
	margin-bottom: 0.5rem;
	}
	
	
#header .contact{
	margin-top: -20px;
	text-align: center;
	background-color:#EDEDED;
	margin-bottom: 2rem;
	}	
	
#header .mail{
	display:none;
	}
	
#header nav{
		display:none;
	}
	
	
}