1b:I[868422,["/_next/static/chunks/1dlft7ht-6kzk.js","/_next/static/chunks/3vkzaackgg_qg.js","/_next/static/chunks/1xt6zdl-o7wg3.js","/_next/static/chunks/2z5wb7vhdi3hf.js","/_next/static/chunks/3cmvik1zogxvy.js","/_next/static/chunks/2matreab0rub0.js"],"SiteProvider"] :HL["/styles/static.css","style"] :HL["/styles/notion.css","style"] :HL["/styles/super.css","style"] :HL["https://assets-v2.super.so/global/fonts/Noto_Sans_JP/noto-sans-jp-v42-latin_japanese-regular.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Noto_Sans_JP/noto-sans-jp-v42-latin_japanese-500.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Noto_Sans_JP/noto-sans-jp-v42-latin_japanese-700.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] 11:["$","style",null,{"dangerouslySetInnerHTML":{"__html":"html{font-size:16px}"}}] 12:[["$","link","/styles/static.css",{"rel":"stylesheet","href":"/styles/static.css","precedence":"default"}],["$","link","/styles/notion.css",{"rel":"stylesheet","href":"/styles/notion.css","precedence":"default"}],["$","link","/styles/super.css",{"rel":"stylesheet","href":"/styles/super.css","precedence":"default"}]] 13:["$","link","font-preload-Noto Sans JP-regular",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Noto_Sans_JP/noto-sans-jp-v42-latin_japanese-regular.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 14:["$","link","font-preload-Noto Sans JP-500",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Noto_Sans_JP/noto-sans-jp-v42-latin_japanese-500.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 15:["$","link","font-preload-Noto Sans JP-700",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Noto_Sans_JP/noto-sans-jp-v42-latin_japanese-700.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 16:["$","script","3",{"async":true,"src":"https://www.googletagmanager.com/gtag/js?id=G-0BFKXRDKVZ","children":null}] 17:["$","script","5",{"dangerouslySetInnerHTML":{"__html":"\n window.dataLayer = window.dataLayer || [];\n function gtag(){dataLayer.push(arguments);}\n gtag('js', new Date());\n\n gtag('config', 'G-0BFKXRDKVZ');\n"},"children":null}] 18:["$","script","9",{"dangerouslySetInnerHTML":{"__html":"(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\nnew Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\nj=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\n'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\n})(window,document,'script','dataLayer','GTM-W3CMMSP7');"},"children":null}] 19:["$","meta","13",{"name":"google-site-verification","content":"NL300fRiSWIXrQDZ7fny3NMaLxHEMYHYYE5sY087s3s","children":null}] 1c:T5d89,@charset "UTF-8"; /* ===================================================================== yamatea.jp カスタムCSS 1. 変数 2. レイアウト ─ ページ幅とナビ 3. トップページ ─ 2カラムの均等化 4. 個別ブロック ─ Running Log / Stadium Log / プロフィール 5. 本文の和文組み ─ 記事・ランニングログ・観戦ログ共通 6. 記事ページの見出し 7. 自己紹介ページ 8. フッター 9. ランニングログ ─ 冒頭サマリー 10. エスコン観戦ログ ─ 冒頭サマリー 11. 記事・記録ページの幅を統一 12. エスコン観戦ログ ─ Pick Up Games ===================================================================== */ /* ===================================================================== 1. 変数 ===================================================================== */ :root { --ink: #182C42; /* 基調の紺 */ --wide-content: 1080px; /* 全幅ページの本文幅 */ --log-content: 1200px; /* ログ一覧の本文幅 */ --header-cover-height: clamp(160px, 24vh, 260px); /* カバー画像の高さ */ } /* ===================================================================== 2. レイアウト ─ ページ幅・ナビ・ページ別の調整 ===================================================================== */ /* 全幅ページ（トップ・自己紹介・runlog・stadiumlog）の上限通常幅ページ（/blog・記事）は Super の Container width 900 のまま */ .notion-root.full-width { max-width: calc(var(--wide-content) + 192px); margin-inline: auto; } /* ランニングログ / 観戦ログの一覧ページ表が主役なので左右を詰めて横幅を使う（ヘッダーも本文に揃える） */ .page__runlog .notion-root, .page__stadiumlog .notion-root, .page__runlog .notion-header__content, .page__stadiumlog .notion-header__content { --padding-left: 48px; --padding-right: 48px; max-width: calc(var(--log-content) + 96px); margin-inline: auto; } /* ブログ一覧：ヘッダーが空（タイトルが空白・アイコンが白画像）なので隠す Super が display を !important で指定しているため打ち消しが必要 */ .page__blog .notion-header { display: none !important; } .page__blog .notion-root { padding-top: 40px; } /* 自己紹介：ヘッダーを本文と同じ幅・位置に揃える */ .page__introduction .notion-header__content { max-width: calc(var(--wide-content) + 192px); margin-inline: auto; } /* ナビの左右を本文と揃える（546px以下は Super が別処理するため除外） */ @media only screen and (min-width: 681px) { .super-navbar__content { max-width: var(--wide-content); padding-inline: 0; margin-inline: auto; } } /* ===================================================================== 3. トップページ ─ 2カラムの均等化 Notion に 7:9（0.4375 : 0.5625）で保存されている3ブロックが対象オススメ記事 / 仕事のこと、暮らしのこと / 少しずつ、積み重ねる記録 ===================================================================== */ @media only screen and (min-width: 681px) { .notion-column[style*="0.4375"], .notion-column[style*="0.5625"] { width: calc((100% - var(--column-spacing)) / 2) !important; } } /* 左右のボックスの高さを揃える */ .notion-column[style*="0.4375"], .notion-column[style*="0.5625"] { display: flex; flex-direction: column; } .notion-column[style*="0.4375"] > .notion-callout, .notion-column[style*="0.5625"] > .notion-callout { flex: 1; } /* アイコン未設定のページリンクに Super が差し込む既定アイコンを隠す設定済みのアイコンは、既定アイコンはインラインSVG なので区別できる */ .notion-page__icon:has(> svg) { display: none; } /* トップページ末尾：入れ子構造を保つためだけに置いているリンクを隠す */ .page__index a.notion-page[href="/blog"] { display: none; } /* ===================================================================== 4. 個別ブロック注意：#block- 指定です。Notion でブロックを作り直すと IDが変わって効かなくなります ===================================================================== */ /* --- Running Log：濃紺のカード --- */ #block-3d527501f94c80499cccd37c687a2d3e { background: var(--ink) !important; color: #ffffff !important; border: 1px solid var(--ink) !important; border-radius: 6px !important; padding: 28px 30px !important; } #block-3d527501f94c80499cccd37c687a2d3e * { color: #ffffff !important; } /* --- Stadium Log：薄い青灰色のカード --- */ #block-3d527501f94c802cb264c48113d5f3c2 { background: #eef3fa !important; color: #586878 !important; border: 1px solid #eef3fa !important; border-radius: 6px !important; padding: 28px 30px !important; } #block-3d527501f94c802cb264c48113d5f3c2 * { color: #586878 !important; } #block-3d527501f94c802cb264c48113d5f3c2 :is(h1, h2, h3, h4, h5, h6), #block-3d527501f94c802cb264c48113d5f3c2 :is(h1, h2, h3, h4, h5, h6) * { color: var(--ink) !important; } /* リンク：見出しと同じ紺。下線は文字色を薄めたもの */ #block-3d527501f94c802cb264c48113d5f3c2 a, #block-3d527501f94c802cb264c48113d5f3c2 a * { color: var(--ink) !important; } #block-3d527501f94c802cb264c48113d5f3c2 a { text-decoration: none !important; } #block-3d527501f94c802cb264c48113d5f3c2 a .notion-page__title { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; text-decoration-color: rgba(24, 44, 66, 0.45); } /* --- ヒーロー右：プロフィールの縦罫 --- */ #block-3d527501f94c809fb808f0c4187089a7 { background: transparent !important; border: 0 !important; border-left: 2px solid var(--ink) !important; border-radius: 0 !important; box-shadow: none !important; outline: none !important; padding: 4px 0 4px 24px !important; } #block-3d527501f94c809fb808f0c4187089a7 .notion-callout__content { background: transparent !important; border: 0 !important; box-shadow: none !important; } #block-3d527501f94c809fb808f0c4187089a7 .notion-callout__icon { display: none !important; } /* ===================================================================== 5. 本文の和文組み記事（/ylog/…）・ランニングログ・観戦ログの各ページ共通トップ・/blog の一覧には効かない ===================================================================== */ :is(.parent-page__ylog, .parent-page__runlog, .parent-page__stadiumlog) :is(.notion-text, .notion-list, .notion-bulleted-list, .notion-quote, .notion-toggle) { font-size: 1.0625rem; /* 17px */ line-height: 1.8; letter-spacing: 0.02em; } /* 段落の間（記事ページのみ） */ .parent-page__ylog .notion-text { margin-bottom: 0.95em; } /* callout の中は詰めたまま */ .parent-page__ylog .notion-callout .notion-text { margin-bottom: 0; line-height: 1.6; } /* ===================================================================== 6. 記事ページの見出し ===================================================================== */ .parent-page__ylog { --h2-size: 1.45rem; /* 約23px */ } /* 見出し共通（h1・h4 用の保険） */ .parent-page__ylog .notion-heading { line-height: 1.6; letter-spacing: 0.02em; } /* 見出し2：文字幅の下線つき */ .parent-page__ylog h2.notion-heading { font-size: var(--h2-size); font-weight: 700; line-height: 1.55; letter-spacing: 0.04em; margin: 1em 0 0.7em; padding: 0 2px 10px; /* 下の10pxが線までの距離 */ width: fit-content; /* 線を文字幅に合わせる */ border-bottom: 2px solid var(--ink); } /* 見出し3：下線なし */ .parent-page__ylog h3.notion-heading { font-size: 1.15rem; font-weight: 700; line-height: 1.6; letter-spacing: 0.03em; margin: 1.2em 0 0.9em; padding: 0 2px; } /* ===================================================================== 7. 自己紹介ページブロックID指定をやめ、すべてクラス指定にしています。 Notion でブロックを作り直してもCSSが壊れません。想定している見出しの階層見出し1 … 名前見出し2 … 大見出し（教育・研究のこと等）見出し3 … 中見出し見出し4 … 小ラベル／名前の下の肩書き ===================================================================== */ .page__introduction { --intro-content: 960px; /* 本文幅。変えるならここだけ */ --intro-photo: 300px; /* 顔写真の幅 */ --intro-sub: rgba(24, 44, 66, .62); /* 補足の文字色 */ --intro-rule: rgba(24, 44, 66, .14); /* 細い罫 */ } /* 空のカバー帯を消し、ナビバー分の余白をヘッダーに持たせる */ .page__introduction .notion-header__cover { display: none; } .page__introduction .notion-header { padding-top: 56px; } /* --- 7-1. 幅：ページタイトルを本文の左端に揃える --- */ .page__introduction .notion-root, .page__introduction .notion-header__content { max-width: calc(var(--intro-content) + 192px); margin-inline: auto; } /* --- 7-2. 本文の和文組み --- */ .page__introduction :is(.notion-text, .notion-list, .notion-bulleted-list, .notion-numbered-list, .notion-quote, .notion-toggle) { font-size: 1.0625rem; /* 17px */ line-height: 1.7; letter-spacing: 0.02em; } .page__introduction .notion-text { margin: 0.4em 0 0.8em; } .page__introduction .notion-root > ul { padding-left: 1.4em; } .page__introduction .notion-root > ul > li { line-height: 1.7; } .page__introduction .notion-text a { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.22em; overflow-wrap: anywhere; } .page__introduction a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; } /* --- 7-3. 名乗り（写真＋名前の2カラム） --- */ .page__introduction .notion-root > .notion-column-list:first-child { display: grid; grid-template-columns: var(--intro-photo) minmax(0, 1fr); gap: 48px; align-items: start; padding-top: 20px; } /* Notion側のカラム比率（inline style）を打ち消すため !important が必要 */ .page__introduction .notion-root > .notion-column-list:first-child > .notion-column { width: 100% !important; min-width: 0; padding: 0; margin-inline-start: 0; } /* 顔写真：Notion で指定された画像幅（width="240"）も打ち消す */ .page__introduction .notion-column .notion-image { width: 100% !important; max-width: var(--intro-photo); margin: 0; } .page__introduction .notion-column .notion-image > span { display: block; width: 100%; } .page__introduction .notion-column .notion-image img { width: 100% !important; height: auto !important; max-width: 100%; border-radius: 6px; } .page__introduction .notion-caption { font-size: 0.8125rem; line-height: 1.6; margin-top: 8px; color: var(--intro-sub); } /* 名前 */ .page__introduction h1.notion-heading { font-size: clamp(1.5rem, 2.4vw, 1.9rem); line-height: 1.5; margin: 0 0 16px; } /* 名前の下の肩書き（縦罫つき）。カラム内の見出し4はこれだけ */ .page__introduction .notion-column h4.notion-heading { font-size: 0.9375rem; font-weight: 500; line-height: 1.9; letter-spacing: 0.02em; margin: 0 0 20px; padding: 0 0 0 16px; border-left: 2px solid currentColor; } /* --- 7-4. 見出し --- */ .page__introduction .notion-heading { scroll-margin-top: 100px; } /* 大見出し：文字幅の下線 */ .page__introduction h2.notion-heading { font-size: 1.45rem; font-weight: 700; line-height: 1.55; letter-spacing: 0.04em; margin: 2.6em 0 1em; padding: 0 2px 10px; width: fit-content; border-bottom: 2px solid var(--ink); } /* 中見出し（研究／担当授業） */ .page__introduction h3.notion-heading { font-size: 1.15rem; font-weight: 700; line-height: 1.6; letter-spacing: 0.03em; margin: 1.5em 0 0.6em; padding: 0 2px; } /* 小ラベル（出身・学歴・ランニング・メール等） */ .page__introduction .notion-root > h4.notion-heading { font-size: 1rem; font-weight: 700; line-height: 1.7; letter-spacing: 0.06em; color: rgba(24, 44, 66, 0.78); margin: 1.35em 0 0.35em; padding: 0 2px; } /* --- 7-5. 担当授業のリスト（見出し3の直後のリストだけ） --- */ .page__introduction h3.notion-heading + ul { list-style: none; padding-left: 0; margin-left: 0; max-width: 560px; /* 区切り線の長さ */ } .page__introduction h3.notion-heading + ul > li { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--intro-rule); line-height: 1.7; } /* 科目名の下の開講情報（Super はこれを ul の直下に置きます） */ .page__introduction h3.notion-heading + ul > p { margin: 4px 0 14px; font-size: 0.875rem; line-height: 1.7; color: var(--intro-sub); } /* --- 7-6. 子ページへのリンクを資料カードに --- */ .page__introduction .notion-root a.notion-page { display: flex; align-items: center; gap: 12px; box-sizing: border-box; width: 100%; margin: 18px 0 28px; padding: 16px 20px; border: 1px solid var(--intro-rule); border-radius: 6px; text-decoration: none; transition: background-color 0.15s ease, border-color 0.15s ease; } .page__introduction .notion-root a.notion-page:hover { background: rgba(24, 44, 66, 0.05); border-color: rgba(24, 44, 66, 0.3); } .page__introduction .notion-root a.notion-page .notion-page__icon { flex-shrink: 0; } .page__introduction .notion-root a.notion-page .notion-page__title { min-width: 0; line-height: 1.7; overflow-wrap: anywhere; border-bottom: 0; text-decoration: none; } /* --- 7-7. スマートフォン --- */ @media only screen and (max-width: 700px) { .page__introduction { --intro-photo: 240px; } .page__introduction .notion-root > .notion-column-list:first-child { grid-template-columns: minmax(0, 1fr); gap: 24px; padding-top: 8px; } .page__introduction h2.notion-heading { font-size: 1.28rem; margin-top: 2.2em; } .page__introduction .notion-root a.notion-page { padding: 14px; } } /* ===================================================================== 8. フッター ===================================================================== */ .super-footer { padding-top: 36px; padding-bottom: 36px; } .super-footer__logo { margin-bottom: 16px; } .super-footer__icons { margin-bottom: 16px; } .super-footer__links { margin-bottom: 0; } /* 下端の無駄な32pxを削る */ /* ===================================================================== 9. ランニングログ ─ 冒頭サマリー先頭から「4カラムブロック → 段落2つ → 見出し → グラフ画像」の並びを前提にしています。順番を変えると効かなくなります ===================================================================== */ .page__runlog { --rl-line: rgba(24, 44, 66, .16); --rl-sub: rgba(24, 44, 66, .58); } /* --- 9-1. 4つの数字 --- */ .page__runlog .notion-root > .notion-column-list:first-of-type { --column-spacing: 0px; /* Super のカラム間隔を無効化 */ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; margin: 8px 0 0; background: var(--rl-line); border: 1px solid var(--rl-line); border-radius: 8px; overflow: hidden; } .page__runlog .notion-root > .notion-column-list:first-of-type > .notion-column { width: 100% !important; min-width: 0; margin-inline-start: 0 !important; /* これがないと32pxずれる */ margin-inline-end: 0 !important; padding: 16px 18px 14px; background: #ffffff; } /* ラベル（各カラムの1つ目の段落） */ .page__runlog .notion-root > .notion-column-list:first-of-type .notion-text:first-child { font-size: 0.6875rem; letter-spacing: 0.12em; line-height: 1.5; color: var(--rl-sub); margin: 0; } /* 数字（見出し2） */ .page__runlog .notion-root > .notion-column-list:first-of-type h2.notion-heading { font-size: 1.7rem; font-weight: 700; line-height: 1.15; letter-spacing: 0.01em; font-variant-numeric: tabular-nums; margin: 5px 0 3px; padding: 0; border: 0; width: auto; } /* 注記（各カラムの最後の段落） */ .page__runlog .notion-root > .notion-column-list:first-of-type .notion-text:not(:first-child) { font-size: 0.7188rem; line-height: 1.55; color: var(--rl-sub); margin: 0; } /* --- 9-2. 「サブ4まで、あと5分」（ページ内で最初の見出し2） --- */ .page__runlog .notion-root > h2.notion-heading:first-of-type { font-size: 1.75rem; font-weight: 700; line-height: 1.4; letter-spacing: 0.02em; margin: 36px 0 0; padding: 2px 0 2px 18px; border-left: 4px solid var(--ink); width: auto; } /* すぐ下の補足行。見出しの文字と左端を揃える */ .page__runlog .notion-root > h2.notion-heading + .notion-text { font-size: 0.8125rem; line-height: 1.6; color: var(--rl-sub); margin: 6px 0 38px; padding-left: 22px; } /* --- 9-3. 年間走行距離のグラフ（先頭の画像） --- */ .page__runlog .notion-root > .notion-image:first-of-type { width: 100% !important; max-width: 100%; margin: 0 0 8px; } .page__runlog .notion-root > .notion-image:first-of-type img { width: 100% !important; height: auto !important; } /* --- 9-4. スマートフォン --- */ @media only screen and (max-width: 700px) { .page__runlog .notion-root > .notion-column-list:first-of-type { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page__runlog .notion-root > .notion-column-list:first-of-type h2.notion-heading { font-size: 1.45rem; } .page__runlog .notion-root > .notion-column-list:first-of-type + .notion-text { font-size: 1.15rem; } } /* ===================================================================== 10. エスコン観戦ログ ─ 冒頭サマリー先頭から「4カラムブロック → 見出し2 → 段落 → グラフ画像」の並びを前提にしています ===================================================================== */ .page__stadiumlog { --sl-line: rgba(24, 44, 66, .16); --sl-sub: rgba(24, 44, 66, .58); } /* --- 10-1. 4つの数字 --- */ .page__stadiumlog .notion-root > .notion-column-list:first-of-type { --column-spacing: 0px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; margin: 8px 0 0; background: var(--sl-line); border: 1px solid var(--sl-line); border-radius: 8px; overflow: hidden; } .page__stadiumlog .notion-root > .notion-column-list:first-of-type > .notion-column { width: 100% !important; min-width: 0; margin-inline-start: 0 !important; margin-inline-end: 0 !important; padding: 16px 18px 14px; background: #ffffff; } .page__stadiumlog .notion-root > .notion-column-list:first-of-type .notion-text:first-child { font-size: 0.6875rem; letter-spacing: 0.12em; line-height: 1.5; color: var(--sl-sub); margin: 0; } .page__stadiumlog .notion-root > .notion-column-list:first-of-type h2.notion-heading { font-size: 1.7rem; font-weight: 700; line-height: 1.15; letter-spacing: 0.01em; font-variant-numeric: tabular-nums; margin: 5px 0 3px; padding: 0; border: 0; width: auto; } .page__stadiumlog .notion-root > .notion-column-list:first-of-type .notion-text:not(:first-child) { font-size: 0.7188rem; line-height: 1.55; color: var(--sl-sub); margin: 0; } /* 注記の中のリンク */ .page__stadiumlog .notion-root > .notion-column-list:first-of-type .notion-text a { color: var(--ink); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; text-decoration-color: rgba(24, 44, 66, 0.35); } .page__stadiumlog .notion-root > .notion-column-list:first-of-type .notion-text a:hover { text-decoration-color: var(--ink); } /* --- 10-2. 「私が球場に行くと…」（ページで最初の見出し2） --- */ .page__stadiumlog .notion-root > h2.notion-heading:first-of-type { font-size: 1.75rem; font-weight: 700; line-height: 1.4; letter-spacing: 0.02em; margin: 36px 0 0; padding: 2px 0 2px 18px; border-left: 4px solid var(--ink); width: auto; } .page__stadiumlog .notion-root > h2.notion-heading:first-of-type + .notion-text { font-size: 0.8125rem; line-height: 1.7; color: var(--sl-sub); margin: 6px 0 30px; padding-left: 22px; max-width: 46em; } /* --- 10-3. 対戦相手別のグラフ（先頭の画像） --- */ .page__stadiumlog .notion-root > .notion-image:first-of-type { width: 100% !important; max-width: 100%; margin: 0 0 8px; } .page__stadiumlog .notion-root > .notion-image:first-of-type img { width: 100% !important; height: auto !important; } /* --- 10-4. スマートフォン --- */ @media only screen and (max-width: 700px) { .page__stadiumlog .notion-root > .notion-column-list:first-of-type { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page__stadiumlog .notion-root > .notion-column-list:first-of-type h2.notion-heading { font-size: 1.45rem; } .page__stadiumlog .notion-root > h2.notion-heading:first-of-type { font-size: 1.3rem; } } /* ===================================================================== 11. 記事・記録ページの幅を統一 Notion の「左右の余白を縮小」の設定にかかわらず通常幅にする ===================================================================== */ .parent-page__ylog .notion-root, .parent-page__runlog .notion-root, .parent-page__stadiumlog .notion-root { max-width: var(--layout-max-width); } /* ===================================================================== 12. エスコン観戦ログ ─ Pick Up Games ギャラリービューのカード3枚。カードプレビューは「ページカバー」を想定 ===================================================================== */ /* セクション見出し（1つ目のh2＝言い切りの一行以外） */ .page__stadiumlog .notion-root > h2.notion-heading:not(:first-of-type) { font-size: 1.3rem; font-weight: 700; letter-spacing: 0.1em; line-height: 1.5; margin: 56px 0 0; padding: 14px 0 0; border-top: 2px solid var(--ink); border-left: 0; width: 100%; } .page__stadiumlog .notion-root > h2.notion-heading:not(:first-of-type) + .notion-text { font-size: 0.8125rem; line-height: 1.6; color: var(--sl-sub); margin: 4px 0 24px; } /* カードを3列に揃える */ .page__stadiumlog .notion-collection-gallery { --collection-card-cover-height-large: 180px; /* カバー写真の高さ */ --collection-card-gap: 20px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } .page__stadiumlog .notion-collection-card.gallery { width: 100% !important; margin: 0 !important; border: 1px solid var(--sl-line); border-radius: 10px; overflow: hidden; background: #ffffff; transition: border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease; } .page__stadiumlog .notion-collection-card.gallery:hover { border-color: rgba(24, 44, 66, 0.32); transform: translateY(-2px); box-shadow: 0 10px 24px -18px rgba(24, 44, 66, 0.7); } .page__stadiumlog .notion-collection-card.gallery .notion-property__title { font-size: 0.9375rem; font-weight: 700; line-height: 1.5; } /* --- 12-1. スマートフォン --- */ @media only screen and (max-width: 700px) { .page__stadiumlog .notion-collection-gallery { grid-template-columns: minmax(0, 1fr); } }1a:["$","body",null,{"children":[["$","$L1b",null,{"settings":{"siteId":"c1359779-151b-4004-a2f5-31c5be0683a1","userId":"6820f14f-762f-4fb3-ac0e-287b3a422326","domainName":"www.yamatea.jp","name":"Yamatea's Log","active":true,"free":false,"tier":"personal","favicon":"https://assets.super.so/c1359779-151b-4004-a2f5-31c5be0683a1/uploads/favicon/5954324b-edb1-45a1-b447-9b128b4123fb.png","fontFamily":"Inter","legacyTheme":null,"language":"ja","languages":[],"notionPage":"2e827501f94c80108c53f3f52204d4d6","indexPageId":"c1359779-151b-4004-a2f5-31c5be0683a1:::6ac37022-936b-47b1-9f11-0c06c648229c","pageProperties":true,"hidePageProperties":false,"disablePageProperties":false,"pageSyncing":true,"viewSwitcher":true,"layoutSidePanel":true,"floatingTableOfContents":false,"siteSearch":true,"advancedSearch":false,"themeToggle":true,"mondayFirst":false,"loadLimits":false,"hidePersonInfo":false,"showPropertyIcons":true,"filterRedirectsFromSearch":true,"googleAnalyticsId":"G-0BFKXRDKVZ","redirectSubdomain":null,"noIndex":false,"viewsExceeded":false,"pagesExceeded":false,"manualSync":false,"syncStatus":"unsynced","publishedAt":null,"custom404Enabled":false,"membershipEnabled":false,"membershipConfigured":false,"suppressLoginEmail":false,"indexMembershipTierIds":null,"navbar":{"type":"simple","style":{"height":56,"textColor":"var(--color-text-default)","backgroundColor":"var(--color-bg-default)","ctaTextColor":"var(--color-text-default)","ctaBackgroundColor":"var(--color-bg-default)","isSticky":true,"shadow":{"type":"none","color":"rgba(0,0,0,1)","opacity":12}},"links":[{"id":"7e8d1cfd-cd4a-4d51-8a3a-012815e6813c","type":"page","label":"自己紹介","link":"/introduction","pageId":"c1359779-151b-4004-a2f5-31c5be0683a1:::6f430391-7a6c-4075-8c30-241f0519ca0a","icon":"","list":[]},{"id":"7b51d6f1-5cda-44af-9740-3ea988afd79e","type":"page","label":"ブログ","link":"/blog","pageId":"c1359779-151b-4004-a2f5-31c5be0683a1:::c431e3d6-f079-4bbb-bea3-8e006f126272","icon":"","list":[]},{"id":"48f5cf59-bb2c-4969-aef5-356e2993fcdf","type":"page","label":"ランニングログ","link":"/runlog","pageId":"c1359779-151b-4004-a2f5-31c5be0683a1:::3c2d7c99-44ab-44ea-a7f2-90605a20b4fd","icon":"","list":[]},{"id":"04ce5744-6e13-47e3-99fa-fab4d2530f34","type":"page","label":"エスコン観戦ログ","link":"/stadiumlog","pageId":"c1359779-151b-4004-a2f5-31c5be0683a1:::ecdb4c8c-f6fd-4879-946b-6d7e5598979d","icon":"","list":[]}],"logo":{"type":"text","width":90,"fontSize":16,"textContent":"Yamatea's Log","imageContent":null,"imageContentDark":null,"disabled":false},"cta":{"type":"page","label":"","link":"","pageId":""},"isSticky":true,"breadcrumbs":false},"footer":{"type":"stack","style":{"textColor":"var(--color-text-default)","backgroundColor":"var(--color-bg-default)"},"links":[{"id":"ec1bbf7a-1264-4567-a1f6-877378533d78","type":"page","label":"自己紹介","link":"/introduction","pageId":"c1359779-151b-4004-a2f5-31c5be0683a1:::6f430391-7a6c-4075-8c30-241f0519ca0a","icon":"","description":"","list":[]},{"id":"46f455dd-03d5-4c06-9245-420e01d65ca4","type":"page","label":"ブログ","link":"/blog","pageId":"c1359779-151b-4004-a2f5-31c5be0683a1:::c431e3d6-f079-4bbb-bea3-8e006f126272","icon":"","description":"","list":[]},{"id":"a3f687c4-0b6c-485d-b5ba-ee6c21dddf00","type":"page","label":"ランニングログ","link":"/runlog","pageId":"c1359779-151b-4004-a2f5-31c5be0683a1:::3c2d7c99-44ab-44ea-a7f2-90605a20b4fd","icon":"","description":"","list":[]},{"id":"64ad3d3e-4218-4b92-b388-a9257df07a1b","type":"page","label":"エスコン観戦ログ","link":"/stadiumlog","pageId":"c1359779-151b-4004-a2f5-31c5be0683a1:::ecdb4c8c-f6fd-4879-946b-6d7e5598979d","icon":"","description":"","list":[]}],"logo":{"type":"text","width":90,"fontSize":16,"textContent":"Yamatea's Log","imageContent":null,"imageContentDark":null,"disabled":false},"socials":[{"type":"instagram","link":"https://www.instagram.com/yamateak/"},{"type":"twitter","link":"https://x.com/yamateak"}],"footnote":"","divider":false},"sidebar":{"enabled":false,"links":[],"cta":[],"logo":null,"searchEnabled":true},"theme":{"colorMode":"light","layout":{"paddingLayout":0.6,"layoutMaxWidth":900,"columnSpacing":32,"borderThicknessLayout":1,"borderTypeLayout":"solid","borderRadiiLayout":7,"pageDisplay":"flex"},"header":{"coverHeight":30,"titleAlign":"left","iconAlign":"-112px auto auto auto","display":"block"},"collectionCard":{"gap":20,"shadow":"rgba(15, 15, 15, 0.1) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 2px 4px","coverHeightLarge":200,"coverHeightMedium":200,"coverHeightSmall":128,"titleSize":1.001,"coverSizeSmall":172,"coverSizeMedium":260,"coverSizeLarge":320,"iconDisplay":"none"},"callout":{"iconDisplay":"none","shadow":"none"},"typography":{"primaryFont":"Noto Sans JP","secondaryFont":"Noto Sans JP","fonts":[],"baseSize":16,"titleSize":3.23,"headingSize":1.24,"quoteSize":1.2,"quoteSizeLarge":1.4,"textWeight":400,"headingWeight":600},"scrollbar":{"width":15},"navbar":{"height":56,"shadow":"none"},"footer":{"height":0},"sidebar":{"width":280,"shadow":"none"},"colors":{"light":{"text":"#182c42","textLight":"#7d7c78","background":"#ffffff","borderColor":"#E9E9E7","checkboxBackground":"#2EAADC","hoverBackground":"#bad2f8","scrollbar":{"background":"#FAFAFA","handle":"#C1C1C1","border":"#E8E8E8"},"navbar":{"text":"#37352F","background":"#ffffff","buttonText":"#ffffff","buttonBackground":"#37352F","hoverBackground":null},"footer":{"text":"#ffffff","background":"#182c42","buttonText":"#ffffff","buttonBackground":"#37352F"},"sidebar":{"text":"#37352F","ctaText":"#37352F","background":"#ffffff","hoverBackground":"#efefef","ctaBackground":"#ffffff","border":"#E9E9E7"},"database":{"cardBackground":"#ffffff","cardHoverBackground":"#f9f9f8","calendarWeekendBackground":"#f7f6f3"},"default":[45,8,20],"gray":[36,2,46],"brown":[19,31,47],"orange":[30,87,45],"yellow":[38,62,49],"green":[149,31,39],"blue":[202,53,43],"purple":[274,32,54],"pink":[328,48,53],"red":[2,62,55],"form":{"submitButton":{"default":"#55534E","gray":"#A7A39A","brown":"#9A6851","orange":"#D9730D","yellow":"#CA922F","green":"#448361","blue":"#327DA9","purple":"#8F64AF","pink":"#C24C8B","red":"#D44E49"}}},"dark":{"text":"#e1e1e1","textLight":"#9b9b9b","background":"#191919","borderColor":"#373737","checkboxBackground":"#2EAADC","hoverBackground":"#292929","scrollbar":{"background":"#FAFAFA","handle":"#C1C1C1","border":"#E8E8E8"},"navbar":{"text":"#e1e1e1","background":"#191919","buttonText":"#191919","buttonBackground":"#e1e1e1","hoverBackground":null},"footer":{"text":"#e1e1e1","background":"#191919","buttonText":"#191919","buttonBackground":"#e1e1e1"},"sidebar":{"text":"#e1e1e1","ctaText":"#e1e1e1","background":"#191919","hoverBackground":"#292929","ctaBackground":"#191919","border":"#373737"},"database":{"cardBackground":"#212121","cardHoverBackground":"#292929","calendarWeekendBackground":"#202020"},"form":{"submitButton":{"default":"#55534E","gray":"#A7A39A","brown":"#9A6851","orange":"#D9730D","yellow":"#CA922F","green":"#448361","blue":"#327DA9","purple":"#8F64AF","pink":"#C24C8B","red":"#D44E49"}},"default":[45,8,20],"gray":[0,0,61],"brown":[18,35,58],"orange":[25,54,53],"yellow":[38,54,54],"green":[146,32,47],"blue":[217,50,58],"purple":[270,55,62],"pink":[329,57,58],"red":[1,69,60]}}},"code":{"global":[{"id":"c1359779-151b-4004-a2f5-31c5be0683a1:::c577140a-751f-4d24-8c2f-ba1781534c9a","content":"\n\n\n\n\n\n\n\n"}],"head":[],"body":[{"id":"c1359779-151b-4004-a2f5-31c5be0683a1:::43e56328-1628-48f3-8245-5226fc8109f1","content":"\n\n"}],"style":[],"css":"$1c"},"files":[]},"config":{"assetEndpoint":"https://assets.super.so","isPreview":false},"domainQueryParam":"$undefined","children":["$L1d","$L1e","$L1f","$L20","$L21"]}],"$L22"]}]

仕上げのペースアップ