/*
┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
┃■C-BOARD Moyuku用スタイルシート
┃----------------------------------------------------------------------------
┃このファイルにはC-BOARD Moyuku用のスタイルシートが記録されています。
┃自由に書き換えることが出来ますが、「セットアップ（スタイル） 」の一番下で
┃スタイルシートを書き換えないように設定しないと、セットアップ時に自動的に
┃プログラムによって上書きされてしまうので注意してください。
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
*/

body {
	background-color:#ffffff;
	background-image:url();
	color: #000000;
/*とほほ修正*/
	scrollbar-face-color:#ffffff;
}

a:link{
	color:#0000cc;text-decoration:none;
	font-size: 9pt;
}
a:visited{
	color:#0000cc;text-decoration:none;
	font-size: 9pt;
}
a:active{
	color:red;text-decoration:none;
	font-size: 9pt;
}
a:hover{
/*とほほ修正*/
	position:relative;top:1px;left:1px;
	color:#ff0000;text-decoration:none;
	font-size: 9pt;
}


span.MenuBar {
	display:inline-block; margin-left:10px; margin-right:10px;
}

a.Menu:link{
	font-size: 10pt;
	color: #ffffff;
}
a.Menu:visited{
	font-size: 10pt;
	color: #ffffff;
}
a.Menu:active{
	font-size: 10pt;
	color: #fff3f3;
}
a.Menu:hover{
	font-size: 10pt;
	color: #fff3f3;
}


div#container_sp div#articles {
	margin-left:  1%;
	margin-right: 1%;
}

div#container_sp a.Menu {
	display: inline-block;
	float: left;
	white-space: nowrap;
	min-width: 85px;
	text-align: center;
	margin-left: 5px;
	border-radius: 5px 5px 5px 5px;
	margin-top:5px;
}

div#container_sp span.MenuSelect {
	display: inline-block;
	float: left;
	white-space: nowrap;
	min-width: 85px;
	text-align: center;
	margin-left: 5px;
	border-radius: 5px 5px 5px 5px;
	margin-top:5px;
}

div#container_sp span.MenuSplit {
	display: none;
	float: left;
}


a.TreeParentSubject:link{
	color: #000066;
	font-size: 10pt;
}
a.TreeParentSubject:visited{
	color: #000066;
	font-size: 10pt;
}
a.TreeParentSubject:active{
	color: #000080;
	font-size: 10pt;
}
a.TreeParentSubject:hover{
	color: #000080;
	font-size: 10pt;
}

a.TreeChildSubject:link{
	color: #000066;
	font-size: 10pt;
}
a.TreeChildSubject:visited{
	color: #000066;
	font-size: 10pt;
}
a.TreeChildSubject:active{
	color: #000000;
	font-size: 10pt;
}
a.TreeChildSubject:hover{
	color: #000000;
	font-size: 10pt;
}

a.NumberSubject:link{
	color: #000000;
	font-size: 10pt;
}
a.NumberSubject:visited{
	color: #000000;
	font-size: 10pt;
}
a.NumberSubject:active{
	color: #000000;
	font-size: 10pt;
}
a.NumberSubject:hover{
	color: #000000;
	font-size: 10pt;
}

a.TopicSubject:link{
	color: #000000;
	font-size: 11pt;
}
a.TopicSubject:visited{
	color: #000000;
	font-size: 11pt;
}
a.TopicSubject:active{
	color: #000000;
	font-size: 11pt;
}
a.TopicSubject:hover{
	color: #000000;
	font-size: 11pt;
}

a.ThreadHeadline:link{
	color: #000000;
	font-size: 10pt;
}
a.ThreadHeadline:visited{
	color: #000000;
	font-size: 10pt;
}
a.ThreadHeadline:active{
	color: #000000;
	font-size: 10pt;
}
a.ThreadHeadline:hover{
	color: #000000;
	font-size: 10pt;
}

a.CsnLink:link{
	color:#0000cc;text-decoration:none;
	font-size: 9pt;
}
a.CsnLink:visited{
	color:#0000cc;text-decoration:none;
	font-size: 9pt;
}
a.CsnLink:active{
	color:red;text-decoration:none;
	font-size: 9pt;
}
a.CsnLink:hover{
	color:#ff0000;text-decoration:none;
	font-size: 9pt;
}

