/*
Theme Name: Catch Responsive Child
Theme URI: https://glosedge.co.jp
Description: catch-responsive の子テーマ。今後のコード修正はすべてこちら側で行う。
Author: GlosEdge
Template: catch-responsive
Version: 1.0
Text Domain: catch-responsive-child
*/

/* ここから下に、parent(catch-responsive)を上書きしたいCSSを追加していく */

/* ヘッダー：社名・キャッチコピーの文字の代わりに、会社ロゴと投資めがねを同じ高さで並べる
   （functions.php の catchresponsive_site_branding() で出力。社名は検索エンジン・読み上げ用に不可視で残す） */
#site-branding.glosedge-branding {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-left: 24px; /* 左に少し余白 */
	padding: 12px 0;
}

.glosedge-branding a {
	display: block;
	line-height: 0;
}

/* 吹き出しが長くてもロゴと投資めがねは縮めない（吹き出し側が折り返す） */
.glosedge-branding > a,
.glosedge-branding > img {
	flex-shrink: 0;
}

.glosedge-branding img {
	display: block;
	width: auto;
	height: 100px;
}

/* 投資めがねの右の吹き出し（LINEスタンプの告知）。左向きのしっぽで投資めがねのセリフに見せる */
.glosedge-branding-bubble {
	position: relative;
	margin: 0 0 0 6px;
	padding: 10px 14px;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.95);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
	color: #1a2a3a;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.5;
}

a.glosedge-branding-bubble {
	display: block;
	line-height: 1.5; /* ロゴ用の「.glosedge-branding a { line-height: 0 }」を打ち消す */
	text-decoration: none;
}

a.glosedge-branding-bubble:hover,
a.glosedge-branding-bubble:focus {
	color: #06c755; /* LINEの緑 */
}

.glosedge-branding-bubble::before {
	content: "";
	position: absolute;
	top: 50%;
	left: -9px;
	margin-top: -8px;
	border-width: 8px 10px 8px 0;
	border-style: solid;
	border-color: transparent rgba(255, 255, 255, 0.95) transparent transparent;
}

.glosedge-branding .screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap;
}

@media (max-width: 600px) {
	/* スマホ（ページ本体の幅は約300px）：ロゴと投資めがねを少し小さくして、吹き出しを右に並べる */
	#site-branding.glosedge-branding {
		width: 100%;
		margin-left: 0;
		gap: 6px;
	}

	.glosedge-branding img {
		height: 50px;
	}

	.glosedge-branding-bubble {
		margin-left: 4px;
		padding: 6px 7px;
		font-size: 11px;
		line-height: 1.45;
	}
}

/* トップのスライダー：画像はそのまま、"Slider Image 1/2"等のテキスト部分だけ非表示 */
#feature-slider .entry-container {
	display: none;
}

/* スライダーの写真の左下に重ねる共通の文字（functions.php の catchresponsive_demo_slider()）。
   帯は敷かず、メイリオUIの深い紺色の文字に白いぼかし（光）を付けて、明るい写真でも暗い写真でも読めるようにする。
   メイリオUIは Windows のみのため、Mac／iPhone はヒラギノ角ゴ、Android は標準のゴシック体で表示される */
#feature-slider .cycle-slideshow {
	position: relative;
}

.glosedge-slider-caption {
	position: absolute;
	left: 26px;
	bottom: 18px;
	z-index: 150; /* 切り替わる写真（cycle が最大100前後の z-index を振る）より手前 */
	color: #06112a; /* 深い紺色 */
	font-family: "Meiryo UI", Meiryo, "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;
	font-size: clamp(15px, 2.2vw, 24px);
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1.2;
	text-shadow: /* 文字のまわりの白いぼかし（縁取り＋光） */
		0 0 1px #fff,
		0 0 2px #fff,
		0 0 3px #fff,
		0 0 6px #fff,
		0 0 10px rgba(255, 255, 255, 0.95),
		0 0 16px rgba(255, 255, 255, 0.85),
		0 0 26px rgba(255, 255, 255, 0.6);
	pointer-events: none; /* 写真のクリックや左右の矢印操作を邪魔しない */
}

/* スマホは左右の「前へ／次へ」矢印（幅約33px）と重ならないよう、少し右に寄せて文字も小さく・字間を詰める */
@media (max-width: 600px) {
	.glosedge-slider-caption {
		left: 36px;
		right: 36px;
		bottom: 8px;
		font-size: 12px;
		letter-spacing: 0.02em;
		text-align: center;
		white-space: nowrap; /* 額縁で写真が狭くなっても1行のまま */
	}
}

/* スライダー下の丸（ページャー）は枚数が多くスマホで2段になり写真にかかるため非表示 */
#feature-slider .cycle-pager {
	display: none;
}

/* スライダーを額縁に入れた作品のように見せる：年輪・繊維・節のある板目の木の額（マットなし）→ 写真のふちに細い金線。
   額の画像 images/frame-wood-v2.webp はパソコン表示（幅672px・額28px）の2倍の実寸で作ってあり、
   四隅は斜めの留め継ぎ。border-image の slice 56 は画像上の額の太さ（px）。
   額の下に影を落として壁に掛けたように浮かせ、上下に余白を取ってこの部分だけ特別感を出す。
   #feature-slider は親テーマで overflow: hidden なので、影が切れないよう上下の余白を広めに取る */
#feature-slider {
	padding: 40px 0 56px;
}

#feature-slider .wrapper {
	box-sizing: border-box;
	padding: 0;
	border: 28px solid #6a4428;    /* 木の額（画像が読めない場合はこの色） */
	border-image: url('images/frame-wood-v2.webp') 56 stretch;
	box-shadow:
		0 14px 28px rgba(0, 0, 0, 0.45),              /* 壁に掛けたような影 */
		0 4px 8px rgba(0, 0, 0, 0.3);
}

#feature-slider .cycle-slideshow {
	box-shadow: 0 0 0 1px #c9a45c; /* 写真のふちの細い金線 */
}

@media (max-width: 600px) {
	#feature-slider {
		padding: 24px 0 36px;
	}

	#feature-slider .wrapper {
		border-width: 14px;
	}
}

/* スライダーを縦横比はそのまま幅70%に縮め、中央に置く（スマホは狭すぎるので横幅いっぱいのまま） */
@media (min-width: 601px) {
	#feature-slider .wrapper {
		width: 70%;
		margin-left: auto;
		margin-right: auto;
	}
}

/* 額縁の左（写真の外）で旅の写真を紹介する投資めがね＋吹き出し（functions.php の catchresponsive_demo_slider()）。
   パソコンは額縁を右へ寄せて左に投資めがねの場所を作り、スマホは額縁の上に小さく横並びにする */
.glosedge-travel-owl {
	display: flex;
	flex-direction: column;
	align-items: center;
	pointer-events: none;
}

.glosedge-travel-owl-img {
	display: block;
	width: auto;
	height: 220px;
	filter: drop-shadow(0 6px 8px rgba(0, 0, 0, 0.35));
	transition: opacity 0.35s ease, transform 0.35s ease;
}

.glosedge-travel-owl.is-changing .glosedge-travel-owl-img {
	opacity: 0;
	transform: translateY(8px);
}

.glosedge-travel-owl-bubble {
	position: relative;
	margin: 0 0 16px;
	padding: 10px 16px;
	border: 3px solid #5a3a1e;
	border-radius: 16px;
	background: #fffdf6;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
	color: #06112a;
	font-family: "Meiryo UI", Meiryo, "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.45;
	text-align: center;
	white-space: nowrap;
}

.glosedge-travel-owl-bubble::before,
.glosedge-travel-owl-bubble::after {
	content: "";
	position: absolute;
	left: 50%;
	border-style: solid;
}

.glosedge-travel-owl-bubble::before { /* しっぽの縁 */
	bottom: -15px;
	margin-left: -11px;
	border-width: 15px 11px 0 11px;
	border-color: #5a3a1e transparent transparent transparent;
}

.glosedge-travel-owl-bubble::after { /* しっぽの中 */
	bottom: -10px;
	margin-left: -7px;
	border-width: 10px 7px 0 7px;
	border-color: #fffdf6 transparent transparent transparent;
}

@media (min-width: 601px) {
	#feature-slider.has-travel-owl .wrapper {
		margin-left: 27%;
		margin-right: 3%;
	}

	#feature-slider.has-travel-owl .glosedge-travel-owl {
		position: absolute;
		left: 1%;
		width: 25%;
		bottom: 56px; /* 額縁の下端にそろえる（#feature-slider の下の余白と同じ） */
		z-index: 2;
	}
}

@media (max-width: 600px) {
	#feature-slider.has-travel-owl .glosedge-travel-owl {
		flex-direction: row-reverse;
		justify-content: center;
		gap: 16px;
		margin: 0 0 8px;
	}

	.glosedge-travel-owl-img {
		height: 80px;
	}

	.glosedge-travel-owl-bubble {
		margin: 0;
		padding: 6px 12px;
		font-size: 14px;
	}

	.glosedge-travel-owl-bubble br {
		display: none;
	}

	/* スマホは投資めがねが左、吹き出しが右なので、しっぽを左向きに */
	.glosedge-travel-owl-bubble::before {
		left: -15px;
		bottom: auto;
		top: 50%;
		margin: -9px 0 0;
		border-width: 9px 15px 9px 0;
		border-color: transparent #5a3a1e transparent transparent;
	}

	.glosedge-travel-owl-bubble::after {
		left: -10px;
		bottom: auto;
		top: 50%;
		margin: -6px 0 0;
		border-width: 6px 10px 6px 0;
		border-color: transparent #fffdf6 transparent transparent;
	}
}

/* トップページ「発信コンテンツ」セクション（functions.php の catchresponsive_child_media_links） */
.glosedge-media {
	margin: 24px 0 8px;
}

/* note：メイン。MARKET HUB 画像の中心部を切り取って背景にする（高さは文字量なり）。
   背景の文字・チャートと重なるため、全体を暗く重ねて本文を読みやすくする */
.glosedge-note-card {
	display: block;
	/* クラフト紙色の地。右側に投資めがねを3体（.glosedge-note-stickers、「今日の投資めがね」の46枚からランダム。
	   2026-10-17 までは固定の背景画像 images/note-stickers2・3.webp だった）。文字はこげ茶 */
	position: relative;
	padding: 28px 32px;
	border-radius: 12px;
	background: #f3e8d2;
	color: #3a2614;
}

.glosedge-note-stickers {
	position: absolute;
	top: 50%;
	right: 20px;
	display: flex;
	align-items: flex-end;
	gap: 6px;
	transform: translateY(-50%);
	pointer-events: none;
}

.glosedge-note-stickers img {
	display: block;
	width: auto;
	height: 120px;
	max-width: none;
}

/* タブレット〜狭いパソコン（601〜999px）は説明文を左半分で折り返し、投資めがね3体を小さくして重ならないようにする */
@media (min-width: 601px) and (max-width: 999px) {
	.glosedge-note-stickers img {
		height: 84px;
	}

	.glosedge-note-desc {
		max-width: 52%;
	}
}

/* 画面の広いパソコン（1000px 以上）は投資めがね3体を大きめに（2026-10-17 までは images/note-stickers3.webp の背景だった） */
@media (min-width: 1000px) {
	.glosedge-note-stickers img {
		height: 120px;
	}
	text-decoration: none;
	box-shadow: 0 6px 18px rgba(8, 18, 28, 0.35);
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

/* カード型リンクはマウスを乗せてもテーマ標準の下線を出さない */
.glosedge-market-link:hover,
.glosedge-market-link:focus,
a.glosedge-branding-bubble:hover,
a.glosedge-branding-bubble:focus {
	text-decoration: none;
}

/* カード自体はリンクではない（見出し・ボタン・説明文中の語句だけがリンク） */
.glosedge-note-card > span,
.glosedge-note-card > .glosedge-note-title {
	display: block;
}

.glosedge-note-title,
.glosedge-note-title:hover,
.glosedge-note-title:focus {
	color: #3a2614;
	text-decoration: none;
}

.glosedge-note-title:hover,
.glosedge-note-title:focus {
	text-decoration: underline;
}

/* 説明文の「投資めがねと16人の投資家たち」（紹介記事へのリンク）は下線付き */
.glosedge-note-desc a,
.glosedge-note-desc a:hover,
.glosedge-note-desc a:focus {
	color: #7a4a1c;
	font-weight: bold;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.glosedge-note-desc a:hover,
.glosedge-note-desc a:focus {
	color: #a0601f;
}

.glosedge-note-label {
	color: #8c643c; /* クラフト紙色の地に合わせた薄茶 */
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 0.1em;
}

.glosedge-note-title {
	margin: 6px 0 8px;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.4;
}

/* 見出しの右の「毎朝更新中！」（2026-10-18、MARKET カードの .glosedge-market-freq と同じ大きさ。色はクラフト紙色の地に合う濃いオレンジ）。
   inline-block なので見出しにマウスを乗せたときの下線は付かない */
.glosedge-note-freq {
	display: inline-block;
	margin-left: 12px;
	color: #c2410c;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.02em;
	vertical-align: middle;
}

/* スマホは MARKET カードと同じく見出しの下の行に */
@media (max-width: 600px) {
	.glosedge-note-freq {
		display: block;
		margin: 2px 0 0;
		font-size: 16px;
	}
}

.glosedge-note-desc {
	font-size: 15px;
	line-height: 1.7;
}

.glosedge-note-button,
.glosedge-note-button:hover,
.glosedge-note-button:focus {
	display: inline-block;
	margin-top: 16px;
	padding: 10px 22px;
	border-radius: 999px;
	background: #e0bd6a;
	color: #0b1a26;
	font-weight: bold;
	text-decoration: none;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.glosedge-note-button:hover,
.glosedge-note-button:focus {
	transform: translateY(-2px);
	box-shadow: 0 6px 14px rgba(8, 18, 28, 0.3);
}

/* 投資めがねと16人の投資家のイメージ（note カードの直下） */
.glosedge-note-members {
	display: block;
	margin-bottom: 12px; /* 投資めがねと16人を上、note カードを下に並べる */
	padding: 10px 12px 0;
	border-radius: 12px;
	overflow: hidden;
	/* キャラクター画像は背景を透明化済み。後ろにチャートのバナー画像を敷く */
	background: url('images/investor-bg.webp') center / cover no-repeat #0b1a26;
}

.glosedge-note-members {
	position: relative;
}

.glosedge-note-members img {
	display: block;
	width: 100%;
	height: auto;
}

/* 各キャラの上に重ねる透明リンク（位置は functions.php の glosedge_member_spots()） */
.glosedge-members-stage {
	position: relative;
}

.glosedge-member-spot {
	position: absolute;
	bottom: 0; /* top は functions.php で頭のてっぺんに合わせて指定 */
	z-index: 1;
	border-radius: 8px;
	transition: background-color 0.15s ease;
}

.glosedge-member-spot:hover,
.glosedge-member-spot:focus-visible {
	background-color: rgba(255, 255, 255, 0.18);
	outline: none;
}

/* 見出し：バナー左半分の、キャラクターの頭上の空きスペースに白の太字で置く */
.glosedge-members-title {
	position: absolute;
	top: 7%;
	left: 3%;
	max-width: 47%;
	color: #fff;
	font-size: clamp(12px, 2.6vw, 28px);
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0.04em;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8), 0 0 10px rgba(8, 18, 28, 0.9);
	text-decoration: none;
	z-index: 2; /* キャラの透明リンクより手前 */
}

.glosedge-members-title:hover,
.glosedge-members-title:focus {
	color: #fff;
	text-decoration: underline;
}

/* 右上の空き（右側の投資家たちの頭上）に置く小さな注記 */
/* 集合写真の右上の「人物をタップするとLINEスタンプへ」（2026-10-19）。キャラのタップの邪魔をしないよう pointer-events: none */
.glosedge-members-tap {
	position: absolute;
	top: 8px;
	right: 10px;
	z-index: 2;
	margin: 0;
	padding: 3px 12px;
	border-radius: 999px;
	background: rgba(11, 26, 38, 0.78);
	border: 1px solid rgba(224, 189, 106, 0.7);
	color: #ffe7a8;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.4;
	pointer-events: none;
}

@media (max-width: 600px) {
	.glosedge-members-tap {
		top: 5px;
		right: 6px;
		padding: 2px 8px;
		font-size: 10px;
	}
}

.glosedge-members-note {
	position: absolute;
	top: 8%;
	right: 3%;
	max-width: 36%;
	margin: 0;
	color: #fff;
	font-size: clamp(10px, 1.3vw, 13px);
	line-height: 1.5;
	text-align: right;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8), 0 0 8px rgba(8, 18, 28, 0.9);
	pointer-events: none;
}

/* スマホ幅では頭上の空きが狭く折り返してキャラに重なるため、画像の上に1行で置く */
@media (max-width: 600px) {
	.glosedge-members-title {
		position: static;
		display: block;
		max-width: none;
		margin-bottom: 4px;
		font-size: 13px; /* 右上の「人物をタップすると自己紹介へ」と同じ行に並ぶので小さめに（2026-10-24） */
	}

	.glosedge-members-note {
		position: static;
		max-width: none;
		margin-top: 4px;
		font-size: 11px;
		text-align: left;
	}

	.glosedge-members-note br {
		display: none;
	}
}

/* Market Hub／Market Real：サブ扱い（note より小さいカード）。
   背景はそれぞれのバナー画像の一部を切り抜いて使う */
.glosedge-market-links {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 12px;
	margin-top: 16px;
}

.glosedge-market-link {
	display: flex; /* 高さを約2倍にして、文字は上寄せ・左寄せ */
	flex-direction: column;
	justify-content: flex-start;
	box-sizing: border-box;
	min-height: 118px; /* 以前の148pxの約80% */
	padding: 14px 18px;
	border-radius: 8px;
	background-color: #0b1a26;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
	text-decoration: none;
	transition: transform 0.15s ease;
}

.glosedge-market-hub {
	background-image:
		linear-gradient(rgba(8, 18, 28, 0.6), rgba(8, 18, 28, 0.6)),
		url('images/market-hub-bg.webp'); /* note-bg の上側40%（チャートのパネル部分）を切り出し。中央の「MARKET HUB」の文字は入れない */
	background-position: center top;
}

.glosedge-market-real {
	background-image:
		linear-gradient(rgba(8, 18, 28, 0.6), rgba(8, 18, 28, 0.6)),
		url('images/market-hub-bg.webp'); /* 2026-10-19 ユーザー指示で MARKET HUB と同じ背景に（それまでは images/market-real-bg.webp のモニターのチャート） */
	background-position: center top;
}

.glosedge-market-link:hover,
.glosedge-market-link:focus,
.glosedge-market-link:focus-within {
	color: #fff;
	transform: translateY(-2px);
}

/* カードの下の行（過去の記事一覧など）が無くなったので、すぐ下の note カードとの間を空ける（2026-10-18） */
.glosedge-market-links + .glosedge-note-card {
	margin-top: 16px;
}

/* 2026-10-18〜 カードは div。最新号へのリンクをカード全体に広げ（::after）、右下の「過去の記事一覧」はその上に重ねる */
div.glosedge-market-link {
	position: relative;
}

.glosedge-market-main,
.glosedge-market-main:visited,
.glosedge-market-main:hover,
.glosedge-market-main:focus {
	display: block;
	color: #fff;
	text-decoration: none;
}

.glosedge-market-main::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 8px;
}

a.glosedge-market-past,
a.glosedge-market-past:visited {
	position: relative;
	z-index: 1;
	align-self: flex-end;
	margin-top: auto;
	padding: 3px 12px;
	border-radius: 999px;
	background: rgba(11, 26, 38, 0.75);
	border: 1px solid rgba(224, 189, 106, 0.8);
	color: #ffe7a8;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
}

a.glosedge-market-past:hover,
a.glosedge-market-past:focus {
	background: #e0bd6a;
	color: #0b1a26;
	text-decoration: none;
}

.glosedge-market-title {
	display: block;
	font-weight: bold;
	letter-spacing: 0.05em;
}

/* パソコンは MARKET HUB／MARKET REAL の見出しを大きく（note カードの見出し 24px の1.3倍） */
@media (min-width: 601px) {
	.glosedge-market-title {
		font-size: 31px;
		line-height: 1.4;
	}
}

.glosedge-market-latest {
	display: inline-block;
	margin-left: 8px;
	padding: 1px 8px;
	border-radius: 999px;
	background: #e0bd6a;
	color: #0b1a26;
	font-size: 11px;
	vertical-align: middle;
}

/* LATEST の右の更新頻度（毎週土曜日更新！／毎朝更新中！） */
.glosedge-market-freq {
	display: inline-block;
	margin-left: 10px;
	color: #ffd66b; /* 2026-09-30 目立つように：文字を大きく・明るい金色に、黒い影で背景から浮かせる */
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);
	vertical-align: middle;
}

@media (max-width: 600px) {
	.glosedge-market-link {
		min-height: 0; /* スマホは元の高さのまま */
	}


	/* スマホは LATEST の間隔を少し詰める */
	.glosedge-market-latest {
		margin-left: 6px;
	}

	/* スマホは更新頻度を見出しの下の行に置く（2026-09-30。大きくしたので1行に収まらないため、HUB・REAL をそろえる） */
	.glosedge-market-freq {
		display: block;
		margin: 2px 0 0;
		font-size: 15px;
	}
}

.glosedge-market-desc {
	display: block;
	margin-top: 2px;
	font-size: 13px;
	font-weight: 700; /* 2026-10-19 ユーザー指示「見づらい」で白の太字に、背景の写真から浮かせる影 */
	color: #fff;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);
}

.glosedge-media-disclaimer {
	margin: 10px 0 0;
	padding: 6px 12px;
	border-radius: 6px;
	background: rgba(255, 255, 255, 0.9);
	font-size: 12px;
	color: #666;
}

@media (max-width: 600px) {
	/* スマホは文字まわりの余白を詰める */
	.glosedge-note-card {
		padding: 22px 20px 20px;
	}

	/* スマホは3体だとボタンと重なるので、ボタンの下の行に右寄せで並べる */
	.glosedge-note-stickers {
		position: static;
		justify-content: flex-end;
		margin: 10px 0 0;
		gap: 4px;
		transform: none;
	}

	.glosedge-note-stickers img {
		height: 64px;
	}

	.glosedge-note-title {
		font-size: 20px;
	}
}

/* トップページ下部の会社情報：写真は使わず、会社ロゴの紺〜青のグラデーションに右端へロゴを添える。
   写真の多いトップページの中で「会社の名刺」として区別し、連絡先を読みやすくする */
.home #content {
	background:
		url('images/header-logo.png') right 32px center / auto 78% no-repeat,
		linear-gradient(to right, #0c1e34 0%, #286ea0 100%);
}

/* スマホでは文字が横幅いっぱいになりロゴと重なるため、グラデーションのみ（ロゴはヘッダーにある） */
@media (max-width: 600px) {
	.home #content {
		background: linear-gradient(to right, #0c1e34 0%, #286ea0 100%);
	}
}

/* 会社情報欄の高さを約70%に：文字サイズはそのままで、余白と空の段落を詰める */
.home #content #post-26 {
	margin-bottom: 0;
	padding-top: 14px;
	padding-bottom: 14px;
}

.home #content #post-26 .entry-container,
.home #content #post-26 .entry-content {
	margin: 0;
	padding: 0;
}

.home #content #post-26 .entry-content p {
	margin-bottom: 8px;
}

/* スマホでは「代表取締役　村上浩司　ー　Hiroshi Murakami」が折り返さないよう、画面幅に合わせて文字を少し小さく */
@media (max-width: 600px) {
	.home #content #post-26 .entry-content p {
		font-size: min(3.3vw, 15px);
	}
}

.home #content #post-26 .entry-content p:empty {
	display: none;
}

.home #content #post-26 .entry-content > :last-child,
.home #content #post-26 .entry-content > p:nth-last-child(2) {
	margin-bottom: 0;
}

.home #content .entry-content,
.home #content .entry-content h2 {
	color: #fff;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}

/* トップページ：MARKET カードの下の「過去の記事一覧」リンク */
.glosedge-market-archive-link {
	margin: 10px 0 0;
	text-align: right;
}

