/* Theme Name: Astra Child (MSK-Design) Theme URI: https://msk-design.net/ Description: msk-design.net 用の Astra 子テーマ。デザインは mirai.gmsoku.com の子テーマ（astra-child 1.1.0）の style.css をそのまま使う。msk だけの指定は末尾に置く。 Author: ミライ｜MSK-Design Template: astra Version: 0.2.0 Text Domain: astra-child-msk */ /* Zen Kaku Gothic Antique は 400 しか読み込まれておらず、font-weight:700 が空振りしていた。 700 を追加。実測で線の量が48%増える（＝本物の太字になる）。 @import はスタイルシートの先頭でないと無効なので、ここに置く。 */ @import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique:wght@400;700&display=swap'); /* * Mirai article design template. * * 色を変えるときは、このファイルの末尾にある「色と見た目の設定」パネルを書き換える。 * CSSは後に書いたものが勝つので、下の :root より末尾のパネルが優先される。 * * ※ 2026-08-21、クライアント用のテーマ切替クラス * （mirai-theme-blue / red / orange / green）を削除した。 * functions.php が一度もこのクラスを付けておらず、完全に使われていなかった。 */ :root { --mirai-bg: #18151a; --mirai-panel: #221c28; --mirai-text: #cfc6da; --mirai-heading: #f2ecdf; --mirai-main: #b89be8; --mirai-sub: #9d84c9; --mirai-accent: #f2c16d; --mirai-line: #3a3244; --mirai-soft: #241f2c; --mirai-quote: #211c28; --mirai-link: var(--mirai-text); --mirai-link-line: #4a3f56; --mirai-link-hover-bg: #2a2332; --mirai-strong-line: #5c4a78; --mirai-quote-line: #4a3f2a; --mirai-muted: #9a8fa8; --mirai-shadow: rgba(0, 0, 0, .45); /* トップページの有料記事・無料記事セクション用 */ --mirai-bg-deep: #100d11; --mirai-panel-premium: #241a2a; --mirai-gold: #cda866; --mirai-gold-dim: #7c6640; --mirai-gold-line: rgba(205, 168, 102, .28); --mirai-gold-line-hover: rgba(205, 168, 102, .6); --mirai-ink-muted: #b6a9c2; --mirai-sheet: #211c27; /* 本文の列の背景。#222222 と同じ明るさで紫寄りに揃えた色 */ --mirai-free-line: rgba(184, 155, 232, .3); --mirai-free-line-soft: rgba(184, 155, 232, .15); --mirai-free-line-hover: rgba(184, 155, 232, .6); --mirai-font-display: "Hiragino Mincho ProN", "Yu Mincho", YuMincho, "Noto Serif JP", serif; --mirai-font-label: "Hiragino Kaku Gothic ProN", "Yu Gothic", YuGothic, "Noto Sans JP", sans-serif; --mirai-font-code: "SFMono-Regular", Menlo, Consolas, "Hiragino Kaku Gothic ProN", "Noto Sans JP", monospace; --mirai-content-start: 26px; } /* Astra本体のフッターバーが白いまま残るので、ページ全体と同じ墨色に揃える。 */ body .site-footer, body .site-primary-footer-wrap, body .site-below-footer-wrap, body .site-above-footer-wrap, body .ast-builder-grid-row-container, body .ast-footer-copyright { background: var(--mirai-bg) !important; color: var(--mirai-muted) !important; } body .site-below-footer-wrap { border-top: 1px solid var(--mirai-line) !important; } body .ast-footer-copyright a { color: var(--mirai-main) !important; } body { --limited-main: var(--mirai-main); --limited-sub: var(--mirai-sub); --limited-text: var(--mirai-text); --limited-heading: var(--mirai-heading); --limited-line: var(--mirai-line); --limited-bg: var(--mirai-bg); --limited-panel: var(--mirai-panel); --limited-muted: var(--mirai-muted); --limited-shadow: var(--mirai-shadow); background: var(--mirai-bg) !important; } body, body .entry-content { color: var(--mirai-text); } body h1.entry-title, body.single-post h1.entry-title, body.single-post .entry-title { box-sizing: border-box !important; color: var(--mirai-heading) !important; font-weight: 400 !important; line-height: 1.75 !important; max-width: 100% !important; overflow-wrap: anywhere !important; white-space: normal !important; word-break: normal !important; } body .entry-content { padding-left: var(--mirai-content-start); } body .entry-content p { margin: 0 0 2em; } body .entry-content h2, body .entry-content h2.wp-block-heading, body.page .entry-content h2, body.single-post .entry-content h2, body .entry-content h3, body .entry-content h3.wp-block-heading, body.page .entry-content h3, body.single-post .entry-content h3, body .entry-content h4, body .entry-content h4.wp-block-heading, body.page .entry-content h4, body.single-post .entry-content h4 { color: var(--mirai-heading) !important; font-weight: 400 !important; letter-spacing: 0.04em !important; } body .entry-content h2, body .entry-content h2.wp-block-heading, body.page .entry-content h2, body.single-post .entry-content h2 { background: var(--mirai-soft) !important; border: 1px solid var(--mirai-line) !important; border-radius: 6px !important; box-shadow: inset 5px 0 0 var(--mirai-main) !important; font-size: 1.42em !important; line-height: 1.7 !important; margin: 3.2em 0 1.35em calc(var(--mirai-content-start) * -1) !important; padding: 0.72em 0.9em 0.72em var(--mirai-content-start) !important; } body .entry-content h3, body .entry-content h3.wp-block-heading, body.page .entry-content h3, body.single-post .entry-content h3 { background: transparent !important; border: 0 !important; font-size: 1.22em !important; line-height: 1.75 !important; margin: 2.7em 0 1.15em !important; padding: 0 0 0.45em !important; position: relative; } body .entry-content h3::after, body .entry-content h3.wp-block-heading::after, body.page .entry-content h3::after, body.single-post .entry-content h3::after { background: linear-gradient(to right, var(--mirai-heading), transparent); bottom: 0; content: ""; height: 1px; left: 0; position: absolute; width: 100%; } body .entry-content h4, body .entry-content h4.wp-block-heading, body.page .entry-content h4, body.single-post .entry-content h4 { background: transparent !important; border: 0 !important; color: var(--mirai-link) !important; font-size: 1.08em !important; line-height: 1.75 !important; margin: 2.2em 0 1em !important; padding: 0.05em 0 !important; position: relative; } body .entry-content h4::before, body .entry-content h4.wp-block-heading::before, body.page .entry-content h4::before, body.single-post .entry-content h4::before { background: var(--mirai-main); border-radius: 999px; content: ""; height: 100%; left: calc(var(--mirai-content-start) * -1); position: absolute; top: 0; width: 3px; } body .entry-content a:not(.wp-block-button__link):not(.ez-toc-link):not(#ez-toc-container a):not(.mirai-all-category-posts__category):not(.mirai-keyword-cloud__link):not(.mirai-single-related__title):not(.mirai-single-related__thumb):not(.mirai-link-card):not(.mirai-card-link) { background-image: repeating-linear-gradient(to right, var(--mirai-link-line) 0 7px, transparent 7px 12px) !important; background-position: 0 100% !important; background-repeat: repeat-x !important; background-size: 12px 1px !important; border-bottom: 0 !important; color: var(--mirai-link) !important; font-weight: 400 !important; padding-bottom: 0.08em; text-decoration: none !important; } body .entry-content a:not(.wp-block-button__link):not(.ez-toc-link):not(#ez-toc-container a):not(.mirai-all-category-posts__category):not(.mirai-keyword-cloud__link):not(.mirai-single-related__title):not(.mirai-single-related__thumb):not(.mirai-link-card):not(.mirai-card-link):hover, body .entry-content a:not(.wp-block-button__link):not(.ez-toc-link):not(#ez-toc-container a):not(.mirai-all-category-posts__category):not(.mirai-keyword-cloud__link):not(.mirai-single-related__title):not(.mirai-single-related__thumb):not(.mirai-link-card):not(.mirai-card-link):focus { background: var(--mirai-link-hover-bg) !important; background-image: repeating-linear-gradient(to right, var(--mirai-link-line) 0 7px, transparent 7px 12px) !important; border-radius: 4px; color: var(--mirai-link) !important; } body .entry-content .mirai-category-menu a, body .entry-content .mirai-category-menu a:hover, body .entry-content .mirai-category-menu a:focus { background-image: none !important; padding-bottom: .42em; } body .entry-content .mirai-all-category-posts__category, body .mirai-all-category-posts__category, body .entry-content .mirai-all-category-posts__category:not(.wp-block-button__link):not(.ez-toc-link):not(#ez-toc-container a):not(.mirai-single-related__title):not(.mirai-single-related__thumb), body .entry-content .mirai-all-category-posts__category:hover, body .entry-content .mirai-all-category-posts__category:focus, body .mirai-all-category-posts__category:hover, body .mirai-all-category-posts__category:focus, body .entry-content .mirai-all-category-posts__category:not(.wp-block-button__link):not(.ez-toc-link):not(#ez-toc-container a):not(.mirai-single-related__title):not(.mirai-single-related__thumb):hover, body .entry-content .mirai-all-category-posts__category:not(.wp-block-button__link):not(.ez-toc-link):not(#ez-toc-container a):not(.mirai-single-related__title):not(.mirai-single-related__thumb):focus { align-items: center !important; background-image: none !important; border-bottom: 0 !important; display: inline-flex !important; justify-content: center !important; line-height: 1.1 !important; min-height: 42px !important; padding: 0 1.2em !important; text-decoration: none !important; } body .entry-content .mirai-all-category-posts__item a, body .mirai-all-category-posts__item a, body .entry-content .mirai-all-category-posts__item a:not(.wp-block-button__link):not(.ez-toc-link):not(#ez-toc-container a):not(.mirai-single-related__title):not(.mirai-single-related__thumb), body .entry-content .mirai-single-related__title, body .mirai-single-related__title, body .entry-content .mirai-single-related__title:not(.wp-block-button__link):not(.ez-toc-link):not(#ez-toc-container a):not(.mirai-single-related__thumb) { background-image: none !important; border-bottom: 1px dotted var(--mirai-line, #3a3244) !important; color: var(--mirai-text) !important; text-decoration: none !important; } body .entry-content .mirai-all-category-posts__item a:hover, body .entry-content .mirai-all-category-posts__item a:focus, body .mirai-all-category-posts__item a:hover, body .mirai-all-category-posts__item a:focus, body .entry-content .mirai-all-category-posts__item a:not(.wp-block-button__link):not(.ez-toc-link):not(#ez-toc-container a):not(.mirai-single-related__title):not(.mirai-single-related__thumb):hover, body .entry-content .mirai-all-category-posts__item a:not(.wp-block-button__link):not(.ez-toc-link):not(#ez-toc-container a):not(.mirai-single-related__title):not(.mirai-single-related__thumb):focus, body .entry-content .mirai-single-related__title:hover, body .entry-content .mirai-single-related__title:focus, body .mirai-single-related__title:hover, body .mirai-single-related__title:focus, body .entry-content .mirai-single-related__title:not(.wp-block-button__link):not(.ez-toc-link):not(#ez-toc-container a):not(.mirai-single-related__thumb):hover, body .entry-content .mirai-single-related__title:not(.wp-block-button__link):not(.ez-toc-link):not(#ez-toc-container a):not(.mirai-single-related__thumb):focus { background: var(--mirai-link-hover-bg, #2a2332) !important; background-image: none !important; color: var(--mirai-text) !important; } body .mirai-link-card { align-items: center; background: var(--mirai-panel, #221c28); border: 1px solid var(--mirai-line, #3a3244); border-radius: 8px; color: var(--mirai-text, #cfc6da) !important; display: flex; gap: 14px; overflow: hidden; padding: 10px; } body .mirai-link-card:hover, body .mirai-link-card:focus { background: var(--mirai-soft, #241f2c) !important; } body .mirai-link-card__thumb { align-items: center; aspect-ratio: 1 / 1; background: var(--mirai-panel, #221c28); border-radius: 6px; display: flex; flex: 0 0 84px; justify-content: center; overflow: hidden; width: 84px; } body .mirai-link-card__thumb img { height: 100%; object-fit: cover; width: 100%; } body .mirai-link-card__thumb--empty { color: var(--mirai-main, #b89be8); font-size: 1.5rem; } body .mirai-link-card__body { display: flex; flex-direction: column; gap: 4px; min-width: 0; } body .mirai-link-card__title { color: var(--mirai-text, #cfc6da); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: .95rem; line-height: 1.5; overflow: hidden; } body .mirai-link-card__domain { color: var(--mirai-muted, #9a8fa8); font-size: .78rem; } body .entry-content #ez-toc-container a, body .entry-content #ez-toc-container .ez-toc-link { background: transparent !important; background-image: none !important; border-bottom: 1px solid var(--mirai-line) !important; color: var(--mirai-text) !important; display: block; font-weight: 400 !important; line-height: 1.6; padding: 0.28em 0 !important; text-decoration: none !important; } body .entry-content #ez-toc-container a:hover, body .entry-content #ez-toc-container a:focus, body .entry-content #ez-toc-container .ez-toc-link:hover, body .entry-content #ez-toc-container .ez-toc-link:focus { background: var(--mirai-soft) !important; border-radius: 4px; color: var(--mirai-link) !important; } body #secondary .ez-toc, body #secondary [id^="ezw_tco"], body #secondary .ez-toc-widget-container, body #secondary .widget.ez-toc { background: var(--mirai-panel, #221c28) !important; border: 0 !important; border-radius: 6px !important; box-shadow: none !important; box-sizing: border-box !important; color: var(--mirai-text) !important; max-height: none !important; overflow: visible !important; padding-left: 0 !important; padding-right: 0 !important; } body #secondary .widget-title, body #secondary .ez-toc-title, body #secondary .ez-toc-title-container { color: var(--mirai-text) !important; font-size: .95rem !important; font-weight: 400 !important; line-height: 1.6 !important; } body #secondary .ez-toc-list, body #secondary .ez-toc-list ul, body #secondary .ez-toc-list ol, body #secondary .ez-toc-list li { background: transparent !important; } body #secondary .ez-toc-list a, body #secondary .ez-toc-link, body #secondary .ez-toc-widget-container ul.ez-toc-list li a { background: transparent !important; background-image: none !important; border-bottom: 1px solid var(--mirai-line) !important; border-radius: 0 !important; box-sizing: border-box !important; color: var(--mirai-text) !important; display: block !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.6 !important; margin: 0 !important; padding: .34em 4px .34em 1.4em !important; position: relative !important; text-decoration: none !important; width: 100% !important; } body #secondary .mirai-sidebar-category-posts .mirai-all-category-posts__item a, body #secondary .mirai-all-category-posts__item a, body #secondary .mirai-sidebar-category-posts .mirai-all-category-posts__postmeta, body #secondary .mirai-all-category-posts__postmeta { box-sizing: border-box !important; padding-right: 10px !important; width: calc(100% - 30px) !important; } body #secondary .mirai-sidebar-category-posts .mirai-all-category-posts__item a .mirai-all-category-posts__title, body #secondary .mirai-sidebar-category-posts .mirai-all-category-posts__item a .mirai-all-category-posts__charcount, body #secondary .mirai-all-category-posts__item a .mirai-all-category-posts__title, body #secondary .mirai-all-category-posts__item a .mirai-all-category-posts__charcount { box-sizing: border-box !important; display: block !important; margin-left: 0 !important; width: 100% !important; } body #secondary .mirai-sidebar-category-posts .mirai-all-category-posts__item a .mirai-all-category-posts__charcount, body #secondary .mirai-all-category-posts__item a .mirai-all-category-posts__charcount { padding-right: 0 !important; text-align: right !important; } body .mirai-front-category-posts .mirai-all-category-posts__item { box-sizing: border-box !important; display: block !important; max-width: 100% !important; width: 100% !important; } body .mirai-front-category-posts .mirai-all-category-posts__item a, body .mirai-front-category-posts .mirai-all-category-posts__charcount, body .mirai-update-feed--front .mirai-all-category-posts__item a, body .mirai-update-feed--front .mirai-all-category-posts__charcount { background-image: none !important; box-sizing: border-box !important; display: block !important; max-width: 100% !important; padding: 0 !important; width: 100% !important; } body .mirai-front-category-posts .mirai-all-category-posts__title, body .mirai-front-category-posts .mirai-all-category-posts__charcount, body .mirai-update-feed--front .mirai-all-category-posts__title, body .mirai-update-feed--front .mirai-all-category-posts__charcount { display: block !important; margin-left: 0 !important; width: 100% !important; } body .mirai-front-category-posts .mirai-all-category-posts__charcount, body .mirai-update-feed--front .mirai-all-category-posts__charcount { text-align: right !important; } body .mirai-front-category-posts .mirai-all-category-posts__item a:hover, body .mirai-front-category-posts .mirai-all-category-posts__item a:focus, body .mirai-update-feed--front .mirai-all-category-posts__item a:hover, body .mirai-update-feed--front .mirai-all-category-posts__item a:focus { background: transparent !important; background-image: none !important; } body .entry-content .mirai-front-category-posts .mirai-all-category-posts__item a:not(.wp-block-button__link):not(.ez-toc-link):not(#ez-toc-container a):not(.mirai-all-category-posts__category):not(.mirai-single-related__title):not(.mirai-single-related__thumb), body .entry-content .mirai-front-category-posts .mirai-all-category-posts__item a:not(.wp-block-button__link):not(.ez-toc-link):not(#ez-toc-container a):not(.mirai-all-category-posts__category):not(.mirai-single-related__title):not(.mirai-single-related__thumb):hover, body .entry-content .mirai-front-category-posts .mirai-all-category-posts__item a:not(.wp-block-button__link):not(.ez-toc-link):not(#ez-toc-container a):not(.mirai-all-category-posts__category):not(.mirai-single-related__title):not(.mirai-single-related__thumb):focus, body .entry-content .mirai-update-feed--front .mirai-all-category-posts__item a:not(.wp-block-button__link):not(.ez-toc-link):not(#ez-toc-container a):not(.mirai-all-category-posts__category):not(.mirai-single-related__title):not(.mirai-single-related__thumb), body .entry-content .mirai-update-feed--front .mirai-all-category-posts__item a:not(.wp-block-button__link):not(.ez-toc-link):not(#ez-toc-container a):not(.mirai-all-category-posts__category):not(.mirai-single-related__title):not(.mirai-single-related__thumb):hover, body .entry-content .mirai-update-feed--front .mirai-all-category-posts__item a:not(.wp-block-button__link):not(.ez-toc-link):not(#ez-toc-container a):not(.mirai-all-category-posts__category):not(.mirai-single-related__title):not(.mirai-single-related__thumb):focus { background-image: none !important; } body .entry-content .mirai-keyword-cloud__link, body .mirai-keyword-cloud__link, body .entry-content .mirai-keyword-cloud__link:not(.wp-block-button__link):not(.ez-toc-link):not(#ez-toc-container a):not(.mirai-all-category-posts__category):not(.mirai-single-related__title):not(.mirai-single-related__thumb), body .entry-content .mirai-keyword-cloud__link:hover, body .entry-content .mirai-keyword-cloud__link:focus, body .mirai-keyword-cloud__link:hover, body .mirai-keyword-cloud__link:focus, body .entry-content .mirai-keyword-cloud__link:not(.wp-block-button__link):not(.ez-toc-link):not(#ez-toc-container a):not(.mirai-all-category-posts__category):not(.mirai-single-related__title):not(.mirai-single-related__thumb):hover, body .entry-content .mirai-keyword-cloud__link:not(.wp-block-button__link):not(.ez-toc-link):not(#ez-toc-container a):not(.mirai-all-category-posts__category):not(.mirai-single-related__title):not(.mirai-single-related__thumb):focus { background-image: none !important; text-decoration: none !important; } body #secondary .ez-toc-list a:hover, body #secondary .ez-toc-list a:focus, body #secondary .ez-toc-list a.active, body #secondary .ez-toc-list a.ez-toc-current, body #secondary .ez-toc-list a[aria-current], body #secondary .ez-toc-widget-container ul.ez-toc-list li a:hover, body #secondary .ez-toc-widget-container ul.ez-toc-list li a:focus, body #secondary .ez-toc-widget-container ul.ez-toc-list li.active > a, body #secondary .ez-toc-link:hover, body #secondary .ez-toc-link:focus, body #secondary .ez-toc-link.active, body #secondary .ez-toc-link.ez-toc-current, body #secondary .ez-toc-link[aria-current] { background: var(--mirai-soft) !important; color: var(--mirai-link) !important; } body #secondary .ez-toc-list a::before, body #secondary .ez-toc-link::before, body #secondary .ez-toc-widget-container ul.ez-toc-list li a::before, body #secondary .ez-toc-widget-container ul.ez-toc-list li a:hover::before, body #secondary .ez-toc-widget-container ul.ez-toc-list li a:focus::before, body #secondary .ez-toc-widget-container ul.ez-toc-list li.active > a::before { color: var(--mirai-text) !important; left: 0 !important; line-height: 1.6 !important; top: .34em !important; text-align: right !important; width: 1.3em !important; } body .mirai-mobile-menu-panel .mirai-mobile-toc-list a, body .mirai-mobile-menu-panel .ez-toc-link { background: var(--mirai-panel, #221c28) !important; border-bottom: 0 !important; color: var(--mirai-text) !important; padding: .5em 0 !important; } body .mirai-mobile-menu-panel .mirai-mobile-toc-list a:hover, body .mirai-mobile-menu-panel .mirai-mobile-toc-list a:focus, body .mirai-mobile-menu-panel .mirai-mobile-toc-list a.active, body .mirai-mobile-menu-panel .mirai-mobile-toc-list a.ez-toc-current, body .mirai-mobile-menu-panel .mirai-mobile-toc-list a[aria-current], body .mirai-mobile-menu-panel .ez-toc-link:hover, body .mirai-mobile-menu-panel .ez-toc-link:focus, body .mirai-mobile-menu-panel .ez-toc-link.active, body .mirai-mobile-menu-panel .ez-toc-link.ez-toc-current, body .mirai-mobile-menu-panel .ez-toc-link[aria-current] { background: var(--mirai-soft) !important; color: var(--mirai-link) !important; } body .entry-content strong, body .entry-content b { background: none !important; border-bottom: 0 !important; color: var(--mirai-text) !important; font-weight: 600 !important; padding: 0; } body .entry-content blockquote, body .entry-content .wp-block-quote { background: var(--mirai-quote) !important; border: 1px solid var(--mirai-quote-line) !important; border-left: 6px solid var(--mirai-accent) !important; border-radius: 6px !important; color: var(--mirai-text) !important; font-style: normal !important; margin: 2.3em 0 !important; padding: 1.05em 1.15em !important; } body .entry-content blockquote p, body .entry-content .wp-block-quote p { font-style: normal !important; margin-bottom: 0 !important; } body .entry-content ul:not(#ez-toc-container ul), body .entry-content ol, body .entry-content .wp-block-list { margin: 0 0 2em !important; padding-left: 1.25em !important; } body .entry-content li::marker { color: var(--mirai-sub); font-size: 1.15em; } body .entry-content li { margin: 0 0 0.65em; } @media (max-width: 544px) { body h1.entry-title, body.single-post h1.entry-title, body.single-post .entry-title { font-size: 1.32rem !important; line-height: 1.75 !important; overflow-wrap: anywhere !important; padding-right: 64px !important; word-break: normal !important; } body .entry-content h2, body .entry-content h2.wp-block-heading, body.page .entry-content h2, body.single-post .entry-content h2 { font-size: 1.28em !important; margin-top: 2.6em !important; padding: 0.68em 0.75em 0.68em var(--mirai-content-start) !important; } body .entry-content h3, body .entry-content h3.wp-block-heading, body.page .entry-content h3, body.single-post .entry-content h3 { font-size: 1.14em !important; } body .entry-content h4, body .entry-content h4.wp-block-heading, body.page .entry-content h4, body.single-post .entry-content h4 { font-size: 1.04em !important; } } /* =================================================================== * Mirai: カスタマイザーの「追加CSS」から移設（2026-08-21） * * 35,863文字・211ルールをそのまま移した。削っていない。 * * 経緯：一度は「どの要素にもマッチしないセレクタ220個」を削除したが、 * 判定に使ったページが6枚しかなく、目次・h4〜h6・箇条書き・引用・太字・ * アーカイブ・検索結果・404・サブメニュー・ブロックエディターが * どれも含まれていなかった。実際には生きている指定まで消していたので戻した。 * * 整理をやり直すときは、判定に使うページを大幅に増やすこと。 * 記録：11｜WordPress/02｜作業ログ/整理_基準値_20260821/ * * カスタマイザーの追加CSSは空のままにすること。両方に入れると二重になる。 * =================================================================== */ .ast-site-identity .ast-site-title { display: inline-block!important; } .ast-logo-img { max-width: 80px; margin-right: 10px; } .site-title a{ display: block !important; } .sidebar-main { font-size: 14px; } .widget_tag_cloud .tagcloud a { padding: .2em .4em; } #secondary li { line-height: 1.2em; } a.wp-block-latest-posts__post-title { font-weight: bold; line-height:1.5em; font-size: 0.9em; } ul.wp-block-latest-posts__list { margin: 0; } .wp-block-latest-posts__post-excerpt { margin-top: 6px!important; margin-bottom:16px!importan; } .Category li { margin-bottom: 2em; } .cat-links.badge a, .tags-links.badge a { display: inline-block; } h1.entry-title { border-bottom:1px dashed #d09a40; padding:0 0 10px 0; margin:0 0 20px 0; } #secondary h2 { font-size: 1.3em; } p.profile{ font-size:0.8em; } .cat-item a{ color:#333; border-bottom:1px dashed #d09a40; margin:0 0 20px 0; } .tagcloud a { font-size: 14px!important; } .main-navigation.ast-inline-flex { font-size: 14px; } a.ast-button { color: #fff; } .ast-separate-container .ast-blog-layout-5-grid .post-content{ font-size: 0.8em; line-height: 1.8em; letter-spacing: 0.1em; } .wp-block-latest-posts__post-excerpt { font-size: 0.9em; } #secondary li:last-child { margin-bottom: 20px; } ul.children { font-weight: normal; } .ast-builder-menu-1 .sub-menu, .ast-builder-menu-1 .inline-on-mobile .sub-menu { width: 200px !important; margin: 0 auto; text-align: center; padding: 0 10px; } .ast-builder-menu-1 .sub-menu li, .ast-builder-menu-1 .inline-on-mobile .sub-menu li{ padding:0 0 4px 0; } .main-header-menu .sub-menu { background:#f7e6ca6b; } .ast-builder-menu-1 .sub-menu li, .ast-builder-menu-1 .inline-on-mobile .sub-menu li { border-bottom: 1px solid #e6d3ab; margin: 6px auto 0; } .ast-builder-menu-1 .main-header-menu > .menu-item > .sub-menu, .ast-builder-menu-1 .main-header-menu > .menu-item > .astra-full-megamenu-wrapper { margin-top: 4px!important; } .ast-builder-menu-1 .menu-item > .menu-link { color: #d49723; } .ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item { line-height: 30px; padding: 0 10px 0 0; } .ast-archive-description p { font-size: 0.8em!important; line-height: 1.5em; } .ast-archive-description p { font-size: 0.8em!important; line-height: 1.5em; margin: 30px auto 0; } body.archive .ast-archive-description { background-color: #fcf7ec; border: 1px dashed #d09a40; } .wp-block-latest-posts > li > *, .wp-block-latest-posts:not(.is-grid) > li { margin-top: 12px; margin-bottom: 4px; } #ez-toc-container { padding: 10px 20px 20px 20px; } .ast-archive-entry-banner p{ font-size: 0.8em; } @media (min-width: 922px) { .ast-right-sidebar #secondary { padding-left: 30px; } } .ast-terms-link a { border-radius: 20px !important; padding: 4px 12px !important; font-weight: 500 !important; } .cat-links.badge a, .tags-links.badge a { border-radius: 20px !important; padding: 4px 12px !important; font-weight: 500 !important; } /* 記事一覧の各記事の間の隙間を広げる */ .ast-row article { margin-bottom: 100px !important; /* 記事と記事の上下の隙間（現在は40px程度が多いです） */ } /* サイドバーの各ブロック（ウィジェット）の間の隙間を広げる */ .secondary .widget { margin-bottom: 50px !important; /* ブロックごとの上下の隙間 */ } @media (max-width: 921px) { .ast-row article { margin-bottom: 40px !important; } .secondary .widget { margin-bottom: 40px !important; } } .entry-content h1 { color: #4a4a4a; /* 真っ黒すぎない優しいグレー */} .entry-content h2 { padding: 0.6em 0.5em 0.6em 0.8em; /* ほどよい余白 */ background: #f9f8f4; /* 落ち着いたオフホワイト */ font-size: 1.45em; color: #4a4a4a; /* 真っ黒すぎない優しいグレー */ line-height: 1.4; margin-bottom: 1.5em; margin-top: 2em; } .entry-content h2 { background: #f9f8f4 !important; color: #4a4a4a !important; border-top: none !important; border-right: none !important; border-bottom: none !important; padding: 0.5em 0.8em !important; font-size: 1.25em !important; line-height: 1.4 !important; margin: 1.8em 0 1em !important; position: relative !important; } .entry-content h2::after, .entry-content h2::before { display: none !important; } .entry-content h3 { background: none !important; border: none !important; color: #4a4a4a !important; padding: 0 0 0.3em 0 !important; font-size: 1.1em !important; line-height: 1.4 !important; margin: 1.6em 0 0.8em !important; } .entry-content h4 { background: none !important; border: none !important; padding: 0 0 0 0.6em !important; color: #5a5a5a !important; font-size: 1.05em !important; line-height: 1.4 !important; margin: 1.4em 0 0.8em !important; } .entry-content h5 { background: none !important; border: none !important; font-size: 1em !important; font-weight: bold !important; line-height: 1.4 !important; margin: 1.2em 0 0.6em !important; padding: 0 !important; } /* 1. カテゴリーエリア全体の空間づくり */ .ast-archive-entry-banner, .ast-archive-description, header.page-header { background-color: transparent !important; border: none !important; padding: 5em 1em 2em !important; margin: 0 auto 1.5em !important; text-align: center !important; display: block !important; max-width: 850px !important; } /* 2. タイトルの上に □□□ を配置 */ .ast-archive-entry-banner::before, .ast-archive-description::before, header.page-header::before { content: "□□□" !important; display: block !important; font-size: 10px !important; letter-spacing: 0.4em !important; margin-bottom: 0.8em !important; text-align: center !important; } /* 3. カテゴリータイトル本体（文字とリンク、線をまとめて緑に固定） */ .ast-archive-title, .page-title, .ast-archive-title a, .page-title a, h1.ast-archive-title, h1.page-title { font-size: 1.6em !important; font-weight: 500 !important; letter-spacing: 0.3em !important; display: inline-block !important; padding: 0.8em 0 !important; margin: 0 0 1em 0 !important; text-transform: none !important; text-decoration: none !important; /* リンクの下線を消す */ } /* 4. 説明文の調整（セージグリーンで統一） */ .ast-archive-description p, .page-header p { font-size: 0.85em !important; letter-spacing: 0.15em !important; line-height: 1.8 !important; margin: 0 auto !important; display: block !important; } /* === Codex design adjustments 2026-07-15 === */ /* WordPress全体の共通パーツ + 記事本文デザイン */ :root { --limited-main: var(--ast-global-color-0, #b89be8); --limited-sub: var(--ast-global-color-1, #f2b6d8); --limited-text: var(--ast-global-color-2, #44384d); --limited-heading: var(--ast-global-color-3, #2f2636); --limited-pale: var(--ast-global-color-4, #fff); --limited-line: var(--ast-global-color-5, #e7ddf8); --limited-content-left: max(20px, calc((100vw - 1200px) / 2 + 20px)); } body, body .entry-content { color: var(--limited-text); } body .site-title a, body .site-description, body .site-header a, body .main-header-menu .menu-link, body .ast-builder-menu-1 .menu-item > .menu-link, body .ast-breadcrumbs, body .ast-breadcrumbs a, body .breadcrumb-trail, body .breadcrumb-trail a, body .site-footer, body .site-footer a { color: var(--limited-text) !important; } body .site-title, body .site-title a { color: var(--limited-main) !important; font-size: 19px !important; font-weight: 600 !important; } body .wp-block-pages-list__item__link, body .wp-block-page-list a, body .entry-content .wp-block-latest-posts__post-title, body .entry-content .wp-block-categories a, body .entry-content .wp-block-archives a, body .skip-link { color: var(--limited-main) !important; } body input.adminbar-button { background: var(--limited-main) !important; border-color: var(--limited-main) !important; color: #fff !important; } body .site-header { border-bottom-color: var(--limited-line) !important; } body .custom-logo-link, body .site-logo-img { display: none !important; } body .site-branding, body .ast-site-identity { margin-top: 12px !important; margin-bottom: 12px !important; padding-top: 10px !important; padding-bottom: 10px !important; } @media (min-width: 922px) { body .site-above-header-wrap .site-header-above-section-center { justify-content: flex-start !important; } body .site-branding, body .ast-site-identity { margin-left: calc(var(--limited-content-left) - 35px) !important; margin-top: 8px !important; margin-bottom: 8px !important; padding-top: 6px !important; padding-bottom: 6px !important; } body #primary, body .content-area.primary { margin-top: 12px !important; } body .ast-header-breadcrumb .ast-container { margin-left: 0 !important; margin-right: 0 !important; max-width: none !important; padding-left: calc(var(--limited-content-left) - 20px) !important; padding-right: 20px !important; } } @media (max-width: 921px) { body .site-header-above-section-center { justify-content: flex-start !important; } body .site-branding, body .ast-site-identity { margin-left: 0 !important; } body .ast-header-breadcrumb .ast-container { padding-left: 0 !important; padding-right: 0 !important; } body .ast-header-breadcrumb { padding-top: 6px !important; padding-bottom: 8px !important; } body #primary, body .content-area.primary { margin-top: 24px !important; } } body .ast-primary-header-bar, body .main-header-bar { min-height: auto !important; } body .main-header-bar, body .ast-header-breadcrumb { border-color: #f3eefb !important; } body #primary, body .content-area.primary { border-right: 0 !important; } body #secondary, body .widget-area.secondary { border-left: 0 !important; } body .custom-logo { filter: hue-rotate(130deg) saturate(1.25) brightness(1.08); } body .ast-builder-social-element, body .ast-builder-social-element a { color: var(--limited-main) !important; } body .ast-builder-social-element svg, body .ast-builder-social-element svg path, body .ast-header-social-1-wrap svg, body .ast-header-social-1-wrap svg path { fill: var(--limited-main) !important; } body .menu-toggle, body .main-header-menu-toggle, body .ast-mobile-menu-trigger-fill { background: var(--limited-main) !important; border-color: var(--limited-main) !important; color: #fff !important; } body .menu-toggle .mobile-menu-toggle-icon, body .menu-toggle .mobile-menu-toggle-icon::before, body .menu-toggle .mobile-menu-toggle-icon::after { color: #fff !important; } body #ast-scroll-top, body .ast-scroll-top-icon, body .ast-scroll-to-top-right { background: var(--limited-main) !important; border-color: var(--limited-main) !important; color: #fff !important; } body #ast-scroll-top svg, body #ast-scroll-top svg path, body .ast-scroll-top-icon svg, body .ast-scroll-top-icon svg path { fill: #fff !important; } body nav, body .site-navigation { color: var(--limited-text) !important; } body .site-primary-footer-wrap { background: #fff !important; border-top-color: var(--limited-line) !important; } body .site-below-footer-wrap { background: var(--limited-pale) !important; border-top-color: var(--limited-line) !important; } body .ast-footer-copyright, body .ast-footer-copyright p { color: var(--limited-text) !important; } body h1.entry-title { color: var(--limited-text) !important; border-bottom: 1px solid var(--limited-line) !important; border-left: 0 !important; border-right-color: var(--limited-line) !important; border-top-color: var(--limited-line) !important; font-size: 28px !important; font-weight: 600 !important; letter-spacing: 0.04em !important; line-height: 1.45 !important; overflow-wrap: normal !important; padding: 0 0 8px 0; margin: 0 0 8px 0; position: relative; word-break: keep-all !important; } body h1.entry-title::before { content: none; } body .wp-post-image { border: 1px solid var(--limited-line); border-radius: 6px; } body.ast-single-post #main.site-main { display: flex; flex-direction: column; } body.ast-single-post #main.site-main > .ast-single-post-featured-section { order: 2; margin: 0 0 28px; } @media (min-width: 922px) { body h1.entry-title { margin-top: 24px; margin-bottom: 4px; } body.ast-single-post #main.site-main > .ast-single-post-featured-section { margin-top: 0; } } body.ast-single-post #main.site-main > article.ast-article-single { display: contents; } body.ast-single-post #main.site-main > article.ast-article-single > .entry-header { order: 1; } body.ast-single-post #main.site-main > article.ast-article-single > .entry-content { order: 3; } body .entry-content figcaption, body .entry-content .wp-caption-text, body .entry-content .wp-block-image figcaption { color: #62566c !important; font-size: 85% !important; line-height: 1.7 !important; margin: 10px 0 28px !important; text-align: center !important; } body .editor-styles-wrapper { color: var(--limited-text) !important; } body .editor-styles-wrapper .wp-block-post-title, body .editor-styles-wrapper .editor-post-title, body .editor-styles-wrapper .editor-post-title__input, body .editor-styles-wrapper h1, body .editor-styles-wrapper h1.wp-block-post-title, body .editor-styles-wrapper .wp-block-heading h1 { color: var(--limited-heading) !important; border-bottom: 1px solid var(--limited-line) !important; } body .entry-content #ez-toc-container { background: #fff; border: 1px solid var(--limited-line); border-radius: 6px; display: block !important; font-size: 85%; padding: 12px 14px 14px; margin: 0 0 30px !important; width: 100% !important; } body .entry-content #ez-toc-container::before { content: "目次"; display: block; color: var(--limited-text); font-weight: 700; line-height: 1.35; margin: 0 0 6px; padding: 0 0 7px; border-bottom: 1px solid var(--limited-line); } body .entry-content #ez-toc-container .ez-toc-title-container { display: none; } body .entry-content #ez-toc-container ul, body .entry-content #ez-toc-container li { margin-top: 0; margin-bottom: 0; } body .entry-content #ez-toc-container li { padding: 0; } body .entry-content #ez-toc-container li.ez-toc-heading-level-3 { display: none; } body .entry-content #ez-toc-container li a { display: block; color: var(--limited-text); line-height: 1.35; padding: 2px 0; border-bottom: 1px dotted var(--limited-line); } body .entry-content #ez-toc-container li a:hover { color: var(--limited-main); } body .entry-content #ez-toc-container ul ul { margin-left: 1em; padding-left: 0.7em; border-left: 2px solid var(--limited-line); } body .entry-content #ez-toc-container ul ul li a { padding-top: 2px; padding-bottom: 2px; color: #62566c; } body .entry-content h2, body .editor-styles-wrapper h2 { color: #3f334c !important; background: var(--limited-pale) !important; border-left: 12px solid #e58abc !important; border-bottom: 1px solid var(--limited-main) !important; font-size: 1.45em !important; font-weight: 700 !important; letter-spacing: 0.08em !important; padding: 12px 12px !important; margin-bottom: 28px !important; } body .entry-content p, body .entry-content ul:not(#ez-toc-container ul), body .entry-content ol, body .entry-content blockquote, body .entry-content .wp-block-list, body .entry-content .wp-block-quote { margin-left: 16px !important; } body .entry-content h3, body .editor-styles-wrapper h3 { color: #6f55a8 !important; border-left: 0 !important; border-bottom: 0 !important; font-size: 1.22em !important; font-weight: 700 !important; letter-spacing: 0.08em !important; padding-left: 30px !important; padding-bottom: 9px !important; position: relative; margin-bottom: 22px !important; } body .entry-content h3::after, body .editor-styles-wrapper h3::after { background: linear-gradient(to right, #6f55a8, transparent); bottom: 0; content: ""; height: 1px; left: 30px; position: absolute; right: 0; } body .entry-content h4, body .editor-styles-wrapper h4 { color: var(--limited-text) !important; border-left: 0 !important; border-bottom: 0 !important; font-size: 1.11em !important; font-weight: 700 !important; letter-spacing: 0.08em !important; padding-left: 30px !important; padding-bottom: 8px !important; position: relative; margin-bottom: 18px !important; } body .entry-content h4::before, body .editor-styles-wrapper h4::before { background: var(--limited-main); content: ""; height: calc(100% - 8px); left: 18px; position: absolute; top: 0; width: 3px; } body .entry-content h5, body .editor-styles-wrapper h5 { color: #62566c !important; border-left: 0 !important; border-bottom: 0 !important; font-size: 1em !important; font-weight: 700 !important; letter-spacing: 0.08em !important; padding-left: 30px !important; padding-bottom: 6px !important; position: relative; margin-bottom: 18px !important; } body .entry-content h5::after, body .editor-styles-wrapper h5::after { background: #d8c9f2; bottom: 0; content: ""; height: 1px; left: 30px; position: absolute; right: 0; } body .entry-content h6, body .editor-styles-wrapper h6 { color: #62566c !important; border-bottom: 1px dotted var(--limited-line) !important; letter-spacing: 0.08em !important; padding-left: 16px !important; padding-bottom: 8px !important; margin-top: 12px !important; margin-bottom: 24px !important; } @media (min-width: 922px) { body h1.entry-title { padding-left: 0; } body .entry-content h2, body .editor-styles-wrapper h2 { padding-left: 18px !important; padding-right: 18px !important; } body .entry-content p, body .entry-content ul:not(#ez-toc-container ul), body .entry-content ol, body .entry-content blockquote, body .entry-content .wp-block-list, body .entry-content .wp-block-quote { margin-left: 24px !important; } body .entry-content h3, body .editor-styles-wrapper h3 { padding-left: 30px !important; } body .entry-content h4, body .editor-styles-wrapper h4 { padding-left: 30px !important; } body .entry-content h5, body .editor-styles-wrapper h5 { padding-left: 30px !important; } body .entry-content h6, body .editor-styles-wrapper h6 { padding-left: 24px !important; } } body .entry-content a { color: var(--limited-main); } body .entry-content strong, body .entry-content b, body .editor-styles-wrapper strong, body .editor-styles-wrapper b { color: var(--limited-heading) !important; font-weight: 700 !important; } body #ez-toc-widget-container, body .ez-toc-widget-container { color: var(--limited-text); font-size: 85% !important; } body #ez-toc-widget-container .widget-title, body .ez-toc-widget-container .widget-title, body #ez-toc-widget-container .ez-toc-title-container, body .ez-toc-widget-container .ez-toc-title-container, body #ez-toc-widget-container .ez-toc-title-toggle, body .ez-toc-widget-container .ez-toc-title-toggle { color: var(--limited-text) !important; } body #ez-toc-widget-container a, body .ez-toc-widget-container a { color: var(--limited-text) !important; letter-spacing: 0 !important; line-height: 1.35; } body #ez-toc-widget-container li a::before, body .ez-toc-widget-container li a::before { color: var(--limited-main) !important; } body #ez-toc-widget-container li, body .ez-toc-widget-container li { list-style: none !important; margin-bottom: 3px !important; } body #ez-toc-widget-container li a, body .ez-toc-widget-container li a { display: block; letter-spacing: 0 !important; line-height: 1.35; margin-bottom: 0 !important; padding-left: 1.45em; position: relative; } body #ez-toc-widget-container ul, body .ez-toc-widget-container ul { margin-bottom: 0 !important; } body #ez-toc-widget-container ul ul, body .ez-toc-widget-container ul ul { margin-top: 3px !important; } body #ez-toc-widget-container li a::before, body .ez-toc-widget-container li a::before { left: 0; line-height: 1.35; position: absolute; text-align: right; top: 0; width: 1.1em; } body #ez-toc-widget-container li.ez-toc-heading-level-3, body .ez-toc-widget-container li.ez-toc-heading-level-3 { display: list-item !important; } body #ez-toc-widget-container li.ez-toc-heading-level-4, body .ez-toc-widget-container li.ez-toc-heading-level-4, body #ez-toc-widget-container li.ez-toc-heading-level-5, body .ez-toc-widget-container li.ez-toc-heading-level-5, body #ez-toc-widget-container li.ez-toc-heading-level-6, body .ez-toc-widget-container li.ez-toc-heading-level-6 { display: none !important; } @media (max-width: 544px) { body h1.entry-title { font-size: 19px !important; letter-spacing: 0.03em !important; padding-left: 0; margin-bottom: 12px; } body .entry-content p, body .entry-content ul:not(#ez-toc-container ul), body .entry-content ol, body .entry-content blockquote, body .entry-content .wp-block-list, body .entry-content .wp-block-quote { margin-left: 0 !important; } body .entry-content #ez-toc-container { padding: 12px; margin-bottom: 30px !important; } body .entry-content #ez-toc-container li a { line-height: 1.35; padding: 2px 0; } body .entry-content #ez-toc-container ul ul { margin-left: 0.8em; padding-left: 0.7em; } body .entry-content h2, body .editor-styles-wrapper h2 { padding: 11px 10px !important; margin-bottom: 26px !important; } body .entry-content h3, body .editor-styles-wrapper h3 { padding-left: 18px !important; margin-bottom: 22px !important; } body .entry-content h3::after, body .editor-styles-wrapper h3::after { left: 18px !important; } body .entry-content h4, body .editor-styles-wrapper h4 { padding-left: 18px !important; margin-bottom: 14px !important; } body .entry-content h4::before, body .editor-styles-wrapper h4::before { left: 8px !important; } body .entry-content h5, body .editor-styles-wrapper h5 { padding-left: 18px !important; margin-bottom: 18px !important; } body .entry-content h5::after, body .editor-styles-wrapper h5::after { left: 18px !important; } body .entry-content h6, body .editor-styles-wrapper h6 { padding-left: 18px !important; margin-top: 0 !important; margin-bottom: 16px !important; } } /* 関連記事をカテゴリーリンクと同じ見た目に統一 */ .ast-single-related-posts-container { background: #fff !important; border-top: 1px solid var(--limited-line) !important; border-bottom: 1px solid var(--limited-line) !important; margin-top: 36px !important; padding: 32px 0 !important; } .ast-related-posts-title-section, .ast-related-posts-title { display: none !important; } .ast-related-posts-wrapper { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 14px !important; } .ast-related-posts-wrapper .ast-related-post { width: auto !important; flex: 0 1 auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } .ast-related-posts-wrapper .ast-related-posts-inner-section, .ast-related-posts-wrapper .ast-related-post-content, .ast-related-posts-wrapper .related-entry-header, .ast-related-posts-wrapper .ast-related-post-title { margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } .ast-related-posts-wrapper .ast-related-post-title a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 220px !important; max-width: 100% !important; min-height: 41px !important; padding: .42em 1.45em !important; border: 1px solid var(--limited-main) !important; border-radius: 999px !important; background: var(--limited-main) !important; color: #fff !important; text-decoration: none !important; font-size: 1.05rem !important; font-weight: 600 !important; line-height: 1.35 !important; box-sizing: border-box !important; } .ast-related-posts-wrapper .ast-related-post-title a:hover, .ast-related-posts-wrapper .ast-related-post-title a:focus { background: #fff !important; border-color: var(--limited-main) !important; color: var(--limited-main) !important; } @media (max-width: 544px) { .ast-single-related-posts-container { padding: 24px 0 !important; } .ast-related-posts-wrapper { align-items: center !important; flex-direction: column !important; } .ast-related-posts-wrapper .ast-related-post, .ast-related-posts-wrapper .ast-related-post-title a { width: 100% !important; } } /* サイドバー目次の読みやすさ調整 */ #secondary .ez-toc-widget-container { background: transparent !important; border: 0 !important; border-radius: 0 !important; color: var(--limited-text) !important; font-size: 15px !important; line-height: 1.65 !important; margin: 0 0 30px !important; padding: 0 16px 0 0 !important; width: 100% !important; box-sizing: border-box !important; } #secondary .ez-toc-widget-container .ez-toc-title-container { border: 0 !important; margin: 0 0 14px !important; padding: 0 !important; } #secondary .ez-toc-widget-container .ez-toc-title { color: var(--limited-text) !important; display: inline !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.4 !important; } #secondary .ez-toc-widget-container .ez-toc-toggle, #secondary .ez-toc-widget-container .ez-toc-btn { font-size: 13px !important; } #secondary .ez-toc-widget-container nav, #secondary .ez-toc-widget-container ul.ez-toc-list, #secondary .ez-toc-widget-container ul.ez-toc-list ul { margin: 0 !important; padding: 0 !important; width: 100% !important; } #secondary .ez-toc-widget-container ul.ez-toc-list ul { margin: .34em 0 .9em 1.45em !important; width: auto !important; } #secondary .ez-toc-widget-container ul.ez-toc-list li, #secondary .ez-toc-widget-container ul.ez-toc-list li.active { background: transparent !important; list-style: none !important; margin: 0 0 .52em !important; padding: 0 !important; } #secondary .ez-toc-widget-container ul.ez-toc-list li a { border: 0 !important; border-radius: 4px !important; color: var(--limited-text) !important; display: block !important; font-size: inherit !important; font-weight: 400 !important; line-height: 1.65 !important; margin: 0 !important; padding: .08em .25em .24em 2.5em !important; position: relative !important; text-decoration: none !important; width: 100% !important; box-sizing: border-box !important; } #secondary .ez-toc-widget-container ul.ez-toc-list li a::before { background: transparent !important; border: 0 !important; color: var(--limited-text) !important; display: block !important; font-weight: 400 !important; left: 0 !important; margin: 0 !important; padding: 0 !important; position: absolute !important; text-align: right !important; top: .08em !important; width: 2em !important; } #secondary .ez-toc-widget-container ul.ez-toc-list-level-1 > li > a { border-bottom: 1px solid var(--limited-line) !important; font-weight: 400 !important; padding-bottom: .32em !important; } #secondary .ez-toc-widget-container ul.ez-toc-list-level-1 > li > ul a { border-bottom: 0 !important; color: rgba(68, 56, 77, .84) !important; font-size: .94em !important; font-weight: 400 !important; padding: .04em .2em .04em 0 !important; } #secondary .ez-toc-widget-container ul.ez-toc-list-level-1 > li > ul a::before { content: none !important; display: none !important; } #secondary .ez-toc-widget-container ul.ez-toc-list li.active > a { background: rgba(184, 155, 232, .22) !important; color: var(--limited-text) !important; } #secondary .ez-toc-widget-container ul.ez-toc-list li.active > a::before { color: var(--limited-text) !important; } #secondary .ez-toc-widget-container ul.ez-toc-list li a:hover, #secondary .ez-toc-widget-container ul.ez-toc-list li a:focus { background: var(--limited-main) !important; color: #fff !important; } #secondary .ez-toc-widget-container ul.ez-toc-list li a:hover::before, #secondary .ez-toc-widget-container ul.ez-toc-list li a:focus::before { color: #fff !important; } /* 全ページの最大横幅を1000pxに統一 */ .ast-container, .site-content .ast-container, .ast-separate-container .ast-article-single, .ast-separate-container .ast-archive-description, .ast-separate-container .ast-archive-entry-banner .ast-container, .ast-separate-container .ast-author-box, .ast-separate-container .ast-404-layout-1, .ast-separate-container .no-results, body.page .site-content > .ast-container, body.single-post .site-content > .ast-container, body.archive.category .site-content > .ast-container { max-width: 1000px !important; } @media (min-width: 922px) { body.ast-right-sidebar #primary, body.ast-left-sidebar #primary, body.ast-separate-container.ast-right-sidebar #primary, body.ast-separate-container.ast-left-sidebar #primary { width: 70% !important; } body.ast-right-sidebar #secondary, body.ast-left-sidebar #secondary, body.ast-separate-container.ast-right-sidebar #secondary, body.ast-separate-container.ast-left-sidebar #secondary { width: 30% !important; } } /* パンくずリストを本文幅に揃える */ body.archive.category .main-header-bar.ast-header-breadcrumb { display: none !important; } body.single-post .main-header-bar.ast-header-breadcrumb, body.page:not(.home) .main-header-bar.ast-header-breadcrumb { display: block !important; width: 100% !important; } body.single-post .main-header-bar.ast-header-breadcrumb .ast-container, body.page:not(.home) .main-header-bar.ast-header-breadcrumb .ast-container, body.single-post .ast-header-breadcrumb .ast-breadcrumbs-wrapper, body.page:not(.home) .ast-header-breadcrumb .ast-breadcrumbs-wrapper { max-width: 1000px !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; } body.single-post .main-header-bar.ast-header-breadcrumb .ast-container, body.page:not(.home) .main-header-bar.ast-header-breadcrumb .ast-container { padding-left: 20px !important; padding-right: 20px !important; } body.single-post .ast-header-breadcrumb .ast-breadcrumbs-wrapper, body.page:not(.home) .ast-header-breadcrumb .ast-breadcrumbs-wrapper { padding-left: 0 !important; padding-right: 0 !important; } /* カテゴリーページの説明幅と不要リンク調整 */ body.archive.category .ast-archive-entry-banner { max-width: 1000px !important; margin-left: auto !important; margin-right: auto !important; text-align: left !important; box-sizing: border-box !important; } body.archive.category .ast-archive-entry-banner .ast-container { max-width: 425px !important; margin-left: auto !important; margin-right: auto !important; text-align: left !important; box-sizing: border-box !important; } body.archive.category .ast-archive-entry-banner h1 { text-align: center !important; } body.archive.category .ast-archive-entry-banner p, body.archive.category .ast-archive-entry-banner .ast-archive-description { text-align: left !important; } body.archive.category .ast-archive-entry-banner .ast-container::before, body.archive.category .ast-archive-entry-banner .ast-archive-description::before { display: block !important; text-align: left !important; margin-left: 0 !important; margin-right: auto !important; } /* サイドバーの固定ページリンクを全ページで非表示 */ #secondary .wp-block-pages-list, #secondary .wp-block-page-list, #secondary .widget_pages, #secondary .wp-block-pages-list__item { display: none !important; } /* トップページの表示調整 */ body.home .main-header-bar.ast-header-breadcrumb { display: none !important; } body.home .entry-content > h2.wp-block-heading:first-of-type { display: none !important; } body.home .entry-content > a[href*="/category/"] { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 220px !important; min-height: 41px !important; margin: .38rem .42rem !important; padding: .42em 1.45em !important; border: 1px solid var(--limited-main) !important; border-radius: 999px !important; background: var(--limited-main) !important; color: #fff !important; text-decoration: none !important; font-size: 1.05rem !important; font-weight: 600 !important; line-height: 1.35 !important; box-sizing: border-box !important; white-space: nowrap !important; } body.home .entry-content > a[href$="/category/09/"] { margin-left: 128px !important; } body.home .entry-content > a[href*="/category/"]:hover, body.home .entry-content > a[href*="/category/"]:focus { background: #fff !important; border-color: var(--limited-main) !important; color: var(--limited-main) !important; } @media (max-width: 544px) { body.home .entry-content > a[href*="/category/"] { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } } /* 目次はH2まで表示 */ #ez-toc-container ul.ez-toc-list ul, .ez-toc-container ul.ez-toc-list ul, #secondary .ez-toc-widget-container ul.ez-toc-list ul { display: none !important; } /* === 2026-07-20: 記事一覧カード修正 === */ /* サムネイル画像は個別の枠線・角丸を外し、カード全体の非対称な角丸（意図的なデザイン）にそのまま任せる */ .ast-article-post .post-thumb-img-content .wp-post-image { border: none !important; border-radius: 0 !important; } /* 記事一覧・アーカイブのタイトル色を個別記事ページと統一する（紫ではなく本文と同じ濃いグレー） */ body .entry-title a { color: var(--limited-text) !important; } /* 記事一覧カード全体をクリック可能にする（タイトル・画像・カテゴリー・タグは個別にクリック可能なまま） */ .ast-article-post { position: relative; } .ast-article-post .mirai-archive-card-link { position: absolute; inset: 0; z-index: 1; background: transparent !important; -webkit-tap-highlight-color: transparent; outline: none; } .ast-article-post .mirai-archive-card-link:hover, .ast-article-post .mirai-archive-card-link:focus, .ast-article-post .mirai-archive-card-link:active, .ast-article-post .mirai-archive-card-link:visited { background: transparent !important; outline: none !important; } .ast-article-post .cat-links, .ast-article-post .tags-links, .ast-article-post .entry-title, .ast-article-post .ast-blog-featured-section { position: relative; z-index: 2; } /* 記事一覧カードの文字数表示（日付・updateと同じ並びで右揃え） */ .mirai-archive-sales-meta__charcount { color: #9a96a0; display: block; } /* === 2026-07-20: フッター・サイドの記事一覧の文字数を右揃えに === */ .mirai-sidebar-category-posts .mirai-all-category-posts__charcount, .mirai-footer-category-posts .mirai-all-category-posts__charcount, .mirai-mobile-menu-panel .mirai-all-category-posts__charcount { display: block; text-align: right; margin-left: 0; } /* =================================================================== * Mirai: functions.php の