@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@700;html:has(link[href*="brd/myk/"]) 900&family=Share+Tech+Mono&family=Zen+Kaku+Gothic+New:wght@400;700&display=swap");

/*
C-BOARD 上書き用スタイルシート — SHOのサイト（ネオンブルー / SF テーマ）
パソコン用（PDAスキンでは読み込まれません）

・最後に読み込まれるため、brd/myk/data/c-board.css の指定を上書きしている。
・掲示板の HTML は互換モード(Quirks)で表示され、インラインの width:700 や
  bgcolor 属性でレイアウトされているため、!important や属性セレクタで上書きしている。
・見出し/送信ボタンの gif は差し替えず、CSS で隠して SVG の背景で描き直している。

【重要】public/ は全掲示板で共有されている（SHO = brd/myk、円卓の冒険団 = brd/dol）。
  このファイルのルールはすべて html:has(link[href*="brd/myk/"]) で始め、
  SHO の掲示板だけに効くようにしてある。ほかの掲示板用の指定を足すときは
  html:has(link[href*="brd/dol/"]) のように、その掲示板のフォルダで限定すること。
*/

:root {
  --bg: #04060d;
  --bg-2: #070b17;
  --panel: #0a1428;
  --panel-2: rgba(10, 20, 40, 0.72);
  --line: rgba(0, 200, 255, 0.22);
  --line-strong: rgba(0, 220, 255, 0.55);
  --neon: #00d9ff;
  --neon-soft: #7fe9ff;
  --warn: #ff6b8b;
  --ok: #3dffb0;
  --text: #d9e7ff;
  --text-dim: #8a9cc0;
  --text-faint: #5d6e92;
  --glow: 0 0 6px rgba(0, 217, 255, 0.8), 0 0 18px rgba(0, 217, 255, 0.45);
  --font-display: "Orbitron", "Zen Kaku Gothic New", sans-serif;
  --font-mono: "Share Tech Mono", ui-monospace, "Cascadia Mono", monospace;
  --font-body: "Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic UI", "Meiryo", sans-serif;
}

/* ------------------------------------------------------------ base */

html:has(link[href*="brd/myk/"]) { background: #04060d; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

html:has(link[href*="brd/myk/"]) body {
  margin: 0;
  min-height: 100vh;
  background-color: var(--bg);
  background-image:
    radial-gradient(ellipse 80% 50% at 50% -10%, rgba(0, 140, 255, 0.26), transparent 70%),
    radial-gradient(ellipse 60% 40% at 100% 100%, rgba(255, 61, 203, 0.07), transparent 70%),
    linear-gradient(var(--bg), var(--bg-2));
  background-attachment: fixed;
  color: var(--text);
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.7;
  scrollbar-color: #1d3a5c var(--bg);
}

/* 互換モードではテーブル内に文字サイズ・色が継承されないので補う */
html:has(link[href*="brd/myk/"]) table { font-size: inherit; color: inherit; line-height: inherit; }

html:has(link[href*="brd/myk/"]) ::selection { background: rgba(0, 217, 255, 0.35); color: #fff; }

/* 上部のヘッダーバー */
html:has(link[href*="brd/myk/"]) div#outer { text-align: left !important; }

html:has(link[href*="brd/myk/"]) div#outer::before {
  content: "SHO  //  BBS";
  display: block;
  height: 60px;
  padding: 0 clamp(16px, 4vw, 40px);
  line-height: 60px;
  white-space: pre;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: 20px;
  letter-spacing: 0.16em;
  color: #fff;
  text-shadow: var(--glow);
  background: rgba(4, 6, 13, 0.75);
  border-bottom: 1px solid var(--line);
}

html:has(link[href*="brd/myk/"]) div#container {
  width: auto !important;
  max-width: 980px;
  margin: 0 auto !important;
  padding: 28px clamp(16px, 4vw, 40px) 64px !important;
}

