/* header navi */
#header_navi {
	position: absolute;
    right: 10px;
    top: 0px;
}

#header_navi ul li {
    display: inline;
	margin: 0px 10px;
	color: #ffffff;
}

#header_navi ul li a {
	text-decoration: none;
	color: #ffffff;
}

#header_navi ul li a:hover {
	text-decoration: none;
	color: #ffffff;
}

/* header navi */


/* footer navi */

.login #footer {
	position: absolute;
	right: 0px;
	bottom: 0px;
	
}

.start #footer {
	text-align: right;
	
}

#footer .mod_customnav ul li {
    display: inline;
	margin: 0px 10px;
	color: var(--pi-gray-l);
}


#footer .mod_customnav ul li a,
#footer .mod_customnav a {
	color: var(--pi-gray-l);
}
/* footer navi */

@media (max-width: 740px) {

	
	#header_navi {
		position:  relative;
		text-align: center;
	    /*background-image: linear-gradient(to right, #ffffff 0%, #cccccc 100%);*/
		background-color: var(--pi-dark-gray);
		background-color: var(--pi-dark-gray);
		right: 0px;
		top: 0px;
	}
	
	#header_navi ul {
		padding-left: 0px;
	}
	
	#header_navi ul li {
		margin: 0px 7px;
	}
	
	
	.login #footer, 
    .start #footer {
		position: relative;
		right: 0px;

		margin: 50px 0 10px 0;
	}
}