@charset "UTF-8";
/* ===== フィールドノート配色 ===== */
:root{
  --paper:#F6F1E7;
  --paper-2:#EFE7D5;
  --ink:#22303A;
  --ink-2:#4B5A63;
  --rule:#D8CEB6;
  --accent:#2B4A6F;
  --accent-soft:#E3E8ED;
  --mark:#A54B37;
}

/* ===== 全体 ===== */
body{
  background:var(--paper);
  color:var(--ink);
}

/* ===== ヘッダー ===== */
#header{
  background:var(--paper);
  border-bottom:2px solid var(--ink);
}
#logo .logotext{
  color:var(--ink);
  font-weight:700;
  letter-spacing:.01em;
}
#topmenu .topmenu_ul > li > span > a{
  color:var(--ink-2);
  font-weight:500;
}
#topmenu .topmenu_ul > li > span > a:hover{
  color:var(--accent);
}
.search-form input[type="submit"]{
  background:var(--accent);
  border-color:var(--accent);
  color:#fff;
}

/* ===== ヒーロー画像下のタイトル ===== */
.headerimg-title{
  color:var(--ink);
  font-weight:700;
}
.headerimg-desc{
  color:var(--ink-2);
}

/* ===== 本文 ===== */
.txt-body h2{
  color:var(--ink);
  border-bottom:2px solid var(--rule);
  padding-bottom:8px;
  margin-top:2.4em;
}
.txt-body h3{
  color:var(--ink);
  border-left:4px solid var(--accent);
  padding-left:12px;
}
.txt-body a{
  color:var(--mark);
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}
.txt-body a:hover{
  color:var(--accent);
}

/* ===== サイドバー(新着記事) ===== */
#menu .menubox{
  background:var(--paper-2);
  border:1px solid var(--rule);
  border-radius:4px;
}
#menu .newentry-title h4{
  color:var(--ink);
  border-bottom:1px solid var(--rule);
}
#menu .article-title a{
  color:var(--ink);
}
#menu .article-title a:hover{
  color:var(--accent);
}
#menu .article-info .date,
#menu .article-info .cat a{
  color:var(--ink-2);
}

/* ===== パンくず・フッター ===== */
#siteNavi{
  color:var(--ink-2);
}
#footer{
  background:var(--paper-2);
  border-top:1px solid var(--rule);
  color:var(--ink-2);
}
#footer a{
  color:var(--ink-2);
}
#footer a:hover{
  color:var(--accent);
}

/* ===== 独立ページの説明文を本文と同じ見た目に ===== */
body[data-page="pages"] .headerimg-desc{
  font-size:1.6rem;
  line-height:2;
  opacity:1;
  color:var(--ink);
}