/* 実績一覧のアニメーション */
.works-item{
transition:background-color 0.3s ease-in-out;
}
a:hover .works-content{
color:#333;
}
/* ポートフォリオに飛ぶときの位置調整 */
:target {
scroll-margin-top: 150px;
}
/* ヘッダーのメニューを中央に配置 */
.logo-header{
display:none!important;
}
/* ==========================================================================
SUDEL / ライター中村藍 デザイン刷新 v2
方針：上品・知的。OS標準の明朝＋ゴシックを使い、Webフォント追加なし（表示速度を落とさない）
※元に戻したい場合はこの「v2」ブロックごと削除してください
========================================================================== */
:root{
–ai-blue: #23405f; /* 主色：深い紺（旧 #274A78 を少し深く）*/
–ai-blue-dk: #16293d;
–ai-ink: #2b2b2b; /* 本文の文字色 */
–ai-sub: #6f6f6f; /* 補助テキスト */
–ai-line: #ddd9d3; /* 罫線 */
–ai-bg: #fbfaf8; /* 背景（温かみのある白）*/
–ai-bg-soft: #f4f2ed; /* セクション背景 */
–ai-accent: #9d7f55; /* 差し色：真鍮 */
–ai-serif: “Yu Mincho”, YuMincho, “Hiragino Mincho ProN”, “Hiragino Mincho Pro”, “Noto Serif JP”, “MS PMincho”, serif;
–ai-sans: “Hiragino Sans”, “Hiragino Kaku Gothic ProN”, “Yu Gothic”, YuGothic, “Noto Sans JP”, Meiryo, sans-serif;
}
/* ————————————————–
1. 基本タイポグラフィ
————————————————– */
body,
body.ff-meiryo{
font-family: var(–ai-sans);
color: var(–ai-ink);
background: var(–ai-bg);
letter-spacing: .02em;
-webkit-font-smoothing: antialiased;
}
/* 本文の読みやすさ（行間をゆったり） */
.entry-content p,
.article p{
line-height: 1.95;
margin-bottom: 1.7em;
}
.entry-content li,
.article li{
line-height: 1.9;
margin-bottom: .5em;
}
/* ————————————————–
2. 見出し（明朝でライターらしい品を出す）
————————————————– */
.article h1,
.article h2,
.article h3,
.article h4,
.entry-title,
.archive-title{
font-family: var(–ai-serif);
font-weight: 600;
color: #1d1d1d;
letter-spacing: .05em;
line-height: 1.5;
}
/* h2：細い罫線で上品に（従来の太い左バーをやめる） */
.article h2{
background: none;
border: none;
border-bottom: 1px solid var(–ai-line);
border-left: none;
padding: 0 0 .5em;
margin: 3.2em 0 1.4em;
font-size: 1.5em;
position: relative;
}
/* 見出し下に短い紺のアクセント線 */
.article h2::after{
content: “”;
position: absolute;
left: 0;
bottom: -1px;
width: 2.4em;
height: 2px;