/* みんなの写真のロゴ (マーク+サイト名)。minnanoshasin.com と p.minnanoshasin.com の全ページで使う、1か所だけの指定。
   2026-10-24 みんと「マークの大きさが違う・大きい方に統一して片方は削除」:
   部品集 (Tabler) を読む画面では ::before が枠線込みの大きさ (border-box) になり、マークがひとまわり小さかった。
   どの画面でも同じ大きさになるよう、マークの box-sizing を content-box に決めている。 */
.brand-mark {
  position: relative;
  width: 38px;
  height: 34px;
  flex: none;
}

.brand-mark::before {
  content: "";
  position: absolute;
  left: 3px;
  top: 7px;
  box-sizing: content-box;
  width: 28px;
  height: 22px;
  border: 3px solid #fff;
  border-radius: 5px;
  background: #ee7a12;
  box-shadow: 0 0 0 2px #ee7a12;
  transform: rotate(-8deg);
}

.brand-mark::after {
  content: "";
  position: absolute;
  right: 1px;
  top: 1px;
  box-sizing: content-box;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #ffc94a;
}

.brand-text {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
  /* 2026-10-26 みんと「ページによって大きさが微妙に違う」:
     部品集 (Tabler) を読む画面は本文に字詰め (palt) がかかり、字の幅が狭くなっていた。ロゴだけは字詰めをしない。
     太さ 900 はその画面でも読み込むようにした (header.php・recruit_header.php・public_p_header.php・detail.php・pf.php)。 */
  font-family: "Noto Sans JP", sans-serif;
  font-feature-settings: normal;
}

.brand-name {
  font-size: 20px;
  font-weight: 900;
  letter-spacing: .06em;
  color: #1c1a17;
}

.brand-sub {
  font-size: 10.5px;
  color: #6f685d;
  font-weight: 500;
  letter-spacing: .08em;
}

/* 上の帯のメニューの字 (特徴・機能紹介…・ログイン・無料でカメラマン登録)。
   2026-10-26 みんと「ページによってメニューの幅が変わる・コンパクトな方で全部統一」:
   部品集 (Tabler) を読む画面 (ログイン・登録・公開ページ) は字詰め (palt)・字間なしで短く、ほかのページは字間 .03em で長かった。
   どのページも短い方 (字詰めあり・字間なし) にそろえる。このファイルは minnanoshasin.com と p. の全ページが読む。 */
.site-header .nav,
.site-header .nav a {
  font-feature-settings: "palt";
  letter-spacing: normal;
  line-height: 1.4286;
}

/* 狭い画面 (1180px 以下) のログイン・登録のボタンの左右の余白も、短い方 (トップの 14px) にそろえる */
@media (max-width: 1180px) {
  .site-header .nav .header-login,
  .site-header .nav .header-cta {
    padding: 0 14px;
  }
}

/* 黒いフッターの字。2026-10-26 みんと「フッターが微妙にズレないか点検」:
   部品集 (Tabler) を読む画面 (ログイン・登録・公開ページ・p.) だけ、本文の字詰め (palt)・行の高さ 1.4286 を受け継ぎ、
   フッターが 32px 低く詰まっていた。トップ・読み物と同じ (字詰めなし・字間 .03em・行の高さ 1.9) にそろえる。 */
.site-footer {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px; /* 字間 .03em をトップと同じ 0.48px にするため (部品集の画面は本文が 14px) */
  font-feature-settings: normal;
  letter-spacing: .03em;
  line-height: 1.9;
}

/* 黒いフッターの中のロゴ */
.site-footer .brand-name {
  color: #fff;
}

.site-footer .brand-sub {
  color: #a39b8e;
}

.site-footer .brand-mark::before {
  border-color: #1c1a17;
}