.glosedge-market-archive-link a {
	display: inline-block;
	padding: 6px 14px;
	border-radius: 999px;
	background: rgba(11, 26, 38, 0.85);
	color: #e0bd6a;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

/* 用語集（最新版）と過去の記事一覧を横に並べる（2026-09-30。スマホで収まらないときは折り返す） */
.glosedge-market-archive-link a + a {
	margin-left: 8px;
}

@media (max-width: 600px) {
	.glosedge-market-archive-link a {
		margin-top: 6px;
	}
}

.glosedge-market-archive-link a:hover,
.glosedge-market-archive-link a:focus {
	color: #fff;
	text-decoration: none;
}

/* 過去の記事一覧ページ /market-archive/（functions.php の glosedge_market_archive_page()） */
.glosedge-archive {
	max-width: 960px;
	margin: 24px auto 40px;
	padding: 28px 32px;
	border-radius: 12px;
	background: rgba(255, 253, 246, 0.97);
	color: #1a2a3a;
	box-sizing: border-box;
}

.glosedge-archive-title {
	margin: 0 0 6px;
	font-size: 26px;
	font-weight: bold;
}

.glosedge-archive-lead,
.glosedge-archive-desc,
.glosedge-archive-note {
	margin: 0 0 14px;
	color: #555;
	font-size: 14px;
}

.glosedge-archive-section {
	margin-top: 26px;
}

.glosedge-archive-section h2 {
	margin: 0 0 4px;
	padding-left: 10px;
	border-left: 6px solid #0b1a26;
	font-size: 22px;
	letter-spacing: 0.05em;
}

.glosedge-archive-month {
	margin: 8px 0;
	border: 1px solid #e3d8c3;
	border-radius: 8px;
	background: #fff;
}

.glosedge-archive-month summary {
	padding: 10px 14px;
	cursor: pointer;
	font-weight: bold;
}

.glosedge-archive-month summary span {
	margin-left: 6px;
	color: #888;
	font-weight: normal;
	font-size: 13px;
}

.glosedge-archive-month ul {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 4px 14px 14px;
	list-style: none;
}

.glosedge-archive-month li {
	margin: 0;
}

.glosedge-archive-month a {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 6px 12px;
	border-radius: 6px;
	background: #0b1a26;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}

.glosedge-archive-month a:hover,
.glosedge-archive-month a:focus {
	background: #1f3a55;
	color: #fff;
	text-decoration: none;
}

/* 投資家会議の一覧（/investor-meeting/、2026-10-18）：日付の右の「議事録」。日付とひと続きのボタンに見せる */
.glosedge-archive-month li:has(.glosedge-archive-sub) {
	display: inline-flex;
}

.glosedge-archive-month li:has(.glosedge-archive-sub) > a:first-child {
	border-radius: 6px 0 0 6px;
}

.glosedge-archive-month a.glosedge-archive-sub {
	border-radius: 0 6px 6px 0;
	border-left: 1px solid rgba(255, 255, 255, 0.25);
	background: #2b4a66;
	font-size: 13px;
}

.glosedge-archive-gogai-mark {
	display: inline-block;
	padding: 0 6px;
	border-radius: 999px;
	background: #c0392b;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.6;
}

@media (max-width: 600px) {
	.glosedge-archive {
		margin: 12px 0 24px;
		padding: 18px 14px;
	}

	.glosedge-archive-title {
		font-size: 20px;
	}

	.glosedge-archive-market-archive-link {
		text-align: left;
	}
}

/* ===== 会社HP（トップ）と 投資めがねHP（/megane/）の切り分け（functions.php の glosedge_company_home() ほか） ===== */

/* 会社HPでは固定ページの本文（旧・会社連絡先の欄）を、投資めがねHPでは空の本文欄を隠す */
.glosedge-company #content,
.glosedge-megane #content {
	display: none;
}

.glosedge-co {
	margin: 20px 0 40px;
	color: #1a2a3a;
}

/* メインビジュアル：札幌の街並みの写真に会社のメッセージ */
.glosedge-co-hero {
	position: relative;
	display: flex;
	align-items: flex-start;
	min-height: 400px;
	border-radius: 12px;
	background: center 70% / cover no-repeat #1f5fa8;
	overflow: hidden;
	box-shadow: 0 8px 22px rgba(8, 18, 28, 0.35);
}

.glosedge-co-hero-text {
	max-width: 46%; /* 写真左上の空の部分に収める */
	padding: 36px 40px;
	color: #fff;
	text-shadow: 0 2px 6px rgba(0, 25, 70, 0.55);
}

.glosedge-co-hero-en {
	margin: 0 0 16px;
	font-family: "Noto Serif JP", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", serif;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.02em;
}

.glosedge-co-hero-ja {
	margin: 0;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.9;
}

/* 各ブロック（白い台紙） */
.glosedge-co-block {
	margin-top: 22px;
	padding: 28px 32px;
	border-radius: 12px;
	background: rgba(255, 253, 248, 0.96);
	box-shadow: 0 6px 18px rgba(8, 18, 28, 0.25);
}

.glosedge-co-h2 {
	margin: 0 0 18px;
	font-size: 24px;
	font-weight: 700;
	color: #0b1a26;
}

.glosedge-co-h2 span {
	display: block;
	margin-bottom: 2px;
	color: #286ea0;
	font-size: 13px;
	letter-spacing: 0.2em;
}

/* 事業内容：アイコン付きカード3枚 */
.glosedge-co-services {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.glosedge-co-services li {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	margin: 0;
	padding: 26px 12px;
	border: 1px solid #d9e3ec;
	border-radius: 10px;
	background: #fff;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
}

.glosedge-co-services svg {
	width: 44px;
	height: 44px;
	padding: 12px;
	border-radius: 50%;
	background: linear-gradient(135deg, #0c1e34, #286ea0);
	fill: none;
	stroke: #fff;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}

/* 取り組み：投資めがねHPへの大きなバナー */
.glosedge-co-megane {
	position: relative;
	display: block;
	border-radius: 12px;
	background: center / cover no-repeat #0b1a26;
	color: #fff;
	text-decoration: none;
	overflow: hidden;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.glosedge-co-megane:hover,
.glosedge-co-megane:focus {
	color: #fff;
	text-decoration: none;
	transform: translateY(-2px);
	box-shadow: 0 10px 24px rgba(8, 18, 28, 0.4);
}

.glosedge-co-megane-text {
	display: block;
	padding: 24px 28px 18px;
	background: linear-gradient(to bottom, rgba(8, 18, 28, 0.75) 0%, rgba(8, 18, 28, 0.45) 70%, rgba(8, 18, 28, 0) 100%);
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
}

.glosedge-co-megane-text > span {
	display: block;
}

.glosedge-co-megane-title {
	font-size: 26px;
	font-weight: 700;
}

.glosedge-co-megane-desc {
	margin-top: 4px;
	font-size: 14px;
	line-height: 1.7;
}

.glosedge-co-megane-btn {
	display: inline-block !important;
	margin-top: 12px;
	padding: 8px 20px;
	border-radius: 999px;
	background: #e0bd6a;
	color: #0b1a26;
	font-weight: 700;
	text-shadow: none;
}

.glosedge-co-megane-img {
	display: block;
	width: 100%;
	height: auto;
}

/* 取り組み：小さなリンク3つ */
.glosedge-co-links {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
	margin: 14px 0 0;
	padding: 0;
	list-style: none;
}

.glosedge-co-links li {
	margin: 0;
}

.glosedge-co-links a {
	display: block;
	height: 100%;
	box-sizing: border-box;
	padding: 14px 16px;
	border: 1px solid #d9e3ec;
	border-radius: 10px;
	background: #fff;
	color: #1a2a3a;
	text-decoration: none;
}

.glosedge-co-links a:hover,
.glosedge-co-links a:focus {
	border-color: #286ea0;
	color: #1a2a3a;
	text-decoration: none;
}

.glosedge-co-links b {
	display: block;
	color: #0b1a26;
	font-size: 16px;
}

.glosedge-co-links span {
	display: block;
	margin-top: 2px;
	color: #666;
	font-size: 13px;
}

/* 会社概要：紺〜青のグラデーション＋右に会社ロゴ（旧・会社連絡先の欄のデザインを引き継ぐ） */
.glosedge-co-profile-wrap {
	background:
		url('images/header-logo.png') right 32px center / auto 150px no-repeat,
		linear-gradient(to right, #0c1e34 0%, #286ea0 100%);
	color: #fff;
}

.glosedge-co-h2-light,
.glosedge-co-h2-light span {
	color: #fff;
}

.glosedge-co-h2-light span {
	opacity: 0.75;
}

.glosedge-co-profile {
	display: grid;
	grid-template-columns: 7em 1fr;
	max-width: 620px;
	margin: 0;
}

.glosedge-co-profile dt,
.glosedge-co-profile dd {
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

.glosedge-co-profile dt {
	font-weight: 700;
	opacity: 0.85;
}

@media (max-width: 600px) {
	.glosedge-co {
		margin: 12px 0 24px;
	}

	.glosedge-co-hero {
		min-height: 300px;
		background-position: 65% 70%;
	}

	.glosedge-co-hero-text {
		max-width: none;
		padding: 22px 18px;
	}

	.glosedge-co-hero-en {
		font-size: 17px;
	}

	.glosedge-co-hero-en br {
		display: none;
	}

	.glosedge-co-hero-ja {
		font-size: 13px;
	}

	.glosedge-co-hero-ja br {
		display: none;
	}

	.glosedge-co-block {
		padding: 20px 16px;
	}

	.glosedge-co-h2 {
		font-size: 20px;
	}

	.glosedge-co-services,
	.glosedge-co-links {
		grid-template-columns: 1fr;
	}

	.glosedge-co-services li {
		flex-direction: row;
		justify-content: flex-start;
		padding: 12px 16px;
		font-size: 16px;
	}

	.glosedge-co-services svg {
		width: 30px;
		height: 30px;
		padding: 9px;
	}

	.glosedge-co-megane-text {
		padding: 16px 16px 4px;
	}

	.glosedge-co-megane-title {
		font-size: 20px;
	}

	.glosedge-co-megane-desc br {
		display: none;
	}

	.glosedge-co-profile-wrap {
		background: linear-gradient(to right, #0c1e34 0%, #286ea0 100%);
	}

	.glosedge-co-profile {
		grid-template-columns: 5.5em 1fr;
		font-size: 14px;
	}
}

/* 投資めがねHPの冒頭：大見出し（h1）と紹介文（検索エンジン向けにも文字で置く） */
.glosedge-megane-intro {
	margin: 0 0 14px;
	padding: 18px 24px;
	border-radius: 12px;
	background: rgba(11, 26, 38, 0.82);
	color: #fff;
}

.glosedge-megane-h1 {
	margin: 0 0 6px;
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.3;
}

.glosedge-megane-h1 span {
	display: inline-block;
	margin-left: 12px;
	color: #e0bd6a;
	font-size: 16px;
	vertical-align: middle;
}

.glosedge-megane-intro p {
	margin: 0;
	font-size: 14px;
	line-height: 1.8;
}

/* 冒頭のカードの右上の小さな「おみくじ」（2026-10-18。おみくじ本体はページの一番下） */
.glosedge-megane-intro {
	position: relative;
}

a.glosedge-megane-omikuji,
a.glosedge-megane-omikuji:visited {
	position: absolute;
	top: 12px;
	right: 14px;
	padding: 3px 12px;
	border: 1px solid rgba(224, 189, 106, 0.7);
	border-radius: 999px;
	color: #ffe7a8;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
}

a.glosedge-megane-omikuji::before {
	content: "🎋 ";
}

a.glosedge-megane-omikuji:hover,
a.glosedge-megane-omikuji:focus {
	background: #e0bd6a;
	color: #0b1a26;
	text-decoration: none;
}

/* 小見出しの右の「今日のマーケット →」（2026-10-19）。今日のマーケットのカードの赤い札に合わせた小さな赤い札 */
a.glosedge-megane-today,
a.glosedge-megane-today:visited {
	display: inline-block;
	margin-left: 12px;
	padding: 2px 12px;
	border-radius: 999px;
	background: #c62828;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0;
	vertical-align: middle;
	text-decoration: none;
}

a.glosedge-megane-today:hover,
a.glosedge-megane-today:focus {
	background: #a61f1f;
	color: #fff;
	text-decoration: none;
}

/* 見出しが右上のおみくじに重ならないように（札が「おみくじと一人旅」になったので 2026-10-19 に広げた） */
.glosedge-megane-intro .glosedge-megane-h1 {
	padding-right: 150px;
}

/* スマホは「投資めがね」の行が短く重ならないので、小見出しが折り返さないよう余白を外す */
@media (max-width: 600px) {
	.glosedge-megane-intro .glosedge-megane-h1 {
		padding-right: 0;
	}

	a.glosedge-megane-omikuji {
		top: 14px;
		right: 12px;
	}

	/* 2026-10-31 札が「投資めがねコーナー」に長くなったので、スマホは小さくして見出しに重ならないように */
	a.glosedge-megane-omikuji,
	a.glosedge-megane-omikuji:visited {
		padding: 2px 9px;
		font-size: 11px;
	}

	a.glosedge-megane-omikuji::before {
		content: none;
	}
}

#glosedge-omikuji {
	scroll-margin-top: 12px;
}

/* 冒頭のカードの目的別の入口（2026-10-18）。パソコンは4つ横並び、スマホは2つずつ2行 */
.glosedge-megane-goto {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 8px;
	margin-top: 12px;
}

.glosedge-megane-goto a,
.glosedge-megane-goto a:visited {
	display: block;
	padding: 9px 10px;
	border: 1px solid #e0bd6a;
	border-radius: 999px;
	background: rgba(224, 189, 106, 0.12);
	color: #ffe7a8;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.3;
	text-align: center;
	text-decoration: none;
	transition: background 0.15s ease, color 0.15s ease;
}

.glosedge-megane-goto a:hover,
.glosedge-megane-goto a:focus {
	background: #e0bd6a;
	color: #0b1a26;
	text-decoration: none;
}

/* ページ内リンクで飛んだとき、カードの上端が画面の端にくっつかないように */
#glosedge-today-market,
#glosedge-basics,
#glosedge-ranking,
.glosedge-megane-divider {
	scroll-margin-top: 12px;
}

/* 投資家16人の自己紹介への入口（2026-10-19）。縦を短く：見出し｜顔16人｜ボタンを1行に */
.glosedge-intro-card {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 14px;
	margin-top: 12px;
	padding: 10px 16px;
	border-radius: 8px;
	background: #fff8ea;
	border: 2px solid #e0bd6a;
	color: #3b2a17;
}

.glosedge-intro-card-head {
	flex: 0 0 auto;
	margin: 0;
	line-height: 1.3;
}

.glosedge-intro-card-head b {
	display: block;
	font-size: 17px;
}

.glosedge-intro-card-head span {
	display: block;
	color: #6b5a44;
	font-size: 12px;
}

/* 見出しが自己紹介ページへのリンク（2026-10-19。右のボタンは廃止） */
.glosedge-intro-card-head a,
.glosedge-intro-card-head a:visited {
	color: #8a5a12;
	text-decoration: none;
}

.glosedge-intro-card-head a:hover,
.glosedge-intro-card-head a:focus {
	color: #a0601f;
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* 16人の立ち姿（2026-10-19、顔のアイコンから集合写真と同じ絵に）。見出しの下に1列、足元をそろえて下に姓 */
.glosedge-intro-card-figures {
	display: flex;
	flex: 1 1 100%;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-end;
	gap: 6px 4px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.glosedge-intro-card-figures li {
	margin: 0;
}

.glosedge-intro-card-figures a,
.glosedge-intro-card-figures a:visited {
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #3b2a17;
	text-decoration: none;
	transition: transform 0.15s ease;
}

.glosedge-intro-card-figures a:hover,
.glosedge-intro-card-figures a:focus {
	transform: translateY(-3px);
	color: #a0601f;
}

.glosedge-intro-figure {
	display: block;
	background-repeat: no-repeat;
}

.glosedge-intro-figure-name {
	margin-top: 2px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.2;
	white-space: nowrap;
}

/* パソコン（1000px 以上）は見出しと立ち姿を1行に（2026-10-19 ユーザー指示「上と右の隙間を詰めて、縦を短く」）。立ち姿は見出しの右に均等に並べ、高さ 120→96px 相当。
   601〜999px は1行に入りきらないので、見出しの下に立ち姿（96px 相当）のまま */
@media (min-width: 601px) {
	.glosedge-intro-card {
		padding: 6px 12px 6px 16px;
	}

	.glosedge-intro-figure {
		zoom: 0.8;
	}
}

@media (min-width: 1000px) {
	.glosedge-intro-card {
		flex-wrap: nowrap;
		align-items: flex-end;
	}

	.glosedge-intro-card-head {
		align-self: flex-start;
		padding-top: 4px;
	}

	/* 立ち姿は見出しの右からカードの右端までに均等に広げる（2026-10-19 ユーザー指示「右に詰めすぎ、隙間を広げて」） */
	.glosedge-intro-card-figures {
		flex: 1 1 auto;
		justify-content: space-evenly;
		gap: 4px 3px;
		margin-left: 8px;
	}
}

a.glosedge-intro-card-go,
a.glosedge-intro-card-go:visited {
	flex: 0 0 auto;
	padding: 6px 16px;
	border-radius: 999px;
	background: #e0bd6a;
	color: #0b1a26;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
}

a.glosedge-intro-card-go:hover,
a.glosedge-intro-card-go:focus {
	background: #ecc978;
	color: #0b1a26;
	text-decoration: none;
}

@media (max-width: 600px) {
	.glosedge-intro-card {
		padding: 10px 12px;
		gap: 8px;
	}

	/* スマホは立ち姿を縮めて8人ずつ2行。幅の広いスマホでも1行が8人になるよう8列のマス目にし、
	   左右に隙間が残らないよう画面幅に合わせて立ち姿を大きくする（2026-10-20 ユーザー指示。それまでは折り返しで 430px 幅だと11人＋5人） */
	.glosedge-intro-card-figures {
		display: grid;
		grid-template-columns: repeat(8, minmax(0, 1fr));
		justify-items: center;
		gap: 6px 2px;
	}

	.glosedge-intro-figure {
		zoom: 0.46;
	}

	.glosedge-intro-figure-name {
		font-size: 8px;
		letter-spacing: -0.05em;
	}
}

@media (min-width: 360px) and (max-width: 600px) {
	.glosedge-intro-figure {
		zoom: 0.54;
	}

	.glosedge-intro-figure-name {
		font-size: 9px;
	}
}

@media (min-width: 400px) and (max-width: 600px) {
	.glosedge-intro-figure {
		zoom: 0.6;
	}

	.glosedge-intro-figure-name {
		font-size: 10px;
	}
}

@media (min-width: 440px) and (max-width: 600px) {
	.glosedge-intro-figure {
		zoom: 0.68;
	}
}

@media (min-width: 520px) and (max-width: 600px) {
	.glosedge-intro-figure {
		zoom: 0.78;
	}

	.glosedge-intro-figure-name {
		font-size: 11px;
	}
}

@media (max-width: 600px) {

	.glosedge-intro-card-head {
		flex: 1 1 0;
		min-width: 0;
	}

	.glosedge-intro-card-head b {
		font-size: 14px;
	}

	.glosedge-intro-card-head span {
		display: none;
	}

	a.glosedge-intro-card-go {
		margin-left: auto;
		padding: 4px 10px;
		font-size: 12px;
		white-space: nowrap;
	}
}

/* 区切りの仕切り線（2026-10-18）。背景の写真の上でも読めるよう、表題は紺の札に金の文字、線は金色 */
/* 線は見出し自体の背景（真ん中の高さに 3px の金の帯）で描く。::before/::after はテーマの見出しの飾りと重なって出なかった */
.glosedge-megane-divider {
	display: block;
	margin: 28px 0 4px;
	padding: 0;
	border: 0;
	background: linear-gradient(90deg, rgba(224, 189, 106, 0.2), #e0bd6a 15%, #e0bd6a 85%, rgba(224, 189, 106, 0.2)) center / 100% 3px no-repeat;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0.06em;
	text-align: center;
	color: #ffe7a8;
}

.glosedge-megane-divider span {
	display: inline-block;
	padding: 6px 20px;
	border: 1px solid #e0bd6a;
	border-radius: 999px;
	background: rgba(11, 26, 38, 0.88);
}

@media (max-width: 600px) {
	.glosedge-megane-divider {
		gap: 8px;
		margin-top: 22px;
		font-size: 15px;
	}

	.glosedge-megane-divider span {
		padding: 5px 14px;
	}
}

@media (max-width: 600px) {
	.glosedge-megane-goto {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 6px;
	}

	.glosedge-megane-goto a {
		padding: 8px 6px;
		border-radius: 12px; /* 2行になるボタンがあるので楕円ではなく角丸に */
		font-size: 13px;
	}
}

@media (max-width: 600px) {
	.glosedge-megane-intro {
		padding: 14px 16px;
	}

	.glosedge-megane-h1 {
		font-size: 24px;
	}

	.glosedge-megane-h1 span {
		display: block;
		margin: 2px 0 0;
		font-size: 14px;
	}

	/* スマホは小見出しの下の行に（2026-10-19） */
	a.glosedge-megane-today {
		margin: 6px 0 0;
		font-size: 12px;
	}

	.glosedge-megane-intro p {
		font-size: 13px;
	}
}

/* スライダー：写真をクリック（タップ）すると次の写真へ（2026-09-30） */
#feature-slider .cycle-slideshow {
	cursor: pointer;
}

/* ===== 今日の投資めがね＋投資めがねおみくじ（2026-09-30、/megane/ の note カードと MARKET カードの間） ===== */
.glosedge-play {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 12px;
	margin-top: 16px;
}

.glosedge-play-card {
	box-sizing: border-box;
	padding: 16px 20px 12px;
	border-radius: 8px;
	background: #fff8ea;
	border: 2px solid #e0bd6a;
	color: #3b2a17;
}

.glosedge-play-label {
	margin: 0 0 8px;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.05em;
	color: #3b2a17;
}

.glosedge-today-body,
.glosedge-omikuji-body {
	display: flex;
	align-items: center;
	gap: 16px;
}

.glosedge-today-body img,
.glosedge-omikuji-img {
	flex: 0 0 auto;
	width: 150px;
	height: 150px;
	object-fit: contain;
}

.glosedge-today-text,
.glosedge-omikuji-text {
	flex: 1 1 auto;
	min-width: 0;
}

.glosedge-today-num {
	margin: 0 0 6px;
	font-size: 14px;
}

.glosedge-today-num b {
	display: inline-block;
	margin-left: 4px;
	font-size: 24px;
	line-height: 1.2;
}

.glosedge-today-num b.up {
	color: #1d1d1d;
}

.glosedge-today-num b.down {
	color: #c62828;
}

.glosedge-today-msg,
.glosedge-omikuji-msg {
	margin: 0 0 10px;
	font-size: 15px;
	line-height: 1.6;
}

.glosedge-today-link {
	font-size: 14px;
	font-weight: 700;
	color: #8a5a12;
	text-decoration: underline;
}

.glosedge-play-note {
	margin: 10px 0 0;
	font-size: 12px;
	color: #6b5a44;
}

.glosedge-play-note a {
	color: #8a5a12;
	font-weight: 700;
}

.glosedge-omikuji-result {
	margin: 0 0 4px;
	font-size: 17px;
	font-weight: 700;
	min-height: 1.6em;
}

.glosedge-omikuji-result b {
	display: inline-block;
	padding: 0 10px;
	border-radius: 4px;
	background: #c62828;
	color: #fff;
	font-size: 20px;
}

.glosedge-omikuji-button {
	padding: 10px 22px;
	border: 0;
	border-radius: 999px;
	background: #e0bd6a;
	color: #0b1a26;
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
	transition: transform 0.15s ease;
}

.glosedge-omikuji-button:hover,
.glosedge-omikuji-button:focus {
	background: #ecc978;
	transform: translateY(-2px);
}

.glosedge-omikuji-button:disabled {
	opacity: 0.6;
	cursor: default;
	transform: none;
}

/* 引く前は、どのスタンプが出るか分からないようにシルエットにして「？」を重ねる */
.glosedge-omikuji-stage {
	position: relative;
	flex: 0 0 auto;
}

.glosedge-omikuji.is-idle .glosedge-omikuji-img {
	filter: brightness(0) opacity(0.2) blur(3px);
}

.glosedge-omikuji.is-idle .glosedge-omikuji-stage::after {
	content: "？";
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 56px;
	font-weight: 700;
	color: #8a5a12;
}

/* 引いている間は小刻みに揺れ、結果が出たらぽんと弾む */
.glosedge-omikuji.is-rolling .glosedge-omikuji-img {
	animation: glosedge-shake 0.18s linear infinite;
}

.glosedge-omikuji.is-done .glosedge-omikuji-img {
	animation: glosedge-pop 0.4s ease-out;
}

@keyframes glosedge-shake {
	0%, 100% { transform: rotate(0); }
	25% { transform: rotate(-6deg); }
	75% { transform: rotate(6deg); }
}

@keyframes glosedge-pop {
	0% { transform: scale(0.7); }
	60% { transform: scale(1.12); }
	100% { transform: scale(1); }
}

/* おみくじを横長の1枚に（2026-10-18、今日の投資めがねを廃止したため）。パソコンはスタンプ｜運勢と一言｜ボタンを横一列に */
@media (min-width: 601px) {
	.glosedge-omikuji.is-wide .glosedge-omikuji-body {
		gap: 24px;
	}

	.glosedge-omikuji.is-wide .glosedge-omikuji-img {
		width: 120px;
		height: 120px;
	}

	.glosedge-omikuji.is-wide .glosedge-omikuji-text {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: center;
		column-gap: 24px;
	}

	.glosedge-omikuji.is-wide .glosedge-omikuji-result,
	.glosedge-omikuji.is-wide .glosedge-omikuji-msg {
		grid-column: 1;
	}

	.glosedge-omikuji.is-wide .glosedge-omikuji-gate {
		grid-column: 2;
		grid-row: 1 / span 2;
		margin: 0;
	}
}

/* 広いパソコン（1000px 以上）は縦を詰める（2026-10-18 ユーザー指示）。見出しと LINE スタンプのリンクを左の列に寄せ、
   スタンプ・運勢と一言・ボタンをカードの中央に（左右の列を同じ幅 1fr にして真ん中の列をほぼ中央へ。左の列は見出しが折り返さない幅より細くしない） */
@media (min-width: 1000px) {
	.glosedge-omikuji.is-wide {
		display: grid;
		grid-template-columns: minmax(max-content, 1fr) auto minmax(0, 1fr);
		grid-template-rows: auto auto;
		align-items: center;
		column-gap: 20px;
		padding: 10px 20px;
	}

	.glosedge-omikuji.is-wide .glosedge-play-label {
		grid-column: 1;
		grid-row: 1;
		align-self: end;
		margin: 0;
		white-space: nowrap;
	}

	.glosedge-omikuji.is-wide .glosedge-play-note {
		grid-column: 1;
		grid-row: 2;
		align-self: start;
		margin: 4px 0 0;
		white-space: nowrap;
	}

	.glosedge-omikuji.is-wide .glosedge-omikuji-body {
		grid-column: 2;
		grid-row: 1 / span 2;
		gap: 20px;
	}

	.glosedge-omikuji.is-wide .glosedge-omikuji-img {
		width: 100px;
		height: 100px;
	}

	/* 真ん中の列は中身の幅で決まるので、文の列に幅を持たせないと一言が細く折り返される */
	.glosedge-omikuji.is-wide .glosedge-omikuji-text {
		grid-template-columns: 390px auto;
	}

	.glosedge-omikuji.is-wide.is-idle .glosedge-omikuji-stage::after {
		font-size: 44px;
	}
}

/* 1000〜1199px は 390px だとボタンがカードからはみ出すので、文の列を細くする（一言は2行になってよい） */
@media (min-width: 1000px) and (max-width: 1199px) {
	.glosedge-omikuji.is-wide .glosedge-omikuji-text {
		grid-template-columns: 280px auto;
	}
}

@media (max-width: 600px) {
	.glosedge-play {
		grid-template-columns: 1fr;
	}

	.glosedge-play-card {
		padding: 14px 14px 10px;
	}

	.glosedge-play-label {
		font-size: 18px;
	}

	.glosedge-today-body,
	.glosedge-omikuji-body {
		gap: 10px;
	}

	.glosedge-today-body img,
	.glosedge-omikuji-img {
		width: 96px;
		height: 96px;
	}

	.glosedge-today-num {
		font-size: 12px;
	}

	.glosedge-today-num b {
		font-size: 20px;
	}

	.glosedge-today-msg,
	.glosedge-omikuji-msg {
		font-size: 14px;
	}

	.glosedge-today-link {
		font-size: 13px;
	}

	.glosedge-omikuji-result {
		font-size: 15px;
	}

	.glosedge-omikuji-result b {
		font-size: 17px;
	}

	.glosedge-omikuji.is-idle .glosedge-omikuji-stage::after {
		font-size: 40px;
	}
}

/* ===== 集合写真の口ぐせ吹き出し（2026-10-01） ===== */
.glosedge-member-bubble {
	position: absolute;
	top: 3%;
	z-index: 4; /* 見出し・注記より手前 */
	width: max-content;
	max-width: 380px;
	padding: 8px 14px;
	border-radius: 12px;
	background: #fff;
	color: #222;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
	pointer-events: none; /* 吹き出しがキャラのマウス操作を邪魔しないように（中のリンクだけ押せる） */
}

.glosedge-member-bubble[hidden] {
	display: none;
}

.glosedge-member-bubble::after {
	content: "";
	position: absolute;
	left: var(--arrow, 50%);
	bottom: -8px;
	margin-left: -8px;
	border: 8px solid transparent;
	border-bottom: 0;
	border-top-color: #fff;
}

.glosedge-member-bubble-quote {
	margin: 0;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.5;
}

.glosedge-member-bubble-foot {
	margin: 4px 0 0;
	font-size: 12px;
	color: #555;
}

.glosedge-member-bubble-foot a {
	margin-left: 10px;
	color: #8a5a12;
	font-weight: 700;
	pointer-events: auto;
}

/* スマホは写真が低いので、吹き出しを小さくして写真の上端に重ねる（外枠が overflow: hidden なので写真の外には出せない） */
@media (max-width: 600px) {
	.glosedge-member-bubble {
		top: 2px;
		max-width: 230px;
		padding: 5px 10px;
		border-radius: 10px;
	}

	.glosedge-member-bubble-quote {
		font-size: 12px;
		line-height: 1.4;
	}

	.glosedge-member-bubble-foot {
		margin-top: 2px;
		font-size: 11px;
	}
}

/* ===== 投資家たちの予想ランキング（2026-10-01） ===== */
.glosedge-rank {
	box-sizing: border-box;
	margin-top: 12px;
	padding: 16px 20px 12px;
	border-radius: 8px;
	background: #fff8ea;
	border: 2px solid #e0bd6a;
	color: #3b2a17;
}

.glosedge-rank-month {
	display: inline-block;
	margin-left: 10px;
	padding: 2px 10px;
	border-radius: 999px;
	background: #c62828;
	color: #fff;
	font-size: 14px;
	vertical-align: middle;
}

/* 雑談のカード：赤い「毎週日曜更新」の右の、最新回の日付の札は白地に赤い縁で控えめに（2026-10-18） */
.glosedge-rank-month.glosedge-chat-date {
	margin-left: 6px;
	padding: 1px 9px;
	border: 1px solid #c62828;
	background: #fff;
	color: #c62828;
}

.glosedge-rank-lead {
	margin: 0 0 10px;
	font-size: 13px;
	color: #6b5a44;
}

.glosedge-rank-podium {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
	margin: 0 0 10px;
	padding: 0;
	list-style: none;
}

.glosedge-rank-podium li {
	margin: 0;
}

/* 上位3人：左に顔（メダルは左上に重ねる）、右に名前と的中率（2026-10-18、縦を短く。それまでは縦に並べていた） */
.glosedge-rank-podium a {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 12px;
	border-radius: 8px;
	background: #fff;
	color: #3b2a17;
	text-align: left;
	text-decoration: none;
	transition: transform 0.15s ease;
}

.glosedge-rank-pic {
	position: relative;
	flex: 0 0 auto;
	line-height: 0;
}

.glosedge-rank-pic .glosedge-rank-medal {
	position: absolute;
	top: -6px;
	left: -8px;
	font-size: 22px;
}

.glosedge-rank-who {
	display: flex;
	flex-direction: column;
	min-width: 0;
	line-height: 1.4;
}

.glosedge-rank-podium a:hover,
.glosedge-rank-podium a:focus {
	transform: translateY(-2px);
	color: #3b2a17;
}

.glosedge-rank-medal {
	font-size: 26px;
	line-height: 1;
}

.glosedge-rank-face {
	display: inline-block;
	flex: 0 0 auto;
	border-radius: 50%;
	background-color: #0b1a26;
	background-repeat: no-repeat;
	vertical-align: middle;
}

.glosedge-rank-podium .glosedge-rank-face {
	margin: 0;
	border: 3px solid #e0bd6a;
}

.glosedge-rank-name {
	font-size: 15px;
	font-weight: 700;
}

.glosedge-rank-rate {
	font-size: 13px;
}

.glosedge-rank-rate b {
	font-size: 18px;
	color: #c62828;
}

.glosedge-rank-latest {
	margin: 12px 0 8px;
	font-size: 13px;
	line-height: 1.8;
}

.glosedge-rank-act {
	display: inline-block;
	margin-right: 10px;
}

.glosedge-rank-act b.down {
	color: #c62828;
}

.glosedge-rank-all summary {
	cursor: pointer;
	font-size: 14px;
	font-weight: 700;
	color: #8a5a12;
}

.glosedge-rank-all table {
	width: 100%;
	margin: 8px 0 0;
	border-collapse: collapse;
	font-size: 13px;
	background: #fff;
}

.glosedge-rank-all th,
.glosedge-rank-all td {
	padding: 4px 8px;
	border-bottom: 1px solid #f0e2c4;
	text-align: left;
}

.glosedge-rank-all td a {
	color: #3b2a17;
	text-decoration: none;
}

.glosedge-rank-all td .glosedge-rank-face {
	margin-right: 6px;
}

.glosedge-rank-prev {
	margin: 8px 0 0;
	font-size: 13px;
}

@media (max-width: 600px) {
	.glosedge-rank {
		padding: 14px 12px 10px;
	}

	/* スマホは横3つだと名前が入らないので、1人1行で縦に3つ（1行が短いので全体の高さは前より低い） */
	.glosedge-rank-podium {
		grid-template-columns: 1fr;
		gap: 4px;
	}

	.glosedge-rank-podium a {
		padding: 4px 10px;
	}

	.glosedge-rank-pic {
		zoom: 0.72; /* 顔を小さく（背景画像の位置ごと縮める） */
	}

	.glosedge-rank-who {
		flex-direction: row;
		flex-wrap: wrap;
		align-items: baseline;
		gap: 0 10px;
	}

	.glosedge-rank-name {
		font-size: 14px;
	}

	.glosedge-rank-rate {
		font-size: 11px;
	}

	.glosedge-rank-rate b {
		font-size: 15px;
	}
}

/* おみくじのボタンは折り返さない（スマホで「また明日引けます」が2行になるため、2026-10-01） */
.glosedge-omikuji-button {
	white-space: nowrap;
}

@media (max-width: 600px) {
	.glosedge-omikuji-button {
		padding: 8px 14px;
		font-size: 14px;
	}
}

/* おみくじ筒と鳥居（2026-10-23 ユーザー指示。左におみくじ筒、真ん中にボタン、右に鳥居。
   2026-10-21〜23 は鳥居の柱の間にボタンを置いていた）。筒は引いている間揺れ、引き終わると棒が上に出る */
.glosedge-omikuji-gate {
	display: flex;
	align-items: flex-end;
	gap: 12px;
}

.glosedge-omikuji-tube {
	flex: 0 0 auto;
	width: 46px;
	height: 79px;
	overflow: visible;
	transform-origin: 50% 100%;
}

.glosedge-omikuji-torii {
	flex: 0 0 auto;
	width: 70px; /* viewBox 100x90。高さは筒（79px）より少し低く（2026-10-23 ユーザー指示で横長の鳥居から描き直し） */
	height: 63px;
}

.glosedge-omikuji-gate .glosedge-omikuji-button {
	margin-bottom: 2px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.glosedge-omikuji-stick {
	transform-box: fill-box;
	transition: transform 0.4s ease;
}

.glosedge-omikuji.is-rolling .glosedge-omikuji-tube {
	animation: glosedge-omikuji-shake 0.35s ease-in-out infinite;
}

.glosedge-omikuji:not(.is-idle):not(.is-rolling) .glosedge-omikuji-stick {
	transform: translateY(-14px);
}

@keyframes glosedge-omikuji-shake {
	0%, 100% { transform: rotate(0deg); }
	25% { transform: rotate(-12deg); }
	75% { transform: rotate(12deg); }
}

/* 端末の「動きを減らす」（iPhone の「視差効果を減らす」など）でも揺らす（2026-10-23 ユーザー指摘「スマホで筒が揺れない」。
   はじめは reduced-motion では止めていた。アルバムのスライドショーと同じく、この設定でも動きは残す） */

/* 筒・ボタン・鳥居は横に約300px 要るので、1200px 未満のパソコン・タブレットでは運勢と一言の下の行に置く。
   1200px 以上は今までどおり右の列で、文の列を 390px から 330px に細くして収める */
@media (min-width: 601px) and (max-width: 1199px) {
	.glosedge-omikuji.is-wide .glosedge-omikuji-text {
		grid-template-columns: minmax(0, 1fr);
	}

	.glosedge-omikuji.is-wide .glosedge-omikuji-gate {
		grid-column: 1;
		grid-row: auto;
		margin-top: 6px;
	}
}

@media (min-width: 1200px) {
	.glosedge-omikuji.is-wide .glosedge-omikuji-text {
		grid-template-columns: 330px auto;
	}
}

@media (max-width: 600px) {
	.glosedge-omikuji-gate {
		gap: 8px;
	}

	.glosedge-omikuji-tube {
		width: 38px;
		height: 65px;
	}

	.glosedge-omikuji-torii {
		width: 58px;
		height: 52px;
	}

	/* スマホは文の列が細く筒・ボタン・鳥居が入らないので、スタンプと文の下にカードの幅いっぱいの行を作って真ん中に置く */
	.glosedge-omikuji-body {
		display: grid;
		grid-template-columns: auto minmax(0, 1fr);
		align-items: center;
		column-gap: 12px;
	}

	.glosedge-omikuji-body .glosedge-omikuji-stage {
		grid-column: 1;
		grid-row: 1 / span 2;
	}

	.glosedge-omikuji-body .glosedge-omikuji-text {
		display: contents;
	}

	.glosedge-omikuji-body .glosedge-omikuji-result {
		grid-column: 2;
		grid-row: 1;
		align-self: end;
	}

	.glosedge-omikuji-body .glosedge-omikuji-msg {
		grid-column: 2;
		grid-row: 2;
		align-self: start;
	}

	.glosedge-omikuji-body .glosedge-omikuji-gate {
		grid-column: 1 / -1;
		grid-row: 3;
		justify-self: center;
		margin-top: 8px;
	}
}

/* 予想ランキングから投資家会議へのリンク（2026-10-01） */
/* 投資家会議と予想ランキング（2026-10-18）：見出しの右に「これまでの投資家会議」のボタン */
.glosedge-rank-head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start; /* ボタンは見出しのすぐ右（2026-10-18 ユーザー指示。はじめはカードの右端） */
	gap: 8px 16px;
	margin: 0 0 8px;
}

.glosedge-rank-head .glosedge-play-label {
	margin: 0;
}

a.glosedge-rank-meetings,
a.glosedge-rank-meetings:visited {
	display: inline-block;
	padding: 8px 18px;
	border-radius: 999px;
	background: #c62828;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	text-decoration: none;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
	transition: transform 0.15s ease, background 0.15s ease;
}

a.glosedge-rank-meetings:hover,
a.glosedge-rank-meetings:focus {
	background: #a61f1f;
	color: #fff;
	text-decoration: none;
	transform: translateY(-1px);
}

/* 最新の答え合わせ：予想と結果を市場ごとに並べた表 */
.glosedge-rank-latest-head {
	margin: 0 0 6px;
	font-size: 14px;
}

/* 値は 13px、見出し行（市場・投資家会議の予想・結果）は 15px で値より大きく（2026-10-18 ユーザー指示） */
.glosedge-rank-vs {
	width: 100%;
	margin: 0 0 6px;
	border-collapse: collapse;
	font-size: 13px;
	background: #fff;
}

.glosedge-rank-vs th,
.glosedge-rank-vs td {
	padding: 7px 10px;
	border: 1px solid #ecd9a8;
	text-align: left;
	vertical-align: middle;
}

.glosedge-rank-vs thead th {
	background: #f6e7bf;
	color: #3b2a17;
	font-size: 15px;
	font-weight: 700;
}

.glosedge-rank-vs tbody th {
	white-space: nowrap;
	font-weight: 700;
}

/* 予想・結果は1行（「上昇：上昇確率54.8%／想定7,650〜7,945」） */
.glosedge-rank-vs td {
	white-space: nowrap;
}

.glosedge-rank-call {
	font-weight: 700;
}

.glosedge-rank-call.up {
	color: #1d1d1d;
}

.glosedge-rank-call.down {
	color: #c62828;
}

/* 判定の列（的中／外れ、2026-10-18 に戻した） */
.glosedge-rank-vs td.glosedge-rank-judge {
	text-align: center;
	white-space: nowrap;
	font-size: 14px;
	font-weight: 700;
}

.glosedge-rank-judge.is-hit {
	background: #fff3cf;
	color: #c62828;
}

.glosedge-rank-judge.is-miss {
	color: #6b5a44;
}

.glosedge-rank-perfect {
	margin: 0 0 8px;
	font-size: 13px;
}

/* 1000px より狭い画面は1行に収まらないので折り返してよい */
@media (max-width: 999px) {
	.glosedge-rank-vs td {
		white-space: normal;
	}
}

/* スマホは表をやめて、市場ごとの小さなカードに（1行目＝市場名、2行目＝予想、3行目＝結果） */
@media (max-width: 600px) {
	.glosedge-rank-vs,
	.glosedge-rank-vs tbody {
		display: block;
		background: none;
		font-size: 12px;
	}

	.glosedge-rank-vs thead {
		display: none;
	}

	/* 1行目は 市場名｜判定（右）、2行目＝予想、3行目＝結果 */
	.glosedge-rank-vs tr {
		display: grid;
		grid-template-columns: 1fr auto;
		margin: 0 0 6px;
		border: 1px solid #ecd9a8;
		border-radius: 6px;
		background: #fff;
		overflow: hidden;
	}

	.glosedge-rank-vs th,
	.glosedge-rank-vs td {
		display: block;
		border: 0;
		padding: 4px 8px;
	}

	.glosedge-rank-vs tbody th {
		grid-column: 1;
		grid-row: 1;
		background: #f6e7bf;
		font-size: 14px;
	}

	.glosedge-rank-vs td.glosedge-rank-judge {
		grid-column: 2;
		grid-row: 1;
		background: #f6e7bf;
	}

	.glosedge-rank-vs td.glosedge-rank-vs-call,
	.glosedge-rank-vs td.glosedge-rank-vs-act {
		grid-column: 1 / span 2;
	}

	.glosedge-rank-vs td.glosedge-rank-vs-act {
		border-top: 1px dashed #ecd9a8;
	}

	.glosedge-rank-vs td[data-label]::before {
		content: attr(data-label) "　";
		color: #8c643c;
		font-size: 11px;
		font-weight: 700;
	}

	a.glosedge-rank-meetings {
		padding: 7px 14px;
		font-size: 14px;
	}
}

.glosedge-rank-next {
	margin: 0 0 8px;
	font-size: 13px;
}

.glosedge-rank-next a {
	color: #8a5a12;
	font-weight: 700;
}

/* 今週の予想の1行サマリ（リンクの右、2026-10-19） */
.glosedge-rank-next-sum {
	margin-left: 12px;
}

.glosedge-rank-next-sum > span {
	margin-right: 10px;
	white-space: nowrap;
}

/* ===== 的中王のひとこと＝今日のマーケット（2026-10-02、予想ランキングの上。2026-10-18 から特集のすぐ下） ===== */
.glosedge-leader {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-top: 12px;
	padding: 14px 20px;
	border-radius: 8px;
	background: linear-gradient(135deg, #fff3cf, #fff8ea);
	border: 2px solid #e0bd6a;
	color: #3b2a17;
}

.glosedge-leader-face {
	position: relative;
	flex: 0 0 auto;
}

.glosedge-leader-face .glosedge-rank-face {
	border: 3px solid #e0bd6a;
}

.glosedge-leader-crown {
	position: absolute;
	top: -14px;
	left: 50%;
	transform: translateX(-50%) rotate(-10deg);
	font-size: 24px;
	line-height: 1;
}

.glosedge-leader-body {
	flex: 1 1 auto;
	min-width: 0;
}

.glosedge-leader-head {
	margin: 0 0 6px;
	font-size: 15px;
}

.glosedge-leader-label {
	display: inline-block;
	margin-right: 8px;
	padding: 2px 10px;
	border-radius: 999px;
	background: #c62828;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
}

.glosedge-leader-head b {
	font-size: 17px;
}

/* 名前の右の「◯/◯時点の予想ランキング的中王！」（2026-10-18。それまでは日付 .glosedge-leader-date があった） */
.glosedge-leader-rank {
	margin-left: 10px;
	color: #b45309;
	font-size: 14px;
	font-weight: 700;
}

@media (max-width: 600px) {
	.glosedge-leader-rank {
		display: block;
		margin: 2px 0 0;
		font-size: 13px;
	}
}

/* 一番下の主な市場の動き（2026-10-18）。パソコンは6つを1行、スマホは3つずつ2行。上げは黒、下げは赤（「今日の投資めがね」と同じ） */
.glosedge-leader-moves {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 6px;
	margin: 10px 0 0;
	padding: 0;
	list-style: none;
}

.glosedge-leader-moves li {
	margin: 0;
	padding: 0;
	border-radius: 6px;
	background: rgba(255, 255, 255, 0.75);
	border: 1px solid #ecd9a8;
	line-height: 1.35;
	text-align: center;
}

/* 各指標は Yahoo Finance へのリンク（2026-10-18）。マス全体を押せる */
.glosedge-leader-moves a,
.glosedge-leader-moves a:visited {
	display: block;
	padding: 6px 8px;
	border-radius: 6px;
	color: #3b2a17;
	text-decoration: none;
	transition: background 0.15s ease, transform 0.15s ease;
}

.glosedge-leader-moves a:hover,
.glosedge-leader-moves a:focus {
	background: #fff;
	color: #3b2a17;
	text-decoration: none;
	transform: translateY(-1px);
}

.glosedge-leader-moves span {
	display: block;
	color: #6b5a44;
	font-size: 12px;
	font-weight: 700;
}

.glosedge-leader-moves b {
	display: block;
	font-size: 14px;
}

.glosedge-leader-moves em {
	display: block;
	color: #1d1d1d;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
}

.glosedge-leader-moves em.down {
	color: #c62828;
}

.glosedge-leader-moves-note {
	margin: 4px 0 0;
	color: #6b5a44;
	font-size: 11px;
}

@media (max-width: 600px) {
	.glosedge-leader-moves {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 4px;
	}

	.glosedge-leader-moves a {
		padding: 5px 4px;
	}

	.glosedge-leader-moves b {
		font-size: 12px;
	}

	.glosedge-leader-moves em {
		font-size: 13px;
	}
}

/* 特集のすぐ下に置いたので、下の MARKET カードとの間を空ける */
.glosedge-media .glosedge-leader {
	margin-bottom: 12px;
}

.glosedge-leader-comment {
	margin: 0;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.7;
}

@media (max-width: 600px) {
	.glosedge-leader {
		align-items: flex-start;
		gap: 10px;
		padding: 14px 12px;
	}

	.glosedge-leader-face .glosedge-rank-face {
		width: 56px !important;
		height: 56px !important;
	}

	.glosedge-leader-comment {
		font-size: 14px;
	}

	/* スマホはラベルを1行目に分け、名前が途中で折り返さないようにする */
	.glosedge-leader-label {
		display: table;
		margin: 0 0 4px;
	}
}

/* 的中王のひとこと：左は立ち姿（2026-10-02） */
.glosedge-leader-figure {
	display: block;
	background-repeat: no-repeat;
	filter: drop-shadow(0 3px 4px rgba(0, 0, 0, 0.25));
}

.glosedge-leader-face .glosedge-leader-crown {
	top: -6px;
}

@media (max-width: 600px) {
	.glosedge-leader {
		align-items: flex-end;
	}

	.glosedge-leader-figure {
		zoom: 0.7; /* スマホは立ち姿を7割の大きさに（背景画像の位置ごと縮める） */
	}
}

/* 予想ランキングのタブ（総合／市場ごと、2026-10-02） */
.glosedge-rank-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0 0 10px;
}

.glosedge-rank-tab {
	padding: 6px 14px;
	border: 1px solid #e0bd6a;
	border-radius: 999px;
	background: #fff;
	color: #8a5a12;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
}

.glosedge-rank-tab:hover,
.glosedge-rank-tab:focus-visible {
	background: #fff3cf;
}

.glosedge-rank-tab.is-active {
	background: #8a5a12;
	border-color: #8a5a12;
	color: #fff;
}

.glosedge-rank-board[hidden] {
	display: none;
}

@media (max-width: 600px) {
	.glosedge-rank-tab {
		padding: 5px 10px;
		font-size: 12px;
	}
}

/* ===== 投資家たちの雑談（2026-10-04、/investor-chat/） ===== */
.glosedge-chat {
	max-width: 760px;
	margin: 24px auto 40px;
	padding: 20px 20px 16px;
	border-radius: 12px;
	background: #eef1f6;
	color: #222;
}

.glosedge-chat-back {
	margin: 0 0 8px;
	font-size: 13px;
}

.glosedge-chat-title {
	margin: 0 0 12px;
	font-size: 24px;
	line-height: 1.4;
}

.glosedge-chat-title small {
	font-size: 15px;
	color: #555;
}

.glosedge-chat-lead {
	margin: 0 0 12px;
	font-size: 14px;
}

.glosedge-chat-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.glosedge-chat-list li {
	margin: 0 0 8px;
}

.glosedge-chat-list a {
	display: block;
	padding: 10px 14px;
	border-radius: 8px;
	background: #fff;
	color: #222;
	text-decoration: none;
}

.glosedge-chat-list a span {
	display: block;
	margin-top: 2px;
	font-size: 13px;
	color: #555;
}

.glosedge-chat-room {
	padding: 8px 0;
}

.glosedge-chat-head {
	margin: 18px 0 10px;
	padding: 4px 0;
	font-size: 16px;
	text-align: center;
	color: #555;
	border-bottom: 1px solid #cfd6e2;
}

.glosedge-chat-note {
	margin: 10px auto;
	max-width: 90%;
	padding: 6px 12px;
	border-radius: 999px;
	background: rgba(0, 0, 0, 0.08);
	color: #444;
	font-size: 12px;
	line-height: 1.6;
	text-align: center;
}

.glosedge-chat-say {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin: 10px 0;
}

.glosedge-chat-face {
	flex: 0 0 auto;
	border: 2px solid #fff;
}

.glosedge-chat-face-group {
	display: inline-flex;
	width: 44px;
	height: 44px;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #8a5a12;
	color: #fff;
	font-weight: 700;
}

.glosedge-chat-bubble-wrap {
	min-width: 0;
	max-width: 82%;
}

.glosedge-chat-name {
	margin: 0 0 2px;
	font-size: 12px;
	color: #555;
}

.glosedge-chat-name span {
	margin-left: 4px;
	font-size: 11px;
	color: #888;
}

.glosedge-chat-bubble {
	position: relative;
	margin: 0 0 4px;
	padding: 8px 12px;
	border-radius: 14px;
	border-top-left-radius: 4px;
	background: #fff;
	font-size: 15px;
	line-height: 1.7;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06);
	overflow-wrap: anywhere;
}

.glosedge-chat-say.is-group .glosedge-chat-bubble {
	background: #fff3cf;
}

.glosedge-chat-nav {
	display: flex;
	justify-content: space-between;
	gap: 8px;
	margin: 16px 0 0;
	font-size: 14px;
}

.glosedge-chat-nav .next {
	margin-left: auto;
}

.glosedge-chat-disclaimer {
	margin: 16px 0 0;
	font-size: 12px;
	color: #666;
}

/* 投資めがねHPの「投資家たちの雑談」欄 */
.glosedge-chat-card {
	margin-top: 12px;
	padding: 14px 20px;
	border-radius: 8px;
	background: #eef1f6;
	border: 2px solid #cfd6e2;
	color: #222;
}

.glosedge-chat-card-line {
	margin: 0 0 8px;
	font-size: 15px;
	line-height: 1.7;
}

.glosedge-chat-card-links {
	margin: 0;
	font-size: 14px;
	font-weight: 700;
}

@media (max-width: 600px) {
	.glosedge-chat {
		margin: 12px 0 24px;
		padding: 14px 10px;
		border-radius: 0;
	}

	.glosedge-chat-title {
		font-size: 20px;
	}

	.glosedge-chat-bubble {
		font-size: 14px;
	}

	.glosedge-chat-bubble-wrap {
		max-width: 86%;
	}
}

/* ===== 投資家たちの行動記録（2026-10-12、/investor-log/） ===== */
.glosedge-log {
	background: #f6f3ec;
}

.glosedge-log-when {
	display: block;
	margin: 0 0 6px;
	font-size: 13px;
	color: #6b5a3e;
}

.glosedge-log-head {
	margin: 26px 0 10px;
	padding: 0 0 4px 10px;
	border-left: 4px solid #c0392b;
	font-size: 18px;
	line-height: 1.5;
	color: #333;
}

.glosedge-log-p {
	margin: 0 0 12px;
	font-size: 15px;
	line-height: 1.9;
}

.glosedge-log-talk {
	margin: 4px 0 14px;
	padding: 6px 10px;
	border-radius: 10px;
	background: #eef1f6;
}

.glosedge-log-photo {
	margin: 16px 0 18px;
}

.glosedge-log-photo img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 8px;
}

.glosedge-log-photo figcaption {
	margin-top: 6px;
	font-size: 13px;
	color: #666;
	text-align: center;
}

.glosedge-log-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.glosedge-log-list li {
	margin: 0 0 14px;
}

.glosedge-log-list a {
	display: block;
	overflow: hidden;
	border-radius: 10px;
	background: #fff;
	color: #222;
	text-decoration: none;
}

.glosedge-log-list img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.glosedge-log-list .glosedge-log-when {
	margin: 10px 14px 2px;
}

.glosedge-log-list b {
	display: block;
	margin: 0 14px 4px;
	font-size: 17px;
}

.glosedge-log-lead {
	display: block;
	margin: 0 14px 12px;
	font-size: 13px;
	color: #555;
}

/* 投資めがねHPの「16人のおでかけ日記」欄（左：最新回、右：過去の回へのリンク） */
.glosedge-log-card {
	display: flex;
	gap: 14px;
	align-items: stretch;
	margin-top: 12px;
	padding: 12px;
	border-radius: 8px;
	background: #f6f3ec;
	border: 2px solid #e2d6bf;
	color: #222;
}

.glosedge-log-card-main {
	display: flex;
	flex: 1 1 auto;
	gap: 14px;
	align-items: center;
	min-width: 0;
	color: #222;
	text-decoration: none;
}

.glosedge-log-card-main:hover b {
	color: #c0392b;
}

.glosedge-log-card-past {
	flex: 0 0 210px;
	padding-left: 14px;
	border-left: 1px solid #e2d6bf;
	font-size: 13px;
}

.glosedge-log-card-past p {
	margin: 0 0 6px;
	font-weight: 700;
	color: #6b5a3e;
}

.glosedge-log-card-past ul {
	margin: 0 0 6px;
	padding: 0;
	list-style: none;
}

.glosedge-log-card-past li {
	margin: 0 0 6px;
	line-height: 1.5;
}

.glosedge-log-card-past li a {
	color: #222;
	text-decoration: none;
}

.glosedge-log-card-past li a:hover {
	color: #c0392b;
	text-decoration: underline;
}

.glosedge-log-card-past li span {
	display: block;
	font-size: 12px;
	color: #6b5a3e;
}

.glosedge-log-card-all {
	font-weight: 700;
	color: #c0392b;
}

.glosedge-log-card img {
	flex: 0 0 auto;
	width: 200px;
	max-width: 40%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	border-radius: 6px;
}

.glosedge-log-card-body {
	display: block;
	min-width: 0;
}

.glosedge-log-card-body b {
	display: block;
	margin: 2px 0;
	font-size: 16px;
	line-height: 1.5;
}

.glosedge-log-card-body .glosedge-log-when {
	margin: 0 0 4px;
}

.glosedge-log-card-more {
	display: block;
	font-size: 14px;
	font-weight: 700;
	color: #c0392b;
}

@media (max-width: 600px) {
	.glosedge-log-card,
	.glosedge-log-card-main {
		flex-direction: column;
		align-items: stretch;
	}

	.glosedge-log-card-past {
		flex-basis: auto;
		padding: 10px 0 0;
		border-left: 0;
		border-top: 1px solid #e2d6bf;
	}

	.glosedge-log-card img {
		width: 100%;
		max-width: none;
	}

	.glosedge-log-p {
		font-size: 14px;
	}
}

/* ===== 16人のアルバム（2026-10-12、/investor-album/）と全画面表示 ===== */
.glosedge-album {
	max-width: 1100px;
	margin: 24px auto 40px;
	padding: 20px 20px 16px;
	border-radius: 12px;
	background: #f6f3ec;
	color: #222;
}

.glosedge-album-show {
	position: relative;
	overflow: hidden;
	aspect-ratio: 16 / 9;
	margin: 0 0 18px;
	border-radius: 10px;
	background: #111;
}

.glosedge-album-slide {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	cursor: zoom-in;
	opacity: 0;
	transition: opacity 1s ease;
	pointer-events: none;
}

.glosedge-album-slide.is-active {
	opacity: 1;
	pointer-events: auto;
}

.glosedge-album-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.glosedge-album-slide-cap {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 28px 18px 30px;
	background: linear-gradient(transparent, rgba(0, 0, 0, 0.65));
	color: #fff;
	text-align: left;
}

.glosedge-album-slide-cap span {
	display: block;
	font-size: 13px;
	opacity: 0.9;
}

.glosedge-album-slide-cap b {
	font-size: 20px;
}

.glosedge-album-arrow {
	position: absolute;
	top: 50%;
	z-index: 2;
	width: 44px;
	height: 44px;
	margin-top: -22px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.45);
	color: #fff;
	font-size: 30px;
	line-height: 44px;
	cursor: pointer;
}

.glosedge-album-arrow:hover {
	background: rgba(0, 0, 0, 0.7);
}

.glosedge-album-arrow.is-prev {
	left: 10px;
}

.glosedge-album-arrow.is-next {
	right: 10px;
}

.glosedge-album-dots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 10px;
	z-index: 2;
	text-align: center;
}

.glosedge-album-dot {
	width: 10px;
	height: 10px;
	margin: 0 4px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.5);
	cursor: pointer;
}

.glosedge-album-dot.is-active {
	background: #fff;
}

@media (prefers-reduced-motion: reduce) {
	.glosedge-album-slide {
		transition: none;
	}
}

.glosedge-album-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.glosedge-album-grid a {
	display: block;
	overflow: hidden;
	border-radius: 8px;
	background: #fff;
	color: #222;
	text-decoration: none;
	cursor: zoom-in;
}

.glosedge-album-grid img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.glosedge-album-grid a:hover img {
	transform: scale(1.03);
}

.glosedge-album-grid span {
	display: block;
	padding: 8px 12px 10px;
	font-size: 14px;
	font-weight: 700;
}

.glosedge-album-grid small {
	display: block;
	font-size: 12px;
	font-weight: 400;
	color: #6b5a3e;
}

.glosedge-log-photo a.glosedge-lb {
	display: block;
	cursor: zoom-in;
}

/* 投資めがねHPの「16人のアルバム」欄（おでかけ日記の下の別カード） */
.glosedge-album-card {
	margin-top: 12px;
	padding: 14px 16px;
	border-radius: 8px;
	background: #1f2430;
	border: 2px solid #3a4152;
	color: #fff;
}

.glosedge-album-card .glosedge-play-label {
	color: #fff;
}

.glosedge-album-card-strip {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	gap: 8px;
	margin: 8px 0 10px;
}

.glosedge-album-card-strip a {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 6px;
}

.glosedge-album-card-strip img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.glosedge-album-card-strip a:hover img {
	transform: scale(1.05);
}

.glosedge-album-card-strip span {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 10px 6px 3px;
	background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
	color: #fff;
	font-size: 11px;
}

.glosedge-album-card-links {
	margin: 0;
	font-size: 14px;
	font-weight: 700;
}

.glosedge-album-card-links a {
	color: #ffd27a;
}

@media (max-width: 600px) {
	.glosedge-album-card-strip {
		grid-template-columns: repeat(2, 1fr);
	}
}


/* 全画面表示 */
html.glosedge-lb-open {
	overflow: hidden;
}

.glosedge-lb-box {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.97);
}

.glosedge-lb-box[hidden] {
	display: none;
}

.glosedge-lb-img {
	display: block;
	max-width: 100vw;
	max-height: calc(100vh - 56px);
	width: auto;
	height: auto;
	object-fit: contain;
}

.glosedge-lb-btn {
	position: absolute;
	z-index: 2;
	width: 48px;
	height: 48px;
	padding: 0;
	border: 2px solid rgba(255, 255, 255, 0.85);
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.55);
	color: #fff;
	font-size: 32px;
	line-height: 42px;
	cursor: pointer;
}

.glosedge-lb-btn:hover {
	background: rgba(0, 0, 0, 0.8);
}

.glosedge-lb-close {
	top: 12px;
	right: 12px;
}

.glosedge-lb-prev {
	top: 50%;
	left: 12px;
	margin-top: -24px;
}

.glosedge-lb-next {
	top: 50%;
	right: 12px;
	margin-top: -24px;
}

.glosedge-lb-box.is-single .glosedge-lb-prev,
.glosedge-lb-box.is-single .glosedge-lb-next {
	display: none;
}

.glosedge-lb-cap {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	padding: 10px 16px;
	color: #eee;
	font-size: 14px;
	text-align: center;
}

.glosedge-lb-cap a {
	margin-left: 12px;
	color: #ffd27a;
	font-weight: 700;
}

.glosedge-lb-cap a[hidden] {
	display: none;
}

@media (max-width: 600px) {
	.glosedge-album {
		margin: 12px 0 24px;
		padding: 14px 10px;
		border-radius: 0;
	}

	.glosedge-album-slide-cap {
		padding: 16px 10px 20px;
	}

	.glosedge-album-slide-cap span {
		display: none;
	}

	.glosedge-album-slide-cap b {
		font-size: 13px;
	}

	/* 写真が増えても1行に収まるよう、点は縮む */
	.glosedge-album-dots {
		display: flex;
		justify-content: center;
		bottom: 4px;
		padding: 0 8px;
	}

	.glosedge-album-dot {
		flex: 0 1 6px;
		min-width: 3px;
		height: 6px;
		margin: 0 2px;
	}

	.glosedge-album-arrow {
		width: 36px;
		height: 36px;
		margin-top: -18px;
		font-size: 24px;
		line-height: 36px;
	}

	.glosedge-lb-cap {
		font-size: 12px;
	}

	.glosedge-lb-cap a {
		display: block;
		margin: 4px 0 0;
	}
}

/* ===== 相場あるある・相場なぜなぜ（2026-10-15、/investor-aruaru/・/investor-nazenaze/） ===== */
.glosedge-basics {
	background: #f4f6f9;
}

.glosedge-basics-kicker {
	margin: 4px 0 4px;
	font-size: 13px;
	font-weight: 700;
}

.glosedge-basics-kicker a {
	text-decoration: none;
}

.glosedge-basics-col-aruaru {
	--basics: #c0392b;
}

.glosedge-basics-col-nazenaze {
	--basics: #1f7a8c;
}

.glosedge-basics-kicker a,
.glosedge-basics-card-name a {
	color: var(--basics);
}

.glosedge-basics-h3 {
	margin: 20px 0 8px;
	padding: 4px 10px;
	border-radius: 4px;
	background: #e3edf0;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.5;
	color: #1f4f5a;
}

.glosedge-basics-q {
	margin: 4px 0 16px;
	padding: 12px 16px;
	border: 0;
	border-left: 4px solid #1f7a8c;
	border-radius: 0 8px 8px 0;
	background: #fff;
	font-size: 15px;
	font-style: normal;
	line-height: 1.8;
	color: #222;
}

.glosedge-basics-ul {
	margin: 0 0 14px 1.4em;
	padding: 0;
	font-size: 15px;
	line-height: 1.8;
}

.glosedge-basics-faces {
	display: inline-flex;
	gap: 4px;
	vertical-align: middle;
}

.glosedge-basics .glosedge-rank-face,
.glosedge-basics-card .glosedge-rank-face {
	display: inline-block;
	flex: none;
	border-radius: 50%;
	background-color: #fff;
	background-repeat: no-repeat;
	box-shadow: 0 0 0 1px #d5dbe5;
}

.glosedge-basics-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.glosedge-basics-list li {
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: 1px solid #e6e9ef;
}

.glosedge-basics-list li:last-child {
	border-bottom: 0;
}

.glosedge-basics-list a {
	display: block;
	color: #222;
	text-decoration: none;
}

.glosedge-basics-list b {
	display: block;
	font-size: 16px;
	line-height: 1.5;
}

.glosedge-basics-list .glosedge-log-lead {
	margin: 4px 0 6px;
}

.glosedge-basics-no {
	display: inline-block;
	margin: 0 0 2px;
	font-size: 12px;
	font-weight: 700;
	color: #888;
}

.glosedge-basics-other {
	margin: 14px 0 0;
	font-size: 14px;
	font-weight: 700;
}

.glosedge-basics-card-name a {
	text-decoration: none;
}

.glosedge-basics-none {
	margin: 0 0 12px;
	font-size: 14px;
	color: #888;
}

/* 投資めがねHPの「相場あるある・相場なぜなぜ」欄（note カードのすぐ下） */
.glosedge-basics-card {
	margin-top: 12px;
	padding: 14px 20px;
	border-radius: 8px;
	background: #f4f6f9;
	border: 2px solid #cfd6e2;
	color: #222;
}

.glosedge-basics-card-cols {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	margin: 0 0 10px;
}

.glosedge-basics-card-col {
	padding: 10px 12px;
	border-top: 3px solid var(--basics);
	border-radius: 6px;
	background: #fff;
}

.glosedge-basics-card-name {
	margin: 0 0 4px;
	font-size: 14px;
	font-weight: 700;
}

.glosedge-basics-card-col > a {
	display: block;
	margin: 0 0 6px;
	color: #222;
	text-decoration: none;
}

.glosedge-basics-card-col b {
	display: block;
	font-size: 15px;
	line-height: 1.5;
}

@media (max-width: 600px) {
	.glosedge-basics-card-cols {
		grid-template-columns: 1fr;
	}

	.glosedge-basics-card {
		padding: 12px;
	}
}

/* 投資あるある・投資なぜなぜの更新曜日（2026-10-15） */
.glosedge-basics-when {
	display: inline-block;
	margin-left: 8px;
	padding: 1px 8px;
	border-radius: 999px;
	background: var(--basics, #286ea0);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.7;
	vertical-align: middle;
}

.glosedge-chat-title .glosedge-basics-when {
	font-size: 13px;
}

/* ===== 特集（2026-10-15、不定期。/investor-feature/） ===== */
.glosedge-feature {
	--basics: #6b3fa0;
	background: #f5f2f9;
}

.glosedge-feature-when {
	display: inline-block;
	margin-left: 8px;
	padding: 1px 8px;
	border-radius: 999px;
	background: #6b3fa0;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.7;
	vertical-align: middle;
}

.glosedge-chat-title .glosedge-feature-when {
	font-size: 13px;
}

.glosedge-feature-kicker {
	color: #6b3fa0;
}

.glosedge-feature-who {
	margin: 12px 0 10px;
	padding: 10px 14px;
	border-radius: 10px;
	background: #fff;
}

.glosedge-feature-who p {
	margin: 0 0 8px;
	font-size: 13px;
	font-weight: 700;
	color: #555;
}

.glosedge-feature-members {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.glosedge-feature-members li {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 52px;
	font-size: 12px;
	text-align: center;
}

.glosedge-feature .glosedge-rank-face,
.glosedge-feature-card .glosedge-rank-face {
	display: inline-block;
	flex: none;
	border-radius: 50%;
	background-color: #fff;
	background-repeat: no-repeat;
	box-shadow: 0 0 0 1px #d5dbe5;
}

.glosedge-feature-go {
	margin: 12px 0;
	font-size: 15px;
	font-weight: 700;
}

.glosedge-feature-go a {
	display: inline-block;
	padding: 8px 16px;
	border-radius: 999px;
	background: #6b3fa0;
	color: #fff;
	text-decoration: none;
}

/* 投資めがねHPの「特集」欄 */
.glosedge-feature-card {
	margin-top: 12px;
	padding: 14px 20px;
	border-radius: 8px;
	background: #f5f2f9;
	border: 2px solid #cdbfe0;
	color: #222;
}

.glosedge-feature-card .glosedge-play-label .glosedge-feature-when {
	font-size: 11px;
}

.glosedge-feature-card-main {
	display: block;
	margin: 0 0 8px;
	color: #222;
	text-decoration: none;
}

.glosedge-feature-card-main b {
	display: block;
	margin: 0 0 4px;
	font-size: 20px;
	line-height: 1.5;
	color: #4a2a75;
}

.glosedge-feature-card-main span {
	display: block;
	font-size: 14px;
	line-height: 1.7;
	color: #444;
}

.glosedge-feature-card .glosedge-basics-faces {
	margin: 0 0 8px;
	flex-wrap: wrap;
}

@media (max-width: 600px) {
	.glosedge-feature-card {
		padding: 12px;
	}

	.glosedge-feature-card-main b {
		font-size: 17px;
	}
}

.glosedge-feature .glosedge-basics-q {
	border-left-color: #6b3fa0;
}

.glosedge-basics-ul li {
	list-style: disc;
}

/* note カードの上に置いたので、下にすき間（2026-10-15） */
.glosedge-feature-card {
	margin-bottom: 12px;
}

/* はじめてのNISA・iDeCo（2026-10-17。案内役の桃井ハルカに合わせてピンク系） */
.glosedge-guide-card {
	display: block;
	margin-top: 12px;
	padding: 14px 20px;
	border-radius: 8px;
	background: #fdf2f6;
	border: 2px solid #efc3d3;
	color: #222;
}
/* 用語集のカード（2026-10-18、はじめてのNISA・iDeCo のすぐ下。色はうすい水色） */
.glosedge-glossary-card {
	display: block;
	margin-top: 12px;
	padding: 14px 20px;
	border-radius: 8px;
	background: #eef6fb;
	border: 2px solid #b9d7ea;
	color: #222;
}

.glosedge-glossary-desc {
	margin: 0 0 8px;
	font-size: 14px;
	line-height: 1.7;
	color: #444;
}

/* 一番上の行：左に題名、右に検索欄（2026-10-18 ユーザー指示。説明文の下→一番下の中央やや右→ここ）。候補は次の行に全幅で */
.glosedge-glossary-head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 16px;
	margin: 0 0 8px;
}

.glosedge-glossary-head > .glosedge-play-label {
	margin: 0;
}

.glosedge-glossary-head > .glosedge-glossary-found {
	flex: 1 1 100%;
	margin: 0;
}

/* 用語集の検索欄（2026-10-18）。見つからなければ Google の検索結果を新しいタブで開く */
.glosedge-glossary-search {
	display: flex;
	flex: 0 1 400px;
	gap: 6px;
	margin: 0 0 0 auto; /* 右端に */
}

@media (max-width: 600px) {
	.glosedge-glossary-search {
		flex: 1 1 100%;
		box-sizing: border-box;
		max-width: 100%;
		margin: 0;
	}
}

.glosedge-glossary-search input[type="search"] {
	flex: 1 1 auto;
	box-sizing: border-box; /* テーマの幅指定でボタンがはみ出さないように */
	width: auto;
	min-width: 0;
	margin: 0;
	padding: 8px 12px;
	border: 1px solid #b9d7ea;
	border-radius: 999px;
	background: #fff;
	color: #222;
	font-size: 15px; /* 16px 未満だと iPhone で拡大されるが、カードの文字に合わせる */
}

.glosedge-glossary-search input[type="search"]:focus {
	outline: 2px solid #1f5f86;
	outline-offset: 1px;
}

.glosedge-glossary-search button {
	flex: 0 0 auto;
	margin: 0;
	padding: 8px 18px;
	border: 0;
	border-radius: 999px;
	background: #1f5f86;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
}

.glosedge-glossary-search button:hover,
.glosedge-glossary-search button:focus {
	background: #174a69;
}

.glosedge-glossary-found {
	margin: 0 0 10px;
	padding: 8px 12px;
	border-radius: 6px;
	background: #fff;
	border: 1px dashed #b9d7ea;
	font-size: 13px;
}

.glosedge-glossary-found p {
	margin: 0 0 4px;
	color: #444;
}

.glosedge-glossary-found ul {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 14px;
	margin: 0 0 4px;
	padding: 0;
	list-style: none;
}

.glosedge-glossary-found li {
	margin: 0;
}

.glosedge-glossary-found a,
.glosedge-glossary-found a:visited {
	color: #1f5f86;
	font-weight: 700;
}

.glosedge-glossary-found a.glosedge-glossary-google {
	font-size: 12px;
	font-weight: 400;
	color: #6b5a44;
}

@media (max-width: 600px) {
	.glosedge-glossary-search input[type="search"] {
		font-size: 16px; /* iPhone で入力時に画面が拡大されないように */
	}
}

.glosedge-glossary-today {
	margin: 0 0 4px;
	font-size: 13px;
	font-weight: 700;
	color: #1f5f86;
}

.glosedge-glossary-terms {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0 0 8px;
	padding: 0;
	list-style: none;
}

.glosedge-glossary-terms li {
	margin: 0;
}

.glosedge-glossary-terms a,
.glosedge-glossary-terms a:visited {
	display: inline-block;
	padding: 4px 12px;
	border: 1px solid #b9d7ea;
	border-radius: 999px;
	background: #fff;
	color: #1f5f86;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
}

.glosedge-glossary-terms a:hover,
.glosedge-glossary-terms a:focus {
	background: #1f5f86;
	color: #fff;
	text-decoration: none;
}

.glosedge-guide-card-main {
	display: block;
	margin: 0 0 8px;
	color: #222;
	text-decoration: none;
}
.glosedge-guide-card-main:hover,
.glosedge-guide-card-main:focus {
	color: #222;
	text-decoration: none;
}
.glosedge-guide-card-main:hover b {
	text-decoration: underline;
}
.glosedge-guide-card .glosedge-basics-no {
	display: block;
	font-size: 13px;
	color: #a8325f;
}
.glosedge-guide-card-desc {
	display: block;
	font-size: 14px;
	line-height: 1.7;
	color: #444;
}
.glosedge-guide-card-go {
	display: inline-block;
	margin-top: 8px;
	font-size: 14px;
	font-weight: 700;
	color: #a8325f;
}
.glosedge-guide-kicker {
	color: #a8325f;
}
.glosedge-guide .glosedge-basics-h3 {
	background: #fbe6ee;
	color: #8a2a4f;
}
.glosedge-basics-table-wrap {
	margin: 4px 0 18px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.glosedge-basics-table {
	width: 100%;
	min-width: 520px;
	margin: 0;
	border-collapse: collapse;
	background: #fff;
	font-size: 14px;
	line-height: 1.6;
}
.glosedge-basics-table th,
.glosedge-basics-table td {
	padding: 8px 10px;
	text-transform: none;
	letter-spacing: normal;
	border: 1px solid #dfe3ea;
	text-align: left;
	vertical-align: top;
}
.glosedge-basics-table thead th {
	background: #fbe6ee;
	color: #8a2a4f;
	font-weight: 700;
}
.glosedge-basics-table tbody th {
	background: #f7f8fa;
	font-weight: 700;
	white-space: nowrap;
}
@media screen and (max-width: 600px) {
	.glosedge-guide-card {
		padding: 12px 14px;
	}
	.glosedge-guide-card b {
		font-size: 18px;
	}
	.glosedge-basics-table {
		font-size: 13px;
	}
}

/* はじめてのNISA・iDeCo の目次（2026-10-17、連載にしたとき） */
.glosedge-guide-map {
	margin: 8px 0 20px;
	padding: 0;
	list-style: none;
	counter-reset: none;
}
.glosedge-guide-map li {
	position: relative;
	margin: 0 0 10px;
	padding: 12px 16px;
	border-radius: 8px;
	background: #fff;
	border: 1px solid #efc3d3;
	line-height: 1.6;
}
.glosedge-guide-map li.is-soon {
	background: #faf7f8;
	border-style: dashed;
	color: #777;
}
.glosedge-guide-map-no {
	display: inline-block;
	margin: 0 8px 2px 0;
	font-size: 13px;
	font-weight: 700;
	color: #a8325f;
}
.glosedge-guide-map li.is-soon .glosedge-guide-map-no {
	color: #b9879a;
}
.glosedge-guide-map b {
	display: block;
	font-size: 16px;
}
.glosedge-guide-map a {
	color: #a8325f;
	text-decoration: none;
}
.glosedge-guide-map a:hover b {
	text-decoration: underline;
}
.glosedge-guide-map-when {
	position: absolute;
	top: 12px;
	right: 16px;
	font-size: 12px;
	color: #888;
}
.glosedge-guide-map .glosedge-log-lead {
	display: block;
	margin-top: 4px;
}
@media screen and (max-width: 600px) {
	.glosedge-guide-map-when {
		position: static;
		display: block;
	}
}


/* ===== 投資めがねHPの新しい並びの試作（2026-10-17、ローカルの /megane/?layout=v2 だけで使う。functions.php の glosedge_megane_v2()） ===== */
/* 集合写真のすぐ下の3つの入口 */
.glosedge-v2-entry {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
	margin: 16px 0 8px;
}

.glosedge-v2-entry a {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	padding: 14px 8px 12px;
	border-radius: 10px;
	background: #0b1a26;
	color: #fff;
	text-align: center;
	text-decoration: none;
	transition: transform 0.15s ease;
}

.glosedge-v2-entry a:hover,
.glosedge-v2-entry a:focus {
	color: #fff;
	transform: translateY(-2px);
}

.glosedge-v2-entry svg {
	width: 28px;
	height: 28px;
	color: #e0bd6a;
}

.glosedge-v2-entry b {
	font-size: 17px;
	letter-spacing: 0.05em;
}

.glosedge-v2-entry span {
	font-size: 12px;
	line-height: 1.4;
	opacity: 0.8;
}

/* 欄ごとのまとまりと見出し（題・小見出し・右に「一覧へ」） */
.glosedge-v2-section {
	margin-top: 36px;
	scroll-margin-top: 16px;
}

.glosedge-v2-head {
	/* 背景が街の写真なので、見出しは紹介文の箱と同じ濃い帯にのせる */
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 12px;
	padding: 10px 16px;
	border-left: 6px solid #e0bd6a;
	border-radius: 8px;
	background: rgba(11, 26, 38, 0.88);
	scroll-margin-top: 16px;
}

.glosedge-v2-head h2 {
	margin: 0;
	font-size: 24px;
	line-height: 1.3;
	color: #fff;
}

.glosedge-v2-head h2 span {
	display: block;
	margin-top: 2px;
	font-size: 13px;
	font-weight: normal;
	color: #e8d9b5;
}

.glosedge-v2-head a {
	flex-shrink: 0;
	font-size: 14px;
	color: #f0d48a;
	white-space: nowrap;
}

.glosedge-v2-head a:hover,
.glosedge-v2-head a:focus {
	color: #fff;
}

/* 欄の中の最初のカードは見出しにくっつける */
.glosedge-v2-section > .glosedge-v2-head + * {
	margin-top: 0;
}

.glosedge-v2-section .glosedge-market-links + * {
	margin-top: 12px;
}

.glosedge-v2-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 12px;
	margin-top: 12px;
}

.glosedge-v2-grid > * {
	margin-top: 0;
}

.glosedge-v2-section .glosedge-rank-podium {
	margin-bottom: 8px;
}

/* 運営について */
.glosedge-v2-about {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 10px;
}

.glosedge-v2-about > a,
.glosedge-v2-about > span {
	display: block;
	padding: 14px 18px;
	border-radius: 8px;
	border: 2px solid #e0bd6a;
	background: #fff8ea;
	color: #3b2a17;
	text-decoration: none;
}

.glosedge-v2-about b {
	display: block;
}

.glosedge-v2-about span span,
.glosedge-v2-about a span {
	font-size: 13px;
	color: #7a6247;
}

.glosedge-v2-about .is-todo {
	border-style: dashed;
	opacity: 0.7;
}

@media (max-width: 600px) {
	.glosedge-v2-entry {
		gap: 6px;
	}

	.glosedge-v2-entry a {
		padding: 10px 4px;
	}

	.glosedge-v2-entry b {
		font-size: 14px;
	}

	.glosedge-v2-entry span {
		font-size: 10px;
	}

	.glosedge-v2-section {
		margin-top: 28px;
	}

	/* スマホは「一覧へ」を題の下（右寄せ）に回して、題を1行で読めるようにする */
	.glosedge-v2-head {
		flex-direction: column;
		align-items: stretch;
		gap: 4px;
		padding: 8px 12px;
	}

	.glosedge-v2-head h2 {
		font-size: 20px;
	}

	.glosedge-v2-head a {
		align-self: flex-end;
		font-size: 13px;
	}

	.glosedge-v2-grid {
		grid-template-columns: 1fr;
	}
}

/* フッターの会社HPへのリンク（2026-10-17。著作権表示のすぐ上） */
.glosedge-footer-company {
	padding: 14px 0 4px;
	text-align: center;
	font-size: 15px;
}

/* 背景が街の写真なので、濃い帯にのせて読めるようにする */
.glosedge-footer-company .wrapper {
	display: inline-block;
	width: auto;
	padding: 8px 20px;
	border-radius: 999px;
	background: rgba(11, 26, 38, 0.88);
	color: #fff;
}

.glosedge-footer-company a {
	font-weight: bold;
	color: #f0d48a;
}

.glosedge-footer-company a:hover,
.glosedge-footer-company a:focus {
	color: #fff;
}

/* プライバシーポリシー・免責事項（2026-10-19。箱は過去記事一覧 .glosedge-archive と同じ） */
.glosedge-policy {
	line-height: 1.85;
}

.glosedge-policy-section h2 {
	margin: 26px 0 8px;
	padding-left: 10px;
	border-left: 6px solid #0b1a26;
	font-size: 19px;
}

.glosedge-policy-section p,
.glosedge-policy-section ul {
	margin: 0 0 12px;
	font-size: 15px;
}

.glosedge-policy-section ul {
	padding-left: 1.4em;
	list-style: disc;
}

.glosedge-policy-section li {
	margin-bottom: 4px;
}

.glosedge-policy-section a {
	text-decoration: underline;
}

.glosedge-policy-date {
	margin: 28px 0 6px;
	color: #555;
	font-size: 14px;
	text-align: right;
}

.glosedge-policy-other {
	margin: 0;
	font-size: 15px;
	text-align: right;
}

.glosedge-footer-policy a {
	margin-left: 1.2em;
	font-weight: normal;
}

@media (max-width: 600px) {
	.glosedge-policy-section h2 {
		font-size: 17px;
	}

	/* スマホでは社名の下の行に回す */
	.glosedge-footer-policy {
		display: block;
		margin-top: 4px;
	}

	.glosedge-footer-policy a:first-child {
		margin-left: 0;
	}
}

/* 投資めがねHPの予想ランキング（短い版）から全体（/investor-ranking/）へのリンク（2026-10-19 ページ分割の案A） */
.glosedge-rank-more {
	margin: 4px 0 14px;
	text-align: right;
	font-size: 15px;
	font-weight: bold;
}

/* ===== 投資めがねHPのページ分割・案B（B-2）の試作（2026-10-19。ローカルだけ。functions.php の glosedge_megane_b() ほか） ===== */

/* 各ページの上：4ページの切り替えとページ名 */
.glosedge-b-header { /* 見た目は案内役の紹介カード（.glosedge-megane-intro）と同じ（2026-10-19 ユーザー指示）。大きさは前のまま */
	margin: 16px 0 12px;
	padding: 14px 18px 16px;
	border-radius: 12px;
	background: rgba(11, 26, 38, 0.82);
	color: #fff;
}

.glosedge-b-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: 12px;
}

.glosedge-b-tabs a {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 6px 14px;
	border: 1px solid rgba(224, 189, 106, 0.7);
	border-radius: 999px;
	color: #ffe7a8;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

.glosedge-b-tabs a.is-current,
.glosedge-b-tabs a:hover,
.glosedge-b-tabs a:focus {
	background: #e0bd6a;
	color: #0b1a26;
}

.glosedge-b-tabs svg {
	width: 16px;
	height: 16px;
}

.glosedge-b-h1 {
	margin: 0;
	color: #fff;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.3;
}

.glosedge-b-h1 span {
	display: block;
	margin-top: 2px;
	color: #e0bd6a;
	font-size: 14px;
	font-weight: normal;
}

/* 案内役の3つの入口 */
.glosedge-b-entry {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
	margin: 16px 0 8px;
}

.glosedge-b-entry a {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 18px 18px 16px;
	border-radius: 12px;
	background: #0b1a26;
	color: #fff;
	text-decoration: none;
	transition: transform 0.15s ease;
}

.glosedge-b-entry a:hover,
.glosedge-b-entry a:focus {
	color: #fff;
	transform: translateY(-2px);
}

.glosedge-b-entry svg {
	width: 32px;
	height: 32px;
	color: #e0bd6a;
}

.glosedge-b-entry b {
	font-size: 22px;
	letter-spacing: 0.05em;
}

.glosedge-b-entry-desc {
	font-size: 14px;
	line-height: 1.5;
}

.glosedge-b-entry-list {
	color: #b9c4cf;
	font-size: 12px;
	line-height: 1.5;
}


/* ページの下の「ほかのページ」 */
.glosedge-b-next {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px;
	margin: 28px 0 12px;
}

.glosedge-b-next a {
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	column-gap: 10px;
	padding: 14px 16px;
	border-radius: 12px;
	background: #0b1a26; /* 案内役の3つの入口（.glosedge-b-entry）と同じ（2026-10-19 ユーザー指示） */
	color: #fff;
	text-decoration: none;
	transition: transform 0.15s ease;
}

.glosedge-b-next a:hover,
.glosedge-b-next a:focus {
	color: #fff;
	transform: translateY(-2px);
}

.glosedge-b-next svg {
	grid-row: span 2;
	width: 28px;
	height: 28px;
	color: #e0bd6a;
}

.glosedge-b-next b {
	font-size: 17px;
}

.glosedge-b-next b::after {
	content: " →";
}

.glosedge-b-next span {
	color: #b9c4cf;
	font-size: 12px;
}

@media (max-width: 600px) {
	.glosedge-b-header {
		padding: 12px 12px 14px;
	}

	.glosedge-b-tabs a {
		padding: 5px 10px;
		font-size: 13px;
	}

	.glosedge-b-h1 {
		font-size: 22px;
	}

	.glosedge-b-entry,
	.glosedge-b-next {
		grid-template-columns: 1fr;
	}

	.glosedge-b-entry a {
		padding: 14px 16px;
	}
}

/* 案内役（/megane/）の「今日の相場」の1行と「新着」（2026-10-19。functions.php の glosedge_megane_ticker()・glosedge_megane_news()） */
.glosedge-ticker,
.glosedge-ticker:visited {
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 14px 0 0; /* 3つの入口と新着のあいだ（2026-10-19 に入口の上から移した） */
	padding: 10px 18px;
	border-radius: 12px;
	background: rgba(11, 26, 38, 0.94); /* 2026-10-24 ユーザー指示で濃く（0.82 から） */
	color: #fff;
	text-decoration: none;
}

.glosedge-ticker:hover,
.glosedge-ticker:focus {
	background: rgba(11, 26, 38, 1);
	color: #fff;
	text-decoration: none;
}

.glosedge-ticker-head {
	flex: none;
	color: #e0bd6a;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.3;
}

.glosedge-ticker-head small {
	display: block;
	color: #b9c4cf;
	font-size: 11px;
	font-weight: normal;
}

.glosedge-ticker-rows {
	display: flex;
	flex: 1;
	flex-wrap: wrap;
	gap: 4px 16px;
	font-size: 14px;
}

.glosedge-ticker-item {
	white-space: nowrap;
}

.glosedge-ticker-item b {
	margin-right: 5px;
	color: #b9c4cf;
	font-size: 12px;
	font-weight: normal;
}

.glosedge-ticker-pct {
	margin-left: 5px;
	font-weight: 700;
}

.glosedge-ticker-pct.down {
	color: #ff8a80; /* 下落は赤（今日のマーケットのカードと同じ考え方。濃紺の上で読めるよう明るめ） */
}

.glosedge-news {
	margin: 12px 0 0;
	padding: 14px 20px 10px;
	border-radius: 12px;
	background: rgba(255, 253, 246, 0.97);
	color: #1a2a3a;
}

.glosedge-news-list {
	margin: 6px 0 0;
	padding: 0;
	list-style: none;
}

.glosedge-news-list li {
	margin: 0;
	border-top: 1px solid #e6dfcf;
}

.glosedge-news-list li:first-child {
	border-top: none;
}

.glosedge-news-list a {
	display: grid;
	grid-template-columns: 5.2em 13em 1fr;
	align-items: center;
	gap: 10px;
	padding: 9px 4px;
	color: #1a2a3a;
	text-decoration: none;
}

.glosedge-news-list a:hover,
.glosedge-news-list a:focus {
	background: #f4ecd8;
	color: #1a2a3a;
}

.glosedge-news-date {
	color: #666;
	font-size: 13px;
}

.glosedge-news-label {
	justify-self: start;
	padding: 2px 10px;
	border-radius: 999px;
	background: #0b1a26;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	white-space: nowrap;
}

/* 札の色は行き先のページごと：今日の相場＝濃紺、投資を学ぶ＝紫、16人に会う＝緑 */
.glosedge-news-label.is-learn {
	background: #5b3e8f;
}

.glosedge-news-label.is-investors {
	background: #2e6b4f;
}

.glosedge-news-title {
	font-size: 15px;
	font-weight: 700;
	line-height: 1.5;
}

@media (max-width: 600px) {
	.glosedge-ticker,
	.glosedge-ticker:visited {
		flex-wrap: wrap;
		gap: 6px 10px;
		padding: 10px 14px;
	}

	.glosedge-ticker-head small {
		display: inline;
		margin-left: 6px;
	}

	.glosedge-ticker-rows { /* スマホは3列で、指標名と前日比だけ（水準は今日の相場のページで） */
		display: grid;
		grid-template-columns: repeat(3, auto);
		justify-content: space-between;
		flex-basis: 100%;
		order: 3;
		gap: 4px 6px;
		font-size: 12px;
	}

	.glosedge-ticker-val {
		display: none;
	}

	.glosedge-ticker-item b {
		margin-right: 3px;
		font-size: 10px;
	}

	.glosedge-ticker-pct {
		margin-left: 3px;
	}

	.glosedge-news {
		padding: 12px 14px 8px;
	}

	.glosedge-news-list a {
		grid-template-columns: auto 1fr;
		gap: 4px 8px;
	}

	.glosedge-news-title {
		grid-column: 1 / -1;
		font-size: 14px;
	}
}

/* 案内役（/megane/）の公式note の横長のリンク（2026-10-19。functions.php の glosedge_megane_note_bar()）。色は note のカードと同じクラフト紙色 */
.glosedge-note-bar {
	position: relative; /* 見出しのリンクを帯全体に広げる基準 */
	display: flex;
	align-items: center;
	gap: 16px;
	margin: 12px 0 0;
	padding: 12px 20px;
	border-radius: 12px;
	background: #f3e8d2;
	color: #3a2614;
	text-decoration: none;
	transition: transform 0.15s ease;
}

.glosedge-note-bar:hover,
.glosedge-note-bar:focus-within {
	transform: translateY(-2px);
}

/* 見出しのリンクを帯全体に広げる（帯のどこを押しても note のトップへ） */
.glosedge-note-bar-main,
.glosedge-note-bar-main:visited,
.glosedge-note-bar-main:hover,
.glosedge-note-bar-main:focus {
	color: #3a2614;
	text-decoration: none;
}

.glosedge-note-bar-main::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 12px;
}

/* 説明文の「投資めがねと16人の投資家」は紹介記事へ。帯全体のリンクより上に重ねる */
.glosedge-note-bar-desc a,
.glosedge-note-bar-desc a:visited {
	position: relative;
	z-index: 1;
	color: #8c4a1c;
	font-weight: bold;
	text-decoration: underline;
}

.glosedge-note-bar-desc a:hover,
.glosedge-note-bar-desc a:focus {
	color: #c2410c;
}

.glosedge-note-bar .glosedge-note-label {
	flex: none;
}

.glosedge-note-bar-body {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 2px;
}

.glosedge-note-bar-title {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
}

.glosedge-note-bar-desc {
	font-size: 14px;
	line-height: 1.6;
}

.glosedge-note-bar .glosedge-note-freq {
	margin-left: 10px;
	font-size: 14px;
}

.glosedge-note-bar-go {
	flex: none;
	padding: 6px 16px;
	border-radius: 999px;
	background: #e0bd6a;
	color: #0b1a26;
	font-size: 14px;
	font-weight: bold;
}

@media (max-width: 600px) {
	.glosedge-note-bar {
		flex-wrap: wrap;
		gap: 4px 10px;
		padding: 10px 14px;
	}

	.glosedge-note-bar-body {
		flex-basis: 100%;
		order: 3;
	}

	.glosedge-note-bar-title {
		font-size: 16px;
	}

	.glosedge-note-bar-desc {
		font-size: 13px;
	}

	.glosedge-note-bar .glosedge-note-freq {
		display: inline-block;
		margin: 0 0 0 8px;
		font-size: 12px;
	}

	.glosedge-note-bar-go {
		margin-left: auto;
		padding: 4px 12px;
		font-size: 12px;
	}
}

/* SNSアイコン：X のロゴ（2026-10-20。functions.php の catchresponsive_get_social_icons()） */
.site .widget_catchresponsive_social_icons a.genericon-x {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
}
.site .widget_catchresponsive_social_icons a.genericon-x:before {
	content: none;
}
.site .widget_catchresponsive_social_icons a.genericon-x svg {
	display: block;
}

/* スマホは X のアイコンをロゴの行の右端に重ねる（2026-10-20 ユーザー指示。それまではロゴの下に1行使っていて、ヘッダーに不要な隙間ができていた）。
   ロゴ（高さ 50px、上下の余白 12px）の真ん中にそろえる。74px（ロゴ＋余白）だとアイコンが 5px 下にずれたので、測って 64px に */
@media (max-width: 600px) {
	#masthead .wrapper {
		position: relative;
	}

	#masthead .sidebar-header-right {
		position: absolute;
		top: 0;
		right: 10px;
		width: auto;
		height: 64px;
		margin: 0;
		padding: 0;
		display: flex;
		align-items: center;
	}

	/* 会社HP・ブログなど、ロゴの上に Menu ボタン（高さ 30px）がある画面はロゴがその分下がる */
	#masthead .mobile-menu-anchor ~ .sidebar-header-right {
		top: 30px;
	}

	#masthead .widget_catchresponsive_social_icons {
		display: flex;
		margin: 0;
		padding: 0;
		line-height: 0;
	}

	#masthead .widget_catchresponsive_social_icons a.genericon-x {
		margin: 0 !important;
	}
}

