/* Fisherman's Memoir — 記事の読書ページ (Task 3)
 * 親テーマ drop_tcd087 の単一記事構造:
 *   #page_header(h:660px,bg:#000) > #page_header_inner(絶対中央) > a.category / h1.headline / ul.meta_top
 *                                > #bread_crumb , .overlay , .bg_image(アイキャッチ)
 *   #main_contents(max-width:850px) > article#article > .post_content > .tcdce-body(本文) , #next_prev_post
 *                                   > .author_profile , #single_tab_post_list(slick) , #comments
 * 方針: 大判アイキャッチをやめてネイビーの帯に。本文は明朝で 1 カラム・広い行間。
 */

/* ================= 記事ヘッダー（帯化） ================= */
body #page_header{
  height:auto !important;
  min-height:0 !important;
  background:var(--fm-ink) !important;
  overflow:visible !important;
}
body #page_header .bg_image,
body #page_header .overlay{ display:none !important; }

body #page_header #page_header_inner{
  position:static !important;
  transform:none !important;
  top:auto !important;
  left:auto !important;
  width:auto !important;
  max-width:720px;
  margin:0 auto;
  padding:92px 24px 28px;
}
body #page_header .animate_item{ opacity:1 !important; position:static !important; }

body #page_header .category{
  position:static !important;
  display:inline-block;
  margin:0 0 16px;
  border-radius:0 !important;
  background:var(--fm-rust) !important;
  color:#fff !important;
  font-family:var(--fm-sans-jp) !important;
  font-size:11px;
  font-weight:700;
  letter-spacing:.2em;
  line-height:1;
  padding:6px 13px;
}
#page_header .category::before,
#page_header .category::after{ display:none !important; }

body #page_header .headline{
  color:var(--fm-paper) !important;
  font-size:clamp(24px, 4.6vw, 34px);
  line-height:1.5;
  letter-spacing:.04em;
  margin:0;
}

body #page_header .meta_top,
body #page_header .meta_top li{
  color:rgba(236,228,213,.72) !important;
  font-family:var(--fm-sans-jp) !important;
  font-size:12px;
  letter-spacing:.08em;
}
#page_header .meta_top li:last-of-type{
  border-left:1px solid rgba(236,228,213,.28) !important;
}
.fm-readtime{ font-family:var(--fm-sans-jp); }

/* パンくず（TCD は絶対配置。旧660px帯の底に貼り付くので流し込みに戻す） */
body #page_header #bread_crumb{
  position:static !important;
  bottom:auto !important;
  left:auto !important;
  width:auto !important;
  max-width:720px;
  margin:14px auto 0 !important;
  padding:14px 24px 0 !important;
}
body #bread_crumb{
  background:var(--fm-ink) !important;
  border-top:1px solid rgba(198,179,147,.16) !important;
}
body #bread_crumb,
body #bread_crumb a,
body #bread_crumb li,
body #bread_crumb li a span{
  color:rgba(236,228,213,.5) !important;
  font-family:var(--fm-sans-jp) !important;
  font-size:11px;
  letter-spacing:.04em;
}
/* パンくず内のカテゴリはピル装飾を外して素のテキストに */
body #bread_crumb .category,
body #bread_crumb li.category,
body #bread_crumb li.category a{
  position:static !important;
  display:inline !important;
  background:none !important;
  color:rgba(236,228,213,.5) !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:0 !important;
  border:0 !important;
  font-weight:400 !important;
  letter-spacing:.04em !important;
}

/* ================= 本文カラム ================= */
body #main_contents{
  max-width:720px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

body .post_content{
  font-size:19px;
  line-height:2.05;
  letter-spacing:.02em;
}
body .post_content p{ margin:0 0 1.7em; }

.post_content blockquote{
  font-family:var(--fm-serif-jp);
  font-weight:600;
  font-size:21px;
  line-height:1.9;
  color:var(--fm-sea);
  border-left:3px solid var(--fm-rust);
  padding:4px 0 4px 20px;
  margin:2em 0;
}

/* ================= 前後ナビ ================= */
#next_prev_post{
  border-top:1px solid var(--fm-paper-3);
  margin-top:30px;
  padding-top:24px;
}
#next_prev_post a{
  font-family:var(--fm-serif-jp);
  color:var(--fm-ink);
}
#next_prev_post .arrow,
#next_prev_post .dir,
#next_prev_post .nav_label{
  font-family:var(--fm-sans-jp);
  font-size:11px;
  letter-spacing:.14em;
  color:var(--fm-fog);
}

/* ================= 同章の記事 (tab / related) ================= */
#single_tab_post_list_header li{
  font-family:var(--fm-sans-jp);
  font-size:12px;
  letter-spacing:.14em;
  color:var(--fm-fog);
}
#single_tab_post_list_header li.active{ color:var(--fm-rust); }

#single_tab_post_list .item .title,
#single_tab_post_list .item .title span,
#related_post .item .title,
#related_post .item .title span{
  font-family:var(--fm-serif-jp);
  color:var(--fm-ink);
}
#single_tab_post_list .item .date,
#related_post .item .date{
  font-family:var(--fm-sans-jp);
  color:var(--fm-fog);
}

/* ================= 著者ボックス ================= */
.author_profile .name,
.author_profile .name .author{ font-family:var(--fm-serif-jp); }
.author_profile .desc{ font-family:var(--fm-serif-body); }

/* ================= コメント ================= */
#comments .comment_headline,
#comments h2,
#comments h3{ font-family:var(--fm-serif-jp); }
#comments #respond .comment-reply-title{ font-family:var(--fm-serif-jp); }
#commentform input[type="submit"],
#comments .form-submit input{
  background:var(--fm-ink) !important;
  color:var(--fm-paper) !important;
  font-family:var(--fm-sans-jp);
  letter-spacing:.1em;
}

/* ================= レスポンシブ ================= */
@media (max-width:767px){
  body #page_header #page_header_inner{ padding:80px 20px 24px; }
  body .post_content{ font-size:17.5px; line-height:2.0; }
}