@charset "UTF-8";

/*帯の幅*/
:root{
	--naviPaddingTB: 20px; /*上下幅*/
	--naviPaddingSide: 420px; /*左右幅*/
}

/*コンテナーのCSS*/
.headcontainer{
	display:flex;
	justify-content: space-between;
	align-items: center;
	background-color: #121212;

	font-size: 0;
}

.headcontainer > * {
    flex-shrink: 0;
    font-size: initial;
}

.header-left{
	margin-left:var(--naviPaddingSide);
}

.header-right{
	margin-right:var(--naviPaddingSide);
}

/*ロゴ*/
.logo{
	width: auto;          /* 念のため */
    flex: 0 0 auto;       /* 伸びない・縮まない */
	display: block;
	align-items: center;
	padding-top:var(--naviPaddingTB);
	padding-bottom: var(--naviPaddingTB);
	text-decoration:none;
	color: white;
}

/* メインメニューのCSS */
.main-menu{
	display:flex;
	list-style:none;
	gap:20px;
	/*メニューの上下当たり判定調整*/
	margin-top: var(--naviPaddingTB);
	margin-bottom: var(--naviPaddingTB);
}

.main-menu li a {
	text-decoration:none;
	color: white;
	padding-top:var(--naviPaddingTB);
	padding-bottom: var(--naviPaddingTB);
}


@media screen and (max-width: 767px) {
	/*スマホ用・追記して上書きする*/
}