@charset "UTF-8";
/* =============================================================================
   コーポレートヘッダー調整：Learning Note（/note/・WordPress）
   ※ functions/corp_header.php が common.css の後に読み込んでいる
   -----------------------------------------------------------------------------
   上段バーは通常フローに置いているので、.content はそのままでバーのぶん下がる。
   ここで直すのは position:fixed で上端基準に置いている要素だけ。

   --corpHeader-height : バーの高さ（corp-header.css）
   --corp-offset       : スクロールで流れたバーの量（corp-header.js が書き込む）
   → 「バーの高さ − 流れた量」だけ下げると、スクロールに合わせて元の位置へ戻っていく

   common.css の値を変えたときはここも合わせること
   （.header_wrap の top 30px / 20px、.gnav・.searchnav の padding-top 136px / 100px）
============================================================================= */

/* note のヘッダー(.header_wrap z-index:10000)より上に置く。
   PCのメガメニューとSPのドロワーが note のヘッダーに隠れないように */
.corpHeader {
	--corpHeader-z: 10001;
}

/* 丸いヘッダー */
.header_wrap {
	top: calc(30px + var(--corpHeader-height) - var(--corp-offset));
}

/* 検索パネル / SPのグローバルナビ（ヘッダーの下から中身を始めている） */
.searchnav,
.gnav {
	padding-top: calc(136px + var(--corpHeader-height) - var(--corp-offset));
}
.searchnav .searchnav_wrap,
.gnav .gnav_wrap {
	height: calc(100vh - 136px - var(--corpHeader-height) + var(--corp-offset));
}

@media screen and (max-width: 768px) {
	.header_wrap {
		top: calc(20px + var(--corpHeader-height) - var(--corp-offset));
	}
	.searchnav,
	.gnav {
		padding-top: calc(100px + var(--corpHeader-height) - var(--corp-offset));
	}
	.searchnav .searchnav_wrap,
	.gnav .gnav_wrap {
		height: calc(100vh - 100px - var(--corpHeader-height) + var(--corp-offset));
	}
}