/* 掲示板タイトル（#container 先頭のテキスト） */
html:has(link[href*="brd/myk/"]) div#container::first-line {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #fff;
  text-shadow: 0 0 12px var(--neon), 0 0 32px #3d7bff;
}

/* 固定幅 700 の解除 */
html:has(link[href*="brd/myk/"]) div#container div[style*="width:700"] { width: auto !important; }

html:has(link[href*="brd/myk/"]) div#container hr {
  width: 100% !important;
  height: 1px;
  margin: 18px 0;
  border: 0;
  background: linear-gradient(90deg, var(--line-strong), transparent);
}

/* ------------------------------------------------------------ links */

html:has(link[href*="brd/myk/"]) a:link,
html:has(link[href*="brd/myk/"]) a:visited,
html:has(link[href*="brd/myk/"]) a:active,
html:has(link[href*="brd/myk/"]) a.CsnLink:link,
html:has(link[href*="brd/myk/"]) a.CsnLink:visited,
html:has(link[href*="brd/myk/"]) a.CsnLink:active {
  font-size: inherit;
  color: var(--neon-soft);
  text-decoration: none;
}

html:has(link[href*="brd/myk/"]) a:hover,
html:has(link[href*="brd/myk/"]) a.CsnLink:hover {
  position: static;
  font-size: inherit;
  color: #fff;
  text-shadow: var(--glow);
}

/* 記事タイトル類 */
html:has(link[href*="brd/myk/"]) a.TreeParentSubject:link,
html:has(link[href*="brd/myk/"]) a.TreeParentSubject:visited,
html:has(link[href*="brd/myk/"]) a.TreeChildSubject:link,
html:has(link[href*="brd/myk/"]) a.TreeChildSubject:visited,
html:has(link[href*="brd/myk/"]) a.NumberSubject:link,
html:has(link[href*="brd/myk/"]) a.NumberSubject:visited,
html:has(link[href*="brd/myk/"]) a.ThreadHeadline:link,
html:has(link[href*="brd/myk/"]) a.ThreadHeadline:visited {
  font-size: 15px;
  color: #fff;
}

html:has(link[href*="brd/myk/"]) a.TopicSubject:link,
html:has(link[href*="brd/myk/"]) a.TopicSubject:visited {
  font-size: 17px;
  font-weight: 700;
  color: #fff;
}

html:has(link[href*="brd/myk/"]) a.TreeParentSubject:hover,
html:has(link[href*="brd/myk/"]) a.TreeChildSubject:hover,
html:has(link[href*="brd/myk/"]) a.NumberSubject:hover,
html:has(link[href*="brd/myk/"]) a.ThreadHeadline:hover {
  font-size: 15px;
  color: var(--neon-soft);
  text-shadow: var(--glow);
}

html:has(link[href*="brd/myk/"]) a.TopicSubject:hover {
  font-size: 17px;
  color: var(--neon-soft);
  text-shadow: var(--glow);
}

/* ------------------------------------------------------------ menu */

html:has(link[href*="brd/myk/"]) div.MenuBarOuter {
  float: none !important;
  height: auto !important;
  margin: 18px 0 8px;
  padding: 5px;
  white-space: normal !important;
  background: var(--panel-2) !important;
  border: 1px solid var(--line);
  border-radius: 4px !important;
}

html:has(link[href*="brd/myk/"]) span.MenuBar {
  display: flex !important;
  flex-wrap: wrap;
  gap: 4px;
  margin: 0 !important;
}

html:has(link[href*="brd/myk/"]) span.MenuSplit { display: none; }

html:has(link[href*="brd/myk/"]) a.Menu:link,
html:has(link[href*="brd/myk/"]) a.Menu:visited,
html:has(link[href*="brd/myk/"]) span.MenuSelect {
  display: inline-block;
  padding: 5px 12px;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.04em;
  border-radius: 3px;
}

