.header-links {
	  position: absolute;
	  top: 1em;
	  left: 1.5em;
	  font-size: 0.8em;
	  color: #aaa;
	}

	.header-links a {
	  color: #aaa;
	  text-decoration: none;
	  margin-right: 0.7em;
	}

	.header-links a:hover {
	  text-decoration: underline;
	  color: #fff;
	}



	.logo-link {
	  text-decoration: none;
	  color: inherit;
	  font: inherit;
	  cursor: pointer;
	}
	.logo-link:hover {
	  text-decoration: none;
	}



    header {
      background-color: #2e2e2e;
	  font-family: "Yu Mincho";
      color: #ffffff;
      margin: 0;
	  padding: 20px 0;
      text-align: center;
      position: relative;
    }
	
	.auth-links {
      position: absolute;
	  font-family: "Hiragino Mincho ProN";
      top: 1em;
      right: 1.5em;
      font-size: 0.9em;
    }
    .auth-links a {
      color: #ccc;
      text-decoration: none;
      margin-left: 0.5em;
    }
    .auth-links a:hover {
      text-decoration: underline;
      color: #fff;
    }
	
	.header-top {
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  padding: 0 1em;
	  position: relative;
	}

	/* スマホ対応（画面幅が600px以下のとき） */
	@media screen and (max-width: 600px) {
		
	  .header-top {
		flex-direction: column;
		align-items: center;
		gap: 0.5em;
		padding-bottom: 1em;
	  }
		
	  .header-links,
	  .auth-links {
		position: static !important;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		font-size: 0.75em;
		text-align: center;
	  }

	  .header-links a {
		margin: 0.3em 0.6em;
	  }

	  .header-links a,
	  .auth-links a {
		margin: 0.3em 0.6em;
	  }
	}