/* カードの配色を「ページの色」で統一（2026-10-20 ユーザー指示、案A）。
   カードの地は生成りの白にそろえ、上の太線・見出し・札をページの色に（新着の札の色分けと同じ：今日の相場＝紺、投資を学ぶ＝紫、16人に会う＝緑、案内役＝金）。
   写真を見せる MARKET REAL／HUB とアルバムの濃い地、note のクラフト紙色、投資あるある・なぜなぜ・NISA のシリーズの色（小さな札や線）はそのまま。
   赤い札は「今日のマーケット」のように新しさを示すものだけに残す。ページの見分けは body の glosedge-view-*（分割前の1ページ版 all には効かない） */
body.glosedge-view-hub {
	--ge-accent: #b8892b;
	--ge-text: #7a5a14;
	--ge-badge: #8a6414;
	--ge-tint: #f6ecd4;
	--ge-line: #e8d6ac;
}

body.glosedge-view-today {
	--ge-accent: #1d3a5c;
	--ge-text: #1d3a5c;
	--ge-badge: #1d3a5c;
	--ge-tint: #e8eef5;
	--ge-line: #c9d5e3;
}

body.glosedge-view-learn {
	--ge-accent: #5b3e8f;
	--ge-text: #4a3275;
	--ge-badge: #5b3e8f;
	--ge-tint: #efe9f7;
	--ge-line: #d6cbe8;
}