html:has(link[href*="brd/myk/"]) a.Menu:link,
html:has(link[href*="brd/myk/"]) a.Menu:visited { color: var(--text-dim); }

html:has(link[href*="brd/myk/"]) a.Menu:hover,
html:has(link[href*="brd/myk/"]) a.Menu:active {
  font-size: 14px;
  color: #fff;
  background: rgba(0, 150, 255, 0.16);
  text-shadow: none;
}

html:has(link[href*="brd/myk/"]) span.MenuSelect {
  font-weight: 700;
  color: #001018;
  background: linear-gradient(180deg, #5ff0ff, var(--neon));
  box-shadow: 0 0 14px rgba(0, 217, 255, 0.4);
}

html:has(link[href*="brd/myk/"]) .MenuOut { font-size: 13px; color: var(--text-dim); }

/* アクセスカウンター（数字 gif を暗い背景向けに反転） */
html:has(link[href*="brd/myk/"]) .Count img { filter: invert(1) hue-rotate(180deg) brightness(1.15); vertical-align: middle; }

html:has(link[href*="brd/myk/"]) .Version,
html:has(link[href*="brd/myk/"]) .Version a:link,
html:has(link[href*="brd/myk/"]) .Version a:visited {
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.1em;
  color: var(--text-faint);
}

/* ------------------------------------------------------------ panels */

/* bgcolor 属性の塗りを暗いパネル色に置き換える（設定画面・スマホ用スキンにも効くよう body 基準） */
html:has(link[href*="brd/myk/"]) body [bgcolor] { background-color: var(--panel); }

/* 枠線役のテーブル（#424282）は細いネオンの縁にする */
html:has(link[href*="brd/myk/"]) body table[bgcolor="#424282"] { background-color: rgba(0, 200, 255, 0.35); }

/* 見出し行 */
html:has(link[href*="brd/myk/"]) body td[bgcolor="#424282"],
html:has(link[href*="brd/myk/"]) body table[bgcolor="#424282"] table[bgcolor="#424282"] {
  background: linear-gradient(180deg, rgba(0, 90, 160, 0.6), rgba(0, 40, 90, 0.6)), var(--panel);
}

/* 壁紙 gif を消す */
html:has(link[href*="brd/myk/"]) body [background] { background-image: none; }

/* 投稿フォームなど中央寄せの枠は横幅を広げる */
html:has(link[href*="brd/myk/"]) body div[align="center"] > table[bgcolor="#424282"] {
  width: min(100%, 820px);
  box-shadow: 0 0 24px rgba(0, 150, 255, 0.15);
}

html:has(link[href*="brd/myk/"]) body td { padding-top: 3px; padding-bottom: 3px; }

/* ------------------------------------------------------------ title images → SVG */

html:has(link[href*="brd/myk/"]) img[src$="psn_title.gif"],
html:has(link[href*="brd/myk/"]) img[src$="srn_title.gif"],
html:has(link[href*="brd/myk/"]) img[src$="csn_title.gif"] {
  box-sizing: content-box;
  width: 0;
  height: 0;
  padding: 20px 90px;
  margin: 4px 0;
  vertical-align: middle;
  background: no-repeat center / contain;
}

html:has(link[href*="brd/myk/"]) img[src$="psn_title.gif"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='40' viewBox='0 0 180 40'%3E%3Cdefs%3E%3Cfilter id='g' x='-20%25' y='-50%25' width='140%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='2.2' result='b'/%3E%3CfeMerge%3E%3CfeMergeNode in='b'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Ctext x='14' y='27' font-family='Consolas,monospace' font-size='15' fill='%2300d9ff'%3E//%3C/text%3E%3Ctext x='44' y='28' font-family=%22'Yu Gothic UI','Yu Gothic','Hiragino Sans','Meiryo',sans-serif%22 font-size='20' font-weight='700' letter-spacing='6' fill='%23ffffff' filter='url(%23g)'%3E%E6%8A%95%E7%A8%BF%3C/text%3E%3C/svg%3E"); }
html:has(link[href*="brd/myk/"]) img[src$="srn_title.gif"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='40' viewBox='0 0 180 40'%3E%3Cdefs%3E%3Cfilter id='g' x='-20%25' y='-50%25' width='140%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='2.2' result='b'/%3E%3CfeMerge%3E%3CfeMergeNode in='b'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Ctext x='14' y='27' font-family='Consolas,monospace' font-size='15' fill='%2300d9ff'%3E//%3C/text%3E%3Ctext x='44' y='28' font-family=%22'Yu Gothic UI','Yu Gothic','Hiragino Sans','Meiryo',sans-serif%22 font-size='20' font-weight='700' letter-spacing='6' fill='%23ffffff' filter='url(%23g)'%3E%E6%A4%9C%E7%B4%A2%3C/text%3E%3C/svg%3E"); }
html:has(link[href*="brd/myk/"]) img[src$="csn_title.gif"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='40' viewBox='0 0 180 40'%3E%3Cdefs%3E%3Cfilter id='g' x='-20%25' y='-50%25' width='140%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='2.2' result='b'/%3E%3CfeMerge%3E%3CfeMergeNode in='b'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Ctext x='14' y='27' font-family='Consolas,monospace' font-size='15' fill='%2300d9ff'%3E//%3C/text%3E%3Ctext x='44' y='28' font-family=%22'Yu Gothic UI','Yu Gothic','Hiragino Sans','Meiryo',sans-serif%22 font-size='20' font-weight='700' letter-spacing='6' fill='%23ffffff' filter='url(%23g)'%3E%E8%A8%AD%E5%AE%9A%3C/text%3E%3C/svg%3E"); }

/* 送信ボタン（input type=image） */
html:has(link[href*="brd/myk/"]) input[type="image"][src$="psn_send.gif"],
html:has(link[href*="brd/myk/"]) input[type="image"][src$="srn_send.gif"],
html:has(link[href*="brd/myk/"]) input[type="image"][src$="csn_send.gif"] {
  box-sizing: content-box;
  width: 0;
  height: 0;
  padding: 21px 64px;
  margin: 8px 6px;
  border: 0;
  vertical-align: middle;
  cursor: pointer;
  background: no-repeat center / contain;
  filter: drop-shadow(0 0 8px rgba(0, 217, 255, 0.45));
  transition: filter 0.2s;
}

html:has(link[href*="brd/myk/"]) input[type="image"][src$="psn_send.gif"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='42' viewBox='0 0 128 42'%3E%3Cdefs%3E%3ClinearGradient id='l' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%235ff0ff'/%3E%3Cstop offset='1' stop-color='%2300c8f0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='1' y='1' width='126' height='40' rx='3' fill='url(%23l)' stroke='%239ff7ff' stroke-width='1'/%3E%3Ctext x='64' y='27' text-anchor='middle' font-family=%22'Yu Gothic UI','Yu Gothic','Hiragino Sans','Meiryo',sans-serif%22 font-size='16' font-weight='700' letter-spacing='4' fill='%23001018'%3E%E9%80%81%E4%BF%A1%3C/text%3E%3C/svg%3E"); }
html:has(link[href*="brd/myk/"]) input[type="image"][src$="srn_send.gif"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='42' viewBox='0 0 128 42'%3E%3Cdefs%3E%3ClinearGradient id='l' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%235ff0ff'/%3E%3Cstop offset='1' stop-color='%2300c8f0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='1' y='1' width='126' height='40' rx='3' fill='url(%23l)' stroke='%239ff7ff' stroke-width='1'/%3E%3Ctext x='64' y='27' text-anchor='middle' font-family=%22'Yu Gothic UI','Yu Gothic','Hiragino Sans','Meiryo',sans-serif%22 font-size='16' font-weight='700' letter-spacing='4' fill='%23001018'%3E%E6%A4%9C%E7%B4%A2%3C/text%3E%3C/svg%3E"); }
html:has(link[href*="brd/myk/"]) input[type="image"][src$="csn_send.gif"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='42' viewBox='0 0 128 42'%3E%3Cdefs%3E%3ClinearGradient id='l' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%235ff0ff'/%3E%3Cstop offset='1' stop-color='%2300c8f0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='1' y='1' width='126' height='40' rx='3' fill='url(%23l)' stroke='%239ff7ff' stroke-width='1'/%3E%3Ctext x='64' y='27' text-anchor='middle' font-family=%22'Yu Gothic UI','Yu Gothic','Hiragino Sans','Meiryo',sans-serif%22 font-size='16' font-weight='700' letter-spacing='4' fill='%23001018'%3E%E8%A8%AD%E5%AE%9A%3C/text%3E%3C/svg%3E"); }

html:has(link[href*="brd/myk/"]) input[type="image"]:hover,
html:has(link[href*="brd/myk/"]) input[type="image"]:focus-visible {
  filter: drop-shadow(0 0 14px rgba(0, 217, 255, 0.85)) brightness(1.1);
  outline: none;
}

/* ------------------------------------------------------------ inputs */

html:has(link[href*="brd/myk/"]) body input[type="text"],
html:has(link[href*="brd/myk/"]) body input[type="password"],
html:has(link[href*="brd/myk/"]) body input:not([type]),
html:has(link[href*="brd/myk/"]) body textarea,
html:has(link[href*="brd/myk/"]) body select {
  box-sizing: border-box;
  max-width: 100%;
  padding: 6px 9px !important;
  font-family: var(--font-body);
  font-size: 15px;
  color: #fff !important;
  background: rgba(2, 8, 20, 0.9) !important;
  border: 1px solid var(--line) !important;
  border-radius: 3px;
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
}

html:has(link[href*="brd/myk/"]) body textarea { width: 100%; line-height: 1.7; resize: vertical; }

html:has(link[href*="brd/myk/"]) body input:focus,
html:has(link[href*="brd/myk/"]) body textarea:focus,
html:has(link[href*="brd/myk/"]) body select:focus {
  border-color: var(--neon) !important;
  box-shadow: 0 0 0 1px var(--neon), 0 0 14px rgba(0, 217, 255, 0.35);
}

html:has(link[href*="brd/myk/"]) body input[type="file"] { max-width: 100%; color: var(--text-dim); font-size: 14px; }

html:has(link[href*="brd/myk/"]) body input[type="file"]::file-selector-button {
  margin-right: 10px;
  padding: 5px 12px;
  font: inherit;
  color: var(--neon-soft);
  background: transparent;
  border: 1px solid var(--line-strong);
  border-radius: 3px;
  cursor: pointer;
}

html:has(link[href*="brd/myk/"]) body input[type="checkbox"],
html:has(link[href*="brd/myk/"]) body input[type="radio"] { accent-color: var(--neon); vertical-align: -2px; }

/* 通常のボタン（GO / 削除 など） */
html:has(link[href*="brd/myk/"]) body input[type="submit"],
html:has(link[href*="brd/myk/"]) body input[type="button"],
html:has(link[href*="brd/myk/"]) body input[type="reset"],
html:has(link[href*="brd/myk/"]) body button {
  padding: 5px 16px !important;
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--neon-soft) !important;
  background: transparent !important;
  border: 1px solid var(--line-strong) !important;
  border-radius: 3px;
  cursor: pointer;
  transition: background 0.2s, box-shadow 0.2s, color 0.2s;
}

html:has(link[href*="brd/myk/"]) body input[type="submit"]:hover,
html:has(link[href*="brd/myk/"]) body input[type="button"]:hover,
html:has(link[href*="brd/myk/"]) body input[type="reset"]:hover,
html:has(link[href*="brd/myk/"]) body button:hover {
  color: #fff !important;
  background: rgba(0, 150, 255, 0.16) !important;
  box-shadow: 0 0 14px rgba(0, 217, 255, 0.35);
}

/* ------------------------------------------------------------ text colours */

/* c-board.css で黒(#000000)指定されている文字を明るくする */
html:has(link[href*="brd/myk/"]) .Post,
html:has(link[href*="brd/myk/"]) .Custom,
html:has(link[href*="brd/myk/"]) .CustomInput,
html:has(link[href*="brd/myk/"]) .Search,
html:has(link[href*="brd/myk/"]) .SearchInput,
html:has(link[href*="brd/myk/"]) .Master,
html:has(link[href*="brd/myk/"]) .MasterInput,
html:has(link[href*="brd/myk/"]) .MasterTitleInput,
html:has(link[href*="brd/myk/"]) .IndexBase,
html:has(link[href*="brd/myk/"]) .ResultInfo,
html:has(link[href*="brd/myk/"]) .ResultSummary,
html:has(link[href*="brd/myk/"]) .Error,
html:has(link[href*="brd/myk/"]) .AllBody,
html:has(link[href*="brd/myk/"]) .AllBody1,
html:has(link[href*="brd/myk/"]) .AllSubject,
html:has(link[href*="brd/myk/"]) .AllName,
html:has(link[href*="brd/myk/"]) .AllHit,
html:has(link[href*="brd/myk/"]) .AllReply,
html:has(link[href*="brd/myk/"]) .AllReplyInput,
html:has(link[href*="brd/myk/"]) .AllTree,
html:has(link[href*="brd/myk/"]) .AllFile,
html:has(link[href*="brd/myk/"]) .AllDelete,
html:has(link[href*="brd/myk/"]) .AllDeleteInput,
html:has(link[href*="brd/myk/"]) .Count,
html:has(link[href*="brd/myk/"]) .NumberDate,
html:has(link[href*="brd/myk/"]) .NumberName,
html:has(link[href*="brd/myk/"]) .TopicDate,
html:has(link[href*="brd/myk/"]) .TopicMasterLatest,
html:has(link[href*="brd/myk/"]) .TopicName,
html:has(link[href*="brd/myk/"]) .TopicReply,
html:has(link[href*="brd/myk/"]) .TreeChildName,
html:has(link[href*="brd/myk/"]) .TreeParentName,
html:has(link[href*="brd/myk/"]) .Mail,
html:has(link[href*="brd/myk/"]) .MailInput,
html:has(link[href*="brd/myk/"]) .MailWarn,
html:has(link[href*="brd/myk/"]) .PostInput,
html:has(link[href*="brd/myk/"]) .MenuInput,
html:has(link[href*="brd/myk/"]) .MenuSend {
  font-size: 15px;
  color: var(--text);
}

html:has(link[href*="brd/myk/"]) .AllSubject,
html:has(link[href*="brd/myk/"]) span.TopicHeader { font-size: 17px; font-weight: 700; color: #fff; }

html:has(link[href*="brd/myk/"]) .AllBody,
html:has(link[href*="brd/myk/"]) .AllBody1,
html:has(link[href*="brd/myk/"]) .AllBody2,
html:has(link[href*="brd/myk/"]) .AllBody3,
html:has(link[href*="brd/myk/"]) .AllBody4,
html:has(link[href*="brd/myk/"]) .AllBody5 { line-height: 1.9; }

/* 日付・補足など */
html:has(link[href*="brd/myk/"]) .AllAgent,
html:has(link[href*="brd/myk/"]) .AllDate,
html:has(link[href*="brd/myk/"]) .TreeChildDate,
html:has(link[href*="brd/myk/"]) .TreeParentDate,
html:has(link[href*="brd/myk/"]) .TopicLatest,
html:has(link[href*="brd/myk/"]) .MasterSepa,
html:has(link[href*="brd/myk/"]) .ResultLogTree {
  font-size: 13px;
  color: var(--text-faint);
}

html:has(link[href*="brd/myk/"]) .AllDate,
html:has(link[href*="brd/myk/"]) .TreeChildDate,
html:has(link[href*="brd/myk/"]) .TreeParentDate,
html:has(link[href*="brd/myk/"]) .NumberDate,
html:has(link[href*="brd/myk/"]) .TopicDate { font-family: var(--font-mono); letter-spacing: 0.04em; }

/* 管理人の名前 */
html:has(link[href*="brd/myk/"]) .AllMasterName,
html:has(link[href*="brd/myk/"]) .TreeParentMasterName,
html:has(link[href*="brd/myk/"]) .TreeChildMasterName,
html:has(link[href*="brd/myk/"]) .NumberMasterName,
html:has(link[href*="brd/myk/"]) .TopicMasterName {
  font-size: 15px;
  color: var(--ok);
}

/* 注意・必須 */
html:has(link[href*="brd/myk/"]) span.necessary,
html:has(link[href*="brd/myk/"]) .CustomWarn,
html:has(link[href*="brd/myk/"]) .ErrorSmall,
html:has(link[href*="brd/myk/"]) .MasterWarn,
html:has(link[href*="brd/myk/"]) .MasterTips,
html:has(link[href*="brd/myk/"]) .BseId {
  color: var(--warn);
}

/* 投稿者が選ぶ文字色（暗い背景でも読める明るさに） */
html:has(link[href*="brd/myk/"]) .AllBody2 { font-size: 15px; color: #ff7b7b; }
html:has(link[href*="brd/myk/"]) .AllBody3 { font-size: 15px; color: #5dff9a; }
html:has(link[href*="brd/myk/"]) .AllBody4 { font-size: 15px; color: #8fb8ff; }
html:has(link[href*="brd/myk/"]) .AllBody5 { font-size: 15px; color: #aab6cc; }

/* 引用 */
html:has(link[href*="brd/myk/"]) .AllBodyQuot1 { font-size: 15px; color: #6fe3a0; }
html:has(link[href*="brd/myk/"]) .AllBodyQuot2 { font-size: 15px; color: #9fb8ff; }
html:has(link[href*="brd/myk/"]) .AllBodyQuot3 { font-size: 15px; color: #ffb36b; }

html:has(link[href*="brd/myk/"]) .ResultLogName { font-size: 16px; color: var(--neon-soft); }
html:has(link[href*="brd/myk/"]) .IndexTitle,
html:has(link[href*="brd/myk/"]) .MasterInfo { font-size: 15px; color: #fff; }
html:has(link[href*="brd/myk/"]) .MasterTitleSub { font-size: 20px; color: var(--neon-soft); }
html:has(link[href*="brd/myk/"]) .MenuSelect { font-size: 14px; }

html:has(link[href*="brd/myk/"]) pre,
html:has(link[href*="brd/myk/"]) tt,
html:has(link[href*="brd/myk/"]) code { font-family: var(--font-mono); }

/* ------------------------------------------------------------ smartphone width */

@media (max-width: 640px) {
  html:has(link[href*="brd/myk/"]) div#outer::before { font-size: 17px; }
  html:has(link[href*="brd/myk/"]) div#container::first-line { font-size: 22px; }
  html:has(link[href*="brd/myk/"]) a.Menu:link,
html:has(link[href*="brd/myk/"]) a.Menu:visited,
html:has(link[href*="brd/myk/"]) span.MenuSelect { padding: 5px 9px; font-size: 13px; }
  html:has(link[href*="brd/myk/"]) body td[nowrap] { white-space: normal; }
}

@media (prefers-reduced-motion: reduce) {
  html:has(link[href*="brd/myk/"]) * { transition: none !important; }
}