@charset "UTF-8";


/* menu */

nav ul{
margin:20px auto;
display:flex;
flex-direction:row;
justify-content:center;
}

nav li{margin:20px;}
nav li a{color:var(--black);padding-bottom:7px;border-bottom:1px solid #ccc;}
nav li a:hover{color:var(--red);padding-bottom:12px;border-bottom:8px solid #eee;}

@media (max-width:799px){
nav li a{padding-bottom:15px;}
nav li a:hover{padding-bottom:20px;}
nav ul{align-items:flex-end;height:150px;}
nav li{margin:10px;writing-mode:vertical-rl;}

}