body.glosedge-view-investors {
	--ge-accent: #2e6b4f;
	--ge-text: #24563f;
	--ge-badge: #2e6b4f;
	--ge-tint: #e6f1ea;
	--ge-line: #c4dccd;
}

/* カードの地と線 */
body.glosedge-view-hub .glosedge-feature-card,
body.glosedge-view-hub .glosedge-news,
body.glosedge-view-today .glosedge-leader,
body.glosedge-view-today .glosedge-rank,
body.glosedge-view-learn .glosedge-basics-card,
body.glosedge-view-learn .glosedge-guide-card,
body.glosedge-view-learn .glosedge-glossary-card,
body.glosedge-view-investors .glosedge-intro-card,
body.glosedge-view-investors .glosedge-chat-card,
body.glosedge-view-investors .glosedge-log-card {
	background: #fffdf8;
	border: 1px solid var(--ge-line);
	border-top: 4px solid var(--ge-accent);
	color: #222;
}

/* アルバムは写真が映える濃い地のまま、上の線だけページの色 */
body.glosedge-view-investors .glosedge-album-card {
	border: 1px solid #3a4152;
	border-top: 4px solid var(--ge-accent);
}

/* 見出し */
body[class*="glosedge-view-"] .glosedge-media .glosedge-play-label,
body.glosedge-view-investors .glosedge-intro-card-head a,
body.glosedge-view-investors .glosedge-intro-card-head a:visited,
body.glosedge-view-hub .glosedge-feature-card-main b {
	color: var(--ge-text);
}