span.necessary {
	color:red;
}

span.TopicHeader {
	color: #000000;
	font-size: 11pt;
	font-weight: bold;
}

.AllAgent {
	font-size:10pt;
	color:#999999;
}

.AllBody {
	font-size:10pt;
	color:#000000;
}

.AllBody1 {
	font-size:10pt;
	color:#000000;
}

.AllBody2 {
	font-size:10pt;
	color:#cc0000;
}

.AllBody3 {
	font-size:10pt;
	color:#00cc00;
}

.AllBody4 {
	font-size:10pt;
	color:#0000cc;
}

.AllBody5 {
	font-size:10pt;
	color:#444444;
}

.AllBodyQuot1 {
	font-size:10pt;
	color:#008000;
}

.AllBodyQuot2 {
	font-size:10pt;
	color:#000080;
}

.AllBodyQuot3 {
	font-size:10pt;
	color:#cc6600;
}

.AllDate {
	font-size:10pt;
	color:#000000;
}

.AllDelete {
	font-size:10pt;
	color:#000000;
}

.AllDeleteInput {
	font-size:10pt;
	color:#000000;
}

.AllFile {
	font-size:10pt;
	color:#000000;
}

.AllHit {
	font-size:10pt;
	color:#000000;
}

.AllMasterName {
	font-size:10pt;
	color:#000000;
}

.AllName {
	font-size:10pt;
	color:#000000;
}

.AllReply {
	font-size:10pt;
	color:#000000;
}

.AllReplyInput {
	font-size:10pt;
	color:#000000;
}

.AllSubject {
	font-size:11pt;
	color:#000000;
}

.AllTree {
	font-size:10pt;
	color:#000000;
}

.BseId {
	font-size:9pt;
	color:#ff0000;
}

.Count {
	font-size:11pt;
	color:#000000;
}

.Custom {
	font-size:10pt;
	color:#000000;
}

.CustomInput {
	font-size:10pt;
	color:#000000;
}

.CustomWarn {
	font-size:10pt;
	color:#ff0000;
}

.Error {
	font-size:10pt;
	color:#000080;
}

.ErrorSmall {
	font-size:10pt;
	color:#ff0000;
}

.IndexBase {
	font-size:;
	color:;
}

.IndexTitle {
	font-size:;
	color:;
}

.Mail {
	font-size:10pt;
	color:;
}

.MailInput {
	font-size:10pt;
	color:;
}

.MailWarn {
	font-size:10pt;
	color:;
}

.Master {
	font-size:10pt;
	color:#000000;
}

.MasterInfo {
	font-size:10pt;
	color:#ffffff;
}

.MasterInput {
	font-size:10pt;
	color:#000000;
}

.MasterSepa {
	font-size:10pt;
	color:#999999;
}

.MasterTips {
	font-size:10pt;
	color:#ff0000;
}

.MasterTitleInput {
	font-size:10pt;
	color:#000000;
}

.MasterTitleSub {
	font-size:14pt;
	color:#494949;
}

.MasterWarn {
	font-size:10pt;
	color:#ff0000;
}

.Menu {
	font-size:10pt;
	color:#ffffff;
}

.MenuInput {
	font-size:10pt;
	color:#000000;
}

.MenuOut {
	font-size:10pt;
	color:#000000;
}

.MenuSelect {
	font-size:10pt;
	color:#ffff66;
}

.MenuSend {
	font-size:10pt;
	color:#000000;
}

.MenuSplit {
	font-size:10pt;
	color:#aaaaaa;
}

.NumberDate {
	font-size:10pt;
	color:#000000;
}

.NumberMasterName {
	font-size:10pt;
	color:#000000;
}

.NumberName {
	font-size:10pt;
	color:#000000;
}

.Post {
	font-size:10pt;
	color:#000000;
}

.PostInput {
	font-size:10pt;
	color:#000000;
}

.ResultInfo {
	font-size:10pt;
	color:#000000;
}

.ResultLogName {
	font-size:11pt;
	color:#000080;
}

