@charset "utf-8";
/* ヘッドライン・メニュー・バー全体のスタイル */
 body {
	 padding-top: 60px; /* メニューバーの高さ分だけ上に余白を作る */
 }
 .navbar {
	 position: fixed;      /* 画面上部に固定 */
	 top: 0;               /* 一番上に配置 */
	 left: 0;
	 width: 100%;          /* 横幅いっぱい */
	 background-color: #333; /* 背景色（暗めがおすすめ） */
	 color: white;
	 z-index: 1000;        /* 他の要素より手前に表示 */
	 box-shadow: 0 2px 5px rgba(0,0,0,0.2); /* 軽い影をつけて見やすく */
 }

 /* 中身のレイアウト */
 .nav-container {
	 display: flex;
	 justify-content: space-between; /* ロゴとリンクを左右に分ける */
	 align-items: center;
	 max-width: 100%;    /* コンテンツの最大幅 */
	 margin: 0 auto;       /* 中央寄せ */
	 padding: 10px 20px;
	 font-family:monospace;
	 font-size:100%;
 }



 @media screen and (max-width: 767px) {
	 .nav-container{font-size:75%;}
 }


 /* リンクのスタイル */
 .nav-links a {
	 color: white;
	 text-decoration: none;
	 /*margin-left: 20px;*/
 }



 .nav-links a:hover {
	 text-decoration: underline; /* マウスを乗せた時に下線 */
 }


 .my-button {
	 text-decoration: none; /* 通常時は下線なし */
	 background-color:transparent;
	 border:none;
	 cursor:pointer;
	 outline:none;
	 padding:0;
	 appearance:none;
	 color:white;
	 /*margin-left:20px;*/
	 font-size:100%:
 }

 @media screen and (max-width: 767px) {
	 .my-button{font-size:75%;}
 }



 .my-button:hover {
	 text-decoration: underline; /* ホバー時下線 */
 }