body.glosedge-view-investors .glosedge-album-card .glosedge-play-label {
	color: #fff;
}

/* 札（毎週◯曜更新・枚数・日付など）はページの色。日付の札は白地にページの色の縁 */
body[class*="glosedge-view-"] .glosedge-media .glosedge-rank-month {
	background: var(--ge-badge);
}

body[class*="glosedge-view-"] .glosedge-media .glosedge-rank-month.glosedge-chat-date {
	border-color: var(--ge-badge);
	background: #fff;
	color: var(--ge-badge);
}

/* 今日の相場：投資会議への丸いボタン、表、指標のマス、リンク */
body.glosedge-view-today a.glosedge-rank-meetings,
body.glosedge-view-today a.glosedge-rank-meetings:visited {
	background: var(--ge-accent);
}

body.glosedge-view-today a.glosedge-rank-meetings:hover,
body.glosedge-view-today a.glosedge-rank-meetings:focus {
	background: #0b1a26;
}

body.glosedge-view-today .glosedge-rank-vs thead th {
	background: var(--ge-tint);
	color: var(--ge-text);
}

body.glosedge-view-today .glosedge-rank-vs th,
body.glosedge-view-today .glosedge-rank-vs td,
body.glosedge-view-today .glosedge-leader-moves li {
	border-color: var(--ge-line);
}