.ResultLogTree {
	font-size:10pt;
	color:#808080;
}

.ResultSummary {
	font-size:10pt;
	color:#000000;
}

.Search {
	font-size:10pt;
	color:#000000;
}

.SearchInput {
	font-size:10pt;
	color:#000000;
}

.TopicDate {
	font-size:10pt;
	color:#000000;
}

.TopicLatest {
	font-size:10pt;
	color:#999999;
}

.TopicMasterLatest {
	font-size:10pt;
	color:#999999;
}

.TopicMasterName {
	font-size:10pt;
	color:#000000;
}

.TopicName {
	font-size:10pt;
	color:#000000;
}

.TopicReply {
	font-size:10pt;
	color:#000000;
}

.TreeChildDate {
	font-size:10pt;
	color:#888888;
}

.TreeChildMasterName {
	font-size:10pt;
	color:#006600;
}

.TreeChildName {
	font-size:10pt;
	color:#000000;
}

.TreeParentDate {
	font-size:10pt;
	color:#888888;
}

.TreeParentMasterName {
	font-size:10pt;
	color:#006600;
}

.TreeParentName {
	font-size:10pt;
	color:#000000;
}

.Version {
	font-size:10pt;
	color:#0000cc;
}

.MenuSend{
	border: 1 solid #333333; background: #ffffff;
}


/* ===========================================================================
   Half-Life Japan theme -- appended 2026-09-08
   ---------------------------------------------------------------------------
   Everything below restyles this board to match https://shocat.site/hl/ .

   It lives at the end of THIS board's own stylesheet, not in
   public/c-board_or.css, because that file is shared by every board on this
   install -- the admin board and the dol board would have been restyled too.

   Two things to know before editing:
   - Keep the text below ASCII. The board's pages are Shift_JIS, and a
     stylesheet with no charset of its own is read in the document's encoding.
   - The admin "setup (style)" screen can rewrite this file. If that happens,
     paste this block back in from the copy kept with the site sources.
   =========================================================================== */

/* ------------------------------------------------------------------ tokens */

:root {
  --bg:        #08090b;
  --bg-panel:  #101317;
  --bg-panel-2:#161a1f;
  --bg-sunk:   #0b0d10;
  --line:      #252c33;
  --line-soft: #1b2127;
  --ink:       #dfe4e9;
  --ink-2:     #a8b2bb;
  --ink-dim:   #78838d;
  --hev:       #ff6a00;
  --hev-lit:   #ffa142;
  --hev-deep:  #b64500;
  --xen:       #3fe0c5;
  --hazard:    #ffc400;
  --danger:    #e5383b;

  --f-display: "Bahnschrift", "DIN Alternate", "Roboto Condensed",
               "Arial Narrow", "Helvetica Neue", "Yu Gothic UI", sans-serif;
  --f-body:    "Meiryo UI", "Meiryo", "Hiragino Sans", "Noto Sans JP",
               "Yu Gothic UI", system-ui, sans-serif;
  --f-mono:    ui-monospace, "Cascadia Mono", "Consolas", "SF Mono", monospace;
}

/* -------------------------------------------------------------------- page */

body {
  margin: 0;
  background-color: var(--bg);
  background-image:
    radial-gradient(120% 80% at 50% -10%, rgba(255,106,0,.10), transparent 60%),
    linear-gradient(rgba(8,9,11,.90), rgba(8,9,11,.96)),
    url("https://shocat.site/hl/img/hl_wp002.jpg");
  background-repeat: no-repeat, no-repeat, repeat;
  background-attachment: fixed, fixed, fixed;
  background-size: auto, auto, 420px;
  color: var(--ink);
  font-family: var(--f-body);
  font-size: 15px;
  line-height: 1.85;
  scrollbar-color: var(--line) var(--bg);
}

div#outer { background: none; }

div#container,
div#container_sp {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem) 3rem;
  background: none;
}

/* ------------------------------------------------------------------- title */

h1 {
  margin: 0 0 1.4rem;
  padding: 1.6rem 0 .9rem;
  font-family: var(--f-display);
  font-size: clamp(1.6rem, 1.2rem + 2vw, 2.6rem);
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--ink);
  position: relative;
}
h1::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 6px;
  opacity: .85;
  background: repeating-linear-gradient(-45deg,
              var(--hazard) 0 10px, #14151a 10px 20px);
}

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

