/* ============================================================
 * rinka-header-2026.css — サイト上部のヘッダーを小さく（2026-09-28）
 * 制作者「ここもあたらしくしようか？ スペース少なくてもいい気がするけど、他のページひらいたときにじゃまにならないほうがいいね」
 * ・PC：左にロゴ（下に小さくキャッチ文）・右にメニューの1段（約70px。前は3段で約200px）
 * ・スマホ：ロゴ＋キャッチ文を詰めて約60px（メニューは今までどおり下のナビ）
 * ・効くのは body.rw26 のページだけ（inc/rinka-world-2026.php が読む）。ゲームの全画面・AI画像ツールは今までのまま。
 * ・キャッチ文・サイト名・メニューのリンクは文字のまま残す（検索エンジンにも読ませる）。撤収はこのファイルを読まないだけ。
 * ============================================================ */
body.rw26 #header-container-in { background: transparent; }
body.rw26 #header,
body.rw26 #header-in { background: transparent; }
body.rw26 #header .logo-header { margin: 0; padding: 0; line-height: 1.15; }
body.rw26 #header .site-name-text-link { display: inline-block; padding: 2px 0; }
body.rw26 #header .tagline { margin: 0; padding: 0; line-height: 1.4; }
/* うさ耳の印（メニューの「🐰」の代わり・functions.php の nav_menu_item_title） */
body.rw26 #navi .rinka-menu-mark { display: inline-block; width: 1.25em; height: 1.25em; margin-right: .3em; vertical-align: -.25em; object-fit: contain; }

@media (min-width: 1024px) {
	body.rw26 #header-container-in {
		display: flex; align-items: center; justify-content: space-between; gap: 16px;
		max-width: 1256px; margin: 0 auto; padding: 10px 24px;
	}
	body.rw26 #header { flex: 0 0 auto; }
	body.rw26 #header-in {
		display: flex; flex-direction: column-reverse; align-items: flex-start; justify-content: center;
		width: auto; min-height: 0; margin: 0; padding: 0;
	}
	body.rw26 #header .logo-header { text-align: left; }
	body.rw26 #header .site-name-text { font-size: 26px; }
	body.rw26 #header .tagline { margin-top: 1px; font-size: 11px; text-align: left; white-space: nowrap; }
	body.rw26 #navi { flex: 1 1 auto; min-width: 0; }
	body.rw26 #navi .navi-in { width: auto; margin: 0; }
	body.rw26 #navi .menu-top { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 4px; }
	body.rw26 #navi .menu-top > li { width: auto; height: auto; }
	body.rw26 #navi .menu-top > li > a {
		display: flex; align-items: center; height: 44px; min-height: 44px; padding: 0 14px;
		font-size: 14px; font-weight: 700; line-height: 1;
	}
	body.rw26 #navi .menu-top > li > a .caption-wrap { display: flex; align-items: center; height: auto; overflow: visible; }
	body.rw26 #navi .menu-top > li > a .item-label { line-height: 1.35; overflow: visible; padding-bottom: 1px; }
}
@media (max-width: 1023px) {
	body.rw26 #header-in { min-height: 0; padding: 8px 12px 6px; }
	body.rw26 #header .site-name-text { font-size: 22px; }
	body.rw26 #header .tagline { font-size: 10px; padding: 0 0 2px; }
}