@charset "UTF-8";
/* CSS Document */
.spmenu{
	display: none;
}
@media screen and (min-width:1100px){
	.pcnone{
		display: none;
	}
	nav .menubtn{
		display: none;
	}
	nav ul{
		display: flex;
		justify-content: space-between;
	}
	nav li{
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		padding: 0.25rem 0;
	}
	nav li a {
		line-height: 1em;
	}
}
@media screen and (max-width:1099px){
	.spnone{
		display: none;
	}
	nav span.menubtn{
		display: block;
		margin: 0.25rem auto;
		text-align: center;
	}
	nav ul{
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
		margin: auto;
		width: 100%;
		max-width: 640px;
		list-style: none;
		text-align: left;
		border-left: none;
	}
	nav ul li{
		border-bottom: 1px dotted #000;
		border-right: none;
	}
	nav ul li a{
		padding:0 1em;
		display: block;
	}

	nav li br{
		display: none;
	}
	nav .hbmb *{
		transition: all 0.5s;
		fill: #707070;
	}	
	nav .active .border1{
		transform:translate(3px, 0px) rotate(45deg);
		fill: #C64500;
	}
	nav .active .border3{
		fill: #C64500;
		transform:translate(-7px,4px) rotate(-45deg);
	}
	nav .active .border2{
		transform:translate(17px,0);
		opacity: 0;
	}
}