/*
Theme Name: Muse of Venus
Theme URI: https://museofvenus.com/
Author: Muse of Venus 編集部
Description: Muse of Venus のための、雑誌らしいブロックテーマ。写真が主役、箱は使わず余白と細い線で区切る。
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.0
Version: 0.4.16
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: muse-of-venus
*/

/* ---------- 共通 ---------- */
:root { --mov-gold: #111111; --mov-line: #E5E5E5; --mov-label: #555555; --mov-sub: #666666; --mov-ink: #111111; }
body { -webkit-font-smoothing: antialiased; }
img { height: auto; }
::selection { background: #EFE6D6; }

/* 英字の小さな見出し（LATEST・THE POINT など） */
.mov-eyebrow { font-family: var(--wp--preset--font-family--latin); font-size: 14px; letter-spacing: 0.3em; text-transform: uppercase; color: var(--mov-label); text-align: center; margin: 0; }
.mov-eyebrow a { color: inherit; text-decoration: none; }

/* ---------- ヘッダー ---------- */
.mov-header { padding: 14px 12px 4px; }
.mov-header .wp-block-site-title { margin: 0; font-family: var(--wp--preset--font-family--latin); font-weight: 500; font-size: 22px; letter-spacing: 0.22em; text-transform: uppercase; line-height: 1.3; }
.mov-header .wp-block-site-title a { color: var(--mov-ink); text-decoration: none; }
.mov-header .wp-block-site-tagline { margin: 4px 0 0; font-size: 10px; letter-spacing: 0.24em; color: var(--mov-sub); }
.mov-header-row { display: grid !important; grid-template-columns: 44px 1fr 44px; align-items: center; }
.mov-brand { text-align: center; }
.mov-header .wp-block-navigation__responsive-container-open svg,
.mov-header .wp-block-search__button svg { width: 22px; height: 22px; }
.mov-header .wp-block-search__button { background: none; border: 0; padding: 10px; color: var(--mov-ink); }
.mov-cats { display: flex; justify-content: center; gap: 16px; padding: 10px 12px 14px; overflow-x: auto; scrollbar-width: none; }
.mov-cats a { font-family: var(--wp--preset--font-family--latin); font-size: 13px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--mov-ink); text-decoration: none; padding-bottom: 4px; white-space: nowrap; border-bottom: 1px solid transparent; }
.mov-cats a:hover, .mov-cats a[aria-current="page"] { border-bottom-color: var(--mov-gold); }

/* ---------- 記事の冒頭 ---------- */
.mov-hero-img { margin: 0 !important; }
.mov-hero-img img { width: 100%; aspect-ratio: 390 / 280; object-fit: cover; display: block; }
.mov-front-hero img { aspect-ratio: 390 / 440; }
.mov-kicker { display: flex; justify-content: center; align-items: center; gap: 10px; font-family: var(--wp--preset--font-family--latin); font-size: 13px; letter-spacing: 0.3em; text-transform: uppercase; color: var(--mov-label); }
.mov-kicker a { color: inherit; text-decoration: none; }
.mov-kicker .wp-block-post-terms__separator { display: none; }
.mov-kicker > * + *::before { content: "—"; color: var(--mov-gold); margin-right: 10px; letter-spacing: 0; }
.mov-avail { font-family: var(--wp--preset--font-family--gothic); font-size: 11px !important; letter-spacing: 0.12em !important; text-transform: none; color: var(--mov-label); }
.mov-avail a { pointer-events: none; }
.mov-rule { width: 32px; height: 1px; background: var(--mov-gold); border: 0; margin: 0 auto !important; }
.mov-meta { font-size: 12px; letter-spacing: 0.06em; color: var(--mov-sub); text-align: center; margin: 0; line-height: 1.7; }
.mov-meta p { margin: 0; }
.mov-checked:not(:empty)::before { content: "公式の情報で確認　"; }
.mov-checked:not(:empty)::after { content: ""; }

/* ---------- 本文 ---------- */
.entry-content > * + * { margin-block-start: 1.6em; }
.entry-content h2 { margin-block-start: 2.6em !important; }
.entry-content h3 { margin-block-start: 2em !important; }
.entry-content ul, .entry-content ol { padding-left: 1.3em; }
.entry-content li + li { margin-top: 0.4em; }

/* 広告表記（本文と同じ大きさ・タイトルの直後） */
.ad-disclosure { font-size: 14px !important; text-align: center; color: var(--wp--preset--color--text); margin-block-start: 0 !important; }

/* この記事のポイント */
.mov-point { border-top: 1px solid var(--mov-gold); border-bottom: 1px solid var(--mov-gold); padding: 28px 0 !important; }
.mov-point > * + * { margin-block-start: 18px !important; }
.mov-point-lead { font-family: var(--wp--preset--font-family--mincho); font-weight: 600; font-size: 21px; line-height: 1.6; text-align: center; }
.mov-point ol { list-style: none; padding: 0 !important; counter-reset: p; }
.mov-point ol li { counter-increment: p; display: flex; gap: 14px; font-size: 15px; line-height: 1.7; }
.mov-point ol li::before { content: counter(p, decimal-leading-zero); font-family: var(--wp--preset--font-family--latin); font-size: 17px; color: var(--mov-gold); flex: 0 0 20px; }

/* ボタン：黒（記事に1つだけ）と、下線の文字ボタン */
.wp-block-button .wp-block-button__link { letter-spacing: 0.14em; }
.wp-block-buttons.is-layout-flex { gap: 8px; }
.mov-main-btn .wp-block-button, .mov-main-btn .wp-block-button__link { width: 100%; }
.mov-main-btn .wp-block-button__link::after, .is-style-mov-line .wp-block-button__link::after { content: "→"; margin-left: 12px; font-family: var(--wp--preset--font-family--latin); }
.is-style-mov-line .wp-block-button__link { background: none !important; color: var(--mov-ink) !important; padding: 6px 0 !important; border-radius: 0; border-bottom: 1px solid var(--mov-ink); font-size: 14px; letter-spacing: 0.08em; }
.mov-note-ad { font-size: 11px !important; color: var(--mov-sub); text-align: center; margin-block-start: 6px !important; }

/* どこで買える？ */
.mov-shop { border-top: 1px solid var(--mov-line); padding: 18px 0 !important; margin-block-start: 0 !important; }
.mov-shop:last-of-type { border-bottom: 1px solid var(--mov-line); }
.mov-shop > * + * { margin-block-start: 10px !important; }
.mov-shop-head { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.mov-shop-name { font-weight: 700; font-size: 16px; margin: 0; }
.mov-shop-date { font-size: 11px; letter-spacing: 0.1em; color: var(--mov-label); margin: 0; white-space: nowrap; }
.mov-shop dl, .mov-shop .mov-specs { display: grid; grid-template-columns: 72px 1fr; gap: 4px 10px; font-size: 14px; line-height: 1.7; margin: 0; }
.mov-specs dt { color: var(--mov-sub); }
.mov-specs dd { margin: 0; }
.mov-shop .is-style-mov-line { margin-block-start: 12px !important; }
.mov-shop .mov-note-ad { text-align: left; }

/* よくある質問 */
.mov-faq { border-top: 1px solid var(--mov-line); padding: 18px 0 !important; margin-block-start: 0 !important; }
.mov-faq:last-of-type { border-bottom: 1px solid var(--mov-line); }
.mov-faq h3 { font-family: var(--wp--preset--font-family--mincho); font-weight: 600; font-size: 16px; margin: 0 !important; }
.mov-faq p { margin: 8px 0 0 !important; font-size: 15px; line-height: 1.9; }

/* EDITOR'S NOTE */
.mov-editor { text-align: center; padding: 24px 8px 0 !important; }
.mov-editor-label { font-family: var(--wp--preset--font-family--latin); font-style: italic; font-size: 18px; letter-spacing: 0.06em; color: var(--mov-label); margin: 0; }
.mov-editor-text { font-family: var(--wp--preset--font-family--latin-mincho); font-weight: 600; font-size: 18px; line-height: 1.95; }
.mov-editor .wp-block-buttons { justify-content: center; }

/* The City（ブランドが生まれた街へ） */
.mov-city { text-align: center; }
.mov-city .wp-block-image img { width: 100%; aspect-ratio: 390 / 220; object-fit: cover; }
.mov-city-sub { font-size: 11px; color: var(--mov-sub); letter-spacing: 0.12em; margin: 0; }
.mov-city-title { font-family: var(--wp--preset--font-family--mincho); font-weight: 600; font-size: 18px; line-height: 1.6; margin: 6px auto 0 !important; }
.mov-city-title a { color: inherit; text-decoration: none; }

/* 参考にした情報 */
.entry-content h2:has(+ .article-sources) { font-family: var(--wp--preset--font-family--gothic); font-weight: 400; font-size: 12px; letter-spacing: 0.14em; color: var(--mov-label); border-top: 1px solid var(--mov-line); padding-top: 18px; margin-block-start: 3.2em !important; }
.article-sources { list-style: none; padding: 0 !important; font-size: 12px; line-height: 1.7; color: var(--mov-sub); margin-block-start: 8px !important; }
.article-sources li + li { margin-top: 4px; }
.article-sources a { color: var(--mov-sub); }
.mov-report { font-size: 11px; color: var(--mov-sub); margin-top: 8px; }
.mov-report a { color: var(--mov-sub); }

/* ---------- 記事の一覧 ---------- */
.mov-list .wp-block-post-template { display: flex; flex-direction: column; gap: 24px; }
.mov-card { display: flex !important; gap: 16px; align-items: center; }
.mov-card .wp-block-post-featured-image { flex: 0 0 96px; margin: 0; }
.mov-card .wp-block-post-featured-image img, .mov-card .mov-noimg { width: 96px; height: 120px; object-fit: cover; display: block; }
.mov-card .wp-block-post-featured-image:empty { background: #F1ECE4; width: 96px; height: 120px; }
.mov-card-body > * { margin: 0 !important; }
.mov-card-body > * + * { margin-top: 6px !important; }
.mov-card-label { font-size: 10px; letter-spacing: 0.16em; color: var(--mov-label); text-transform: uppercase; display: flex; gap: 6px; flex-wrap: wrap; }
.mov-card-label a { color: inherit; text-decoration: none; pointer-events: none; }
.mov-card-label .wp-block-post-terms__separator { display: none; }
.mov-card-label > * + *::before { content: "— "; }
.mov-card .wp-block-post-title { font-family: var(--wp--preset--font-family--latin-mincho); font-weight: 600; font-size: 16px; line-height: 1.6; }
.mov-card .wp-block-post-title a { text-decoration: none; color: var(--mov-ink); }

/* トップの特集 */
.mov-feature .wp-block-post-title { font-family: var(--wp--preset--font-family--latin-mincho); font-weight: 600; font-size: 24px; line-height: 1.65; text-align: center; }
.mov-feature .wp-block-post-title a { color: var(--mov-ink); text-decoration: none; }
.mov-feature .wp-block-post-excerpt { font-size: 14px; line-height: 1.9; color: var(--mov-sub); text-align: center; }
.mov-feature .wp-block-post-excerpt__more-link { display: none; }

/* テーマから探す */
.mov-themes a { display: flex; justify-content: space-between; padding: 16px 0; border-top: 1px solid var(--mov-line); color: var(--mov-ink); text-decoration: none; font-family: var(--wp--preset--font-family--mincho); font-weight: 500; font-size: 16px; }
.mov-themes a:last-child { border-bottom: 1px solid var(--mov-line); }
.mov-themes a::after { content: "→"; color: var(--mov-gold); }

/* 人気の記事 */
.mov-popular .wp-block-post-template { counter-reset: pop; display: flex; flex-direction: column; gap: 20px; }
.mov-popular .wp-block-post { counter-increment: pop; display: flex; gap: 18px; align-items: flex-start; }
.mov-popular .wp-block-post::before { content: counter(pop); flex: 0 0 24px; font-family: var(--wp--preset--font-family--latin); font-style: italic; font-size: 26px; line-height: 1; padding-top: 2px; color: var(--mov-gold); }
.mov-popular .wp-block-post-title { margin: 0 !important; font-family: var(--wp--preset--font-family--latin-mincho); font-weight: 600; font-size: 16px; line-height: 1.6; }
.mov-popular .wp-block-post-title a { color: var(--mov-ink); text-decoration: none; }

/* ---------- フッター ---------- */
.mov-footer { border-top: 1px solid var(--mov-line); text-align: center; color: var(--mov-sub); font-size: 12px; }
.mov-footer .wp-block-site-title { font-family: var(--wp--preset--font-family--latin); font-size: 16px; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase; margin: 0; }
.mov-footer .wp-block-site-title a { color: var(--mov-ink); text-decoration: none; }
.mov-footer-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 16px; }
.mov-footer-links a { color: var(--mov-sub); text-decoration: none; }
.mov-mark { width: 44px; height: 44px; margin: 0 auto; display: block; }

/* 固定ページ（運営方針など） */
.mov-page-title { font-family: var(--wp--preset--font-family--mincho); font-weight: 600; font-size: 24px; text-align: center; }

/* ---------- 調整（テスト表示のあと） ---------- */
.wp-site-blocks > * + * { margin-block-start: 0 !important; }
.mov-kicker, .mov-card-label { flex-wrap: wrap; }
.mov-kicker > *, .mov-card-label > * { margin: 0 !important; }
.mov-rule { margin: 4px auto !important; }
.mov-point-lead { text-align: center !important; }
.entry-content h2 + .mov-shop { margin-block-start: 14px !important; }
.entry-content h2 + .mov-faq { margin-block-start: 6px !important; }
.mov-shop + .mov-shop { margin-block-start: 0 !important; }
.mov-card .wp-block-post-featured-image a { display: block; }

/* ---------- お問い合わせフォーム（Contact Form 7） ---------- */
.wpcf7 form p { margin: 0 0 22px; }
.wpcf7 label { display: block; font-size: 14px; letter-spacing: 0.04em; color: var(--mov-ink); }
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 select, .wpcf7 textarea {
  display: block; width: 100%; box-sizing: border-box; margin-top: 8px; padding: 12px 14px;
  border: 1px solid var(--mov-line); border-radius: 0; background: #fff; color: var(--mov-ink);
  font: inherit; font-size: 16px; line-height: 1.6; appearance: none; -webkit-appearance: none; }
.wpcf7 select { background-image: linear-gradient(45deg, transparent 50%, var(--mov-gold) 50%), linear-gradient(135deg, var(--mov-gold) 50%, transparent 50%);
  background-position: calc(100% - 20px) 50%, calc(100% - 15px) 50%; background-size: 5px 5px; background-repeat: no-repeat; padding-right: 40px; }
.wpcf7 textarea { min-height: 180px; }
.wpcf7 input:focus, .wpcf7 select:focus, .wpcf7 textarea:focus { outline: none; border-color: var(--mov-gold); }
.wpcf7 .wpcf7-acceptance .wpcf7-list-item { margin: 0; font-size: 14px; }
.wpcf7 input[type="checkbox"] { accent-color: var(--mov-ink); width: 16px; height: 16px; vertical-align: -3px; margin-right: 6px; }
.wpcf7 input[type="submit"] { display: block; width: 100%; padding: 17px 24px; border: 0; border-radius: 0; background: var(--mov-ink); color: #fff;
  font: inherit; font-size: 14px; font-weight: 500; letter-spacing: 0.14em; cursor: pointer; }
.wpcf7 input[type="submit"]:disabled { background: #B9B2AA; cursor: not-allowed; }
.wpcf7 .wpcf7-spinner { display: block; margin: 10px auto 0; }
.wpcf7 .wpcf7-not-valid-tip { font-size: 12px; color: #8A4E44; margin-top: 6px; }
.wpcf7 form .wpcf7-response-output { margin: 16px 0 0; padding: 12px 14px; border: 1px solid var(--mov-line); font-size: 13px; }

/* 表（記事の中の比較表）：細い線と淡いベージュの見出しで、上品に。スマホでは横にスクロール */
.wp-block-table.mov-table { overflow-x: auto; margin: 1.6em 0; -webkit-overflow-scrolling: touch; }
.wp-block-table.mov-table table { border-collapse: collapse; width: 100%; min-width: 0; font-size: 13.5px; line-height: 1.65; border: 0; }
.wp-block-table.mov-table thead { border-bottom: 0; }
.wp-block-table.mov-table th,
.wp-block-table.mov-table td { border: 0; border-bottom: 1px solid #E5E5E5; padding: 11px 10px; text-align: left; vertical-align: top; color: #2B2724; }
.wp-block-table.mov-table thead th { background: #F5F5F3; font-weight: 500; color: #111111; border-bottom: 1px solid #111111; white-space: nowrap; }
.wp-block-table.mov-table tbody td:first-child { font-weight: 500; color: #1F1D1B; }

/* パソコンなど広い画面：一番上の写真が画面いっぱいの高さにならないよう、高さに上限をつける（スマホはこれまでどおり） */
@media (min-width: 782px) {
  .mov-hero-img img { aspect-ratio: auto; height: min(60vh, 540px); }
  .mov-front-hero img { height: min(70vh, 620px); }
  /* トップの The Journey の大きな写真も同じく高さに上限 */
  .wp-block-query.mov-city .wp-block-post-featured-image img { aspect-ratio: auto !important; height: min(60vh, 540px) !important; }
}
@media (min-width: 1240px) {
  .mov-hero-img, .wp-block-query.mov-city .wp-block-post-featured-image { max-width: 1200px; margin-left: auto !important; margin-right: auto !important; }
}

/* 0.1.6 タイトルを「見出し」と「添え書き」に分ける（「｜」の後ろを小さく） */
.mov-title-sub { display: block; margin-top: 0.55em; font-family: var(--wp--preset--font-family--gothic); font-weight: 400; font-size: 0.56em; line-height: 1.7; letter-spacing: 0.06em; color: var(--mov-sub, #5F554C); }
.mov-list .mov-title-sub, .mov-card .mov-title-sub, .mov-popular .mov-title-sub { font-size: 0.78em; margin-top: 0.35em; }
.mov-feature .mov-title-sub, .mov-city-title .mov-title-sub { font-size: 0.6em; }
/* 数字は英字の書体でも、高さのそろった形で（12星座・1570年などが沈まないように） */
body, h1, h2, h3, h4, .wp-block-post-title, .mov-city-title, .mov-editor-text { font-variant-numeric: lining-nums; font-feature-settings: "lnum" 1; }

/* =====================================================================
   0.2.0 モード誌スタイル（白と黒・英字はBodoni Moda・日本語はゴシック）
   ===================================================================== */
::selection { background: #E8E8E8; }
.mov-eyebrow { font-family: 'Bodoni Moda', serif; letter-spacing: 0.12em; color: #111; }
.mov-kicker { font-family: 'Bodoni Moda', serif; letter-spacing: 0.14em; color: #555; }
.mov-title-sub { color: #666; }
/* 見出しの太さはひかえめに */
h1, h2, h3, h4, .wp-block-post-title { font-weight: 500 !important; letter-spacing: 0.02em; }

/* ヘッダー：大きなロゴ → 黒い線 → メニュー・カテゴリー・検索 */
.mov-header { padding: 18px 0 0; }
.mov-brand { text-align: center; padding: 0 12px; }
.mov-header .wp-block-site-title { font-family: 'Bodoni Moda', serif; font-weight: 500; font-size: clamp(34px, 9vw, 64px); letter-spacing: -0.005em; text-transform: uppercase; line-height: 1.05; }
.mov-header .wp-block-site-tagline { font-size: 10px; letter-spacing: 0.2em; color: #666; margin-top: 8px; }
.mov-header-row { display: flex !important; align-items: center; justify-content: space-between; gap: 4px; margin-top: 14px; padding: 2px 8px; border-top: 1px solid #111; border-bottom: 1px solid #E5E5E5; }
.mov-header-row > * { margin: 0 !important; }
.mov-cats { flex: 1 1 auto; justify-content: center; gap: 16px; padding: 12px 4px; }
.mov-cats a { font-family: 'Zen Kaku Gothic New', sans-serif; font-weight: 700; font-size: 11px; letter-spacing: 0.08em; color: #111; border-bottom: 1px solid transparent; padding-bottom: 2px; }
.mov-cats a:hover, .mov-cats a[aria-current="page"] { border-bottom-color: #111; }

/* トップの表紙（最新の1本） */
.mov-front { padding: 0; }
.mov-cover { max-width: 720px; margin: 0 auto; padding: 16px 16px 0; }
.mov-cover .wp-block-post-featured-image { margin: 0; }
.mov-cover .wp-block-post-featured-image img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 50%; display: block; }
@media (min-width: 782px) { .mov-cover { max-width: 1080px; } .mov-cover .wp-block-post-featured-image img { aspect-ratio: 3 / 2; } }
.mov-cover-cat { margin: 18px 0 0 !important; text-align: center; font-family: 'Bodoni Moda', serif; font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; }
.mov-cover-cat a { color: #555; text-decoration: none; }
.mov-cover .wp-block-post-title { margin: 8px auto 0 !important; max-width: 600px; font-size: 21px; line-height: 1.6; }
.mov-cover .wp-block-post-title a, .mov-sec .wp-block-post-title a { color: #111; text-decoration: none; }

/* カテゴリーごとの棚 */
.mov-sec { padding: 64px 16px 0 !important; }
.mov-sec-head { border-top: 1px solid #111; padding-top: 16px; margin-bottom: 22px; text-align: center; }
.mov-sec-head a { color: #111; text-decoration: none; display: block; }
.mov-sec-en { display: block; font-family: 'Bodoni Moda', serif; font-style: italic; font-weight: 500; font-size: clamp(40px, 11vw, 64px); line-height: 1; letter-spacing: 0.005em; }
.mov-sec-ja { display: block; margin-top: 10px; font-size: 11px; letter-spacing: 0.14em; color: #666; }
.mov-sec-lead .wp-block-post-featured-image { margin: 0; }
.mov-sec-lead .wp-block-post-featured-image img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; }
.mov-sec-lead .wp-block-post-title { margin: 14px auto 0 !important; max-width: 560px; font-size: 19px; line-height: 1.6; }
.mov-sec-grid { margin-top: 30px !important; }
.mov-sec-grid .wp-block-post-template { gap: 26px 14px !important; }
.mov-sec-grid .wp-block-post-featured-image { margin: 0; }
.mov-sec-grid .wp-block-post-featured-image img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; display: block; }
.mov-sec-grid .wp-block-post-title { margin: 10px 0 0 !important; font-size: 14px; line-height: 1.6; }
.mov-sec-grid .mov-title-sub, .mov-sec-lead .mov-title-sub, .mov-cover .mov-title-sub { font-size: 0.72em; color: #666; }
@media (max-width: 599px) { .mov-sec-grid .wp-block-post-template { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }

/* テーマから探す（4つのマス） */
.mov-muse-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: #E5E5E5; border: 1px solid #E5E5E5; }
.mov-muse-grid a { background: #fff; padding: 22px 14px; display: flex; flex-direction: column; gap: 6px; font-size: 12px; color: #666; text-decoration: none; }
.mov-muse-grid a span { font-family: 'Bodoni Moda', serif; font-size: 22px; color: #111; }
.mov-muse-grid a:hover span { text-decoration: underline; text-underline-offset: 4px; }

/* フッター：黒地に白 */
.mov-footer { background: #111; border-top: 0; color: #CFCFCF; margin-top: 72px !important; }
.mov-footer .wp-block-site-title { font-family: 'Bodoni Moda', serif; font-size: 28px; letter-spacing: 0.01em; }
.mov-footer .wp-block-site-title a { color: #fff; }
.mov-footer p { color: #CFCFCF; }
.mov-footer-links a { color: #CFCFCF; }
.mov-footer .mov-mark g[fill="#1F1D1B"] { fill: #fff; }

/* 記事ページ：色を白黒にそろえる */
.mov-point, .mov-shop, .mov-faq { border-color: #E5E5E5 !important; }


/* 0.2.2 フォントは2つの太さだけ（軽くする）。600・700の指定は500にそろえる */
.mov-point-lead, .mov-faq h3, .mov-editor-text, .mov-city-title, .mov-card .wp-block-post-title, .mov-feature .wp-block-post-title, .mov-popular .wp-block-post-title, .mov-page-title, .mov-shop-name { font-weight: 500 !important; }
.mov-cats a { font-weight: 500; letter-spacing: 0.1em; }

/* Editor's Picks：番号つきの3本 */
.mov-picks .mov-sec-en { font-size: clamp(34px, 9vw, 52px); }
.mov-picks-list .wp-block-post-template { counter-reset: pick; display: flex; flex-direction: column; gap: 0; margin: 0; padding: 0; }
.mov-picks-list .wp-block-post { counter-increment: pick; display: grid; grid-template-columns: 28px 96px 1fr; gap: 14px; align-items: center; padding: 16px 0; border-bottom: 1px solid #E5E5E5; }
.mov-picks-list .wp-block-post:first-child { border-top: 1px solid #E5E5E5; }
.mov-picks-list .wp-block-post::before { content: counter(pick, decimal-leading-zero); font-family: 'Bodoni Moda', serif; font-style: italic; font-size: 22px; color: #111; }
.mov-picks-list .wp-block-post-featured-image { margin: 0; }
.mov-picks-list .wp-block-post-featured-image img { width: 96px; height: 120px; object-fit: cover; display: block; }
.mov-picks-body > * { margin: 0 !important; }
.mov-picks-cat { font-family: 'Bodoni Moda', serif; font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; }
.mov-picks-cat a { color: #555; text-decoration: none; pointer-events: none; }
.mov-picks-list .wp-block-post-title { margin-top: 6px !important; font-size: 15px; line-height: 1.6; }
.mov-picks-list .wp-block-post-title a { color: #111; text-decoration: none; }
.mov-picks-list .mov-title-sub { font-size: 0.78em; }

/* 商品カード（ポチップ）：白黒にそろえる */
.pochipp-box { border: 1px solid #E5E5E5 !important; border-radius: 0 !important; box-shadow: none !important; background: #fff !important; }
.pochipp-box__title, .pochipp-box__title a { color: #111 !important; font-weight: 500 !important; }
.pochipp-box__btn, .pochipp-box__btns .pochipp-box__btn { border-radius: 0 !important; background: #111 !important; color: #fff !important; box-shadow: none !important; letter-spacing: 0.08em; }
.pochipp-box__btn:hover { background: #333 !important; }

/* 0.2.5 Pinterest の保存・フォロー */
.mov-pin{margin:56px 0 0;padding:28px 20px;border-top:1px solid #111;border-bottom:1px solid #E5E5E5;text-align:center}
.mov-pin-lead{margin:0 0 16px;font-size:14px;color:#555}
.mov-pin-btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:0}
.mov-pin-btns a{display:inline-block;padding:12px 22px;font-size:13px;letter-spacing:.08em;text-decoration:none;border:1px solid #111}
.mov-pin-save{background:#111;color:#fff !important}
.mov-pin-follow{background:#fff;color:#111 !important}
.mov-pin-btns a:hover{opacity:.8}
.mov-footer-follow{text-align:center;margin:0;font-size:12px;letter-spacing:.08em}
.mov-footer-follow a{color:inherit;text-decoration:underline;text-underline-offset:3px}

/* 0.2.8（2026-10-24）表をスマホで横にはみ出させない。5列以上の表だけ横に動かす */
@media (max-width: 600px) {
  .wp-block-table.mov-table table { font-size: 12.5px; line-height: 1.6; }
  .wp-block-table.mov-table th, .wp-block-table.mov-table td { padding: 9px 6px; }
  .wp-block-table.mov-table thead th { white-space: normal; }
}
.wp-block-table.mov-table table:has(thead th:nth-child(5)) { min-width: 520px; }
/* 0.2.8 迷ったらこれ（Editor's Pick） */
.mov-pick { background: #F5F5F3; padding: 24px 20px !important; margin: 2em 0 !important; }
.mov-pick > * { margin: 0 !important; }
.mov-pick > * + * { margin-block-start: 12px !important; }
.mov-pick-label { font-family: 'Bodoni Moda', serif; font-style: italic; font-size: 14px; letter-spacing: 0.08em; color: #555555; }
.mov-pick-lead { font-size: 18px; font-weight: 500; line-height: 1.6; color: #111111; }
.mov-pick ul { padding-left: 1.2em !important; font-size: 14.5px; line-height: 1.8; }
.mov-pick-text { font-size: 14px; line-height: 1.8; color: #444444; }
.mov-pick .wp-block-buttons { margin-top: 16px !important; }

/* 0.2.9（2026年10月24日）記事の最後の「この記事について」 */
.mov-about{margin:56px 0 0;padding:24px 0 0;border-top:1px solid #111;font-size:13px;line-height:1.85;color:#555}
.mov-about-title{margin:0 0 10px;font-size:11px;letter-spacing:.18em;color:#111;text-transform:uppercase}
.mov-about p{margin:0 0 10px}
.mov-about-links{margin:14px 0 0 !important;font-size:12px}
.mov-about-links a{color:#111;margin-right:18px}
.mov-about + .mov-pin{margin-top:32px}
/* 表の中の商品名のリンク */
.wp-block-table.mov-table td a{color:#111;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}

/* 0.3.0（2026年10月24日）記事タイトルを言葉の途中で改行しない（<wbr> の位置で改行。入りきらないときだけ途中で折る） */
.wp-block-post-title, .wp-block-post-title a, .mov-title-sub { word-break: keep-all; overflow-wrap: anywhere; line-break: strict; }
/* ポチップの商品カードの右下のロゴを出さない */
.pochipp-box__logo { display: none !important; }

/* 0.3.1（2026年10月24日）記事のはじめの「最近の更新」 */
.mov-updates{margin:0 0 2.2em;padding:14px 16px;border:1px solid #e3ded6;font-size:13px;line-height:1.8;color:#555}
.mov-updates-title{margin:0 0 6px !important;font-size:11px;letter-spacing:.18em;color:#111}
.mov-updates ul{margin:0 !important;padding:0 !important;list-style:none}
.mov-updates li{margin:0;padding-left:6.2em;text-indent:-6.2em}
.mov-updates-date{display:inline-block;width:6.2em;text-indent:0;color:#111;font-variant-numeric:tabular-nums}

/* 0.3.3（2026年10月24日）トップの紹介文・おすすめの理由 */
.mov-intro{max-width:560px;margin:40px auto 0;padding:0 24px 8px;text-align:center}
.mov-intro-lead{margin:0 0 12px;font-family:"Shippori Mincho",serif;font-size:17px;line-height:1.9;color:#1F1D1B}
.mov-intro-lead span{display:inline-block}
.mov-intro-text{margin:0 0 14px;font-size:14px;line-height:1.9;color:#5F554C}
.mov-intro-link{font-size:12px;letter-spacing:.12em;color:#1F1D1B;text-decoration:underline;text-underline-offset:4px}
.mov-picks-lead{margin:-6px 0 18px;text-align:center;font-size:13px;line-height:1.8;color:#5F554C}
.mov-picks-why{margin:6px 0 0 !important;font-size:13px;line-height:1.7;color:#5F554C}
.mov-picks-why:empty{display:none}
.mov-picks-why::before{content:"選んだ理由　";color:#6E5528;font-size:11px;letter-spacing:.12em}

/* 0.3.6（2026年10月24日）カテゴリーページの説明 */
.mov-term-desc{max-width:520px;margin:-8px auto 8px !important;font-size:14px;line-height:1.9;color:#5F554C}
.mov-term-desc p{margin:0}

/* 0.3.7〜0.3.9（2026年10月24日）表の1列目（街・ブランドなどの名前）は、言葉の途中で折らない */
.wp-block-table td:first-child{word-break:keep-all;overflow-wrap:break-word;line-break:strict}

/* 0.4.1（2026年10月24日）更新の記録：すべて見る・訂正の印・記録のページ */
.mov-updates-more{margin:6px 0 0}
.mov-updates-more summary{cursor:pointer;font-size:12px;color:#6E5528;letter-spacing:.06em}
.mov-updates-more ul{margin:6px 0 0 !important}
.mov-updates-log{margin:8px 0 0 !important;font-size:12px}
.mov-updates-log a{color:#6E5528;text-decoration:underline;text-underline-offset:3px}
.mov-updates-tag{display:inline-block;margin-right:6px;padding:0 6px;border:1px solid #9B3B2E;color:#9B3B2E;font-size:11px;line-height:1.6;text-indent:0}
.mov-log-count{font-size:13px;color:#5F554C}
.mov-log-month{margin:2em 0 .6em !important;font-size:15px !important;letter-spacing:.08em}
.mov-log-list{margin:0 !important;padding:0 !important;list-style:none;font-size:14px;line-height:1.8}
.mov-log-list li{margin:0 0 .9em;padding-left:6.2em;text-indent:-6.2em}
.mov-log-list .mov-updates-date{display:inline-block;width:6.2em;text-indent:0;color:#111;font-variant-numeric:tabular-nums}
.mov-log-post{color:#1F1D1B;font-weight:600}

/* 0.4.3（2026年10月24日）トップの編集長のおすすめを、コスメと旅行の2つの入口に */
.mov-path-head{margin:34px 0 14px;text-align:center}
.mov-path-head:first-of-type{margin-top:8px}
.mov-path-en{display:block;font-family:"Cormorant Garamond",serif;font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:#6E5528}
.mov-path-title{margin:4px 0 6px !important;font-family:"Shippori Mincho",serif;font-size:21px !important;font-weight:600;color:#1F1D1B}
.mov-path-lead{margin:0 !important;font-size:13px;line-height:1.8;color:#5F554C}
.mov-path-more{margin:10px 0 0 !important;text-align:right;font-size:13px}
.mov-path-more a{color:#1F1D1B;text-decoration:underline;text-underline-offset:4px}
.mov-picks .mov-picks-cat{display:none}

/* 0.4.7（2026年10月26日）スマホのメニュー：左右に余白、英語の名前＋日本語の小さな説明、細い線で区切る */
.wp-block-navigation__responsive-container.is-menu-open{padding:0 !important;background:#fff !important}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog{position:relative;padding:20px 28px 48px}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog::before{content:"MUSE OF VENUS";display:block;font-family:var(--wp--preset--font-family--latin);font-weight:500;font-size:16px;letter-spacing:.22em;line-height:24px;color:#111;padding:0 0 18px;border-bottom:1px solid #111}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close{top:20px;right:24px}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{padding-top:0 !important;display:block !important}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{display:block !important;width:100%;gap:0 !important}
.is-menu-open .mov-nav-main{display:block !important;width:100%;border-bottom:1px solid var(--mov-line)}
.is-menu-open .mov-nav-main > a{display:block !important;width:100%;padding:18px 0 16px !important;color:#111;text-decoration:none}
.is-menu-open .mov-nav-main .wp-block-navigation-item__label{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
.mov-nav-en{font-family:var(--wp--preset--font-family--latin);font-style:italic;font-size:30px;line-height:1.1;letter-spacing:.01em;color:#111}
.mov-nav-ja{font-size:12px;letter-spacing:.08em;line-height:1.6;color:var(--mov-sub);text-align:right}
.is-menu-open .mov-nav-sub{display:inline-block !important;margin:24px 22px 0 0}
.is-menu-open .mov-nav-sub > a{padding:0 !important;font-size:13px;letter-spacing:.06em;color:var(--mov-label);text-decoration:none}
.mov-nav-extra{display:none}
.is-menu-open .mov-nav-extra{display:block;margin-top:34px}
.mov-nav-search{display:flex;border-bottom:1px solid #111}
.mov-nav-search input{flex:1;min-width:0;border:0;padding:10px 0;font-size:16px;background:transparent;color:#111;outline-offset:4px}
.mov-nav-search button{border:0;background:none;padding:10px 0 10px 12px;font-size:13px;letter-spacing:.1em;color:#111;cursor:pointer}
.mov-nav-tagline{margin:30px 0 8px !important;font-size:12px;letter-spacing:.14em;color:var(--mov-sub);text-align:center}
.mov-nav-pin{display:block;text-align:center;font-family:var(--wp--preset--font-family--latin);font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:#111;text-decoration:underline;text-underline-offset:5px}

/* 0.4.8〜0.4.9（2026年10月26日）上のカテゴリーの英語の下に、小さな日本語を添える */
.mov-cats{gap:14px;align-items:flex-start}
.mov-cats a{display:flex;flex-direction:column;align-items:center}
.mov-cats-ja{display:block;margin-top:3px;font-family:var(--wp--preset--font-family--gothic);font-size:10px;letter-spacing:.04em;line-height:1.3;text-transform:none;color:var(--mov-sub);white-space:nowrap}
@media (max-width:420px){.mov-cats{gap:10px;padding-left:4px;padding-right:4px;justify-content:safe center}}
@media (max-width:380px){.mov-cats{gap:7px}.mov-cats a{letter-spacing:.1em}}

/* 0.4.10（2026年10月26日）見出しが言葉の途中で折り返さないように。カテゴリーの記事が1本だけのときは横長に */
h1,h2,h3,.wp-block-post-title,.wp-block-post-excerpt__excerpt,.mov-path-title{word-break:auto-phrase}
.has-text-align-center.wp-block-post-title,h1.wp-block-post-title,.mov-path-title,.mov-path-lead{text-wrap:balance}
.wp-block-post-title:not(.has-text-align-center){text-wrap:pretty}
.mov-sec-grid .wp-block-post-template>li:only-child{grid-column:1/-1;display:grid;grid-template-columns:45% 1fr;column-gap:16px;align-items:center}
.mov-sec-grid .wp-block-post-template>li:only-child>*{margin-top:0}

/* 0.4.11（2026年10月26日）確認した日のあとに更新日。記事のはじめの「最近の更新」は1件だけ見せて、残りはたたむ */
.mov-updated::before{content:"・";margin:0 .3em}

/* 0.4.12（2026年10月26日）記事のはじめの「最近の更新」：新しい1件を2行まで。開くと全文と一覧 */
.mov-updates .mov-updates-latest li{display:flex;padding-left:0;text-indent:0}
.mov-updates-latest .mov-updates-date{flex:0 0 6.2em}
.mov-updates-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mov-updates:has(.mov-updates-more[open]) .mov-updates-latest{display:none}

/* 0.4.13（2026年10月26日）記事の目次。上に黒い細線、項目の間は薄い線、番号は斜体の数字 */
html{scroll-behavior:smooth}
.entry-content h2[id]{scroll-margin-top:20px}
.mov-toc{margin-block-start:2.4em !important;padding:16px 0 6px;border-top:1px solid #111;border-bottom:1px solid var(--mov-line)}
.mov-toc-title{margin:0 0 6px !important;font-family:var(--wp--preset--font-family--latin);font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:#111}
.mov-toc-title span{margin-left:12px;font-family:var(--wp--preset--font-family--gothic);font-size:11px;letter-spacing:.12em;text-transform:none;color:var(--mov-sub)}
.mov-toc ol{margin:0 !important;padding:0 !important;list-style:none;counter-reset:mov-toc}
.mov-toc li{counter-increment:mov-toc;display:flex;align-items:baseline;gap:12px;margin:0 !important;padding:10px 0;border-top:1px solid var(--mov-line);font-size:14px;line-height:1.6}
.mov-toc li:first-child{border-top:0}
.mov-toc li::before{content:counter(mov-toc,decimal-leading-zero);flex:0 0 1.7em;font-family:var(--wp--preset--font-family--latin);font-style:italic;font-size:15px;color:#111}
.mov-toc a{color:#1F1D1B;text-decoration:none}
.mov-toc a{word-break:auto-phrase;text-wrap:pretty}

/* 0.4.15（2026年10月26日）お店へのボタンを、押しやすい細い枠のボタンに。目次の「Shop」 */
.mov-shop .is-style-mov-line,.mov-pick .is-style-mov-line{width:100%}
.mov-shop .is-style-mov-line .wp-block-button__link,.mov-pick .is-style-mov-line .wp-block-button__link{display:flex;justify-content:center;align-items:center;width:100%;box-sizing:border-box;padding:14px 16px !important;border:1px solid #111;background:#fff !important;font-size:14px;letter-spacing:.1em;transition:background .2s,color .2s}
.mov-shop .is-style-mov-line .wp-block-button__link:hover,.mov-pick .is-style-mov-line .wp-block-button__link:hover{background:#111 !important;color:#fff !important}
.mov-toc a{flex:1}
.mov-toc-shop{flex:0 0 auto;align-self:center;padding:1px 7px;border:1px solid var(--mov-line);font-family:var(--wp--preset--font-family--latin);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--mov-label)}

/* 0.5.x（2026-10-29）SNSアイコン（Instagram・Pinterest） */
.mov-social{display:flex;gap:26px;justify-content:center;align-items:center;margin:0}
.mov-social a{display:inline-flex;color:inherit;text-decoration:none;line-height:0;opacity:.9}
.mov-social a:hover{opacity:.65}
.mov-nav-social{margin:18px 0 0}
.mov-pin-btns a svg{width:15px;height:15px;vertical-align:-2px;margin-right:8px}