/*header underlineに関する記述ここから*/

	.underline-from-center:hover:before, 
	.underline-from-center:focus:before, 
	.underline-from-center:active:before {
	    left: 0px;
	    right: 0px;
	}
	.underline-from-center:before {
	    content: "";
	    position: absolute;
	    z-index: -1;
	    left: 50%;
	    right: 50%;
	    bottom: 0px;
	    background: #fff;
	    height: 4px;
	    transition-property: left, right;
	    transition-duration: 0.3s;
	    transition-timing-function: ease-out;
	}    

	.underline-from-center {
	    display: inline-block;
	    vertical-align: middle;
	    transform: translateZ(0px);
	    box-shadow: 0px 0px 1px transparent;
	    backface-visibility: hidden;
	    position: relative;
	    overflow: hidden;
	}
	.underline-from-center{
	    line-height:40px;
	    cursor: pointer;
	    text-decoration: none;
	    color: #fff;
	}

#header_nav, #footer_nav{background:#fcb;}
#header_nav ul, #footer_nav ul{
display:flex;
flex-wrap:wrap;
  -ms-flex-pack: distribute;
justify-content: space-around;
padding-top:5px;
padding-bottom: 5px;
}

#header_nav ul li, #footer_nav ul li{font-size: 110%; text-shadow:1px 1px 1px #000;}
@media screen and ( max-width:799px ){
#header_nav ul li, #footer_nav ul li{width:33.33%; text-align:center;}
}


	/*header underlineに関する記述ここまで*/