body.glosedge-view-today .glosedge-leader-moves li {
	background: #fff;
}

body.glosedge-view-today .glosedge-rank-next a {
	color: var(--ge-text);
}

/* 今日のマーケットの中の文字もページの色に（2026-10-23 ユーザー指摘。「◯/◯時点の予想ランキング的中王！」・「的中ランキングを見る →」・指標の名前が金茶色のまま残っていた。赤い札はそのまま） */
body.glosedge-view-today .glosedge-leader-rank,
body.glosedge-view-today .glosedge-leader .glosedge-play-note a,
body.glosedge-view-today .glosedge-leader .glosedge-play-note a:visited,
body.glosedge-view-today .glosedge-leader-moves span {
	color: var(--ge-text);
}

/* 投資を学ぶ：用語集の検索ボタン・今日の言葉・候補 */
body.glosedge-view-learn .glosedge-glossary-search button {
	background: var(--ge-accent);
}

body.glosedge-view-learn .glosedge-glossary-search button:hover,
body.glosedge-view-learn .glosedge-glossary-search button:focus {
	background: var(--ge-text);
}

body.glosedge-view-learn .glosedge-glossary-search input[type="search"],
body.glosedge-view-learn .glosedge-glossary-found,
body.glosedge-view-learn .glosedge-glossary-terms a,
body.glosedge-view-learn .glosedge-glossary-terms a:visited {
	border-color: var(--ge-line);
}

body.glosedge-view-learn .glosedge-glossary-today,
body.glosedge-view-learn .glosedge-glossary-found a,
body.glosedge-view-learn .glosedge-glossary-found a:visited,
body.glosedge-view-learn .glosedge-glossary-terms a,
body.glosedge-view-learn .glosedge-glossary-terms a:visited {
	color: var(--ge-text);
}

body.glosedge-view-learn .glosedge-glossary-terms a:hover,
body.glosedge-view-learn .glosedge-glossary-terms a:focus {
	background: var(--ge-accent);
	color: #fff;
}

/* 16人に会う：お出かけ日記の仕切りとリンク */
body.glosedge-view-investors .glosedge-log-card-past {
	border-left-color: var(--ge-line);
}

body.glosedge-view-investors .glosedge-log-card-main:hover b,
body.glosedge-view-investors .glosedge-log-card-past li a:hover,
body.glosedge-view-investors .glosedge-log-card-all,
body.glosedge-view-investors .glosedge-log-card-more {
	color: var(--ge-text);
}

/* ===== 各ページの上の戻りのリンク（2026-10-21 ユーザー指示「単純に戻るボタンを左上に」。前日の4つの札＋濃紺の箱はやめた）。
   functions.php の glosedge_back_link() が左上に「← 戻る」ボタンを出す。右にそのページの一覧などの小さなリンク（雑談の一覧 等）が並ぶ ===== */
.glosedge-chat-back {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 10px;
	margin: 0 0 12px;
	font-size: 13px;
}

.glosedge-back-btn {
	display: inline-flex;
	align-items: center;
	padding: 6px 16px;
	border-radius: 999px;
	background: #0b1a26;
	color: #ffe7a8 !important;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4;
	text-decoration: none !important;
}

.glosedge-back-btn:hover,
.glosedge-back-btn:focus {
	background: #e0bd6a;
	color: #0b1a26 !important;
}

