/* Fisherman's Memoir — ヘッダー / フッター / 縁章 (Task 2)
 * 親テーマ drop_tcd087 の構造:
 *   #header(position:fixed) > #header_logo(absolute) > p.logo|h1.logo > a > span.logo_text.rich_font_logo
 *   #footer > #footer_bottom > #footer_logo > .logo > a > span.logo_text ,  #footer_message , ul#footer_sns , #copyright
 * ロゴ文字はサイトのタイトル。縁章は a::before で差し込む(テンプレート非改変)。
 */

/* ================= ヘッダー ================= */
#header{
  background:var(--fm-ink) !important;
  border-bottom:1px solid rgba(198,179,147,.28) !important;
}
#header_logo{
  display:flex;
  align-items:center;
  height:100%;
}
#header_logo .logo{ margin:0; line-height:1; }
#header_logo .logo a{
  display:inline-flex;
  align-items:center;
  gap:11px;
  color:var(--fm-paper);
}
#header_logo .logo a::before{
  content:"";
  flex:none;
  width:46px;
  height:42px;
  background:url("../img/emblem.svg?v=2") center / contain no-repeat;
}
#header_logo .logo_text,
#header_logo .rich_font_logo{
  letter-spacing:.12em;
  color:var(--fm-paper);
}

/* グローバルナビ(メニュー未設定なら非表示のまま) */
#global_menu a,
#header nav a{
  font-family:var(--fm-sans-jp);
  font-size:13px;
  letter-spacing:.08em;
  color:var(--fm-paper);
}
#global_menu a:hover,
#header nav a:hover{ color:var(--fm-rope); }

/* モバイルのハンバーガー線 */
.global_menu_button span{ background:var(--fm-paper) !important; }

/* ================= フッター ================= */
#footer{ background:var(--fm-ink); }
#footer_bottom{ color:rgba(236,228,213,.72); }

#footer_logo .logo a{
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:var(--fm-paper);
}
#footer_logo .logo a::before{
  content:"";
  flex:none;
  width:58px;
  height:54px;
  background:url("../img/emblem.svg?v=2") center / contain no-repeat;
}
#footer_logo .logo_text,
#footer_logo .rich_font_logo{
  letter-spacing:.12em;
  color:var(--fm-paper);
}

#footer_message{
  color:rgba(236,228,213,.7) !important;
  font-family:var(--fm-serif-body);
}
#footer_sns a{ color:rgba(236,228,213,.7); }
#footer_sns a:hover{ color:var(--fm-rope); }

.footer_menu a{
  color:rgba(236,228,213,.7);
  font-family:var(--fm-sans-jp);
  font-size:12px;
  letter-spacing:.06em;
}

#copyright{
  background:var(--fm-ink) !important;
  color:rgba(236,228,213,.45) !important;
  font-family:var(--fm-sans-jp);
  font-size:11px;
  letter-spacing:.08em;
}

/* TOP へ戻るボタン */
#return_top a{ background:var(--fm-rust) !important; }

/* ================= レスポンシブ ================= */
@media (max-width:767px){
  #header_logo .logo a::before{ width:38px; height:35px; }
  #header_logo .logo a{ gap:9px; }
  #footer_logo .logo a::before{ width:48px; height:45px; }
}