div.MenuBarOuter {
  float: none !important;
  height: auto !important;
  border-radius: 0 !important;
  background: var(--bg-panel);
  border: 1px solid var(--line);
  padding: .5rem;
  margin: 0 0 1.2rem;
  white-space: normal !important;
}
span.MenuBar {
  display: block !important;
  margin: 0 !important;
}
span.MenuSplit { display: none !important; }

a.Menu:link, a.Menu:visited, a.Menu:active, a.Menu:hover,
span.MenuSelect {
  display: inline-block;
  margin: .15rem .3rem .15rem 0;
  padding: .38rem .8rem;
  border: 1px solid var(--line);
  background: var(--bg-panel-2);
  font: 700 .78rem/1.4 var(--f-display);
  letter-spacing: .08em;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--ink-2);
  top: 0 !important; left: 0 !important;
}
a.Menu:hover {
  color: #000;
  background: var(--hev);
  border-color: var(--hev);
}
span.MenuSelect {
  color: #000;
  background: var(--hev);
  border-color: var(--hev);
}
span.MenuOut, .Count, .Version {
  color: var(--ink-dim);
  font-family: var(--f-mono);
  font-size: .72rem;
  letter-spacing: .08em;
}

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

a:link, a:visited { color: var(--hev-lit); text-decoration: none; }
a:active          { color: var(--hev); }
a:hover {
  color: var(--hev);
  text-decoration: underline;
  /* the old skin nudged every link 1px on hover -- hold it still */
  position: static;
  top: 0; left: 0;
}

/* ------------------------------------------ thread tree / list / topic rows */

table { border-collapse: collapse; background: none; }

/* The board paints its rows with bgcolor attributes, and they sit on <tr> as
   well as <td> -- miss the <tr> and the topic list keeps a near-white row
   under light text. */
table[bgcolor], tr[bgcolor], td[bgcolor], th[bgcolor] {
  background-color: transparent !important;
}
div#container table tr[bgcolor] {
  background-color: rgba(255,255,255,.025) !important;
}
div#container table tr:first-child[bgcolor] {
  background-color: rgba(255,106,0,.12) !important;
}

/* The subject cell is the one the board gives a bgcolor to. Letting it take
   the slack keeps the subject hard left; otherwise the empty trailing cells
   share the width and the text drifts into the middle of the card. */
div#container > table td[bgcolor],
div#container_sp > table td[bgcolor] { width: 100%; }

/* The tree rules are black GIFs drawn for a white page. Invert them so the
   branch lines still read against the dark card. */
img[src*="_icon"] { filter: invert(1) opacity(.45); }

/* every tree node is its own table; make each one read as a card */
div#container > table,
div#container_sp > table {
  width: 100%;
  margin: 0 0 .5rem;
  background: linear-gradient(180deg, rgba(20,24,28,.92), rgba(12,15,18,.92));
  border: 1px solid var(--line);
  border-left: 3px solid var(--line);
}
div#container > table:hover,
div#container_sp > table:hover { border-left-color: var(--hev); }
div#container > table td,
div#container_sp > table td { padding: .55rem .8rem; }

a.TreeParentSubject:link, a.TreeParentSubject:visited,
a.TreeChildSubject:link,  a.TreeChildSubject:visited,
a.NumberSubject:link,     a.NumberSubject:visited,
a.TopicSubject:link,      a.TopicSubject:visited,
a.ThreadHeadline:link,    a.ThreadHeadline:visited,
a.CsnLink:link,           a.CsnLink:visited {
  color: var(--ink);
  font-size: .95rem;
  text-decoration: none;
}
a.TreeParentSubject:hover, a.TreeChildSubject:hover,
a.NumberSubject:hover,     a.TopicSubject:hover,
a.ThreadHeadline:hover,    a.CsnLink:hover {
  color: var(--hev-lit);
  text-decoration: underline;
}
a.TreeParentSubject:link, a.TreeParentSubject:visited { font-weight: 700; }

