@charset "UTF-8";
/* ==========================================================================
   omiso-petitbar.css — 「Le Petit Bar」 STEP1
   --------------------------------------------------------------------------
   読み込み順: style.css → omiso-falling.css → このファイル（必ず最後）

   style.css は編集しません。既存の変数（--color-main 等）をこのファイルで
   上書きするので、トップだけでなく記事・ランキング・モーダルまで一括で
   新配色に切り替わります。元に戻したいときはこの1行を外すだけです。

   functions.php:
     wp_enqueue_style('omiso-petitbar',
       get_stylesheet_directory_uri().'/css/omiso-petitbar.css',
       ['omiso-style','omiso-falling'], '1.0');
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. トークン
   -------------------------------------------------------------------------- */
:root {
  /* 色 — 6色まで。これ以外の色をトップで使わないこと */
  --pb-paper:   #F4EDE8;   /* 紙。ほんのり赤みのある白 */
  --pb-paper-2: #FBF7F4;   /* カード面 */
  --pb-vert:    #1F3D33;   /* ファサードの深緑。主役 */
  --pb-sang:    #7B2B3A;   /* オックスブラッド。差し色 */
  --pb-rose:    #E3B7B6;   /* ローズ・プードレ */
  --pb-laiton:  #B08D4F;   /* 真鍮。線と小さな文字だけ、広い面には使わない */
  --pb-encre:   #241E1C;   /* 文字 */

  --pb-encre-soft: #6B5F5A;
  --pb-rule:    rgba(36, 30, 28, .12);
  --pb-rule-2:  rgba(36, 30, 28, .28);

  /* 書体 */
  --pb-enseigne: "OmisoEmoji", "Linotype Didot", Didot, "Didot LT Pro",
                 "Bodoni Moda", "Playfair Display", serif;
  --pb-label:    "OmisoEmoji", "Cormorant Garamond", "Cormorant", serif;
  --pb-mincho:   "OmisoEmoji", "Zen Old Mincho", "Yu Mincho",
                 "Hiragino Mincho ProN", serif;
  --pb-sans:     "OmisoEmoji", "Zen Kaku Gothic New", -apple-system,
                 "Hiragino Sans", sans-serif;

  /* 幅 — 2種類だけ。中間の幅を作らない */
  --pb-w:     1040px;
  --pb-w-nar:  720px;

  /* 余白のリズム */
  --pb-gap-sec: 120px;
  --pb-gap-blk:  48px;
}

@media (max-width: 768px) {
  :root { --pb-gap-sec: 72px; --pb-gap-blk: 32px; }
}

/* --------------------------------------------------------------------------
   2. 既存トークンの置き換え（ここが今回の本体）
   style.css の :root と同じ詳細度なので、後から読ませれば勝ちます
   -------------------------------------------------------------------------- */
:root {
  --color-main:   var(--pb-sang);
  --color-sub1:   var(--pb-encre-soft);
  --color-sub2:   var(--pb-vert);
  --color-teal:   var(--pb-laiton);
  --color-teal-d: var(--pb-laiton);
  --color-bg:     var(--pb-paper);      /* AliceBlue を追放 */
  --color-bg2:    var(--pb-paper-2);    /* LightCyan を追放 */
  --color-cream:  var(--pb-paper-2);
  --color-blush:  var(--pb-rose);
  --color-text:   var(--pb-encre);
  --color-white:  var(--pb-paper-2);

  --font-jp-heading: var(--pb-mincho);  /* Zen Maru Gothic を退場 */
  --font-jp-body:    var(--pb-sans);    /* M PLUS Rounded 1c を退場 */
  --font-en:         var(--pb-label);

  /* 推しコス側も同じ色に寄せる */
  --ob-rose:  var(--pb-sang);
  --ob-mint:  var(--pb-laiton);
  --ob-cream: var(--pb-paper);
  --ob-ink:   var(--pb-encre);
  --ob-soft:  var(--pb-encre-soft);
  --ob-plate: var(--pb-rose);
  --ob-line:  var(--pb-rule);
  --ob-serif: var(--pb-enseigne);
  --home-paper: var(--pb-paper);
  --home-rule:  var(--pb-rule);
  --lantern-band: var(--pb-laiton);
  --lantern-ink:  var(--pb-encre);
}

/* --------------------------------------------------------------------------
   3. 地
   -------------------------------------------------------------------------- */
body {
  font-weight: 400;          /* 300 は明朝と合わせると弱すぎる */
  font-size: 15px;
  line-height: 1.9;
  letter-spacing: .02em;
}

h1, h2, h3, h4, h5, h6 { font-weight: 400; letter-spacing: .08em; }

.container { max-width: var(--pb-w); }

.fp-hitorigoto,
.fp-shindan,
.fp-omiso-beauty,
.fp-playground,
.content-wrapper--home { padding-block: var(--pb-gap-sec); }

/* --------------------------------------------------------------------------
   4. ファサード（ヘッダー）
   -------------------------------------------------------------------------- */
.site-header {
  background-color: transparent;
  border-bottom: 1px solid var(--pb-rule);
  padding: 18px 32px;
  transition: background-color .35s ease, border-color .35s ease;
}

.site-header.omiso-scrolled {
  background-color: rgba(31, 61, 51, .95);
  -webkit-backdrop-filter: saturate(140%) blur(10px);
          backdrop-filter: saturate(140%) blur(10px);
  border-bottom-color: rgba(176, 141, 79, .5);
}

.site-logo {
  font-family: var(--pb-enseigne);
  font-style: italic;
  font-size: 1.35rem;
  font-weight: 400;
  letter-spacing: .03em;
  color: var(--pb-vert);
}
.site-header.omiso-scrolled .site-logo,
.site-header.omiso-scrolled .site-nav a { color: var(--pb-paper); }
.site-header.omiso-scrolled .site-nav a:hover { color: var(--pb-rose); }

/* ナビ: 塗りのボタンをやめて、下線1本だけにする */
.site-nav ul { gap: 26px; }
.site-nav a {
  font-family: var(--pb-label);
  font-style: normal;
  font-variant: small-caps;
  font-size: .95rem;
  letter-spacing: .14em;
  color: var(--pb-encre-soft);
  border-bottom-color: transparent;
}
.site-nav a:hover,
.site-nav .current-menu-item a {
  color: var(--pb-vert);
  border-bottom-color: currentColor;
}

/* --------------------------------------------------------------------------
   5. ヒーロー = 店の表
   front-page.php のヒーローを下の新マークアップに差し替えてください
   -------------------------------------------------------------------------- */
.hero {
  position: relative;
  height: auto;
  min-height: min(72vh, 560px);
  background-color: var(--pb-vert);
  display: grid;
  place-items: center;
  padding: 96px 24px 72px;
  overflow: hidden;
}

