/*######Menu for desktop#####*/
body{
	font-size: 16px;
}
@media screen and (min-width:600px){
	
	h1{
		font-weight: bold;
		font-size: 1rem;
		color: navy;
	}
	.menu{
		position: fixed;
		background: white;
		top: 0;
		height: auto;
		width: 100%;
		z-index: 1000;
		border: solid 3px skyblue;
		margin-left:auto;
		margin-right: auto;
	}
	.menu ul{
		bottom: 0;
		list-style-type:none;/*箇条書きのポッチを消す*/
		text-align: center;/*左右中央寄せは親要素に対して指定*/
	}
	.menu ul li{
		display:inline-block;
		width: max-content; 
		padding: 0;
		margin: 5px;
		vertical-align:middle;/*縦の表示位置を真ん中に*/
		font-weight: bold;/*文字を太字に*/
		color: black;/*文字色 */
		border-bottom:solid 3px grey;
	}
	.menu a{
		text-decoration: none;
		color: black;
	}
	.menu a:hover{
		font-size: 1.3em;
		color:white;
		background-color: skyblue;
	}

}