#mobilHeader,
#mobilNav {
	display: none;
}

@media(max-width:778px) {

	#mobilHeader {
		display: flex;
		justify-content: space-between;
                align-items: center;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 10001;
		padding: 0px 10px;
		height: 60px;
		line-height: 60px;
	}
	#mobilHeader .headline {
		padding-left: 15px;
		line-height: 60px;
	}
	#mobilHeader .button {
		height: 100%;
		cursor: pointer;
		margin: 0 0 0 0px;
	}
	#mobilHeader .button img {
		height: 50%;
		margin: 46% 0 0;
	}
	#mobilHeader .logoM {
		height: 75%;
	}
	#mobilHeader .logoM img {
		height: 100%;
	}
	
	#mobilNav {
		display: block;
		position: fixed;
		top: 0;
		bottom: 0px;
		left: -9999px;
		width: 65%;
		overflow-x: hidden;
		overflow-y: auto;
		z-index: 10000;
	}
	#mobilNav .mHInner {
		
	}
	#mobilNav .mHInner .navi ul {
		width: 100%;
	}
	#mobilNav .mHInner .navi ul li a {
		display: block;
	}
	
}

#goTop {
	display: none;
	position: fixed;
	bottom: 0;
	right: 0;
}