/* ひさし — サイト内で一番大きい縞。主張させるのはここだけ */
.hero__awning {
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 34px;
  background-image: repeating-linear-gradient(
    90deg,
    var(--pb-sang)  0 26px,
    var(--pb-paper) 26px 52px
  );
  -webkit-mask-image: radial-gradient(circle at 13px 34px, transparent 8px, #000 8.5px);
          mask-image: radial-gradient(circle at 13px 34px, transparent 8px, #000 8.5px);
  -webkit-mask-size: 26px 100%;
          mask-size: 26px 100%;
}

.hero__plate { text-align: center; }

.hero__eyebrow {
  display: block;
  font-family: var(--pb-label);
  font-variant: small-caps;
  font-size: 1rem;
  letter-spacing: .34em;
  color: var(--pb-laiton);
  margin-bottom: 18px;
}

.hero__enseigne {
  font-family: var(--pb-enseigne);
  font-style: italic;
  font-weight: 400;
  font-size: clamp(2.6rem, 9vw, 6.2rem);
  line-height: 1.05;
  letter-spacing: .01em;
  color: var(--pb-paper);
  margin: 0;
}
.hero__enseigne em {
  font-size: .52em;
  color: var(--pb-laiton);
  padding-inline: .12em;
}

.hero__ja {
  font-family: var(--pb-mincho);
  font-size: .95rem;
  letter-spacing: .5em;
  text-indent: .5em;          /* letter-spacing のぶんを中央に戻す */
  color: rgba(244, 237, 232, .62);
  margin: 22px 0 0;
}

.hero__ouvert {
  position: absolute;
  left: 32px; bottom: 28px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: var(--pb-label);
  font-variant: small-caps;
  font-size: .95rem;
  letter-spacing: .24em;
  color: var(--pb-laiton);
}
.hero__lamp {
  width: 7px; height: 7px;
  border-radius: 50%;
  background: var(--pb-laiton);
  box-shadow: 0 0 10px 2px rgba(176, 141, 79, .55);
}

@media (max-width: 768px) {
  .hero { min-height: 58vh; padding: 72px 20px 56px; }
  .hero__ouvert { left: 20px; bottom: 20px; }
}

/* --------------------------------------------------------------------------
   6. オーニング（ひさし）— シグネチャー
   世界の違いはこの縞の色だけが担当する。背景色は変えない
   -------------------------------------------------------------------------- */
.section-header::before,
.fp-playground__item::before {
  content: "";
  display: block;
  height: 10px;
  background-image: repeating-linear-gradient(
    90deg,
    var(--pb-stripe, var(--pb-vert)) 0 14px,
    var(--pb-paper-2) 14px 28px
  );
  -webkit-mask-image: radial-gradient(circle at 7px 10px, transparent 3.5px, #000 3.6px);
          mask-image: radial-gradient(circle at 7px 10px, transparent 3.5px, #000 3.6px);
  -webkit-mask-size: 14px 100%;
          mask-size: 14px 100%;
}
.section-header::before { width: 84px; margin-bottom: 18px; }

/* 世界ごとの縞の色 */
.fp-hitorigoto        { --pb-stripe: var(--pb-rose); }
.fp-omiso-beauty      { --pb-stripe: var(--pb-sang); }
.content-wrapper--home{ --pb-stripe: var(--pb-encre); }
.fp-playground__tv    { --pb-stripe: var(--pb-vert); }
.fp-playground__sanpo { --pb-stripe: var(--pb-laiton); }
.fp-playground__pl    { --pb-stripe: var(--pb-encre); }
.fp-playground__ml    { --pb-stripe: var(--pb-rose); }

/* --------------------------------------------------------------------------
   7. セクション見出し
   -------------------------------------------------------------------------- */
.section-header { margin-bottom: var(--pb-gap-blk); text-align: left; }

.section-header__en {
  font-family: var(--pb-label);
  font-style: normal;
  font-variant: small-caps;
  font-size: 1.05rem;
  letter-spacing: .18em;
  color: var(--pb-laiton);
  margin-bottom: 2px;
}

.section-header__ja {
  font-family: var(--pb-mincho);
  font-size: clamp(1.6rem, 4vw, 2.4rem);
  font-weight: 400;
  letter-spacing: .08em;
  line-height: 1.35;
  color: var(--pb-encre);
}

/* --------------------------------------------------------------------------
   8. のれん帯 → 店先の一行
   -------------------------------------------------------------------------- */
.fp-noren {
  background: transparent;
  border-block: 1px solid var(--pb-rule-2);
  padding-block: 14px;
}
.fp-noren__inner {
  max-width: var(--pb-w);
  margin-inline: auto;
  padding-inline: 24px;
  display: flex;
  align-items: baseline;
  gap: 28px;
  flex-wrap: wrap;
}
.fp-noren__open {
  font-family: var(--pb-label);
  font-variant: small-caps;
  letter-spacing: .2em;
  font-size: 1rem;
  color: var(--pb-vert);
}
.fp-noren__seal { display: none; }              /* 木札は廃止 */
.fp-noren__lamp {
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--pb-laiton);
  display: inline-block; margin-right: 10px;
  vertical-align: middle;
}
.fp-noren__date,
.fp-noren__word {
  font-family: var(--pb-mincho);
  font-size: .85rem;
  color: var(--pb-encre-soft);
  letter-spacing: .06em;
}
.fp-noren__tv {
  margin-left: auto;
  background: none;
  border: 1px solid var(--pb-rule-2);
  border-radius: 0;
  padding: 6px 14px;
  color: var(--pb-encre);
  font-family: var(--pb-label);
  font-variant: small-caps;
  letter-spacing: .16em;
  transition: background .25s, color .25s, border-color .25s;
}
.fp-noren__tv:hover {
  background: var(--pb-vert);
  color: var(--pb-paper);
  border-color: var(--pb-vert);
}
.fp-noren__dot { background: var(--pb-sang); }

/* --------------------------------------------------------------------------
   9. あそび場 — 通りに並ぶ4軒
   -------------------------------------------------------------------------- */
.fp-playground__item {
  background: var(--pb-paper-2);
  border: 1px solid var(--pb-rule);
  border-radius: 0;
  box-shadow: none;
  overflow: hidden;
}
.fp-playground__en {
  font-family: var(--pb-label);
  font-variant: small-caps;
  letter-spacing: .16em;
  color: var(--pb-laiton);
}
.fp-playground__label {
  font-family: var(--pb-mincho);
  font-weight: 400;
  letter-spacing: .1em;
  color: var(--pb-encre);
}
.fp-playground__desc { color: var(--pb-encre-soft); font-size: .88rem; }

.fp-yokocho__wire,
.fp-yokocho__ground { display: none; }          /* 提灯はひさしに役割を集約 */

/* --------------------------------------------------------------------------
   10. カード類 — 角丸と影を落とす
   -------------------------------------------------------------------------- */
.post-card,
.widget,
.fp-ranking__card,
.cr-modal__box {
  border-radius: 0;
  box-shadow: none;
  border: 1px solid var(--pb-rule);
  background: var(--pb-paper-2);
}
.post-card:hover { transform: none; box-shadow: none; border-color: var(--pb-rule-2); }
.post-card__cat { border-radius: 0; font-variant: small-caps; font-style: normal; }
.posts-grid { gap: 28px; }

.pagination a,
.pagination span { border-radius: 0; border-color: var(--pb-rule-2); }
.pagination a:hover,
.pagination .current { background: var(--pb-vert); border-color: var(--pb-vert); color: var(--pb-paper); }

/* トロフィーのメダルを、真鍮の番号に */
.fp-ranking__medal,
.cr-medal {
  background: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  border: 1px solid var(--pb-laiton);
  border-radius: 0;
  color: var(--pb-laiton) !important;
  font-family: var(--pb-label);
  font-weight: 400;
  font-style: normal;
}
.fp-ranking { background: var(--pb-paper); }
.fp-ob__words { background: var(--pb-vert); }   /* 語録帯はローズ→深緑 */
.fp-ob__quote { font-family: var(--pb-mincho); }

/* --------------------------------------------------------------------------
   11. 装飾の絵文字を止める
   -------------------------------------------------------------------------- */
.fp-shindan__deco,
.fp-shindan__icon { display: none; }
.fp-shindan__new {
  background: var(--pb-sang);
  color: var(--pb-paper);
  border-radius: 0;
  font-family: var(--pb-label);
  font-variant: small-caps;
  letter-spacing: .18em;
}

/* --------------------------------------------------------------------------
   12. 最低ライン
   -------------------------------------------------------------------------- */
:where(a, button):focus-visible {
  outline: 2px solid var(--pb-laiton);
  outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
  }
}

/* ==========================================================================
   13. 修正1（スクリーンショット反映）
   omiso-falling.css に上書きされていた分を、詳細度を1段上げて取り返します。
   html:root は :root より強いので、読み込み順に関係なく勝ちます。
   ========================================================================== */

html:root {
  --ob-rose:  var(--pb-sang);
  --ob-mint:  var(--pb-laiton);
  --ob-cream: var(--pb-paper);
  --ob-ink:   var(--pb-encre);
  --ob-soft:  var(--pb-encre-soft);
  --ob-plate: var(--pb-rose);
  --ob-line:  var(--pb-rule);
  --home-paper: var(--pb-paper);
  --home-rule:  var(--pb-rule);
  --noren:  var(--pb-vert);
  --sh-line: var(--pb-rule);
  --lantern-paper: var(--pb-paper-2);
  --lantern-band:  var(--pb-laiton);
  --lantern-ink:   var(--pb-encre);
  --omiso-round: var(--pb-sans);
  --omiso-mingo: var(--pb-mincho);
  --omiso-kei:   var(--pb-mincho);
  --omiso-koku:  var(--pb-mincho);
  --omiso-pl-jp:    var(--pb-sans);
  --omiso-pl-title: var(--pb-mincho);

  --pb-gap-sec: 96px;
}

/* 語録帯 */
body .fp-ob__words { background: var(--pb-vert); }
body .fp-ob__quote { color: var(--pb-paper); }
body .fp-ob__mark,
body .fp-ob__words-label { color: var(--pb-laiton); }

/* 推しコスの直後が空きすぎるので、帯までを1かたまりにする */
body .fp-omiso-beauty { padding-bottom: 0; }
body .fp-ob__words { margin-bottom: 0; }

/* --------------------------------------------------------------------------
   13-1. 見出しのひさし
   ::before を絶対配置にして、flex コンテナの子にならないようにします
   （子として並ぶと、右の「もっと見る →」に押されて見出しが潰れます）
   -------------------------------------------------------------------------- */
body .section-header {
  position: relative;
  padding-top: 24px;
}

body .section-header::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 132px;
  height: 9px;
  margin: 0;
  background-image: repeating-linear-gradient(
    90deg,
    var(--pb-stripe, var(--pb-vert)) 0 6px,
    var(--pb-paper) 6px 12px
  );
  -webkit-mask-image: radial-gradient(circle at 3px 9px, transparent 1.6px, #000 1.7px);
          mask-image: radial-gradient(circle at 3px 9px, transparent 1.6px, #000 1.7px);
  -webkit-mask-size: 6px 100%;
          mask-size: 6px 100%;
}

/* 見出しの日本語が消える件の保険。
   本命は omiso-falling.js の letterDropTargets から
   '.section-header__ja' を外すことです */
body .section-header__ja .omiso-ch {
  opacity: 1;
  transform: none;
  color: inherit;
}

/* --------------------------------------------------------------------------
   13-2. あそび場ののれん
   falling.css 側の水色のれんを、ひさしに置き換えます
   -------------------------------------------------------------------------- */
body .fp-playground__item::before {
  content: "";
  position: static;
  display: block;
  width: 100%;
  height: 9px;
  border-radius: 0;
  background-color: transparent;
  background-image: repeating-linear-gradient(
    90deg,
    var(--pb-stripe, var(--pb-vert)) 0 6px,
    var(--pb-paper-2) 6px 12px
  );
  -webkit-mask-image: radial-gradient(circle at 3px 9px, transparent 1.6px, #000 1.7px);
          mask-image: radial-gradient(circle at 3px 9px, transparent 1.6px, #000 1.7px);
  -webkit-mask-size: 6px 100%;
          mask-size: 6px 100%;
}
body .fp-playground__item::after { display: none; }

/* --------------------------------------------------------------------------
   13-3. ヒーローのひさし
   縞26pxは細すぎてサーカスのテントに見えるので、倍にして垂れを浅く
   -------------------------------------------------------------------------- */
.hero__awning {
  height: 26px;
  background-image: repeating-linear-gradient(
    90deg,
    var(--pb-sang)  0 54px,
    var(--pb-paper) 54px 108px
  );
  -webkit-mask-image: radial-gradient(circle at 27px 26px, transparent 9px, #000 9.5px);
          mask-image: radial-gradient(circle at 27px 26px, transparent 9px, #000 9.5px);
  -webkit-mask-size: 54px 100%;
          mask-size: 54px 100%;
}

.hero { min-height: min(56vh, 460px); padding: 84px 24px 64px; }
.hero__eyebrow { font-size: .95rem; letter-spacing: .3em; }

@media (max-width: 900px) {
  .hero__awning {
    height: 20px;
    background-image: repeating-linear-gradient(
      90deg,
      var(--pb-sang)  0 34px,
      var(--pb-paper) 34px 68px
    );
    -webkit-mask-image: radial-gradient(circle at 17px 20px, transparent 6px, #000 6.5px);
            mask-image: radial-gradient(circle at 17px 20px, transparent 6px, #000 6.5px);
    -webkit-mask-size: 34px 100%;
            mask-size: 34px 100%;
  }
}

/* --------------------------------------------------------------------------
   13-4. 記事が0件のとき
   -------------------------------------------------------------------------- */
.posts-grid__empty {
  font-family: var(--pb-mincho);
  color: var(--pb-encre-soft);
  font-size: .95rem;
}

/* ==========================================================================
   14. LA CARTE（お品書き）／ 縞をやめて短い罫線へ
   あそび場の横丁・のれん・提灯は廃止しました。
   .fp-playground* のクラスを使わなくなったので、
   omiso-falling.css 側の横丁スタイルは自動的に効かなくなります。
   ========================================================================== */

/* --------------------------------------------------------------------------
   14-1. 世界の色分けを「縞」から「28pxの罫線1本」へ
   小さい縞はバーコードに見えるため差し替えました
   -------------------------------------------------------------------------- */
body .section-header::before {
  position: absolute;
  top: 6px;
  left: 0;
  width: 28px;
  height: 2px;
  margin: 0;
  background-color: var(--pb-stripe, var(--pb-vert));
  background-image: none;
  -webkit-mask-image: none;
          mask-image: none;
}
body .section-header { padding-top: 22px; }

body .fp-playground__item::before,
body .fp-playground__item::after { display: none; }

/* 世界ごとの色 */
.fp-carte { --pb-stripe: var(--pb-laiton); }

/* --------------------------------------------------------------------------
   14-2. お品書き本体
   -------------------------------------------------------------------------- */
.fp-carte { padding-block: var(--pb-gap-sec); }

.fp-carte__intro {
  font-family: var(--pb-mincho);
  font-size: .95rem;
  color: var(--pb-encre-soft);
  letter-spacing: .08em;
  margin: -28px 0 40px;
}

.fp-carte__list {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--pb-rule-2);
}

.fp-carte__item {
  position: relative;
  border-bottom: 1px solid var(--pb-rule);
  --pb-stripe: var(--pb-vert);
}
.fp-carte__item:last-child { border-bottom: 1px solid var(--pb-rule-2); }

.fp-carte__item--tv    { --pb-stripe: var(--pb-vert); }
.fp-carte__item--sanpo { --pb-stripe: var(--pb-laiton); }
.fp-carte__item--pl    { --pb-stripe: var(--pb-encre); }
.fp-carte__item--ml    { --pb-stripe: var(--pb-rose); }

/* 行 */
.fp-carte__row {
  display: grid;
  grid-template-columns: 52px minmax(150px, 190px) 1fr 40px;
  align-items: baseline;
  gap: 0 24px;
  width: 100%;
  padding: 30px 8px 30px 0;
  background: none;
  border: 0;
  border-radius: 0;
  text-align: left;
  color: inherit;
  cursor: pointer;
  font: inherit;
  transition: padding-left .35s var(--omiso-ease-out, ease);
}
.fp-carte__row:hover { padding-left: 10px; }

/* 番号。順位ではなく品書きの番号です */
.fp-carte__no {
  font-family: var(--pb-label);
  font-size: 1.1rem;
  letter-spacing: .06em;
  color: var(--pb-rule-2);
  transition: color .3s;
}
.fp-carte__row:hover .fp-carte__no { color: var(--pb-stripe); }

.fp-carte__names { display: block; }
.fp-carte__en {
  display: block;
  font-family: var(--pb-label);
  font-variant: small-caps;
  font-size: .95rem;
  letter-spacing: .16em;
  color: var(--pb-laiton);
  margin-bottom: 2px;
}
.fp-carte__ja {
  display: block;
  font-family: var(--pb-mincho);
  font-size: 1.35rem;
  letter-spacing: .1em;
  color: var(--pb-encre);
  position: relative;
}
/* ホバーで、その世界の色の下線がのびる */
.fp-carte__ja::after {
  content: "";
  position: absolute;
  left: 0; bottom: -6px;
  width: 0; height: 1px;
  background: var(--pb-stripe);
  transition: width .4s var(--omiso-ease-out, ease);
}
.fp-carte__row:hover .fp-carte__ja::after { width: 100%; }

.fp-carte__lead {
  display: block;
  font-size: .88rem;
  line-height: 1.85;
  color: var(--pb-encre-soft);
  padding-right: 170px;
}

.fp-carte__arw,
.fp-carte__cue {
  justify-self: end;
  font-family: var(--pb-label);
  font-size: 1rem;
  color: var(--pb-encre-soft);
  transition: transform .35s var(--omiso-ease-out, ease), color .3s;
}
.fp-carte__row:hover .fp-carte__arw {
  transform: translateX(6px);
  color: var(--pb-stripe);
}

/* --------------------------------------------------------------------------
   14-3. ホバーで右から現れるイラスト
   -------------------------------------------------------------------------- */
.fp-carte__thumb {
  position: absolute;
  right: 44px;
  top: 50%;
  width: 136px;
  opacity: 0;
  transform: translate(14px, -50%);
  pointer-events: none;
  transition: opacity .45s ease, transform .45s var(--omiso-ease-out, ease);
}
.fp-carte__thumb svg {
  width: 100%;
  height: auto;
  display: block;
}
.fp-carte__item:hover .fp-carte__thumb,
.fp-carte__item:focus-within .fp-carte__thumb {
  opacity: 1;
  transform: translate(0, -50%);
}

/* プレイリストだけは、鳴っているあいだ出しっぱなし */
.fp-carte__item--pl.is-playing .fp-carte__thumb {
  opacity: 1;
  transform: translate(0, -50%);
}

/* 盤と針。横丁のCSSを使わなくなったので、ここで持ちます */
.fp-carte__item--pl .fp-pl-disc,
.fp-carte__item--pl .fp-pl-arm {
  transform-box: view-box;
  transition: transform .6s var(--omiso-ease-out, ease);
}
.fp-carte__item--pl .fp-pl-disc { transform-origin: 98px 91px; }
.fp-carte__item--pl .fp-pl-arm  { transform-origin: 196px 46px; }
.fp-carte__item--pl.is-playing .fp-pl-disc { animation: omisoSpin 3.4s linear infinite; }
.fp-carte__item--pl.is-playing .fp-pl-arm  { transform: rotate(11deg); }

@keyframes omisoSpin { to { transform: rotate(360deg); } }

/* NOW PLAYING */
.fp-carte__np { display: block; margin-top: 8px; }
.fp-carte__np-label {
  font-family: var(--pb-label);
  font-variant: small-caps;
  font-size: .8rem;
  letter-spacing: .22em;
  color: var(--pb-laiton);
  margin-right: 10px;
}
.fp-carte__np-title {
  font-family: var(--pb-mincho);
  font-size: .95rem;
  color: var(--pb-encre);
}
.fp-carte__np-artist {
  font-size: .82rem;
  color: var(--pb-encre-soft);
  margin-left: 8px;
}

.fp-carte__cue--play { display: none; }
.fp-carte__item--pl.is-playing .fp-carte__cue--stop { display: none; }
.fp-carte__item--pl.is-playing .fp-carte__cue--play { display: inline; }
.fp-carte__cue {
  font-variant: small-caps;
  letter-spacing: .12em;
  border-bottom: 1px solid currentColor;
  padding-bottom: 2px;
  white-space: nowrap;
}

.fp-carte__sub {
  margin: -14px 0 26px;
  padding-left: 76px;
}
.fp-carte__sub a {
  font-family: var(--pb-label);
  font-size: .95rem;
  letter-spacing: .1em;
  color: var(--pb-encre-soft);
  border-bottom: 1px solid var(--pb-rule-2);
  padding-bottom: 2px;
}
.fp-carte__sub a:hover { color: var(--pb-vert); border-bottom-color: currentColor; }

/* 再生の仕組み本体は画面外へ（消すと音が止まります） */
.fp-pl-machine {
  position: absolute;
  width: 1px; height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

@media (max-width: 860px) {
  .fp-carte__thumb { display: none; }
  .fp-carte__lead { padding-right: 0; }
  .fp-carte__row {
    grid-template-columns: 40px 1fr 32px;
    gap: 4px 16px;
    padding: 24px 0;
  }
  .fp-carte__lead { grid-column: 2 / 4; margin-top: 8px; }
  .fp-carte__ja { font-size: 1.2rem; }
  .fp-carte__sub { padding-left: 56px; }
}

/* --------------------------------------------------------------------------
   14-4. イラストの色を落とす版
   URLに ?ink を付けると効きます（front-page.php の script が付け外し）
   どちらでいくか決まったら、片方を消してください
   -------------------------------------------------------------------------- */
.omiso-ink .fp-carte__thumb svg {
  filter: grayscale(1) sepia(.34) brightness(1.02) contrast(.96);
}

@media (prefers-reduced-motion: reduce) {
  .fp-carte__item--pl.is-playing .fp-pl-disc { animation: none; }
  .fp-carte__thumb { transition: none; }
}

/* ==========================================================================
   15. ヘッダー = 店先（header.php v6 とセット）
   ヘッダー・ひさし・ヒーローを一枚のファサードとして見せます。
   .menu-item-* を使わないマークアップにしたので、
   omiso-falling.css のタグシール／のれん装飾は届きません。
   ========================================================================== */

/* --------------------------------------------------------------------------
   15-1. 帯
   -------------------------------------------------------------------------- */
body .site-header {
  background-color: var(--pb-vert);
  border-bottom: 0;
  padding: 0;
  min-height: 0;
}
body .site-header.omiso-scrolled {
  background-color: rgba(31, 61, 51, .96);
  -webkit-backdrop-filter: saturate(140%) blur(10px);
          backdrop-filter: saturate(140%) blur(10px);
  border-bottom: 1px solid rgba(176, 141, 79, .4);
}

.site-header__inner {
  max-width: var(--pb-w);
  margin-inline: auto;
  padding: 20px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

/* --------------------------------------------------------------------------
   15-2. ロゴ = 看板
   -------------------------------------------------------------------------- */
body .site-logo {
  flex-shrink: 0;
  color: var(--pb-paper);
  font-size: 1.4rem;
  line-height: 1;
}
.site-logo__en {
  font-family: var(--pb-enseigne);
  font-style: italic;
  font-weight: 400;
  letter-spacing: .03em;
}
.site-logo__en em {
  font-size: .62em;
  font-style: italic;
  color: var(--pb-laiton);
  padding-inline: .1em;
}
body .site-logo:hover { color: var(--pb-rose); }

/* --------------------------------------------------------------------------
   15-3. 項目
   -------------------------------------------------------------------------- */
body .site-nav { margin: 0; }

.nav-menu {
  display: flex;
  align-items: center;
  gap: 34px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.nav-item { position: relative; }

body .site-nav .nav-item > a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--pb-mincho);
  font-style: normal;
  font-size: .95rem;
  letter-spacing: .14em;
  color: var(--pb-paper);
  background: none;
  border: 0;
  border-radius: 0;
  padding: 6px 0;
  box-shadow: inset 0 -1px 0 transparent;
  transition: box-shadow .3s var(--omiso-ease-out, ease), color .3s;
  white-space: nowrap;
}
body .site-nav .nav-item > a:hover,
body .site-nav .nav-item.current-menu-item > a,
body .site-nav .nav-item:focus-within > a {
  color: var(--pb-paper);
  box-shadow: inset 0 -1px 0 var(--pb-laiton);
}

.nav-item__arw {
  font-size: .6em;
  color: var(--pb-laiton);
  transition: transform .3s;
}
.nav-item--has-drawer:hover .nav-item__arw,
.nav-item--has-drawer:focus-within .nav-item__arw { transform: translateY(2px); }

/* --------------------------------------------------------------------------
   15-4. ドロップダウン
   のれんはやめて、一段濃い緑の面と細い罫線だけにしています
   -------------------------------------------------------------------------- */
body .site-nav .nav-drawer {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, 8px);
  min-width: 232px;
  margin: 0;
  padding: 10px 0;
  list-style: none;
  background: #17302A;
  border: 1px solid rgba(176, 141, 79, .38);
  border-radius: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .28s ease, transform .28s var(--omiso-ease-out, ease);
  z-index: 120;
}
.nav-item--has-drawer:hover > .nav-drawer,
.nav-item--has-drawer:focus-within > .nav-drawer {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate(-50%, 0);
}

body .site-nav .nav-drawer li { display: block; }

body .site-nav .nav-drawer a {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: baseline;
  gap: 0 12px;
  padding: 11px 22px;
  border: 0;
  box-shadow: none;
  color: var(--pb-paper);
  transition: background-color .25s;
}
body .site-nav .nav-drawer a:hover { background-color: rgba(176, 141, 79, .14); }

.nav-drawer__no {
  grid-row: 1 / 3;
  font-family: var(--pb-label);
  font-size: .95rem;
  color: var(--pb-laiton);
}
.nav-drawer__ja {
  grid-column: 2;
  font-family: var(--pb-mincho);
  font-size: .98rem;
  letter-spacing: .08em;
}
.nav-drawer__en {
  grid-column: 2;
  font-family: var(--pb-label);
  font-variant: small-caps;
  font-size: .82rem;
  letter-spacing: .16em;
  color: rgba(244, 237, 232, .5);
}
.nav-item--carte .nav-drawer { min-width: 262px; }

/* --------------------------------------------------------------------------
   15-5. ハンバーガー
   -------------------------------------------------------------------------- */
body .menu-toggle span { background-color: var(--pb-paper); }

@media (max-width: 900px) {
  .site-header__inner { padding: 16px 20px; }
  body .site-logo { font-size: 1.15rem; }

  body .site-nav {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    display: none;
    background: var(--pb-vert);
    border-top: 1px solid rgba(176, 141, 79, .3);
    padding: 8px 20px 28px;
    max-height: calc(100vh - 64px);
    overflow-y: auto;
  }
  body .site-nav.is-open { display: block; }

  .nav-menu { flex-direction: column; align-items: stretch; gap: 0; }
  .nav-item { border-bottom: 1px solid rgba(244, 237, 232, .12); }
  .nav-item:last-child { border-bottom: 0; }

  body .site-nav .nav-item > a {
    display: flex;
    justify-content: space-between;
    font-size: 1.1rem;
    padding: 18px 2px;
    box-shadow: none;
  }

  /* スマホは開閉なしで全部見せます（階層を増やさない） */
  body .site-nav .nav-drawer {
    position: static;
    transform: none;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    min-width: 0;
    background: none;
    border: 0;
    padding: 0 0 14px 14px;
  }
  body .site-nav .nav-drawer a { padding: 9px 0; }
  .nav-item__arw { display: none; }
}

/* ==========================================================================
   16. 色の掃除 ＋ ヘッダーの間隔
   使う色は6つだけ:
     紙 / 深緑 / オックスブラッド / ローズ / 真鍮 / インク
   omiso-falling.css 側は .fp-omiso-beauty .fp-ob__… のように
   クラス2つで書かれているので、こちらも同じ強さで上書きしています。
   ========================================================================== */

/* --------------------------------------------------------------------------
   16-1. ヘッダー: 中央に寄せない・間隔を広げる
   -------------------------------------------------------------------------- */
body .site-header__inner {
  max-width: none;
  padding: 22px 40px;
}
body .nav-menu { gap: 46px; }
body .site-nav .nav-item > a {
  font-size: 1rem;
  letter-spacing: .18em;
}

@media (max-width: 1180px) {
  body .nav-menu { gap: 32px; }
  body .site-nav .nav-item > a { letter-spacing: .12em; }
}
@media (max-width: 900px) {
  body .site-header__inner { padding: 16px 20px; }
}

/* --------------------------------------------------------------------------
   16-2. 推しコス
   -------------------------------------------------------------------------- */
body .fp-omiso-beauty .fp-ob__words { background: var(--pb-vert); }
body .fp-omiso-beauty .fp-ob__quote { color: var(--pb-paper); font-family: var(--pb-mincho); }
body .fp-omiso-beauty .fp-ob__mark,
body .fp-omiso-beauty .fp-ob__words-label { color: var(--pb-laiton); }
body .fp-omiso-beauty .fp-ob__logo-1 { color: var(--pb-sang); }
body .fp-omiso-beauty .fp-ob__num,
body .fp-omiso-beauty .fp-ob__rest-oshi { color: var(--pb-sang); }
body .fp-omiso-beauty .fp-ob__label,
body .fp-omiso-beauty .fp-ob__cat,
body .fp-omiso-beauty .fp-ob__oshi-label { color: var(--pb-laiton); }
body .fp-omiso-beauty .fp-ob__plate { background: var(--pb-rose); opacity: .5; }
body .fp-omiso-beauty .fp-ob__go-txt,
body .fp-omiso-beauty .fp-ob__go-arw { color: var(--pb-sang); }

/* --------------------------------------------------------------------------
   16-3. ひとりごと: マスキングテープをやめる
   ピンク・水色・クリームの3色は、この配色では拾えません
   -------------------------------------------------------------------------- */
body .fp-hg-card::before,
body .fp-hitorigoto__grid .fp-hg-card:nth-child(2)::before,
body .fp-hitorigoto__grid .fp-hg-card:nth-child(3)::before { display: none; }

body .fp-hitorigoto__grid .fp-hg-card {
  background: var(--pb-paper-2);
  border: 1px solid var(--pb-rule);
  border-radius: 0;
  box-shadow: none;
  transform: none;
}
body .fp-hitorigoto__grid .fp-hg-card:hover {
  transform: none;
  box-shadow: none;
  border-color: var(--pb-rule-2);
}
/* 傾きの指定が html.omiso-motion 側にもあるので、そちらも止めます */
html.omiso-motion body .fp-hitorigoto__grid .fp-hg-card.omiso-in:nth-child(odd),
html.omiso-motion body .fp-hitorigoto__grid .fp-hg-card.omiso-in:nth-child(even),
html.omiso-motion body .fp-hitorigoto__grid .fp-hg-card.omiso-in:hover { transform: none; }

body .fp-hg-card .fp-hg-card__time { color: var(--pb-encre-soft); }
body .fp-hg-card__text { color: var(--pb-encre); }

/* --------------------------------------------------------------------------
   16-4. 診断バナー
   テープ・オレンジのNEW!・ローズの丸ボタンを差し替え
   -------------------------------------------------------------------------- */
body .fp-shindan__card::before { display: none; }
body .fp-funzone .fp-shindan__card,
body .fp-shindan__card {
  background: var(--pb-paper-2);
  border: 1px solid var(--pb-rule);
  border-radius: 0;
  box-shadow: none;
}
body .fp-shindan__new {
  background: var(--pb-sang);
  color: var(--pb-paper);
  border-radius: 0;
  font-family: var(--pb-label);
  font-style: normal;
  font-variant: small-caps;
  letter-spacing: .2em;
  box-shadow: none;
}
body .fp-shindan__title { font-family: var(--pb-mincho); color: var(--pb-encre); }
body .fp-shindan__btn {
  background: var(--pb-vert);
  color: var(--pb-paper);
  border-radius: 0;
  box-shadow: none;
  font-family: var(--pb-mincho);
  letter-spacing: .12em;
}
body .fp-shindan__card:hover .fp-shindan__btn {
  background: var(--pb-sang);
  transform: none;
}

/* --------------------------------------------------------------------------
   16-5. About
   ピンクのグラデーションと丸ボタンをやめる
   -------------------------------------------------------------------------- */
body .about-widget {
  background: var(--pb-paper-2);
  background-image: none;
  border: 1px solid var(--pb-rule);
  border-radius: 0;
  box-shadow: none;
}
body .about-widget .widget__title {
  background-image: none;
  color: var(--pb-laiton);
  border-bottom: 1px solid var(--pb-rule);
  font-family: var(--pb-label);
  font-variant: small-caps;
  font-style: normal;
  letter-spacing: .2em;
}
body .about-widget .about-widget__icon {
  border: 1px solid var(--pb-rule-2);
  background: var(--pb-paper);
}
body .about-widget .about-widget__name { font-family: var(--pb-mincho); color: var(--pb-encre); }
body .about-widget .about-widget__location { color: var(--pb-laiton); }
body .about-widget .about-widget__toggle {
  background: none;
  border: 1px solid var(--pb-rule-2);
  border-radius: 0;
  color: var(--pb-encre);
  font-family: var(--pb-label);
  font-style: normal;
  font-variant: small-caps;
  letter-spacing: .16em;
  box-shadow: none;
}
body .about-widget .about-widget__toggle:hover {
  background: var(--pb-vert);
  color: var(--pb-paper);
  border-color: var(--pb-vert);
}

/* --------------------------------------------------------------------------
   16-6. フッター = 店じまい
   -------------------------------------------------------------------------- */
body .site-footer {
  background-color: var(--pb-vert);
  margin-top: 0;
  padding: 40px;
}
body .footer-logo {
  font-family: var(--pb-enseigne);
  font-style: italic;
  color: var(--pb-paper);
}
body .footer-sub {
  font-family: var(--pb-label);
  font-variant: small-caps;
  font-style: normal;
  letter-spacing: .2em;
  color: var(--pb-laiton);
}
body .footer-copy {
  font-family: var(--pb-label);
  font-style: normal;
  color: rgba(244, 237, 232, .45);
}

/* --------------------------------------------------------------------------
   16-7. イラストの中のミント
   SVGに直接書かれた色を、属性で拾って差し替えます
   -------------------------------------------------------------------------- */
body .fp-carte__thumb [fill="#8FCFC6"] { fill: var(--pb-rose); }
body .fp-carte__thumb [fill="#1E5E5A"] { fill: var(--pb-sang); }
body .fp-carte__thumb [fill="rgba(30,94,90,.7)"] { fill: var(--pb-encre-soft); }
body .fp-carte__thumb [fill="#2FB2AA"],
body .fp-carte__thumb [stroke="#2FB2AA"] { fill: var(--pb-laiton); stroke: var(--pb-laiton); }
body .fp-carte__thumb [fill="#A9D8CF"] { fill: var(--pb-rose); }
body .fp-carte__thumb [fill="#E8A0B4"] { fill: var(--pb-rose); }
body .fp-carte__thumb [fill="#9B3A6B"] { fill: var(--pb-sang); }

/* ==========================================================================
   17. ひとりごと ／ 診断 の作り直し
   「壁に貼ったメモ」をやめます。
   16-3・16-4 の指定はここで上書きされるので、そのままで大丈夫です。
   ========================================================================== */

/* --------------------------------------------------------------------------
   17-1. ひとりごと = 罫線で仕切った3本のコラム
   -------------------------------------------------------------------------- */
body .fp-hitorigoto__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  border-block: 1px solid var(--pb-rule-2);
  background: none;
}

body .fp-hitorigoto__grid .fp-hg-card {
  display: block;
  position: relative;
  padding: 32px 30px 30px;
  background: none;
  border: 0;
  border-left: 1px solid var(--pb-rule);
  border-radius: 0;
  box-shadow: none;
  transform: none;
  transition: background-color .3s ease;
}
body .fp-hitorigoto__grid .fp-hg-card:first-child { border-left: 0; }
body .fp-hitorigoto__grid .fp-hg-card:hover {
  background-color: var(--pb-paper-2);
  transform: none;
  box-shadow: none;
}

/* 段の頭の引用符。テープだった ::before を作り替えています */
body .fp-hitorigoto__grid .fp-hg-card::before {
  content: "\201C";
  display: block;
  position: static;
  width: auto;
  height: auto;
  margin: 0 0 6px;
  translate: none;
  transform: none;
  background: none;
  box-shadow: none;
  -webkit-clip-path: none;
          clip-path: none;
  font-family: var(--pb-enseigne);
  font-size: 2.2rem;
  line-height: .8;
  color: var(--pb-laiton);
}

/* 気分の絵文字は「その日の気分」というデータなので残し、小さく薄く */
body .fp-hg-card .fp-hg-card__avatar {
  float: right;
  width: auto;
  height: auto;
  margin: 0 0 6px 12px;
  padding: 0;
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  font-size: 1rem;
  line-height: 1;
  opacity: .5;
}

body .fp-hg-card .fp-hg-card__body { display: block; }

body .fp-hg-card .fp-hg-card__text {
  font-family: var(--pb-mincho);
  font-size: .95rem;
  line-height: 2;
  color: var(--pb-encre);
  margin: 0 0 18px;
}

body .fp-hg-card .fp-hg-card__time {
  display: block;
  font-family: var(--pb-label);
  font-style: normal;
  font-variant: small-caps;
  font-size: .88rem;
  letter-spacing: .16em;
  color: var(--pb-laiton);
}

@media (max-width: 860px) {
  body .fp-hitorigoto__grid { grid-template-columns: 1fr; }
  body .fp-hitorigoto__grid .fp-hg-card {
    border-left: 0;
    border-top: 1px solid var(--pb-rule);
    padding: 26px 4px 24px;
  }
  body .fp-hitorigoto__grid .fp-hg-card:first-child { border-top: 0; }
}

/* --------------------------------------------------------------------------
   17-2. 診断 = 上下を罫線で挟んだ、店の告知
   行全体がリンク。ホバーで深緑が流れ込みます
   -------------------------------------------------------------------------- */
body .fp-shindan { padding-block: var(--pb-gap-sec); }
body .fp-funzone { max-width: none; }

body .fp-funzone .fp-shindan__card,
body .fp-shindan__card {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 24px 40px;
  padding: 40px 32px;
  background: none;
  background-image: none;
  border: 0;
  border-block: 1px solid var(--pb-rule-2);
  border-radius: 0;
  box-shadow: none;
  overflow: hidden;
  transform: none;
  isolation: isolate;
}
body .fp-shindan__card::before { display: none; }

/* 流れ込む深緑 */
body .fp-shindan__card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--pb-vert);
  transform: scaleY(0);
  transform-origin: bottom;
  transition: transform .45s var(--omiso-ease-out, ease);
}
body .fp-shindan__card:hover::after,
body .fp-shindan__card:focus-visible::after { transform: scaleY(1); }

body .fp-shindan__body { display: block; }

body .fp-shindan__en {
  display: block;
  font-family: var(--pb-label);
  font-style: normal;
  font-variant: small-caps;
  font-size: .95rem;
  letter-spacing: .22em;
  color: var(--pb-laiton);
  margin-bottom: 6px;
}

body .fp-shindan__title {
  font-family: var(--pb-mincho);
  font-size: clamp(1.5rem, 3.4vw, 2.1rem);
  font-weight: 400;
  letter-spacing: .1em;
  color: var(--pb-encre);
  margin: 0 0 10px;
  transition: color .35s ease;
}

body .fp-shindan__lead {
  font-size: .88rem;
  line-height: 1.9;
  color: var(--pb-encre-soft);
  max-width: 34em;
  margin: 0;
  transition: color .35s ease;
}

/* NEW! → 真鍮の小さな nouveau */
body .fp-shindan__new {
  position: static;
  align-self: start;
  justify-self: end;
  grid-column: 2;
  grid-row: 1;
  padding: 0;
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  font-family: var(--pb-label);
  font-style: normal;
  font-variant: small-caps;
  font-size: .9rem;
  letter-spacing: .24em;
  color: var(--pb-laiton);
  text-indent: -9999px;
  white-space: nowrap;
}
body .fp-shindan__new::after {
  content: "nouveau";
  float: left;
  text-indent: 0;
}

body .fp-shindan__btn {
  grid-column: 2;
  align-self: center;
  justify-self: end;
  padding: 0 0 4px;
  background: none;
  border: 0;
  border-bottom: 1px solid var(--pb-rule-2);
  border-radius: 0;
  box-shadow: none;
  font-family: var(--pb-mincho);
  font-size: .98rem;
  letter-spacing: .14em;
  color: var(--pb-encre);
  white-space: nowrap;
  transition: color .35s ease, border-color .35s ease;
}
body .fp-shindan__card:hover .fp-shindan__btn {
  background: none;
  transform: none;
}

/* ホバー中は文字を紙色に反転 */
body .fp-shindan__card:hover .fp-shindan__title,
body .fp-shindan__card:hover .fp-shindan__btn { color: var(--pb-paper); }
body .fp-shindan__card:hover .fp-shindan__lead { color: rgba(244, 237, 232, .74); }
body .fp-shindan__card:hover .fp-shindan__btn { border-bottom-color: var(--pb-laiton); }

@media (max-width: 720px) {
  body .fp-shindan__card,
  body .fp-funzone .fp-shindan__card {
    grid-template-columns: 1fr;
    padding: 32px 4px;
    gap: 18px;
  }
  body .fp-shindan__new,
  body .fp-shindan__btn { grid-column: 1; justify-self: start; }
  body .fp-shindan__new { grid-row: auto; }
}

@media (prefers-reduced-motion: reduce) {
  body .fp-shindan__card::after { transition: none; }
}

/* ==========================================================================
   18. ヒーローのひさしを、縞からフリル（スカラップ）へ
   ヘッダーとヒーローの境目に、ローズの半円が連なる裾を掛けます。
   mask ではなく background-image の2枚重ねなので、
   Safari の mask-composite に依存しません。
   ========================================================================== */

.hero__awning {
  height: 30px;
  background-color: transparent;
  background-image:
    /* 上の帯 */
    linear-gradient(var(--pb-rose) 0 16px, transparent 16px),
    /* 裾の半円。となりの円とちょうど接する大きさにしています */
    radial-gradient(circle 14px at 14px 16px, var(--pb-rose) 99%, transparent 100%);
  background-size: 100% 30px, 28px 30px;
  background-repeat: repeat-x, repeat-x;
  background-position: 0 0, 0 0;
  -webkit-mask-image: none;
          mask-image: none;
}

@media (max-width: 900px) {
  .hero__awning {
    height: 22px;
    background-image:
      linear-gradient(var(--pb-rose) 0 12px, transparent 12px),
      radial-gradient(circle 10px at 10px 12px, var(--pb-rose) 99%, transparent 100%);
    background-size: 100% 22px, 20px 22px;
  }
}

/* ==========================================================================
   19. ヘッダー直下の掃除 ＋ フリルの色
   ========================================================================== */

/* --------------------------------------------------------------------------
   19-1. 4色ののれんストライプを止める
   omiso-falling.css 2293行の .site-header::after です。
   ローズ→薄ピンク→クリーム→ミントの繰り返しで、
   いまの6色から外れています
   -------------------------------------------------------------------------- */
body .site-header::after,
body .site-header::before { content: none; display: none; }

/* --------------------------------------------------------------------------
   19-2. フリルを生成りに
   ローズは甘くなりすぎたので、色ではなく形で見せます
   -------------------------------------------------------------------------- */
.hero__awning {
  background-image:
    linear-gradient(var(--pb-paper) 0 16px, transparent 16px),
    radial-gradient(circle 14px at 14px 16px, var(--pb-paper) 99%, transparent 100%);
}

@media (max-width: 900px) {
  .hero__awning {
    background-image:
      linear-gradient(var(--pb-paper) 0 12px, transparent 12px),
      radial-gradient(circle 10px at 10px 12px, var(--pb-paper) 99%, transparent 100%);
  }
}

/* 生成りが平坦に感じる場合は、この2ブロックの --pb-paper を
   --pb-sang（オックスブラッド）に差し替えてください。
   深緑との差が小さくなるぶん、落ち着いた見え方になります。 */

/* ==========================================================================
   20. ヘッダーの幅を直す ＋ フリルを大判に
   ========================================================================== */

/* --------------------------------------------------------------------------
   20-1. 中央に寄っていた原因
   style.css の .site-header が display:flex のままで、
   .site-header__inner がその中の「1個の子要素」として
   内容ぶんの幅しか持てずにいました。
   ヘッダーは block に戻し、内側だけをフレックスにします
   -------------------------------------------------------------------------- */
body .site-header {
  display: block;
  padding: 0;
}

body .site-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 22px 44px;
  gap: 32px;
}

body .nav-menu {
  gap: 40px;
  flex-wrap: nowrap;
}

/* ▾ は主張しなくていいので、線としてだけ残します */
body .nav-item__arw {
  font-size: .5em;
  opacity: .55;
  margin-left: 2px;
}

@media (max-width: 1180px) {
  body .site-header__inner { padding: 20px 28px; }
  body .nav-menu { gap: 26px; }
}

@media (max-width: 900px) {
  body .site-header__inner { padding: 16px 20px; }
}

/* --------------------------------------------------------------------------
   20-2. フリルを倍の大判に
   半径14px → 28px。となりの円と接する関係はそのままです
   -------------------------------------------------------------------------- */
.hero__awning {
  height: 54px;
  background-image:
    linear-gradient(var(--pb-paper) 0 26px, transparent 26px),
    radial-gradient(circle 28px at 28px 26px, var(--pb-paper) 99%, transparent 100%);
  background-size: 100% 54px, 56px 54px;
}

/* フリルが大きくなったぶん、ヒーローの上余白を足して
   文字が垂れに近づきすぎないようにします */
.hero { padding-top: 108px; }

@media (max-width: 900px) {
  .hero__awning {
    height: 36px;
    background-image:
      linear-gradient(var(--pb-paper) 0 18px, transparent 18px),
      radial-gradient(circle 18px at 18px 18px, var(--pb-paper) 99%, transparent 100%);
    background-size: 100% 36px, 36px 36px;
  }
  .hero { padding-top: 84px; }
}

/* ==========================================================================
   21. ヘッダーの間隔 ＋ OMISO beauty の色を4つに絞る
   ========================================================================== */

/* --------------------------------------------------------------------------
   21-1. ナビの間隔
   ▾ が付く項目と付かない項目があるので、間隔が不揃いに見えていました。
   矢印を項目側に寄せて、あいだを広げます
   -------------------------------------------------------------------------- */
body .nav-menu { gap: 54px; }
body .nav-item__arw { margin-left: 7px; }

@media (max-width: 1180px) {
  body .nav-menu { gap: 34px; }
}

/* --------------------------------------------------------------------------
   21-2. OMISO beauty
   構成・レイアウトは変えません。色だけを割り当て直します。
     文字      … インク
     補助文    … インク（薄）
     強調      … オックスブラッド（ロゴ・推し度・導線）
     ラベル    … 真鍮（TODAY'S PICK / SKIN CARE / ALSO PICKED / OSHI）
     面        … ローズ（商品の背板だけ）
   -------------------------------------------------------------------------- */

/* 見出しまわり */
body .fp-omiso-beauty .fp-ob__logo-1,
body .fp-omiso-beauty .fp-ob__logo-2 { color: var(--pb-sang); }
body .fp-omiso-beauty .fp-ob__lead   { color: var(--pb-encre); }
body .fp-omiso-beauty .fp-ob__sub    { color: var(--pb-encre-soft); }
body .fp-omiso-beauty .fp-ob__count  { color: var(--pb-laiton); }
body .fp-omiso-beauty .fp-ob__head   { border-bottom-color: var(--pb-rule-2); }

/* 商品 */
body .fp-omiso-beauty .fp-ob__plate { background: var(--pb-rose); opacity: .45; }
body .fp-omiso-beauty .fp-ob__label { color: var(--pb-laiton); }
body .fp-omiso-beauty .fp-ob__brand { color: var(--pb-encre-soft); }
body .fp-omiso-beauty .fp-ob__name  { color: var(--pb-encre); }
body .fp-omiso-beauty .fp-ob__cat   { color: var(--pb-laiton); }

/* 推し度 */
body .fp-omiso-beauty .fp-ob__num,
body .fp-omiso-beauty .fp-ob__unit { color: var(--pb-sang); }
body .fp-omiso-beauty .fp-ob__oshi-label { color: var(--pb-laiton); }
body .fp-omiso-beauty .fp-ob__meta { border-color: var(--pb-rule); }

/* 殿堂入り・判定のタグ */
body .fp-omiso-beauty .fp-ob__tag {
  background: none;
  border: 1px solid var(--pb-rule-2);
  border-radius: 0;
  color: var(--pb-encre-soft);
}
body .fp-omiso-beauty .fp-ob__tag--hall {
  border-color: var(--pb-laiton);
  color: var(--pb-laiton);
}

/* 語録 */
body .fp-omiso-beauty .fp-ob__quote-inline { color: var(--pb-encre-soft); }
body .fp-omiso-beauty .fp-ob__quote-mark   { color: var(--pb-laiton); }

/* ALSO PICKED */
body .fp-omiso-beauty .fp-ob__rest       { border-top-color: var(--pb-rule); }
body .fp-omiso-beauty .fp-ob__rest-label { color: var(--pb-laiton); }
body .fp-omiso-beauty .fp-ob__rest-name  { color: var(--pb-encre); }
body .fp-omiso-beauty .fp-ob__rest-oshi,
body .fp-omiso-beauty .fp-ob__rest-oshi span { color: var(--pb-sang); }
body .fp-omiso-beauty .fp-ob__rest-visual { background: var(--pb-paper-2); }
body .fp-omiso-beauty .fp-ob__visual-empty { color: var(--pb-rule-2); }

/* 導線 */
body .fp-omiso-beauty .fp-ob__more a {
  border-bottom: 1px solid var(--pb-rule-2);
  color: var(--pb-sang);
}
body .fp-omiso-beauty .fp-ob__go-txt,
body .fp-omiso-beauty .fp-ob__go-arw { color: var(--pb-sang); }
body .fp-omiso-beauty .fp-ob__more a:hover { border-bottom-color: var(--pb-sang); }

/* 全幅の語録帯 */
body .fp-omiso-beauty .fp-ob__words { background: var(--pb-vert); }
body .fp-omiso-beauty .fp-ob__quote { color: var(--pb-paper); }
body .fp-omiso-beauty .fp-ob__mark,
body .fp-omiso-beauty .fp-ob__words-label { color: var(--pb-laiton); }

/* ==========================================================================
   22. ナビの間隔を揃える ＋ 細部の調整
   ========================================================================== */

/* --------------------------------------------------------------------------
   22-1. ▾ を廃止
   矢印がある項目のあとだけ実際の間隔が広くなり、
   「ひとりごと｜推しコス」だけが詰まって見えていました。
   ドロップダウンはホバーで開くので、機能は変わりません
   -------------------------------------------------------------------------- */
body .nav-item__arw { display: none; }
body .nav-menu { gap: 48px; }

@media (max-width: 1180px) { body .nav-menu { gap: 32px; } }

/* --------------------------------------------------------------------------
   22-2. ヒーロー
   -------------------------------------------------------------------------- */
/* 説明文。字間が広すぎて読めなくなっていました */
.hero__eyebrow {
  font-family: var(--pb-mincho);
  font-variant: normal;
  font-size: .88rem;
  letter-spacing: .14em;
  color: rgba(176, 141, 79, .92);
  margin-bottom: 26px;
}

/* OUVERT の重複を解消。すぐ下の帯に同じ表示があります。
   ヒーロー側に戻したいときは、この1行を消してください */
.hero__ouvert { display: none; }

.hero__ja { letter-spacing: .42em; text-indent: .42em; margin-top: 18px; }

/* --------------------------------------------------------------------------
   22-3. 店先の一行
   -------------------------------------------------------------------------- */
.fp-noren__date,
.fp-noren__word { font-size: .9rem; }
.fp-noren__open { font-size: .95rem; letter-spacing: .24em; }

/* --------------------------------------------------------------------------
   22-4. OMISO beauty の細部
   構成は変えず、大きさと位置だけ
   -------------------------------------------------------------------------- */

/* 「3 ITEMS」を他の真鍮ラベルと同じ組みに */
body .fp-omiso-beauty .fp-ob__count {
  font-family: var(--pb-label);
  font-variant: small-caps;
  font-size: .95rem;
  letter-spacing: .2em;
}

/* 推し度と「殿堂入り」の縦位置を合わせる */
body .fp-omiso-beauty .fp-ob__meta { align-items: center; }
body .fp-omiso-beauty .fp-ob__tags { align-self: center; }
body .fp-omiso-beauty .fp-ob__tag {
  padding: 6px 14px;
  font-size: .8rem;
  line-height: 1.4;
  letter-spacing: .08em;
  white-space: nowrap;
}

/* ALSO PICKED の推し度が小さすぎたので上げます */
body .fp-omiso-beauty .fp-ob__rest-name {
  font-size: .88rem;
  line-height: 1.7;
  margin-bottom: 4px;
}
body .fp-omiso-beauty .fp-ob__rest-oshi {
  font-family: var(--pb-label);
  font-size: 1.4rem;
  letter-spacing: .02em;
}
body .fp-omiso-beauty .fp-ob__rest-oshi span { font-size: .6em; }

/* 語録帯。引用符が本文に対して小さすぎました */
body .fp-omiso-beauty .fp-ob__mark {
  font-family: var(--pb-enseigne);
  font-size: 2.4rem;
  line-height: .6;
  margin-bottom: 14px;
}
body .fp-omiso-beauty .fp-ob__words-label {
  font-family: var(--pb-label);
  font-variant: small-caps;
  font-size: .9rem;
  letter-spacing: .24em;
  margin-top: 18px;
}

/* ==========================================================================
   23. ナビの間隔を、gap ではなくマージンで確保する
   これまで .nav-menu の gap を何度か書き換えましたが、
   他のCSSに負けて効いていませんでした。
   gap をやめ、項目ごとの margin-left に切り替えます。
   セレクタも body .site-header .site-nav … まで伸ばして、
   確実に勝つようにしています。
   ========================================================================== */

body .site-header .site-nav .nav-menu {
  display: flex;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

body .site-header .site-nav .nav-item { margin-left: 46px; }
body .site-header .site-nav .nav-item:first-child { margin-left: 0; }

/* 字間。.18em は広すぎて、5文字の項目がバラバラに見えていました */
body .site-header .site-nav .nav-item > a {
  font-size: 1rem;
  letter-spacing: .06em;
  padding: 6px 0;
  white-space: nowrap;
}

@media (max-width: 1240px) {
  body .site-header .site-nav .nav-item { margin-left: 32px; }
  body .site-header .site-nav .nav-item > a { font-size: .95rem; }
}

@media (max-width: 1040px) {
  body .site-header .site-nav .nav-item { margin-left: 24px; }
}

@media (max-width: 900px) {
  body .site-header .site-nav .nav-menu { flex-direction: column; align-items: stretch; }
  body .site-header .site-nav .nav-item { margin-left: 0; }
  body .site-header .site-nav .nav-item > a { font-size: 1.1rem; padding: 18px 2px; }
}

/* ==========================================================================
   24. 推しコス単独ページについて
   ここにあった24〜26章（配色の上書き・!important）は削除しました。
   omiso-pushcos.css そのものを Le Petit Bar のパレットに
   直したので、外から上書きする必要がなくなっています。
   ========================================================================== */

/* ==========================================================================
   25. LE BILLET / L'ALMANACH — 付箋とカレンダーの後始末
   omiso-falling.css の便箋・テープ（159〜235行, 889〜920行）と、
   style.css のマゼンタのカレンダー（767行, 832行〜）を消します。
   ========================================================================== */

/* --------------------------------------------------------------------------
   25-1. 便箋・テープ・傾きを全部やめる
   -------------------------------------------------------------------------- */
body .hg-feed .hg-card,
body .hg-card {
  background-color: transparent;
  background-image: none;          /* 横罫の便箋 */
  border: 0;
  border-bottom: 1px solid rgba(36, 30, 28, .14);
  border-radius: 0;
  box-shadow: none;
  transform: none;
  rotate: none;
}
body .hg-feed .hg-card:hover { transform: none; box-shadow: none; }

body .hg-card::before,
body .hg-card::after,
body .hg-feed .hg-card:nth-child(3n+2)::before,
body .hg-feed .hg-card:nth-child(3n+2)::after,
body .hg-feed .hg-card:nth-child(3n)::before,
body .hg-feed .hg-card:nth-child(3n)::after { content: none; display: none; }

/* 落下モーション側にも傾きの指定があるので、そちらも止めます */
html.omiso-motion body .hg-feed .hg-card.omiso-in:nth-child(odd),
html.omiso-motion body .hg-feed .hg-card.omiso-in:nth-child(even),
html.omiso-motion body .hg-feed .hg-card.omiso-in:hover { transform: none; }

/* 凡例に貼られたテープ */
body .ml-page-wrap .ml-legend__cat {
  background: none;
  border: 0;
  border-bottom: 1px solid rgba(36, 30, 28, .14);
  border-radius: 0;
  box-shadow: none;
  transform: none;
  rotate: none;
}
body .ml-page-wrap .ml-legend__cat::before,
body .ml-page-wrap .ml-legend__cat::after,
body .ml-page-wrap .ml-legend__cat:nth-of-type(3n+2)::before,
body .ml-page-wrap .ml-legend__cat:nth-of-type(3n)::before { content: none; display: none; }

body .ml-page-wrap .ml-legend {
  background: none;
  border: 0;
  border-top: 1px solid rgba(36, 30, 28, .34);
  border-radius: 0;
  box-shadow: none;
}

/* --------------------------------------------------------------------------
   25-2. 暦（L'ALMANACH）
   -------------------------------------------------------------------------- */
body .ml-calendar {
  background: none;
  border: 1px solid rgba(36, 30, 28, .34);
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
}

body .ml-calendar__header {
  background: none;
  border-bottom: 1px solid rgba(36, 30, 28, .34);
}
body .ml-calendar__dow,
body .ml-calendar__dow--sun,
body .ml-calendar__dow--sat {
  font-family: var(--pb-label);
  font-variant: small-caps;
  font-size: .9rem;
  font-weight: 400;
  letter-spacing: .18em;
  color: var(--pb-encre-soft);
  padding: 11px 0;
}

body .ml-calendar__grid {
  gap: 0;
  background: none;
}

body .ml-cell,
body .ml-cell--empty,
body .ml-cell--empty-day {
  background: none;
  border-right: 1px solid rgba(36, 30, 28, .14);
  border-bottom: 1px solid rgba(36, 30, 28, .14);
}
body .ml-cell:nth-child(7n) { border-right: 0; }
body .ml-cell:hover { background: rgba(36, 30, 28, .03); }

body .ml-cell--today {
  background: none;
  box-shadow: inset 0 0 0 1px var(--pb-laiton);
}
body .ml-cell--today .ml-cell__day {
  width: auto;
  height: auto;
  display: block;
  background: none;
  border-radius: 0;
  color: var(--pb-laiton);
}

/* --------------------------------------------------------------------------
   25-3. ひとりごとページ下部のミニカレンダー
   -------------------------------------------------------------------------- */
body .hg-bottom-cal {
  background: none;
  border: 0;
  border-top: 1px solid rgba(36, 30, 28, .34);
  border-radius: 0;
  box-shadow: none;
  padding: 30px 0 0;
}
body .hg-bottom-cal__header {
  background: none;
  border: 0;
  padding: 0;
  margin-bottom: 18px;
}
body .hg-bottom-cal__title {
  font-family: var(--pb-mincho);
  font-size: 1.05rem;
  font-weight: 400;
  letter-spacing: .12em;
  color: var(--pb-encre);
}
body .hg-bottom-cal__link {
  font-family: var(--pb-label);
  font-variant: small-caps;
  font-size: .95rem;
  letter-spacing: .16em;
  color: var(--pb-laiton);
}
body .hg-bottom-cal__grid-wrap {
  background: none;
  border: 1px solid rgba(36, 30, 28, .34);
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
}
body .hg-bottom-cal__dow-row {
  background: none;
  border-bottom: 1px solid rgba(36, 30, 28, .34);
}
body .hg-bottom-cal__dow-row > * {
  font-family: var(--pb-label);
  font-variant: small-caps;
  font-size: .88rem;
  letter-spacing: .16em;
  color: var(--pb-encre-soft);
  padding: 9px 0;
  text-align: center;
}
body .hg-bottom-cal__cells { gap: 0; background: none; }
body .hg-bottom-cal__day {
  background: none;
  border-right: 1px solid rgba(36, 30, 28, .14);
  border-bottom: 1px solid rgba(36, 30, 28, .14);
  border-radius: 0;
  color: var(--pb-encre-soft);
}
body .hg-bottom-cal__day:nth-child(7n) { border-right: 0; }

/* ==========================================================================
   26. 記事一覧・アーカイブ・サイドバーの取りこぼし
   「記事が見つかりませんでした。」「← Back to Home」やウィジェットが
   旧配色のまま残っていました。
   ========================================================================== */

/* --------------------------------------------------------------------------
   26-1. 記事が0件のとき
   -------------------------------------------------------------------------- */
body .no-posts,
body .posts-grid__empty,
body .search-no-results {
  font-family: var(--pb-mincho);
  font-size: .95rem;
  letter-spacing: .06em;
  color: var(--pb-encre-soft);
  text-align: center;
  padding: 48px 0 0;
}

body .back-to-home,
body .no-posts a,
body .search-no-results a {
  display: inline-block;
  margin-top: 22px;
  font-family: var(--pb-mincho);
  font-size: .95rem;
  font-style: normal;
  letter-spacing: .1em;
  color: var(--pb-encre);
  text-decoration: none;
  border-bottom: 1px solid var(--pb-rule-2);
  padding-bottom: 3px;
  transition: color .25s ease, border-color .25s ease;
}
body .back-to-home:hover,
body .no-posts a:hover { color: var(--pb-vert); border-bottom-color: var(--pb-vert); }

/* --------------------------------------------------------------------------
   26-2. アーカイブの見出し
   -------------------------------------------------------------------------- */
body .archive-header,
body .page-header {
  border-bottom: 1px solid var(--pb-rule-2);
  padding-bottom: 18px;
  margin-bottom: 40px;
}
body .archive-title,
body .page-title {
  font-family: var(--pb-enseigne);
  font-style: italic;
  font-weight: 400;
  letter-spacing: .03em;
  color: var(--pb-encre);
}
body .archive-description { color: var(--pb-encre-soft); }

/* --------------------------------------------------------------------------
   26-3. サイドバーのウィジェット
   Recent Posts / Category が斜体のローズのままでした
   -------------------------------------------------------------------------- */
body .sidebar .widget {
  background: var(--pb-paper-2);
  border: 1px solid var(--pb-rule);
  border-radius: 0;
  box-shadow: none;
}
body .sidebar .widget__title,
body .sidebar .widget__title--teal {
  font-family: var(--pb-label);
  font-variant: small-caps;
  font-style: normal;
  font-size: 1rem;
  letter-spacing: .22em;
  color: var(--pb-laiton);
  border-bottom: 1px solid var(--pb-rule);
  border-bottom-color: var(--pb-rule);
}
body .sidebar .widget ul { list-style: none; margin: 0; padding: 0; }
body .sidebar .widget li {
  border-bottom: 1px solid var(--pb-rule);
}
body .sidebar .widget li:last-child { border-bottom: 0; }
body .sidebar .widget a {
  display: block;
  padding: 11px 2px;
  font-family: var(--pb-mincho);
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .04em;
  color: var(--pb-encre);
  text-decoration: none;
  transition: color .25s ease, padding-left .3s var(--omiso-ease-out, ease);
}
body .sidebar .widget a:hover { color: var(--pb-vert); padding-left: 8px; }
body .sidebar .widget .count,
body .sidebar .widget li span {
  font-family: var(--pb-label);
  font-size: .9rem;
  color: var(--pb-laiton);
}

/* --------------------------------------------------------------------------
   26-4. 画像の高さの上限
   記事本文でも縦長の画像が画面を占領しないように
   -------------------------------------------------------------------------- */
body .post-card__thumb {
  max-height: 220px;
  object-fit: cover;
}

/* ==========================================================================
   27. 月齢（omiso-moon.js とセット）
   ヨーロッパの暦には必ず月齢が刷られています。装飾ではなく機能です。
   ========================================================================== */

.omiso-moon { display: block; }

/* --------------------------------------------------------------------------
   27-1. ヒーローの ouvert ランプを、今夜の月に
   -------------------------------------------------------------------------- */
.hero__lamp--moon {
  width: auto;
  height: auto;
  background: none;
  border-radius: 0;
  box-shadow: none;
  color: var(--pb-laiton);
  line-height: 0;
  filter: drop-shadow(0 0 6px rgba(176, 141, 79, .45));
}

/* --------------------------------------------------------------------------
   27-2. フッターの、満ちていく月
   新月から満月まで8つ。ページの終わりが「夜が更けていく」形になります
   -------------------------------------------------------------------------- */
.omiso-moon-row {
  flex-basis: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: 26px;
  padding-top: 22px;
  border-top: 1px solid rgba(176, 141, 79, .28);
  color: var(--pb-laiton);
}
.omiso-moon-row span { line-height: 0; }

@media (max-width: 480px) {
  .omiso-moon-row { gap: 12px; margin-top: 18px; padding-top: 16px; }
}

@media (prefers-reduced-motion: reduce) {
  .hero__lamp--moon { filter: none; }
}

/* ==========================================================================
   28. index.php（アーカイブ・検索）の仕上げ
   index.php から直書きの style="" を外したので、ここで受けます。
   ========================================================================== */

body .no-posts {
  text-align: center;
  padding: 72px 0 40px;
}
body .no-posts__text {
  font-family: var(--pb-mincho);
  font-size: 1rem;
  letter-spacing: .08em;
  color: var(--pb-encre-soft);
  margin: 0;
}
body .no-posts .back-to-home {
  display: inline-block;
  margin-top: 22px;
  font-family: var(--pb-mincho);
  font-style: normal;
  font-size: .95rem;
  letter-spacing: .1em;
  color: var(--pb-encre);
  border-bottom: 1px solid var(--pb-rule-2);
  padding-bottom: 3px;
}
body .no-posts .back-to-home:hover {
  color: var(--pb-vert);
  border-bottom-color: var(--pb-vert);
}

/* アーカイブの見出し */
body .archive-header {
  margin-bottom: 40px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--pb-rule-2);
}
body .archive-description {
  margin-top: 12px;
  font-family: var(--pb-sans);
  font-size: .88rem;
  line-height: 1.9;
  color: var(--pb-encre-soft);
}

/* Category ウィジェットの行 */
body .sidebar .widget__cat-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid var(--pb-rule);
}
body .sidebar .widget__cat-row:last-child { border-bottom: 0; }
body .sidebar .widget__cat-name {
  flex: 1;
  font-family: var(--pb-mincho);
  font-style: normal;
  font-size: .9rem;
  letter-spacing: .06em;
  color: var(--pb-encre);
}
body .sidebar .widget__cat-count {
  font-family: var(--pb-label);
  font-size: .95rem;
  letter-spacing: .06em;
  color: var(--pb-laiton);
}

/* ウィジェットの地色。widget--aqua / --cream が水色とクリームでした */
body .sidebar .widget--white,
body .sidebar .widget--aqua,
body .sidebar .widget--cream {
  background: var(--pb-paper-2);
  border: 1px solid var(--pb-rule);
  border-radius: 0;
  box-shadow: none;
}

/* ==========================================================================
   29. 月別の記録一覧に残っていた付箋 ＋ 装飾の語彙
   足す装飾はこの3つだけに絞ります。
     ・二重罫（区切り）
     ・真鍮の小さな月（見出しの印）
     ・四隅の角飾り（囲み）
   これ以外は足しません。
   ========================================================================== */

/* --------------------------------------------------------------------------
   29-1. ml-post-row の付箋を外す
   -------------------------------------------------------------------------- */
body .ml-page-wrap .ml-post-row,
body .ml-posts .ml-post-row {
  background-color: transparent;
  background-image: none;      /* 罫線の便箋 */
  border: 0;
  border-bottom: 1px solid rgba(36, 30, 28, .14);
  border-radius: 0;
  box-shadow: none;
  transform: none;
  rotate: none;
}
body .ml-post-row::before,
body .ml-post-row::after { content: none; display: none; }
body .ml-posts .ml-post-row:hover { box-shadow: none; transform: none; }

body .ml-page-wrap .ml-posts,
body .ml-page-wrap .ml-posts__list {
  background: none;
  border-radius: 0;
  box-shadow: none;
}

/* --------------------------------------------------------------------------
   29-2. 二重罫 — セクションの区切り
   -------------------------------------------------------------------------- */
body .section-header {
  border-bottom: 0;
}
body .fp-carte__list,
body .fp-hitorigoto__grid,
body .hg-feed {
  border-top: 3px double var(--pb-rule-2);
}

/* --------------------------------------------------------------------------
   29-3. 真鍮の小さな月 — 英字ラベルの印
   セクション見出しの英字の前に置きます
   -------------------------------------------------------------------------- */
body .section-header__en::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  vertical-align: middle;
  margin: 0 11px 3px 0;
  opacity: .7;
}

/* --------------------------------------------------------------------------
   29-4. 四隅の角飾り — 囲みに使います
   線を四隅に18pxずつ置くだけの、控えめな飾りです
   -------------------------------------------------------------------------- */
.omiso-corners,
body .fp-shindan__card {
  background-image:
    linear-gradient(90deg,  var(--pb-laiton) 0 18px, transparent 18px),
    linear-gradient(180deg, var(--pb-laiton) 0 18px, transparent 18px),
    linear-gradient(270deg, var(--pb-laiton) 0 18px, transparent 18px),
    linear-gradient(0deg,   var(--pb-laiton) 0 18px, transparent 18px);
  background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
  background-position: left top, left top, right bottom, right bottom;
  background-repeat: no-repeat;
}