.glosedge-chat-back > a:not(.glosedge-back-btn) {
	color: var(--ge-text, #1d3a5c);
	font-size: 13px;
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* ===== カードの下の「一覧へ」「読む」などのリンクをボタンに（2026-10-20 ユーザー指示「一覧へのリンクの表示がプア」）。
   色はページの色（--ge-text、無いページは紺）。アルバムのカードは濃い地なので金色。予想ランキングの「16人全員の順位…」も同じ形 ===== */
.glosedge-chat-card-links,
.glosedge-album-card-links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
}

.glosedge-chat-card-links a,
.glosedge-album-card-links a,
.glosedge-rank-more a {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 5px 14px;
	border: 1.5px solid var(--ge-text, #1d3a5c);
	border-radius: 999px;
	background: #fff;
	color: var(--ge-text, #1d3a5c);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.4;
	text-decoration: none;
	transition: background-color 0.15s, color 0.15s;
}

.glosedge-chat-card-links a:hover,
.glosedge-chat-card-links a:focus,
.glosedge-rank-more a:hover,
.glosedge-rank-more a:focus {
	background: var(--ge-text, #1d3a5c);
	color: #fff;
}

.glosedge-album-card-links a {
	border-color: #ffd27a;
	background: transparent;
	color: #ffd27a;
}

.glosedge-album-card-links a:hover,
.glosedge-album-card-links a:focus {
	background: #ffd27a;
	color: #1a1a1a;
}

/* 投資あるある・投資なぜなぜは列ごとの一覧ボタン。列の色（--basics）に合わせ、列の一番下にそろえる */
.glosedge-basics-card-col {
	display: flex;
	flex-direction: column;
}

.glosedge-basics-card-col .glosedge-chat-card-links {
	margin-top: auto;
	padding-top: 8px;
}

.glosedge-basics-card-col .glosedge-chat-card-links a {
	border-color: var(--basics, #286ea0);
	color: var(--basics, #286ea0);
}

.glosedge-basics-card-col .glosedge-chat-card-links a:hover,
.glosedge-basics-card-col .glosedge-chat-card-links a:focus {
	background: var(--basics, #286ea0);
	color: #fff;
}

/* お出かけ日記のカードの「一覧（N回）→」も同じボタンの形に（色は今までどおり。16人に会うではページの色） */
.glosedge-log-card-all {
	display: inline-flex;
	align-items: center;
	margin-top: 6px;
	padding: 4px 12px;
	border: 1.5px solid currentColor;
	border-radius: 999px;
	background: #fff;
	font-size: 13px;
	line-height: 1.4;
	text-decoration: none;
}

.glosedge-log-card-all:hover,
.glosedge-log-card-all:focus {
	background: var(--ge-tint, #fdf1ec);
}

/* 予想ランキングの「16人全員の順位・市場ごとのランキングを見る」を左寄せ・塗りのボタンに（2026-10-21 ユーザー指示「左に、もう少し目立たせて」） */
.glosedge-rank-more {
	text-align: left;
}

.glosedge-rank-more a {
	padding: 8px 20px;
	border-width: 2px;
	background: var(--ge-text, #1d3a5c);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
	color: #fff;
	font-size: 15px;
}

.glosedge-rank-more a:hover,
.glosedge-rank-more a:focus {
	background: #fff;
	color: var(--ge-text, #1d3a5c);
}

@media (max-width: 600px) {
	.glosedge-rank-more a {
		padding: 8px 16px;
		font-size: 14px;
	}
}

/* 案内役（/megane/）の「今週の予想」の1行（2026-10-21。functions.php の glosedge_megane_forecast_bar()）。見た目は今日の相場の1行（.glosedge-ticker）と同じ帯 */
.glosedge-ticker.glosedge-forecast {
	margin-top: 8px;
}

.glosedge-forecast-prob {
	margin-left: 5px;
	color: #dfe6ec;
	font-size: 13px;
}

/* 今週の予想の帯のすぐ下の注記（％の意味と免責、2026-10-24）。背景が写真なので薄い紺の地に白文字 */
.glosedge-forecast-note {
	display: table;
	margin: 4px 0 0;
	padding: 2px 10px;
	border-radius: 6px;
	background: rgba(11, 26, 38, 0.72);
	color: #e8eef3;
	font-size: 12px;
	line-height: 1.6;
}

@media (max-width: 600px) {
	.glosedge-forecast-note {
		font-size: 11px;
	}

	.glosedge-forecast-yu {
		display: none;
	}

	.glosedge-forecast .glosedge-ticker-rows { /* スマホは2列×2行（市場名が長いので） */
		grid-template-columns: repeat(2, auto);
	}

	.glosedge-forecast-prob {
		margin-left: 3px;
		font-size: 11px;
	}
}

/* 予想ランキングの「今週の予想は？」（2026-10-21 ユーザー指示）。投資家会議へのリンクはほかのカードと同じ丸いボタン、
   その下の行に会議全体の予想、さらにその下に本日時点の動きとの比較の表（functions.php の glosedge_rank_now_table()） */
.glosedge-rank-next {
	margin: 4px 0 10px;
	font-size: 14px;
}

.glosedge-rank-next-head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 12px;
	margin: 0 0 6px;
}

.glosedge-rank-next-head > b {
	font-size: 15px;
}

/* 「最新の投資家会議を読む」は見出しの「これまでの投資家会議」と同じボタン（a.glosedge-rank-meetings、2026-10-21 ユーザー指示）。
   前の文字リンクの色（.glosedge-rank-next a）が後ろにあって勝つので、文字の白だけここで強める */
body .glosedge-rank-next a.glosedge-rank-meetings,
body .glosedge-rank-next a.glosedge-rank-meetings:visited,
body .glosedge-rank-next a.glosedge-rank-meetings:hover,
body .glosedge-rank-next a.glosedge-rank-meetings:focus,
body.glosedge-view-today .glosedge-rank-next a.glosedge-rank-meetings,
body.glosedge-view-today .glosedge-rank-next a.glosedge-rank-meetings:visited,
body.glosedge-view-today .glosedge-rank-next a.glosedge-rank-meetings:hover,
body.glosedge-view-today .glosedge-rank-next a.glosedge-rank-meetings:focus {
	color: #fff;
}

.glosedge-rank-next .glosedge-rank-next-sum {
	margin: 0 0 4px;
}

.glosedge-rank-now-head {
	margin-top: 12px;
}

.glosedge-rank-now-note {
	margin: 4px 0 0;
	color: #5a6672;
	font-size: 12px;
}

/* ===== note版（2026-10-23 ユーザー指示。/market-note/ と、今日の相場のカード） ===== */
/* 種類の札：MARKET REAL＝紺、週末号外＝赤、MARKET HUB＝緑がかった青 */
.glosedge-mnote-kind {
	display: inline-block;
	margin-right: 8px;
	padding: 1px 8px;
	border-radius: 4px;
	background: #1d3a5c;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.6;
	white-space: nowrap;
	vertical-align: 1px;
}

.glosedge-mnote-kind-weekend {
	background: #c62828;
}

.glosedge-mnote-kind-hub {
	background: #1f6f78;
}

/* 1回分のページ */
.glosedge-mnote-who {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 12px;
	font-size: 13px;
	color: #555;
}

.glosedge-mnote-who b {
	display: block;
	color: #1d3a5c;
	font-size: 16px;
}

.glosedge-mnote-orig {
	margin: 0 0 16px;
	padding: 10px 14px;
	border-left: 4px solid #1d3a5c;
	border-radius: 0 6px 6px 0;
	background: #fff;
	font-size: 14px;
	line-height: 1.7;
}

.glosedge-mnote .glosedge-log-p a,
.glosedge-mnote .glosedge-basics-ul a,
.glosedge-mnote-orig a {
	color: #1d4f91;
	text-decoration: underline;
	text-decoration-color: rgba(29, 79, 145, 0.35);
	text-underline-offset: 3px;
}

.glosedge-mnote-go {
	margin: 0 0 10px;
}

.glosedge-mnote-go a,
.glosedge-mnote-go a:visited {
	display: inline-block;
	padding: 7px 16px;
	border-radius: 999px;
	background: #1d3a5c;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
}

.glosedge-mnote-go a:hover,
.glosedge-mnote-go a:focus {
	background: #0b1a26;
	color: #fff;
	text-decoration: none;
}

.glosedge-mnote-hr {
	margin: 20px 0;
	border: 0;
	border-top: 1px dashed #b9c4d3;
}

.glosedge-mnote-small {
	font-size: 12px !important;
	line-height: 1.7 !important;
	color: #666;
}

.glosedge-mnote-sources {
	font-size: 12px;
	line-height: 1.6;
	word-break: break-all;
}

/* 一覧（/market-note/）：1行に 日付・種類・題・担当 */
.glosedge-mnote-month ul.glosedge-mnote-list {
	display: block;
	padding: 0 8px 8px;
}

.glosedge-mnote-month .glosedge-mnote-list li {
	border-top: 1px solid #eee;
}

.glosedge-mnote-month .glosedge-mnote-list a,
.glosedge-mnote-month .glosedge-mnote-list a:visited {
	display: block;
	padding: 8px 6px;
	border-radius: 0;
	background: none;
	color: #222;
	font-size: 14px;
	line-height: 1.6;
}

.glosedge-mnote-month .glosedge-mnote-list a:hover,
.glosedge-mnote-month .glosedge-mnote-list a:focus {
	background: #f2f5f9;
	color: #222;
}

.glosedge-mnote-date {
	display: inline-block;
	min-width: 4.6em;
	margin-right: 6px;
	color: #555;
	font-weight: 700;
}

.glosedge-mnote-list b {
	font-weight: 700;
}

.glosedge-mnote-by {
	margin-left: 8px;
	color: #777;
	font-size: 12px;
	white-space: nowrap;
}

/* 今日の相場のカード（地と線はほかのカードと同じページの色） */
.glosedge-mnote-card {
	margin-top: 16px;
	padding: 14px 20px;
	border-radius: 8px;
	background: #fffdf8;
	border: 1px solid var(--ge-line, #c9d5e3);
	border-top: 4px solid var(--ge-accent, #1d3a5c);
	color: #222;
}

.glosedge-mnote-card-lead {
	margin: 0 0 8px;
	font-size: 14px;
	color: #444;
}

.glosedge-mnote-card-rows {
	margin: 0 0 12px;
	padding: 0;
	list-style: none;
}

.glosedge-mnote-card-rows li {
	margin: 0;
	border-top: 1px solid var(--ge-line, #c9d5e3);
}

.glosedge-mnote-card-rows a,
.glosedge-mnote-card-rows a:visited {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 4px;
	color: #222;
	text-decoration: none;
}

.glosedge-mnote-card-rows a:hover,
.glosedge-mnote-card-rows a:focus {
	background: var(--ge-tint, #e8eef5);
	color: #222;
	text-decoration: none;
}

.glosedge-mnote-card-rows .glosedge-rank-face {
	flex: 0 0 auto;
}

.glosedge-mnote-card-text {
	min-width: 0;
}

.glosedge-mnote-card-meta {
	display: block;
	color: #555;
	font-size: 13px;
}

.glosedge-mnote-card-text b {
	display: block;
	font-size: 15px;
	line-height: 1.5;
}

@media (max-width: 600px) {
	.glosedge-mnote-card {
		padding: 12px;
	}

	.glosedge-mnote-card-text b {
		font-size: 14px;
	}

	.glosedge-mnote-by {
		display: block;
		margin-left: 0;
	}
}

/* note版のカードの説明文は「毎朝更新」の札の右に太字で（2026-10-23 ユーザー指示） */
.glosedge-play-label .glosedge-mnote-card-lead {
	margin: 0 0 0 10px;
	color: var(--ge-text, #1d3a5c);
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0;
	vertical-align: middle;
}

@media (max-width: 600px) {
	.glosedge-play-label .glosedge-mnote-card-lead {
		display: block;
		margin: 6px 0 0;
		font-size: 14px;
	}
}

/* 投資家会議の予想の的中率（2026-10-23 ユーザー指示）。先週の結果の表の右端の列（全体の行は同日ユーザー指示で削除） */
.glosedge-rank-vs th.glosedge-rank-vs-rate small {
	font-size: 12px;
	font-weight: 700;
}

.glosedge-rank-vs td.glosedge-rank-vs-rate {
	text-align: center;
	white-space: nowrap;
}

.glosedge-rank-vs-rate b {
	color: var(--ge-text, #1d3a5c);
	font-size: 15px;
}

.glosedge-rank-vs-rate span {
	color: #777;
	font-size: 12px;
}

@media (max-width: 600px) {
	.glosedge-rank-vs td.glosedge-rank-vs-rate {
		grid-column: 1 / span 2;
		border-top: 1px dashed #ecd9a8;
		text-align: left;
	}
}

/* 日経225オプション建玉のカード（2026-10-23 ユーザー指示。note版のカードの下） */
.glosedge-option-card {
	margin-top: 16px;
	padding: 14px 20px;
	border-radius: 8px;
	background: #fffdf8;
	border: 1px solid var(--ge-line, #c9d5e3);
	border-top: 4px solid var(--ge-accent, #1d3a5c);
	color: #222;
}

.glosedge-option-card-lead {
	margin: 0 0 8px;
	font-size: 14px;
	color: #444;
}

.glosedge-option-card-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 14px;
	padding: 8px 0;
	border-top: 1px solid var(--ge-line, #c9d5e3);
}

.glosedge-option-card-row > b {
	min-width: 9em;
	color: var(--ge-text, #1d3a5c);
	font-size: 15px;
}

@media (max-width: 600px) {
	.glosedge-option-card {
		padding: 12px;
	}

	.glosedge-option-card-row > b {
		width: 100%;
	}
}

/* パソコンでは題・札・説明文を横に並べ、説明文は札の右で折り返す（説明文が長く、1行に入らないため） */
@media (min-width: 601px) {
	.glosedge-mnote-card .glosedge-play-label {
		display: flex;
		align-items: center;
		gap: 0 4px;
	}

	.glosedge-mnote-card .glosedge-play-label .glosedge-rank-month {
		flex: 0 0 auto;
	}

	.glosedge-play-label .glosedge-mnote-card-lead {
		flex: 1 1 auto;
		min-width: 0;
		line-height: 1.5;
	}
}

.glosedge-mnote-card-title {
	white-space: nowrap;
}

/* 長いページの一番下の左の「← 戻る」（2026-10-23 ユーザー指示。上のボタンを functions.php の glosedge_back_bottom_script() が写す） */
.glosedge-back-bottom {
	clear: both;
	margin: 20px 0 4px;
	text-align: left;
}

/* 今日の相場の投資家会議の予想のカードのボタン（これまでの投資家会議・最新の投資家会議を読む）を、
   ほかのカードの丸いボタン（.glosedge-chat-card-links a＝白地・ページの色の縁と文字、押すと塗る）と同じ見た目に（2026-10-23 ユーザー指示） */
body.glosedge-view-today a.glosedge-rank-meetings,
body.glosedge-view-today a.glosedge-rank-meetings:visited,
body.glosedge-view-today .glosedge-rank-next a.glosedge-rank-meetings,
body.glosedge-view-today .glosedge-rank-next a.glosedge-rank-meetings:visited {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 5px 14px;
	border: 1.5px solid var(--ge-text, #1d3a5c);
	border-radius: 999px;
	background: #fff;
	color: var(--ge-text, #1d3a5c);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.4;
	text-decoration: none;
	box-shadow: none;
	transform: none;
	transition: background-color 0.15s, color 0.15s;
}

body.glosedge-view-today a.glosedge-rank-meetings:hover,
body.glosedge-view-today a.glosedge-rank-meetings:focus,
body.glosedge-view-today .glosedge-rank-next a.glosedge-rank-meetings:hover,
body.glosedge-view-today .glosedge-rank-next a.glosedge-rank-meetings:focus {
	background: var(--ge-text, #1d3a5c);
	color: #fff;
	text-decoration: none;
	transform: none;
}

/* note版のカードの MARKET HUB の行の右に、その回で話している投資家の顔（2026-10-23 ユーザー指示） */
.glosedge-mnote-card-cast {
	display: flex;
	flex: 0 0 auto;
	gap: 8px;
	margin-left: 8px; /* 一番右ではなく題（説明文）のすぐ右に（2026-10-23 ユーザー指示） */
}

.glosedge-mnote-card-castone {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
}

.glosedge-mnote-card-castone small {
	color: #555;
	font-size: 11px;
	line-height: 1.2;
	white-space: nowrap;
}

/* スマホは題が細くならないよう、顔は題の下の行に右寄せで（顔の右に名前） */
@media (max-width: 600px) {
	.glosedge-mnote-card-rows a:has(.glosedge-mnote-card-cast) {
		flex-wrap: wrap;
	}

	.glosedge-mnote-card-rows .glosedge-mnote-card-text {
		flex: 1 1 0;
	}

	.glosedge-mnote-card-cast {
		flex: 1 0 100%;
		justify-content: flex-end;
		gap: 10px;
	}

	.glosedge-mnote-card-castone {
		flex-direction: row;
		gap: 4px;
	}

	.glosedge-mnote-card-castone .glosedge-rank-face {
		zoom: 0.7;
	}
}

/* note版の記事の上の用語集のお知らせ（記事ページは market-nav.js が同じ見た目で出す。2026-10-23 ユーザー指示） */
.gse-glossary-notice {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 12px 0;
	padding: 8px 14px;
	border: 1px solid #c9d5e3;
	border-radius: 10px;
	background: #fff;
	color: #1d3a5c;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.5;
}

.gse-glossary-notice svg {
	flex: 0 0 auto;
}

.gse-glossary-notice u {
	text-decoration: underline;
	text-decoration-color: #b8892b;
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}

@media (max-width: 600px) {
	.gse-glossary-notice {
		padding: 6px 10px;
		font-size: 13px;
	}
}

/* 今日の相場のカードの用語集の印（ロゴだけ、投資家の顔と同じくらいの大きさ。2026-10-23 ユーザー指示） */
.glosedge-glossary-mark {
	display: inline-flex;
	flex: 0 0 auto;
	align-self: center;
	margin-left: 8px;
	line-height: 0;
}

/* MARKET REAL・MARKET HUB の写真のカードは右上に */
.glosedge-market-link .glosedge-glossary-mark {
	position: absolute;
	top: 10px;
	right: 10px;
	margin: 0;
	pointer-events: none;
}

/* MARKET HUB の行は、投資家の顔（名前つき）の右で顔の高さにそろえる */
.glosedge-mnote-card-cast .glosedge-glossary-mark {
	align-self: flex-start;
}

@media (max-width: 600px) {
	.glosedge-glossary-mark svg {
		width: 32px;
		height: 32px;
	}

	.glosedge-mnote-card-cast .glosedge-glossary-mark {
		align-self: center;
	}
}

/* ===== 16人の経済教室（2026-10-24。「投資を学ぶ」のカードは見本3案のうち B＝講座の地図） ===== */
.glosedge-keizai-card {
	margin-top: 12px;
	padding: 14px 20px;
	border-radius: 8px;
	background: #fffdf8;
	border: 1px solid #d6cbe8;
	border-top: 4px solid #5b3e8f;
	color: #222;
}
.glosedge-keizai-card-desc {
	margin: 4px 0 10px;
	font-size: 14px;
	line-height: 1.7;
	color: #444;
}
.glosedge-keizai-card-desc b a {
	color: #4a3275;
}
.glosedge-keizai-steps {
	display: grid;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.glosedge-keizai-steps li {
	margin: 0;
	padding: 0;
}
.glosedge-keizai-steps li > a,
.glosedge-keizai-steps li > span {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	box-sizing: border-box;
	padding: 6px 4px;
	border: 1px solid #d6cbe8;
	border-radius: 8px;
	background: #fff;
	font-size: 12px;
	line-height: 1.35;
	text-align: center;
	text-decoration: none;
	word-break: break-all;
}
.glosedge-keizai-steps li b {
	display: block;
	font-size: 10px;
	font-weight: 700;
	color: #8a80a3;
}
.glosedge-keizai-steps li.is-open > a {
	background: #5b3e8f;
	border-color: #5b3e8f;
	color: #fff;
	font-weight: 700;
}
.glosedge-keizai-steps li.is-open > a b {
	color: #e6dcff;
}
.glosedge-keizai-steps li.is-open > a:hover,
.glosedge-keizai-steps li.is-open > a:focus {
	background: #4a3275;
	color: #fff;
}
.glosedge-keizai-steps li.is-soon > span {
	border-style: dashed;
	color: #8f87a3;
}
.glosedge-keizai-prog {
	height: 6px;
	margin: 10px 0 4px;
	border-radius: 3px;
	background: #eee7f8;
	overflow: hidden;
}
.glosedge-keizai-prog i {
	display: block;
	height: 100%;
	background: #5b3e8f;
}
/* 各回の先生（題の下） */
.glosedge-keizai-who {
	margin: -4px 0 12px;
}
.glosedge-keizai-teacher {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	color: #4a3275;
}
.glosedge-keizai-teacher .glosedge-rank-face {
	flex: 0 0 auto;
	border-radius: 50%;
	background-color: #efe9f7;
	border: 1px solid #d6cbe8;
}
/* 目次の先生の名前 */
.glosedge-keizai-map-teacher {
	display: block;
	font-size: 12px;
	color: #6b5f86;
}
.glosedge-keizai .glosedge-guide-kicker,
.glosedge-keizai .glosedge-guide-map-no,
.glosedge-keizai .glosedge-guide-map a {
	color: #5b3e8f;
}
.glosedge-keizai .glosedge-guide-map li {
	border-color: #d6cbe8;
}
.glosedge-keizai .glosedge-basics-h3,
.glosedge-keizai .glosedge-basics-table thead th {
	background: #efe9f7;
	color: #4a3275;
}
@media screen and (min-width: 601px) and (max-width: 999px) {
	.glosedge-keizai-steps {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}
}
@media screen and (max-width: 600px) {
	.glosedge-keizai-card {
		padding: 12px 14px;
	}
	.glosedge-keizai-steps {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 5px;
	}
	.glosedge-keizai-steps li > a,
	.glosedge-keizai-steps li > span {
		font-size: 11px;
		padding: 5px 2px;
	}
}
/* 第2部（2026-10-24）：カードと目次の部の見出し */
.glosedge-keizai-part {
	margin: 10px 0 4px;
	font-size: 12px;
	font-weight: 700;
	color: #5b3e8f;
}
.glosedge-keizai-card-desc + .glosedge-keizai-part {
	margin-top: 0;
}
.glosedge-keizai .glosedge-keizai-map-part {
	margin: 18px 0 8px;
	padding: 0 0 4px;
	border-bottom: 2px solid #d6cbe8;
	font-size: 18px;
	color: #4a3275;
}

/* ===== 投資あるある・投資なぜなぜを1枚ずつのカードに（2026-10-24。投資家の顔はやめ、10回分を2列×5行） ===== */
.glosedge-series-card-desc {
	margin: 4px 0 10px;
	font-size: 14px;
	line-height: 1.7;
	color: #444;
}
.glosedge-series-list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: repeat(var(--rows, 5), auto);
	grid-auto-flow: column; /* 左の列に若い回、右の列に続き */
	gap: 6px 14px;
	margin: 0 0 4px;
	padding: 0;
	list-style: none;
}
.glosedge-series-list li {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0 8px;
	margin: 0;
	padding: 7px 10px;
	border: 1px solid var(--ge-line, #d6cbe8);
	border-radius: 8px;
	background: #fff;
	font-size: 14px;
	line-height: 1.5;
}
.glosedge-series-list li.is-soon {
	border-style: dashed;
	background: transparent;
	color: #8f87a3;
}
.glosedge-series-no {
	flex: 0 0 auto;
	font-size: 12px;
	font-weight: 700;
	color: var(--ge-accent, #5b3e8f);
}
.glosedge-series-list li.is-soon .glosedge-series-no {
	color: #a69dbb;
}
.glosedge-series-list li a {
	flex: 1 1 0;
	min-width: 0;
	font-weight: 700;
	color: var(--ge-text, #4a3275);
	text-decoration: none;
}
.glosedge-series-list li a:hover,
.glosedge-series-list li a:focus {
	text-decoration: underline;
}
.glosedge-series-title {
	flex: 1 1 0;
	min-width: 0;
}
.glosedge-series-when {
	flex: 0 0 100%;
	font-size: 12px;
	color: #9a92ad;
}
@media (max-width: 600px) {
	/* スマホは題が長いので1列に（上から第1回、第2回…） */
	.glosedge-series-list {
		grid-template-columns: 1fr;
		grid-template-rows: none;
		grid-auto-flow: row;
	}
	.glosedge-series-list li {
		font-size: 13px;
	}
}

/* ===== 「投資を学ぶ」の4つの連載の入口（2026-10-24。表題のリンクカードだけ、2列・スマホは1列） ===== */
.glosedge-learn-links {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	margin-top: 12px;
}
.glosedge-learn-link {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 14px 18px;
	border-radius: 8px;
	background: #fffdf8;
	border: 1px solid var(--ge-line, #d6cbe8);
	border-top: 4px solid var(--ge-accent, #5b3e8f);
	color: #222;
	text-decoration: none;
}
.glosedge-learn-link:hover,
.glosedge-learn-link:focus {
	color: #222;
	text-decoration: none;
	background: var(--ge-tint, #efe9f7);
}
.glosedge-learn-link-head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 8px;
}
.glosedge-learn-link-head b {
	font-size: 18px;
	color: var(--ge-text, #4a3275);
}
.glosedge-learn-link-desc {
	font-size: 14px;
	line-height: 1.7;
	color: #444;
}
.glosedge-learn-link-go {
	margin-top: auto;
	font-size: 14px;
	font-weight: 700;
	color: var(--ge-accent, #5b3e8f);
}
.glosedge-learn-link:hover .glosedge-learn-link-go,
.glosedge-learn-link:focus .glosedge-learn-link-go {
	text-decoration: underline;
}
/* 各連載のページの上に出す予定（カードの中身をそのまま、枠だけ軽く） */
.glosedge-series-overview {
	margin: 4px 0 18px;
	padding: 12px 14px;
}
@media (max-width: 600px) {
	.glosedge-learn-links {
		grid-template-columns: 1fr;
	}
	.glosedge-learn-link {
		padding: 12px 14px;
	}
}
/* リンクカードの最新の回（2026-10-24。リンクにはせず、コーナーの中身が伝わるように題を並べる） */
.glosedge-learn-link-menu {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin-top: auto;
	padding-top: 8px;
	border-top: 1px dashed var(--ge-line, #d6cbe8);
}
.glosedge-learn-link-item {
	display: block;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.5;
	color: #333;
}
.glosedge-learn-link-no {
	margin-right: 6px;
	font-size: 12px;
	color: var(--ge-accent, #5b3e8f);
}
/* 最新回1つ＋投資家の顔（2026-10-24。3回並べていたのをやめて、少し華やかに） */
.glosedge-learn-link-latest {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: auto;
	padding: 10px 12px;
	border-radius: 10px;
	background: linear-gradient(135deg, var(--ge-tint, #efe9f7) 0%, #fff6e3 100%);
	border: 1px solid var(--ge-line, #d6cbe8);
}
.glosedge-learn-link-latest .glosedge-basics-faces {
	display: flex;
	flex: 0 0 auto;
	margin: 0;
}
.glosedge-learn-link-latest .glosedge-rank-face {
	border-radius: 50%;
	background-color: #fff;
	border: 2px solid #fff;
	box-shadow: 0 1px 4px rgba(60, 40, 100, 0.25);
}
.glosedge-learn-link-latest .glosedge-rank-face + .glosedge-rank-face {
	margin-left: -12px; /* 2人のときは少し重ねる */
}
.glosedge-learn-link-latest-text {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}
.glosedge-learn-link-new {
	display: inline-block;
	margin-right: 6px;
	padding: 0 7px;
	border-radius: 999px;
	background: #e2463f;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.7;
}
.glosedge-learn-link-latest .glosedge-learn-link-item {
	font-size: 15px;
	color: var(--ge-text, #4a3275);
}

/* ===== 今日の相場の「的中ランキング」のカードもページの色（紺）に（2026-10-24 ユーザー指摘「ほかのカードと配色が違う」）。
   それまで市場のタブ・上位3人の顔の縁と名前・的中率・「全員の順位を見る」・表の線が金茶（#8a5a12・#e0bd6a・#3b2a17）と赤のままだった。
   メダル（金・銀・銅）はそのまま ===== */
body.glosedge-view-today .glosedge-rank-tab {
	border-color: var(--ge-line);
	color: var(--ge-text);
}
body.glosedge-view-today .glosedge-rank-tab:hover,
body.glosedge-view-today .glosedge-rank-tab:focus-visible {
	background: var(--ge-tint);
}
body.glosedge-view-today .glosedge-rank-tab.is-active {
	background: var(--ge-accent);
	border-color: var(--ge-accent);
	color: #fff;
}
body.glosedge-view-today .glosedge-rank-podium a,
body.glosedge-view-today .glosedge-rank-podium a:hover,
body.glosedge-view-today .glosedge-rank-podium a:focus,
body.glosedge-view-today .glosedge-rank-all td a {
	color: #222;
}
body.glosedge-view-today .glosedge-rank-podium .glosedge-rank-face {
	border-color: var(--ge-line);
}
body.glosedge-view-today .glosedge-rank-rate b {
	color: var(--ge-text);
}
body.glosedge-view-today .glosedge-rank-all summary {
	color: var(--ge-text);
}
body.glosedge-view-today .glosedge-rank-all th,
body.glosedge-view-today .glosedge-rank-all td {
	border-bottom-color: var(--ge-line);
}

/* ===== スマホの折りたたみ（2026-10-25 ユーザー指示「今日の相場のページが長い」）。[data-ge-fold] は 600px 以下だけ閉じて出し、タップで開く
   （functions.php の glosedge_fold_script()）。今日のマーケットのひとこと＝1行目だけ、オプション建玉＝限月の名前だけ、
   投資家会議の結果の表＝市場名と判定の1行目だけ。▼（.ge-fold-mark）はスマホだけ。パソコンは今までどおり全部出す ===== */
.ge-fold-mark,
.glosedge-leader-mini {
	display: none;
}

@media (max-width: 600px) {
	[data-ge-fold] {
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
	}

	.ge-fold-mark {
		display: inline-block;
		flex: 0 0 auto;
		margin-left: 6px;
		color: var(--ge-text, #1d3a5c);
		font-size: 10px;
		font-weight: 400;
		line-height: 1;
		vertical-align: middle;
	}

	.ge-fold-mark::before {
		content: "▼";
	}

	.is-open > .ge-fold-mark::before,
	.is-open > * > .ge-fold-mark::before {
		content: "▲";
	}

	/* 今日のマーケット：左の立ち姿はやめ、名前の左に小さな顔（名前と「的中王！」の2行の横に収めて行を増やさない） */
	.glosedge-leader .glosedge-leader-face {
		display: none;
	}

	.glosedge-leader-head {
		display: flow-root;
	}

	.glosedge-leader-mini {
		display: block;
		position: relative;
		float: left;
		margin: 2px 8px 0 0;
	}

	.glosedge-leader-mini .glosedge-rank-face {
		display: block;
		border: 2px solid var(--ge-line, #e0bd6a);
	}

	.glosedge-leader-mini .glosedge-leader-crown {
		top: -9px;
		font-size: 14px;
	}

	/* ひとことは1行目だけ（…）、タップで全文 */
	.glosedge-leader-comment[data-ge-fold] {
		display: flex;
		align-items: center;
	}

	.glosedge-leader-comment[data-ge-fold]:not(.is-open) .glosedge-leader-comment-text {
		flex: 1 1 auto;
		min-width: 0;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.glosedge-leader-comment[data-ge-fold].is-open {
		display: block;
	}

	/* 日経225オプション建玉：限月の名前だけ、タップで3枚へのリンク */
	.glosedge-option-card-row[data-ge-fold]:not(.is-open) .glosedge-chat-card-links {
		display: none;
	}

	/* 投資家会議の結果の表：市場名と判定の1行目だけ、タップで予想・結果・的中率 */
	.glosedge-rank-vs tr[data-ge-fold]:not(.is-open) > td:not(.glosedge-rank-judge) {
		display: none;
	}
}

/* 投資家会議の予想の表（先週の結果・本日時点）のセルの上下の余白を、パソコンでは半分に（2026-10-25 ユーザー指示「上部と下部の余白が大きすぎる」。7px → 3.5px）。スマホのカードはそのまま */
@media (min-width: 601px) {
	.glosedge-rank-vs th,
	.glosedge-rank-vs td {
		padding-top: 3.5px;
		padding-bottom: 3.5px;
	}
}

/* 先週の結果の行の高さを「本日時点」の表にそろえる（2026-10-25 ユーザー指示）。右端の的中率（15px）と判定（14px）の文字で行が高くなっていたので、
   パソコンでは本文のセル（13px × 1.5）と同じ行の高さに固定する。見出しの行はどちらの表も同じなのでそのまま */
@media (min-width: 601px) {
	.glosedge-rank-vs tbody th,
	.glosedge-rank-vs tbody td {
		line-height: 19.5px;
	}
}

/* 連載の本文の箇条書きで、字下げした「- 」の行（上の項目の補足。2026-10-25 経済教室 第1回の三面等価で使い始めた）。一段下げて、小さめ・うすい色、丸ではなく「→」 */
.glosedge-basics-ul li.glosedge-basics-sub {
	margin-left: 1.2em;
	list-style: none;
	color: #555;
	font-size: 14px;
}
.glosedge-basics-ul li.glosedge-basics-sub::before {
	content: "→ ";
	color: var(--ge-text, #5b3e8f);
}

/* ===== パソコンの折りたたみ（2026-10-25 ユーザー指示）。今日の相場の投資家会議の予想の「最新の結果」「今週の予想は？」は、
   見出しをクリックすると下の表（本日時点の表・注記、土・日は会議全体の予想の1行）が出る。functions.php の glosedge_fold_script()。
   スマホ（600px 以下）は今までどおり表を出し、市場ごとの行を折りたたむ ===== */
.ge-pcfold-mark {
	display: none;
}

@media (min-width: 601px) {
	[data-ge-pcfold]:not(.is-open) > :not([data-ge-pcfold-head]) {
		display: none;
	}

	[data-ge-pcfold-head] {
		cursor: pointer;
	}

	[data-ge-pcfold-head]:hover b,
	[data-ge-pcfold-head]:focus-visible b {
		text-decoration: underline;
	}

	.ge-pcfold-mark {
		display: inline-block;
		margin-left: 8px;
		padding: 0 8px;
		border: 1px solid var(--ge-line, #c9d5e3);
		border-radius: 999px;
		background: #fff;
		color: var(--ge-text, #1d3a5c);
		font-size: 12px;
		font-weight: 700;
		line-height: 1.6;
		vertical-align: middle;
	}

	.ge-pcfold-mark::before {
		content: "表を見る ▼";
	}

	.is-open > [data-ge-pcfold-head] .ge-pcfold-mark::before {
		content: "閉じる ▲";
	}
}

/* 投資家会議の予想のカード（パソコン）の並びをそろえる（2026-10-25 ユーザー指示）。
   「先週の結果」「今週の予想は？」は同じ 15px、その右の「表を見る」は同じ位置・同じ幅（横長）で縦にそろえる。
   見出しの「これまでの投資家会議」と「最新の投資家会議を読む」も同じ位置から始まるように、
   見出しの行の1列目の幅 ＝ 見出しの列（--ge-fc-l）＋ すき間 ＋ ボタンの列（--ge-fc-b） にしている */
@media (min-width: 601px) {
	.glosedge-forecast-card {
		--ge-fc-l: 130px;
		--ge-fc-b: 140px;
		--ge-fc-gap: 16px;
	}

	.glosedge-forecast-card > .glosedge-rank-head {
		display: grid;
		grid-template-columns: calc(var(--ge-fc-l) + var(--ge-fc-gap) + var(--ge-fc-b)) auto;
		column-gap: var(--ge-fc-gap);
		justify-content: start;
		align-items: center;
	}

	.glosedge-forecast-card > .glosedge-rank-head .glosedge-play-label {
		white-space: nowrap;
	}

	.glosedge-forecast-card .glosedge-rank-latest-head[data-ge-pcfold-head],
	.glosedge-forecast-card .glosedge-rank-next-head {
		display: grid;
		grid-template-columns: var(--ge-fc-l) var(--ge-fc-b) auto;
		column-gap: var(--ge-fc-gap);
		justify-content: start;
		align-items: center;
		font-size: 15px;
	}

	.glosedge-forecast-card .glosedge-rank-latest-head[data-ge-pcfold-head] > b,
	.glosedge-forecast-card .glosedge-rank-next-head > b {
		font-size: 15px;
		white-space: nowrap;
	}

	.glosedge-forecast-card .glosedge-rank-head a.glosedge-rank-meetings,
	.glosedge-forecast-card .glosedge-rank-next-head a.glosedge-rank-meetings {
		justify-self: start;
	}

	.glosedge-forecast-card .ge-pcfold-mark {
		box-sizing: border-box;
		width: 100%;
		margin-left: 0;
		padding: 3px 0;
		text-align: center;
	}
}

/* 札の文字は「先週の結果」＝結果を見る、「今週の予想は？」＝予想を見る（2026-10-25 ユーザー指示。それまでは両方「表を見る」）。
   「これまでの投資家会議」は見出しの右から「先週の結果」の行の3列目へ移したので、「最新の投資家会議を読む」と同じ位置から始まる */
@media (min-width: 601px) {
	.glosedge-forecast-card .glosedge-rank-latest-head .ge-pcfold-mark::before {
		content: "結果を見る ▼";
	}

	.glosedge-forecast-card .glosedge-rank-next-head .ge-pcfold-mark::before {
		content: "予想を見る ▼";
	}

	.glosedge-forecast-card .is-open > [data-ge-pcfold-head] .ge-pcfold-mark::before {
		content: "閉じる ▲";
	}

	.glosedge-forecast-card .glosedge-rank-latest-head a.glosedge-rank-meetings {
		justify-self: start;
	}
}

/* スマホは「先週の結果」の右に「これまでの投資家会議」（収まらなければ次の行） */
@media (max-width: 600px) {
	.glosedge-forecast-card .glosedge-rank-latest-head[data-ge-pcfold-head] {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 6px 12px;
	}
}

/* 投資家会議の予想の見出しの行の右に16人の顔を1行で（2026-10-25 ユーザー指示。パソコンだけ。はじめは3行の右に8人×2行）。
   見出しの行の grid の2〜3列目のまん中に並べる（顔 30px ＋ 枠 2px×2 ＝ 34px が16人、間 2px。2026-10-25 ユーザー指示で 30px→34px に大きく）。
   カードの中の幅（左右の余白を除く）が 880px 未満は1行に入らないので出さない（container query）。最新の結果で4つ全部当てた人は金の枠 */
.glosedge-forecast-faces {
	display: none;
}

@media (min-width: 601px) {
	.glosedge-forecast-card {
		container-type: inline-size;
		container-name: ge-forecast;
	}

	.glosedge-forecast-card > .glosedge-rank-head {
		grid-template-columns: calc(var(--ge-fc-l) + var(--ge-fc-gap) + var(--ge-fc-b)) auto 1fr;
	}

	.glosedge-forecast-faces {
		grid-column: 2 / -1; /* 2列目（「これまでの投資家会議」の場所）が空いているので、すき間1つ分つめて置く */
		grid-template-columns: repeat(16, 34px);
		gap: 2px;
		justify-content: center;
		align-items: center;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.glosedge-forecast-faces li {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.glosedge-forecast-faces a {
		display: block;
		line-height: 0;
		transition: transform 0.15s ease;
	}

	.glosedge-forecast-faces a:hover,
	.glosedge-forecast-faces a:focus-visible {
		transform: translateY(-2px);
	}

	.glosedge-forecast-faces .glosedge-rank-face {
		display: block;
		border: 2px solid var(--ge-line, #c9d5e3);
	}

	.glosedge-forecast-faces li.is-perfect .glosedge-rank-face {
		border-color: #d4a017;
		box-shadow: 0 0 0 2px #f6d77a;
	}

	/* 最新の結果が無く、見出しの右に「これまでの投資家会議」があるときは、その右（3列目）だけ */
	.glosedge-forecast-card > .glosedge-rank-head:has(> a.glosedge-rank-meetings) .glosedge-forecast-faces {
		grid-column: 3 / -1;
	}

	/* 2026-10-25 ユーザー指示でさらに大きく：顔 34px（枠込み 38px）。カードの中の幅が 940px 未満（ブラウザの幅でおよそ 1150px 未満）は
	   1行に入らないので、880〜939px は前の大きさ（枠込み 34px、zoom で縮める）、880px 未満は出さない */
	.glosedge-forecast-faces .glosedge-rank-face {
		zoom: 0.882;
	}

	@container ge-forecast (min-width: 880px) {
		.glosedge-forecast-faces {
			display: grid;
		}
	}

	@container ge-forecast (min-width: 940px) {
		.glosedge-forecast-faces {
			grid-template-columns: repeat(16, 38px);
		}

		.glosedge-forecast-faces .glosedge-rank-face {
			zoom: 1;
		}
	}
}

/* 「4つ全部当てたのは：…でした。おめでとうございます。」は強調（2026-10-25 ユーザー指示） */
.glosedge-rank-perfect b {
	color: var(--ge-text, #1d3a5c);
	font-size: 14px;
}

/* ===== 投資めがねコーナー（/omikuji/）の専用の配色（2026-10-25 ユーザー指示）。銀をページの色にする（はじめは鳥居と同じ朱、同日オレンジ、さらに銀へ）
   （ほかのページと同じ考え方：案内役＝金、今日の相場＝紺、投資を学ぶ＝紫、16人に会う＝緑）。
   おみくじと日経225オプション建玉の2枚のカードを、生成りの白の地・薄い銀の縁・上に銀の太線・見出しと札とボタンを銀にそろえる。
   上の見出し（濃紺と金）と一人旅のスライダーはほかのページと同じまま ===== */
body.glosedge-view-omikuji {
	/* 2026-10-25 ユーザー指示で 朱（#c0392b）→ 柿色のオレンジ（#e8833a）→ 銀 に。
	   線は明るい銀、文字は読める濃さの銀ねず色、札とおみくじのボタンは銀の金属っぽいグラデーションに濃い文字 */
	--ge-accent: #a9b1ba;
	--ge-text: #4f5966;
	--ge-badge: #6b7682;
	--ge-tint: #f2f4f6;
	--ge-line: #d8dde3;
	--ge-silver: linear-gradient(180deg, #fbfcfd 0%, #dfe4e9 45%, #c3cad2 55%, #e9edf1 100%);
}

/* 札（営業日ごとに更新）は銀のグラデーションに濃い文字、日付の札は白地に銀の縁 */
body.glosedge-view-omikuji .glosedge-media .glosedge-rank-month {
	border: 1px solid #b4bcc5;
	background: var(--ge-silver);
	color: #3a434e;
}

body.glosedge-view-omikuji .glosedge-media .glosedge-rank-month.glosedge-chat-date {
	border-color: #b4bcc5;
	background: #fff;
	color: var(--ge-text);
}

body.glosedge-view-omikuji .glosedge-play-card,
body.glosedge-view-omikuji .glosedge-option-card {
	background: #fbfcfd; /* 銀に合わせて、生成りの白より少し青みのある白 */
	border: 1px solid var(--ge-line);
	border-top: 4px solid var(--ge-accent);
	color: #222;
}

body.glosedge-view-omikuji .glosedge-play-card .glosedge-play-label,
body.glosedge-view-omikuji .glosedge-option-card .glosedge-play-label,
body.glosedge-view-omikuji .glosedge-omikuji-result {
	color: var(--ge-text);
}

body.glosedge-view-omikuji .glosedge-play-note a,
body.glosedge-view-omikuji .glosedge-play-note a:visited {
	color: var(--ge-text);
}

/* おみくじを引くボタンは銀のグラデーションに濃い文字（押すと少し明るく） */
body.glosedge-view-omikuji .glosedge-omikuji-button {
	border: 1px solid #aab2bb;
	background: var(--ge-silver);
	color: #2f3742;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.18);
}

body.glosedge-view-omikuji .glosedge-omikuji-button:hover,
body.glosedge-view-omikuji .glosedge-omikuji-button:focus {
	background: linear-gradient(180deg, #ffffff 0%, #e8ecf0 45%, #cfd5dc 55%, #f1f4f7 100%);
	color: #1f262f;
}

/* ===== 投資めがねのひとりごと（2026-10-25 ユーザー指示。投資めがねコーナーの おみくじ と 日経225オプション建玉 の間）。
   左に投資めがねの顔、右に吹き出しで一番新しい回。その下に「これまでのひとりごと」を日付つきで最大5つ。色は投資めがねコーナーの銀 ===== */
.glosedge-hitorigoto {
	box-sizing: border-box;
	margin-top: 16px;
	padding: 14px 20px 12px;
	border-radius: 8px;
	background: #fbfcfd;
	border: 1px solid var(--ge-line, #d8dde3);
	border-top: 4px solid var(--ge-accent, #a9b1ba);
	color: #222;
}

.glosedge-hitorigoto .glosedge-play-label {
	color: var(--ge-text, #4f5966);
}

.glosedge-hitorigoto-latest {
	display: flex;
	align-items: flex-start;
	gap: 14px;
}

.glosedge-hitorigoto-face {
	flex: 0 0 auto;
	border: 3px solid var(--ge-line, #d8dde3);
	background-color: #fff;
}

/* 吹き出し（左の顔に向けた三角つき） */
.glosedge-hitorigoto-bubble {
	position: relative;
	flex: 1 1 auto;
	min-width: 0;
	padding: 10px 16px;
	border: 1px solid #cdd3da;
	border-radius: 12px;
	background: #fff;
	font-size: 15px;
	line-height: 1.8;
}

.glosedge-hitorigoto-bubble::before,
.glosedge-hitorigoto-bubble::after {
	content: "";
	position: absolute;
	top: 22px;
	border: solid transparent;
}

.glosedge-hitorigoto-bubble::before {
	left: -10px;
	border-width: 8px 10px 8px 0;
	border-right-color: #cdd3da;
}

.glosedge-hitorigoto-bubble::after {
	left: -8px;
	border-width: 7px 9px 7px 0;
	border-color: transparent #fff transparent transparent;
	margin-top: 1px;
}

.glosedge-hitorigoto-bubble p {
	margin: 0 0 6px;
}

.glosedge-hitorigoto-bubble p:last-child {
	margin-bottom: 0;
}

.glosedge-hitorigoto-bubble .glosedge-hitorigoto-title {
	color: var(--ge-text, #4f5966);
	font-size: 16px;
	font-weight: 700;
}

/* これまでのひとりごと */
.glosedge-hitorigoto-past {
	margin-top: 12px;
	padding-top: 8px;
	border-top: 1px dashed var(--ge-line, #d8dde3);
}

.glosedge-hitorigoto-past-head {
	margin: 0 0 4px;
	color: var(--ge-text, #4f5966);
	font-size: 13px;
	font-weight: 700;
}

.glosedge-hitorigoto-past ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.glosedge-hitorigoto-past li {
	display: flex;
	gap: 12px;
	margin: 0;
	padding: 6px 0;
	border-bottom: 1px solid #eef1f4;
	list-style: none;
	font-size: 13px;
	line-height: 1.7;
}

.glosedge-hitorigoto-past li:last-child {
	border-bottom: 0;
}

.glosedge-hitorigoto-past-date {
	flex: 0 0 5.5em;
	color: #6b7682;
	font-weight: 700;
}

.glosedge-hitorigoto-past-body {
	min-width: 0;
	color: #333;
}

.glosedge-hitorigoto-past-body p {
	margin: 0;
}

.glosedge-hitorigoto-past-body b {
	display: block;
	color: var(--ge-text, #4f5966);
}

@media (max-width: 600px) {
	.glosedge-hitorigoto {
		padding: 12px;
	}

	.glosedge-hitorigoto-latest {
		gap: 10px;
	}

	.glosedge-hitorigoto-face {
		zoom: 0.7;
	}

	.glosedge-hitorigoto-bubble {
		padding: 8px 12px;
		font-size: 14px;
	}

	.glosedge-hitorigoto-bubble::before,
	.glosedge-hitorigoto-bubble::after {
		top: 14px;
	}

	.glosedge-hitorigoto-past li {
		flex-direction: column;
		gap: 0;
	}

	.glosedge-hitorigoto-past-date {
		flex: 0 0 auto; /* 縦に並ぶので、パソコン用の幅（5.5em）が高さにならないように */
	}
}

/* ひとりごとの「これまでのひとりごと」は1行目だけ、押すと全文（details。2026-10-25 ユーザー指示）。直近3回より前は /hitorigoto/ へ */
.glosedge-hitorigoto-past li {
	display: block;
	padding: 0;
}

.glosedge-hitorigoto-past-head small {
	margin-left: 6px;
	color: #7a838e;
	font-size: 11px;
	font-weight: 400;
}

.glosedge-hitorigoto-past summary {
	display: flex;
	align-items: baseline;
	gap: 12px;
	padding: 6px 0;
	cursor: pointer;
	list-style: none;
}

.glosedge-hitorigoto-past summary::-webkit-details-marker {
	display: none;
}

.glosedge-hitorigoto-past summary::after {
	content: "▼";
	flex: 0 0 auto;
	margin-left: auto;
	color: var(--ge-text, #4f5966);
	font-size: 10px;
}

.glosedge-hitorigoto-past details[open] > summary::after {
	content: "▲";
}

.glosedge-hitorigoto-past summary:hover .glosedge-hitorigoto-past-first,
.glosedge-hitorigoto-past summary:focus-visible .glosedge-hitorigoto-past-first {
	text-decoration: underline;
}

.glosedge-hitorigoto-past-first {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	color: #333;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.glosedge-hitorigoto-past details > .glosedge-hitorigoto-past-body {
	margin: 0 0 8px calc(5.5em + 12px);
	padding: 8px 12px;
	border-radius: 8px;
	background: var(--ge-tint, #f2f4f6);
}

.glosedge-hitorigoto-past-body p + p {
	margin-top: 4px;
}

.glosedge-hitorigoto-more {
	margin: 8px 0 0;
}

@media (max-width: 600px) {
	.glosedge-hitorigoto-past summary {
		gap: 8px;
	}

	.glosedge-hitorigoto-past-date {
		flex: 0 0 auto;
	}

	.glosedge-hitorigoto-past details > .glosedge-hitorigoto-past-body {
		margin-left: 0;
	}
}

/* 過去のひとりごとのページ（/hitorigoto/） */
.glosedge-hitorigoto-archive {
	margin: 0;
	padding: 0;
	list-style: none;
}

.glosedge-hitorigoto-archive li {
	margin: 0 0 12px;
	padding: 12px 16px;
	border: 1px solid #d8dde3;
	border-top: 4px solid #a9b1ba;
	border-radius: 8px;
	background: #fbfcfd;
	list-style: none;
	font-size: 15px;
	line-height: 1.8;
}

.glosedge-hitorigoto-archive-date {
	margin: 0 0 2px;
	color: #6b7682;
	font-size: 13px;
	font-weight: 700;
}

.glosedge-hitorigoto-archive .glosedge-hitorigoto-title {
	margin: 0 0 4px;
	color: #4f5966;
	font-size: 16px;
	font-weight: 700;
}

.glosedge-hitorigoto-archive li p {
	margin: 0 0 6px;
}

/* ===== 今週の注目チャート（2026-10-25 ユーザー指示。投資めがねコーナーの日経225オプション建玉の下）。
   3つの分類を横に3列（スマホは縦に）、銘柄名は丸いボタン（押すと Yahoo Finance のチャート）。上昇・下落の小さな札。色は投資めがねコーナーの銀 ===== */
.glosedge-charts {
	box-sizing: border-box;
	margin-top: 16px;
	padding: 14px 20px 12px;
	border-radius: 8px;
	background: #fbfcfd;
	border: 1px solid var(--ge-line, #d8dde3);
	border-top: 4px solid var(--ge-accent, #a9b1ba);
	color: #222;
}

.glosedge-charts .glosedge-play-label {
	color: var(--ge-text, #4f5966);
}

.glosedge-charts-lead {
	margin: 0 0 10px;
	color: #444;
	font-size: 14px;
}

.glosedge-charts-groups {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}

.glosedge-charts-group {
	padding: 10px 12px;
	border-radius: 8px;
	background: var(--ge-tint, #f2f4f6);
}

.glosedge-charts-group-title {
	margin: 0 0 8px;
	color: var(--ge-text, #4f5966);
	font-size: 14px;
	font-weight: 700;
}

.glosedge-charts-group ul {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.glosedge-charts-group li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.glosedge-charts-group a,
.glosedge-charts-group a:visited {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 5px 12px;
	border: 1px solid #b4bcc5;
	border-radius: 999px;
	background: #fff;
	color: #2f3742;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	transition: background 0.15s ease;
}

.glosedge-charts-group a:hover,
.glosedge-charts-group a:focus-visible {
	background: var(--ge-silver, #e9edf1);
	color: #1f262f;
}

.glosedge-charts-dir {
	padding: 0 6px;
	border-radius: 4px;
	font-size: 11px;
	line-height: 1.6;
}

.glosedge-charts-dir.is-up {
	background: #e7f0ea;
	color: #2e6b4f;
}

.glosedge-charts-dir.is-down {
	background: #fbe9e9;
	color: #c62828;
}

.glosedge-charts-note {
	margin: 8px 0 0;
	color: #6b7682;
	font-size: 11px;
}

@media (max-width: 999px) {
	.glosedge-charts-groups {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 600px) {
	.glosedge-charts {
		padding: 12px;
	}
}

/* 注目チャートの選んだ理由（2026-10-25 ユーザー指示）。いったん名前の下に文で出したが、同日「修正前に戻して、選択理由を太字に」で、
   名前が横に並ぶ形に戻し、理由は名前にマウスを乗せたとき（キーボードで選んだとき）に出る吹き出しに。文字は太字。
   ブラウザの標準の説明（title）は太字にできないので、span.glosedge-charts-why を吹き出しとして出す */
.glosedge-charts-group li {
	position: relative;
}

.glosedge-charts-why {
	position: absolute;
	z-index: 20;
	left: 0;
	bottom: calc(100% + 8px);
	width: max-content;
	max-width: 260px;
	padding: 7px 10px;
	border: 1px solid #b4bcc5;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	color: #1f262f;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.6;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.12s ease;
}

.glosedge-charts-why::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 18px;
	border: 6px solid transparent;
	border-top-color: #fff;
	filter: drop-shadow(0 1px 0 #b4bcc5);
}

.glosedge-charts-group li:hover .glosedge-charts-why,
.glosedge-charts-group li:focus-within .glosedge-charts-why {
	opacity: 1;
	visibility: visible;
}

/* 右の列の銘柄は吹き出しを右寄せにして、カードの外にはみ出さないように */
.glosedge-charts-group.is-turn .glosedge-charts-why {
	left: auto;
	right: 0;
}

.glosedge-charts-group.is-turn .glosedge-charts-why::after {
	left: auto;
	right: 18px;
}

/* note版：「> 」で始まる行（「💡つまり？」などの解説）を箱に（2026-10-25 A＋B構成） */
.glosedge-log-p.glosedge-mnote-point {
	background: #f3f6fa;
	border-left: 4px solid #1d3a5c;
	border-radius: 4px;
	padding: 10px 14px;
	margin: 4px 0 18px;
}

/* 今週の注目チャート：はじめは見出しだけ、押すと指標が開く（2026-10-25、details/summary。パソコン・スマホとも） */
.glosedge-charts-groups {
	align-items: start; /* 1つ開いても、ほかの見出しの箱は伸ばさない */
}

.glosedge-charts-group > summary.glosedge-charts-group-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin: 0;
	cursor: pointer;
	list-style: none;
}

.glosedge-charts-group > summary.glosedge-charts-group-title::-webkit-details-marker {
	display: none;
}

.glosedge-charts-group > summary.glosedge-charts-group-title::after {
	content: "▼";
	flex: none;
	font-size: 10px;
	font-weight: 400;
}

.glosedge-charts-group[open] > summary.glosedge-charts-group-title {
	margin-bottom: 8px;
}

.glosedge-charts-group[open] > summary.glosedge-charts-group-title::after {
	content: "▲";
}

/* 一番上のカードの「投資めがね」を投資めがねコーナーへのリンクに（2026-10-25）。見た目は見出しのまま、押せることが分かるよう点線の下線 */
.glosedge-megane-h1 a.glosedge-megane-h1-link,
.glosedge-megane-h1 a.glosedge-megane-h1-link:visited {
	color: inherit;
	text-decoration: underline dotted rgba(255, 255, 255, 0.6);
	text-decoration-thickness: 2px;
	text-underline-offset: 6px;
}

.glosedge-megane-h1 a.glosedge-megane-h1-link:hover,
.glosedge-megane-h1 a.glosedge-megane-h1-link:focus-visible {
	color: #ffd66b;
	text-decoration-color: #ffd66b;
}

/* 今週の注目チャート：「もしかしてトレンド転換する？」の向きの札（2026-10-25。上→下は下落の色、下→上は上昇の色） */
.glosedge-charts-dir.is-turn_down {
	background: #fbe9e9;
	color: #c62828;
}

.glosedge-charts-dir.is-turn_up {
	background: #e7f0ea;
	color: #2e6b4f;
}

/* スマホの投資家会議の予想の表で、「上昇」「下落」が「上／昇」のように途中で折り返されていた（2026-10-27、本日時点の表を開いたときに発覚）。
   語は分けず、「：」のあと（本日時点は <wbr>）で折り返す */
@media (max-width: 600px) {
	.glosedge-rank-vs .glosedge-rank-call {
		white-space: nowrap;
	}
}

/* 写真をゆっくり動かす（2026-10-28 ユーザー指示「ほんの少しズームインしたり、横にスライドさせたり」）。
   アルバムのスライドショー（/investor-album/、6秒ごと）と一人旅のスライダー（/omikuji/、Cycle2・15秒ごと）。
   表示中の写真だけ、切り替わるまでの間にゆっくり 6〜8% 大きくしながら少し横へずらす。向きは1枚ごとに変える（偶数枚目は右へ、奇数枚目は左へ、3枚に1枚は上へ）。
   表示が外れたときは、フェードで消え終わってから（遅れて）元の大きさへ戻すので、消えていく途中で写真がはねない。
   アルバムは開いた時点で1枚目に is-active が付いているので、動きは is-moving（ページを描いたあとにスクリプトで付ける）からにして、1枚目も元の大きさから動かす。
   ほかの動きと同じく「視差効果を減らす」の設定でも止めない */
.glosedge-album-slide img,
#feature-slider .slider-image img {
	transform: scale(1) translate(0, 0);
	transition: transform 0s linear 2s;
	will-change: transform;
}

.glosedge-album-show.is-moving .glosedge-album-slide.is-active img {
	transform: scale(1.07) translate(-1.5%, 0);
	transition: transform 7s ease-out;
}

.glosedge-album-show.is-moving .glosedge-album-slide:nth-child(even).is-active img {
	transform: scale(1.07) translate(1.5%, 0);
}

.glosedge-album-show.is-moving .glosedge-album-slide:nth-child(3n).is-active img {
	transform: scale(1.08) translate(0, -1.5%);
}

#feature-slider .slider-image {
	overflow: hidden;
}

#feature-slider .cycle-slide-active .slider-image img {
	transform: scale(1.06) translate(-2%, 0);
	transition: transform 16s linear;
}

#feature-slider .cycle-slide-active:nth-child(even) .slider-image img {
	transform: scale(1.06) translate(2%, 0);
}

#feature-slider .cycle-slide-active:nth-child(3n) .slider-image img {
	transform: scale(1.07) translate(0, -1.5%);
}

/* 一人旅のスライダーの全画面（2026-10-29 ユーザー指示。functions.php の glosedge_slider_fullscreen_script()）。
   右上の「全画面」ボタンで額縁（.wrapper）ごと画面いっぱいにする。Cycle2 の切り替えと写真の動きはそのまま続く。
   Fullscreen API の全画面（:fullscreen）でも、使えない端末の CSS だけの全画面（.is-full）でも同じ見た目 */
.glosedge-slider-full {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 160; /* 写真の文字（150）より手前 */
	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin: 0;
	padding: 6px 11px;
	border: 1px solid rgba(255, 255, 255, 0.85);
	border-radius: 999px;
	background: rgba(6, 17, 42, 0.55);
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
	cursor: pointer;
}

.glosedge-slider-full:hover {
	background: rgba(6, 17, 42, 0.85);
}

#feature-slider .wrapper.is-full {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: none;
	height: 100%;
	margin: 0;
	border: 0;
	border-image: none;
	box-shadow: none;
	background: #000;
}

#feature-slider .wrapper.is-full .cycle-slideshow {
	width: min(100vw, calc(100vh * 1200 / 514)); /* 写真（1200x514）が切れずに入る一番大きい幅 */
	margin: 0 auto;
	box-shadow: none;
}

html.glosedge-slider-full-open {
	overflow: hidden;
}

html.glosedge-slider-full-open #scrollup {
	display: none !important; /* ページの「上へ」ボタンが写真に重ならないように */
}

@media (max-width: 600px) {
	.glosedge-slider-full {
		top: 6px;
		right: 6px;
		padding: 5px 8px;
		font-size: 11px;
	}

	.glosedge-slider-full svg {
		width: 14px;
		height: 14px;
	}
}

/* アルバムの全画面（ライトボックス）でも写真をゆっくり動かす（2026-10-29 ユーザー指示）。
   写真は .glosedge-lb-frame の中で大きくなるので、写真の外にははみ出さない。向きは1枚ごとに変える（is-v1・is-v2 はスクリプトが付ける） */
.glosedge-lb-frame {
	display: block;
	overflow: hidden;
	line-height: 0;
}

.glosedge-lb-img {
	transform: scale(1) translate(0, 0);
	transition: none;
}

.glosedge-lb-img.is-moving {
	transform: scale(1.07) translate(-1.5%, 0);
	transition: transform 7s ease-out;
}

.glosedge-lb-img.is-v1.is-moving {
	transform: scale(1.07) translate(1.5%, 0);
}

.glosedge-lb-img.is-v2.is-moving {
	transform: scale(1.08) translate(0, -1.5%);
}

/* 案内役（/megane/）の配色を役割で2色に（2026-11-01 ユーザー指示、案C）。
   上の案内（紹介・3つの入口・今日の相場と今週の予想の帯）は濃紺のまま、下の読み物（特集・note・新着）は同じ生成りのカード＋上に金の線。
   特集と新着はすでに「ページの色で統一」で生成りなので、ここでは note の帯をそろえ、新着の今日の相場の札を今日の相場のページの紺にする */
body.glosedge-view-hub .glosedge-note-bar {
	background: #fffdf8;
	border: 1px solid var(--ge-line);
	border-top: 4px solid var(--ge-accent);
	color: #222;
}

body.glosedge-view-hub .glosedge-note-bar .glosedge-note-label,
body.glosedge-view-hub .glosedge-note-bar-main,
body.glosedge-view-hub .glosedge-note-bar-main:visited,
body.glosedge-view-hub .glosedge-note-bar-main:hover,
body.glosedge-view-hub .glosedge-note-bar-main:focus,
body.glosedge-view-hub .glosedge-note-bar-desc a,
body.glosedge-view-hub .glosedge-note-bar-desc a:visited {
	color: var(--ge-text);
}

body.glosedge-view-hub .glosedge-note-bar-desc a:hover,
body.glosedge-view-hub .glosedge-note-bar-desc a:focus {
	color: var(--ge-accent);
}

body.glosedge-view-hub .glosedge-news-label {
	background: #1d3a5c;
}

body.glosedge-view-hub .glosedge-news-label.is-learn {
	background: #5b3e8f;
}

body.glosedge-view-hub .glosedge-news-label.is-investors {
	background: #2e6b4f;
}

/* 投資めがね側の背景（2026-11-01 ユーザー指示）。はじめは街の空撮の写真に紺の幕（案1）だったが、別案のうち案A＝チャート模様にし、色は5色のうち生成り（案5）に。
   絵は images/megane-bg-chart-sand2.svg（2026-11-01 第2版：ティッカーの帯・ローソク足と出来高・面グラフ・指標の札・大きな％・小さな折れ線のカード・棒グラフ。作り直しは C:\xserver\backup_20261101k_bg_chart2_local\make_bg_chart2.py）。第1版は megane-bg-chart-sand.svg（方眼・ローソク足・移動平均・折れ線。紺の版の megane-bg-chart-navy.svg も残してある。
   作り直しのスクリプトは C:\xserver\backup_20261101e_bg_chart_local\make_bg_chart.py。色は navy・green・charcoal・indigo・sand）。
   スマホの Safari は background-attachment:fixed が効かないので、画面に固定した ::before に敷く。WordPress の背景設定の写真はこのページでは読み込まない。
   会社HP・ブログ・プライバシーポリシー等は今までどおり写真。印は functions.php の glosedge_company_body_class() が付ける glosedge-megane-side */
body.glosedge-megane-side.custom-background {
	background-image: none;
	background-color: #f4eee1;
}

body.glosedge-megane-side::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: -1;
	background: #f4eee1 url('images/megane-bg-chart-sand2.svg') center / cover no-repeat;
	pointer-events: none;
}

/* 今日の相場（/today/）の MARKET REAL・MARKET HUB のカードを透かす（2026-11-01 ユーザー指示「透明度をあげて」、生成りのチャート模様の背景に合わせて）。
   相場モニターの絵と暗い幕をカードの ::before に移し、絵だけ半透明にする（文字・ボタンは透かさない）。
   カードに isolation を付けて ::before（z-index -1）をカードの中の一番下に置く */
body.glosedge-view-today div.glosedge-market-link {
	isolation: isolate;
	background: none;
}

body.glosedge-view-today div.glosedge-market-link::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	border-radius: 8px;
	background-color: #0b1a26;
	background-image:
		linear-gradient(rgba(8, 18, 28, 0.35), rgba(8, 18, 28, 0.35)),
		url('images/market-hub-bg.webp');
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.9; /* 2026-11-01 ユーザー指示「チャート等の絵柄がもう少し浮き出るように」で、幕 0.6→0.35・絵 0.75→0.9 */
	pointer-events: none;
}

/* 案内役（/megane/）の投資めがねの紹介のカードと、今日の相場・投資を学ぶ・16人に会うの一番上の見出しのカード（.glosedge-b-header）は透かさない
   （2026-11-01 ユーザー指示「透けない」に。それまではどちらも 0.82） */
body.glosedge-view-hub .glosedge-megane-intro,
body.glosedge-megane-side .glosedge-b-header {
	background: #0b1a26;
}

/* 今日の相場の MARKET REAL のカードの絵を差し替え（2026-11-01 ユーザー指示。ユーザーがチャットに貼った机の上の湾曲モニターの絵から、モニター部分を切り抜いた
   images/market-real-bg2.webp。元の画像は C:\xserver\backup_20261101i_real_bg_local\original_1.webp）。
   画面が明るい絵なので、白い文字が読めるよう幕は MARKET HUB（0.35）より濃くする（0.55 → 同日ユーザー指示で 0.68 → 0.8）*/
body.glosedge-view-today div.glosedge-market-real::before {
	background-image:
		linear-gradient(rgba(8, 18, 28, 0.8), rgba(8, 18, 28, 0.8)),
		url('images/market-real-bg2.webp');
	background-position: center center;
}

/* 的中ランキング：アイコンを押すと今週の予想へ、の一言（2026-11-08 ユーザー指示） */
.glosedge-rank-tip {
	margin: 2px 0 10px;
	font-size: 13px;
	font-weight: bold;
	color: var(--ge-text, #1d3a5c);
}

/* スクロールしても左上に出る「← 戻る」（2026-11-08 ユーザー指示。functions.php の glosedge_back_bottom_script() が、
   上の「← 戻る」が画面から消えたら同じボタンを写して出す。見た目は .glosedge-back-btn、影だけ足す） */
.glosedge-back-float {
	position: fixed;
	top: 10px;
	left: 16px;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-6px);
	transition: opacity .2s, transform .2s, visibility .2s;
}

.glosedge-back-float.is-on {
	opacity: 1;
	visibility: visible;
	transform: none;
}

.glosedge-back-float .glosedge-back-btn {
	box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
}

body.admin-bar .glosedge-back-float {
	top: 42px;
}

@media (max-width: 782px) {
	body.admin-bar .glosedge-back-float {
		top: 56px;
	}
}

/* 一番上のカードの右上の「投資めがねコーナー」を大きく目立たせる（2026-11-08 ユーザー指示）。
   金の地に紺の太字、影つき。パソコンは右上のまま、スマホは「投資めがね」と同じ行の右端に置く（2026-11-08 ユーザー指示で見出しの上の行から変更） */
a.glosedge-megane-omikuji,
a.glosedge-megane-omikuji:visited {
	top: 14px;
	right: 16px;
	padding: 4px 14px;
	border: 1px solid #ffe7a8;
	background: linear-gradient(180deg, #f3d488 0%, #e0bd6a 100%);
	color: #0b1a26;
	font-size: 13px;
	letter-spacing: 0.02em;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
	transition: transform .15s, box-shadow .15s;
}

a.glosedge-megane-omikuji::after {
	content: " →";
}

a.glosedge-megane-omikuji:hover,
a.glosedge-megane-omikuji:focus {
	background: #ffe7a8;
	color: #0b1a26;
	transform: translateY(-1px);
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);
}

.glosedge-megane-intro .glosedge-megane-h1 {
	padding-right: 200px;
}

@media (max-width: 600px) {
	.glosedge-megane-intro .glosedge-megane-h1 {
		padding-right: 0;
	}

	a.glosedge-megane-omikuji,
	a.glosedge-megane-omikuji:visited {
		top: 18px;
		right: 12px;
		padding: 3px 10px;
		font-size: 11px;
		letter-spacing: 0;
	}

	a.glosedge-megane-omikuji::before {
		content: none;
	}
}