span.TreeParentName,       span.TreeChildName,
span.TreeParentMasterName, span.TreeChildMasterName,
span.TreeParentDate,       span.TreeChildDate,
.NumberName, .NumberMasterName, .NumberDate,
.TopicName,  .TopicMasterName,  .TopicDate,
.AllName,    .AllMasterName,    .AllDate, .AllAgent, .AllHit {
  color: var(--ink-dim);
  font-family: var(--f-mono);
  font-size: .72rem;
  letter-spacing: .04em;
}
span.TreeParentMasterName, span.TreeChildMasterName,
.NumberMasterName, .TopicMasterName, .AllMasterName { color: var(--hev-deep); }

/* -------------------------------------------------------------- post bodies */

.AllSubject, .TopicSubject, span.TopicHeader {
  font-family: var(--f-display);
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: .03em;
  color: var(--ink);
}
.AllBody, .AllBody1, .Post, .Custom, .Search, .Master, .ResultInfo,
.AllTree, .AllReply, .AllDelete, .AllFile, .MenuOut {
  color: var(--ink);
  font-size: .94rem;
}
.AllBody2 { color: #ff8f8f; }
.AllBody3 { color: #5fd47a; }
.AllBody4 { color: #7aa7ff; }
.AllBody5 { color: var(--ink-dim); }
.AllBodyQuot1 { color: var(--xen); }
.AllBodyQuot2 { color: #7aa7ff; }
.AllBodyQuot3 { color: var(--hev-lit); }

.necessary, .CustomWarn, .MasterWarn, .MailWarn, .ErrorSmall, .MasterTips,
.BseId { color: var(--danger); }
.Error { color: var(--hev-lit); }
.MasterSepa { color: var(--line); }
.MasterInfo, .MasterTitleSub { color: var(--ink-2); }

hr {
  border: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--line), transparent);
  margin: 1.6rem 0;
}

/* ------------------------------------------------------------------- forms */

input[type="text"], input[type="password"], input[type="email"],
input[type="url"], input[type="search"], textarea, select {
  background: var(--bg-sunk);
  color: var(--ink);
  border: 1px solid var(--line);
  border-radius: 0;
  padding: .4rem .55rem;
  font-family: var(--f-body);
  font-size: .92rem;
  max-width: 100%;
}
textarea { line-height: 1.8; }
input:focus, textarea:focus, select:focus {
  outline: 2px solid var(--hev);
  outline-offset: 1px;
  border-color: var(--hev);
}
input[type="submit"], input[type="button"], input[type="reset"], button {
  background: var(--bg-panel-2);
  color: var(--ink);
  border: 1px solid var(--line);
  border-radius: 0;
  padding: .45rem 1.1rem;
  font: 700 .8rem/1.4 var(--f-display);
  letter-spacing: .08em;
  text-transform: uppercase;
  cursor: pointer;
}
input[type="submit"]:hover, input[type="button"]:hover,
input[type="reset"]:hover, button:hover {
  background: var(--hev);
  border-color: var(--hev);
  color: #000;
}
input[type="checkbox"], input[type="radio"] { accent-color: var(--hev); }

/* The board sizes its fields with size= and cols=, which are character counts:
   restyling the text made every field wider and pushed the post form past the
   window. Cap them against the viewport so the theme can never widen a page. */
input[type="text"], input[type="password"], input[type="email"],
input[type="url"], input[type="search"], select {
  box-sizing: border-box;
  max-width: calc(100vw - 3rem);
}
textarea {
  box-sizing: border-box;
  width: 100%;
  max-width: calc(100vw - 3rem);
}

.MenuInput, .MenuSend, .PostInput, .SearchInput, .CustomInput,
.MasterInput, .MasterTitleInput, .MailInput, .AllReplyInput, .AllDeleteInput {
  color: var(--ink);
  font-size: .9rem;
}

/* --------------------------------------------------------------- leftovers */

font { color: inherit !important; }

/* Deliberately NO blanket `img { max-width:100%; height:auto }` here. The tree
   is built out of 1px spacer GIFs stretched by width/height attributes, and
   `height:auto` collapses every one of them -- indentation and branch lines
   disappear. Leave the board's images to their own attributes. */