/* YOSHINASHIGOTO — START / 既存CSSの末尾に追加 */
:root{--yj-ink:#102631;--yj-blue:#102f40;--yj-line:#d8dfe3;--yj-muted:#63737c;--yj-accent:#ed633f}
body{background:#f7f9fa;color:var(--yj-ink);font-family:-apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;font-size:16px;line-height:1.85}
#container,#container-inner{width:auto;max-width:none;margin:0;padding:0;background:transparent}#blog-title,#content,.yj-nav,.yj-feature{width:91%;max-width:1310px;margin-left:auto;margin-right:auto;box-sizing:border-box}
#blog-title{padding:38px 0 20px;text-align:left;background:none;border:0}#blog-title-inner,#blog-title-content{background:none!important;height:auto!important;padding:0!important}#title{margin:0;font-size:32px;font-weight:800;letter-spacing:-.055em;line-height:1.6}#title a{color:var(--yj-ink);text-decoration:none}#blog-description{font-size:15px;letter-spacing:.12em;font-weight:400;margin:12px 0 0;color:var(--yj-muted)}
.yj-nav{display:flex;flex-wrap:wrap;align-items:center;gap:26px;border-top:1px solid var(--yj-line);padding:16px 0 26px;font-size:14px}.yj-nav a{color:var(--yj-ink);text-decoration:none}.yj-nav a:last-child{margin-left:auto}.yj-nav a:hover{color:var(--yj-accent)}
#content{padding:30px 0 70px}#content-inner{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:64px}#wrapper,#main,#main-inner,#box2,#box2-inner{float:none;width:auto;margin:0;padding:0;min-width:0}#box1{display:none}
.archive-entries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 28px}.archive-entry{display:flex;flex-direction:column;position:relative;min-width:0;margin:0!important;padding:0!important;border:0!important;background:transparent;box-shadow:none}.archive-entry .entry-thumb-link{order:-1;display:block;width:100%;margin:0 0 17px;float:none}.archive-entry .entry-thumb{float:none;width:100%;height:auto;aspect-ratio:1.5;margin:0;border-radius:3px;background-size:cover;background-position:center;transition:filter .2s}.archive-entry .entry-thumb-link:hover .entry-thumb{filter:brightness(1.06)}.archive-entry-header{margin:0}.archive-entry .archive-date{font-size:12px;letter-spacing:.06em;color:var(--yj-muted);margin-bottom:8px}.archive-entry .archive-date a{color:inherit}.archive-entry .entry-title{font-size:21px;line-height:1.65;letter-spacing:-.025em;margin:0 0 10px;font-weight:650}.archive-entry a{color:var(--yj-ink);text-decoration:none}.archive-entry a:hover{color:#ba4727}.archive-entry .categories{margin:0 0 10px;font-size:12px}.archive-category-link{display:inline-block;background:#e9eef1;padding:2px 8px;border-radius:3px}.archive-entry-body{margin:0!important;padding:0!important;overflow:visible}.archive-entry .entry-description{margin:0;font-size:14px;line-height:1.95;color:var(--yj-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.archive-entry .social-buttons{margin-top:10px}.pager{margin:40px 0 0;padding:20px;border:1px solid var(--yj-line);text-align:center}.pager a{color:var(--yj-ink);text-decoration:none}
.hatena-module{padding:0;margin:0 0 32px;background:transparent;border:0;box-shadow:none}.hatena-module-title{font-size:17px;color:var(--yj-ink);background:none;border:0;border-bottom:1px solid var(--yj-ink);padding:0 0 15px;margin-bottom:10px;font-weight:600}.hatena-module-title a{color:inherit}.hatena-module-body{font-size:14px}.hatena-module-category ul{list-style:none;padding:0;margin:0}.hatena-module-category li{border-bottom:1px solid var(--yj-line);padding:11px 0;margin:0}.hatena-module-category a{font-size:13px;color:var(--yj-ink);text-decoration:none}.hatena-module-profile{display:none}.hatena-module-search-box input[type=text],.hatena-module-search-box input[type=search]{box-sizing:border-box;max-width:100%;font-size:16px;padding:10px;border:1px solid var(--yj-line);background:white;color:var(--yj-ink)}
.yj-feature{display:grid;grid-template-columns:1.8fr 1fr;min-height:550px;background:var(--yj-blue);color:white;border-radius:4px;overflow:hidden;margin-top:0;margin-bottom:45px}.yj-feature-image{position:relative;display:block;min-width:0;background-size:cover;background-position:center}.yj-feature-copy{padding:34px;display:flex;flex-direction:column;justify-content:center;gap:18px}.yj-feature-label{font-size:12px;letter-spacing:.13em;border-bottom:1px solid #ffffff30;padding-bottom:18px}.yj-feature-meta{font-size:12px;color:#c6d6df}.yj-feature h2{font-family:'Hiragino Mincho ProN','Yu Mincho',serif;font-size:clamp(36px,4vw,60px);line-height:1.5;letter-spacing:.045em;margin:0;color:white}.yj-feature a{color:inherit;text-decoration:none}.yj-feature p{color:#d8e4e9;font-size:15px;line-height:2;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.yj-feature .yj-read{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin-top:12px}.yj-read span{border:1px solid #ffffff70;border-radius:50%;width:44px;height:44px;display:grid;place-items:center}.yj-feature a:hover{color:#f6b49a}.yj-journal-title{font-size:26px;border-bottom:1px solid var(--yj-ink);padding-bottom:20px;margin:0 0 30px}.yj-journal-title small{font-size:11px;color:var(--yj-muted);letter-spacing:.15em;margin-left:18px;font-weight:400}
/* 記事本文：記事内の個別装飾や画像を壊さず読み幅を整える */
.page-entry .entry{background:transparent;border:0;box-shadow:none;padding:0;margin:0}.page-entry .entry-title{font-size:clamp(26px,3vw,40px);line-height:1.6;color:var(--yj-ink)}.page-entry .entry-title a{color:inherit;text-decoration:none}.entry-content{font-size:16px;line-height:2.1;overflow-wrap:break-word}.entry-content img,.entry-content video{max-width:100%;height:auto}.entry-content iframe{max-width:100%}.entry-content pre{overflow:auto}.entry-content h2{margin-top:2.5em;padding-bottom:.5em;border-bottom:1px solid var(--yj-line);font-size:1.5em;background:none;color:var(--yj-ink)}.entry-content h3{margin-top:2em;font-size:1.2em}.entry-content a{color:#146b92;text-underline-offset:3px}.entry-content blockquote{border-left:3px solid var(--yj-accent);margin-left:0;padding:10px 20px;background:#edf2f5}
.yj-footer{background:var(--yj-ink);color:white;padding:38px 4.5%;display:flex;flex-wrap:wrap;gap:25px;align-items:center}.yj-footer strong{font-size:24px;letter-spacing:-.05em}.yj-footer span{font-size:13px;color:#c1d0d8}a:focus-visible{outline:3px solid var(--yj-accent);outline-offset:4px}
@media(max-width:1050px){#content-inner{gap:30px;grid-template-columns:minmax(0,1fr) 210px}.yj-feature{grid-template-columns:1.45fr 1fr;min-height:470px}.yj-feature-copy{padding:26px}}
@media(max-width:720px){#blog-title{padding-top:25px}#title{font-size:27px}#blog-description{font-size:13px}.yj-nav{gap:13px 20px;font-size:13px}.yj-nav a:last-child{margin-left:0}#content-inner{display:block}#box2{margin-top:45px}#content{padding-top:15px}.archive-entries{gap:30px 17px}.archive-entry .entry-title{font-size:17px}.archive-entry .entry-thumb{aspect-ratio:1.15}.archive-entry .entry-description{font-size:14px}.yj-feature{grid-template-columns:1fr;min-height:0;margin-bottom:30px}.yj-feature-image{aspect-ratio:1.25}.yj-feature-copy{padding:25px}.yj-feature h2{font-size:37px}.yj-feature p{font-size:14px}.yj-journal-title{font-size:24px}.hatena-module-category ul{columns:2;column-gap:20px}.hatena-module-category li{break-inside:avoid}.entry-content{line-height:2}.yj-footer strong{font-size:22px}}
@media(prefers-reduced-motion:reduce){.archive-entry .entry-thumb{transition:none}}
/* YOSHINASHIGOTO — END */

/* Silence テーマとの競合修正 */
#blog-title #title{text-align:left;width:auto;max-width:none}
#blog-title #title:before,#blog-title #title:after,#blog-title:before,#blog-title:after,#blog-description:before,#blog-description:after{content:none!important;display:none!important}
#blog-title #blog-title-content{position:static;transform:none;max-width:none;width:auto}
#content #content-inner:before,#content #content-inner:after,.archive-entries:before,.archive-entries:after{content:none!important;display:none!important}
#content .archive-entries{display:grid;align-items:start;justify-content:normal}
#content .archive-entries .archive-entry{width:100%!important;max-width:none!important;min-width:0;box-sizing:border-box;flex-wrap:nowrap;align-items:stretch}
#content .archive-entry .entry-thumb-link{order:0;width:100%;height:auto;padding:0;box-sizing:border-box}
#content .archive-entry .entry-thumb{padding:0!important;height:auto!important;width:100%!important;aspect-ratio:1.5;box-sizing:border-box}
#content .archive-entry .entry-thumb-link:before,#content .archive-entry .entry-thumb-link:after{content:none!important;display:none!important}
#content .archive-entry-header{order:1;width:100%;padding:0}
#content .archive-entry .categories{order:2;width:100%;padding:0}
#content .archive-entry-body{order:3;width:100%;padding:0}
#content .archive-entry .entry-title{width:100%;margin:0 0 10px;font-size:21px}
#box2 .hatena-module-title{text-align:left;background:none;position:static}
#box2 .hatena-module-title:before,#box2 .hatena-module-title:after{content:none!important;display:none!important}
#box2 .hatena-module-profile,#box2 .hatena-module-entries-access-ranking{display:none}
.yj-feature,.yj-feature *{box-sizing:border-box}
@media(max-width:720px){#content .archive-entry .entry-title{font-size:17px}#content .archive-entry .entry-thumb{aspect-ratio:1.15}}
/* YOSHINASHIGOTO COMPATIBILITY END */

/* YOSHINASHIGOTO CSS HIGHLIGHT START */
/* トップページの先頭記事を、JavaScriptなしでハイライト */
html:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"]) .page-index:not(:has(.yj-feature)) #content .archive-entries > .archive-entry:first-child{
 grid-column:1 / -1;display:grid!important;grid-template-columns:1.8fr 1fr;grid-template-rows:auto auto 1fr;
 width:calc(100% + 304px)!important;max-width:none!important;min-height:550px;
 background:#102f40!important;border-radius:4px;overflow:hidden;color:white;gap:0;align-items:stretch;
}
html:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"]) .page-index:not(:has(.yj-feature)) #content .archive-entry:first-child > .entry-thumb-link{
 grid-column:1;grid-row:1 / 4;order:0;margin:0;align-self:stretch;height:100%;
}
html:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"]) .page-index:not(:has(.yj-feature)) #content .archive-entry:first-child .entry-thumb{
 height:100%!important;min-height:550px;aspect-ratio:auto;border-radius:0;background-size:cover;
}
html:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"]) .page-index:not(:has(.yj-feature)) #content .archive-entry:first-child > .archive-entry-header{
 grid-column:2;grid-row:1;padding:34px 34px 12px;box-sizing:border-box;align-self:end;
}
html:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"]) .page-index:not(:has(.yj-feature)) #content .archive-entry:first-child .archive-entry-header:before{
 content:'最新のよしなしごと / LATEST STORY';display:block;font-size:12px;letter-spacing:.1em;color:#d8e4e9;border-bottom:1px solid #ffffff30;padding-bottom:18px;margin-bottom:26px;
}
html:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"]) .page-index:not(:has(.yj-feature)) #content .archive-entry:first-child .archive-date{color:#c6d6df;margin:0 0 18px}
html:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"]) .page-index:not(:has(.yj-feature)) #content .archive-entry:first-child .entry-title{
 font-family:'Hiragino Mincho ProN','Yu Mincho',serif;font-size:clamp(36px,4vw,60px);line-height:1.5;letter-spacing:.04em;color:white;
}
html:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"]) .page-index:not(:has(.yj-feature)) #content .archive-entry:first-child a{color:inherit}
html:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"]) .page-index:not(:has(.yj-feature)) #content .archive-entry:first-child > .categories{
 grid-column:2;grid-row:2;padding:0 34px 14px;box-sizing:border-box;margin:0;
}
html:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"]) .page-index:not(:has(.yj-feature)) #content .archive-entry:first-child .archive-category-link{background:#ffffff15;color:#e1ebef}
html:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"]) .page-index:not(:has(.yj-feature)) #content .archive-entry:first-child > .archive-entry-body{
 grid-column:2;grid-row:3;padding:0 34px 34px!important;box-sizing:border-box;
}
html:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"]) .page-index:not(:has(.yj-feature)) #content .archive-entry:first-child .entry-description{color:#d8e4e9;font-size:15px;line-height:2;-webkit-line-clamp:3}
html:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"]) .page-index:not(:has(.yj-feature)) #content .archive-entry:first-child .social-buttons{display:none}
html:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"]) .page-index:not(:has(.yj-feature)) #box2{padding-top:592px}
@media(max-width:1050px){
 html:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"]) .page-index:not(:has(.yj-feature)) #content .archive-entries > .archive-entry:first-child{width:calc(100% + 240px)!important;grid-template-columns:1.45fr 1fr}
}
@media(max-width:720px){
 html:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"]) .page-index:not(:has(.yj-feature)) #content .archive-entries > .archive-entry:first-child{width:100%!important;grid-template-columns:1fr;grid-template-rows:auto auto auto auto;min-height:0}
 html:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"]) .page-index:not(:has(.yj-feature)) #content .archive-entry:first-child > .entry-thumb-link{grid-column:1;grid-row:1}
 html:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"]) .page-index:not(:has(.yj-feature)) #content .archive-entry:first-child .entry-thumb{height:auto!important;min-height:0;aspect-ratio:1.25}
 html:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"]) .page-index:not(:has(.yj-feature)) #content .archive-entry:first-child > .archive-entry-header{grid-column:1;grid-row:2;padding:25px 25px 12px}
 html:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"]) .page-index:not(:has(.yj-feature)) #content .archive-entry:first-child .entry-title{font-size:37px}
 html:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"]) .page-index:not(:has(.yj-feature)) #content .archive-entry:first-child > .categories{grid-column:1;grid-row:3;padding:0 25px 14px}
 html:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"]) .page-index:not(:has(.yj-feature)) #content .archive-entry:first-child > .archive-entry-body{grid-column:1;grid-row:4;padding:0 25px 25px!important}
 html:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"]) .page-index:not(:has(.yj-feature)) #box2{padding-top:0}
}
/* YOSHINASHIGOTO CSS HIGHLIGHT END */

/* ハイライトの文字幅・写真の高さの安定化 */
html:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"]) .page-index:not(:has(.yj-feature)) #content .archive-entries > .archive-entry:first-child{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);grid-template-rows:auto auto 1fr;min-height:500px;align-content:start}
html:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"]) .page-index:not(:has(.yj-feature)) #content .archive-entry:first-child > .entry-thumb-link{position:relative;min-height:500px}
html:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"]) .page-index:not(:has(.yj-feature)) #content .archive-entry:first-child .entry-thumb{position:absolute;inset:0;width:100%!important;height:100%!important;min-height:0;padding:0!important}
html:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"]) .page-index:not(:has(.yj-feature)) #content .archive-entry:first-child .entry-title{font-size:clamp(32px,3.3vw,48px);line-height:1.55;letter-spacing:.025em;overflow-wrap:anywhere}
html:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"]) .page-index:not(:has(.yj-feature)) #box2{padding-top:542px}
@media(max-width:720px){
 html:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"]) .page-index:not(:has(.yj-feature)) #content .archive-entries > .archive-entry:first-child{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto;min-height:0}
 html:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"]) .page-index:not(:has(.yj-feature)) #content .archive-entry:first-child > .entry-thumb-link{min-height:0;aspect-ratio:1.25}
 html:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"]) .page-index:not(:has(.yj-feature)) #content .archive-entry:first-child .entry-thumb{height:100%!important;aspect-ratio:auto}
 html:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"]) .page-index:not(:has(.yj-feature)) #content .archive-entry:first-child .entry-title{font-size:34px}
 html:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"]) .page-index:not(:has(.yj-feature)) #box2{padding-top:0}
}
/* YOSHINASHIGOTO COMPLETE END */

/* 既存のJS版が残っていても、最新の枠は一つだけにする */
.yj-feature{min-height:420px;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);margin-bottom:30px}
.yj-feature h2{font-size:clamp(30px,3.1vw,44px);line-height:1.5}
.yj-feature-copy{padding:28px;gap:16px}
.yj-feature-image{min-height:420px}
html:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"]) .page-index:not(:has(.yj-feature)) #content .archive-entries > .archive-entry:first-child{min-height:420px}
html:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"]) .page-index:not(:has(.yj-feature)) #content .archive-entry:first-child > .entry-thumb-link{min-height:420px}
html:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"]) .page-index:not(:has(.yj-feature)) #content .archive-entry:first-child .entry-title{font-size:clamp(30px,3.1vw,44px)}
html:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"]) .page-index:not(:has(.yj-feature)) #box2{padding-top:462px}
/* 通常の記事では写真を必ず見出しより先に表示 */
#content .archive-entry .entry-thumb-link{order:-1}
@media(max-width:720px){
 .yj-feature{grid-template-columns:1fr;min-height:0}.yj-feature-image{min-height:0;aspect-ratio:1.25}.yj-feature-copy{padding:25px}.yj-feature h2{font-size:34px}
 html:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"]) .page-index:not(:has(.yj-feature)) #content .archive-entries > .archive-entry:first-child{min-height:0}
 html:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"]) .page-index:not(:has(.yj-feature)) #content .archive-entry:first-child > .entry-thumb-link{min-height:0}
 html:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"]) .page-index:not(:has(.yj-feature)) #box2{padding-top:0}
}

/* YOSHINASHIGOTO ARTICLE START — 記事ページ専用 */
body.page-entry #content{max-width:1100px;padding-top:28px;padding-bottom:80px}
body.page-entry #content-inner{grid-template-columns:minmax(0,760px) 240px;gap:70px;align-items:start}
body.page-entry .breadcrumb{box-sizing:border-box;width:91%;max-width:1100px;margin:12px auto 0;padding:12px 0;border:0;border-bottom:1px solid #d8dfe3;font-size:13px;line-height:1.8;color:#63737c;overflow-wrap:anywhere}
body.page-entry .breadcrumb a{color:#63737c;text-decoration:none}
body.page-entry .breadcrumb a:hover{color:#146b92}
body.page-entry #main .entry{margin:0 0 60px;padding:0;background:transparent;border:0;box-shadow:none}
body.page-entry #main .entry-header{padding:0 0 28px;margin:0 0 32px;border:0;border-bottom:1px solid #d8dfe3;text-align:left}
body.page-entry #main .entry-header .date{margin:0 0 16px;font-size:13px;letter-spacing:.1em;line-height:1.6;color:#63737c}
body.page-entry #main .entry-header .date a{display:inline;padding:0;background:none;color:#63737c;transform:none;text-decoration:none}
body.page-entry #main .entry-header .date a:before{display:none}
body.page-entry #main .entry-header .entry-title{margin:0 0 20px;padding:0;font-size:clamp(27px,3vw,38px);font-weight:700;line-height:1.6;letter-spacing:.015em;color:#102631;overflow-wrap:anywhere}
body.page-entry #main .entry-header .entry-title a{color:inherit;text-decoration:none}
body.page-entry #main .entry-categories{margin:0;display:flex;flex-wrap:wrap;gap:8px}
body.page-entry #main .entry-categories a{display:inline-block;padding:4px 11px;background:#e9eef1;border:1px solid #dce5ea;border-radius:3px;font-size:12px;line-height:1.7;color:#405966;text-decoration:none}
body.page-entry #main .entry-header .social-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:22px 0 0;padding:16px 0 0;border-top:1px solid #e3e9ed;line-height:1}
body.page-entry #main .entry-header .social-buttons>*{margin:0!important;vertical-align:middle}
body.page-entry #main .entry-content{font-size:17px;line-height:2;color:#203640;letter-spacing:.025em;overflow-wrap:anywhere}
body.page-entry #main .entry-content p{margin:0 0 1.5em;line-height:2}
body.page-entry #main .entry-content p:empty{display:none}
body.page-entry #main .entry-content p:has(>br:only-child){margin-bottom:.75em}
body.page-entry #main .entry-content img{display:block;max-width:100%;height:auto;margin:24px auto;border-radius:3px}
body.page-entry #main .entry-content a img{border:0}
body.page-entry #main .entry-content iframe{max-width:100%;box-sizing:border-box}
body.page-entry #main .entry-content .hatena-asin-detail img,body.page-entry #main .entry-content .hatena-fotolife{max-width:100%;height:auto}
body.page-entry #main .entry-content h2{font-size:25px;line-height:1.6;font-weight:700;margin:2.5em 0 1em;padding:0 0 14px;background:none;border:0;border-bottom:1px solid #cbd7dd;color:#102631;box-shadow:none}
body.page-entry #main .entry-content h3{font-size:21px;line-height:1.7;margin:2em 0 .8em;padding:0;background:none;border:0;color:#102631}
body.page-entry #main .entry-content h2:before,body.page-entry #main .entry-content h2:after,body.page-entry #main .entry-content h3:before,body.page-entry #main .entry-content h3:after{content:none}
body.page-entry #main .entry-content ul,body.page-entry #main .entry-content ol{padding-left:1.5em;margin:1em 0 1.8em}
body.page-entry #main .entry-content li{margin:.4em 0;line-height:1.9}
body.page-entry #main .entry-content blockquote{margin:2em 0;padding:18px 24px;background:#edf2f5;border:0;border-left:3px solid #ed633f;color:#4f636f;font-size:16px}
body.page-entry #main .entry-content blockquote p:last-child{margin-bottom:0}
body.page-entry #main .entry-footer{margin-top:45px;padding-top:25px;border-top:1px solid #d8dfe3;font-size:14px;color:#63737c}
body.page-entry #box2{padding-top:0}
body.page-entry #box2 .hatena-module-title{font-size:16px;letter-spacing:.04em}
body.page-entry #box2 .hatena-module-category a{font-size:13px;line-height:1.8}
@media(max-width:1100px){body.page-entry #content-inner{grid-template-columns:minmax(0,1fr) 210px;gap:40px}}
@media(max-width:850px){body.page-entry #content{max-width:740px}body.page-entry #content-inner{display:block}body.page-entry #box2{margin-top:55px}body.page-entry .breadcrumb{max-width:740px}body.page-entry #main .entry-header .entry-title{font-size:29px}}
@media(max-width:720px){body.page-entry #content{padding-top:24px}body.page-entry .breadcrumb{font-size:12px}body.page-entry #main .entry-header{padding-bottom:24px;margin-bottom:26px}body.page-entry #main .entry-header .entry-title{font-size:27px;line-height:1.65}body.page-entry #main .entry-content{font-size:16px;letter-spacing:.015em}body.page-entry #main .entry-content h2{font-size:23px}body.page-entry #main .entry-content h3{font-size:20px}body.page-entry #main .entry-content blockquote{padding:16px 18px}}
/* YOSHINASHIGOTO ARTICLE END */
/* YOSHINASHIGOTO ARCHIVE ALIGNMENT START */
#content .archive-entries > .archive-entry:not(:first-child),
html:not(:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"])) #content .archive-entries > .archive-entry,
body:has(.yj-feature) #content .archive-entries > .archive-entry{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;min-width:0;width:100%!important;}
#content .archive-entries > .archive-entry:not(:first-child) > .entry-thumb-link,
html:not(:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"])) #content .archive-entries > .archive-entry > .entry-thumb-link,
body:has(.yj-feature) #content .archive-entries > .archive-entry > .entry-thumb-link{order:-10!important;-webkit-order:-10!important;float:none!important;display:block!important;width:100%!important;position:relative;margin:0 0 18px!important;padding:0!important;}
#content .archive-entries > .archive-entry:not(:first-child) .entry-thumb,
html:not(:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"])) #content .archive-entries > .archive-entry .entry-thumb,
body:has(.yj-feature) #content .archive-entries > .archive-entry .entry-thumb{position:static!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:3 / 2!important;padding:0!important;background-size:cover;background-position:center;border-radius:3px;}
#content .archive-entries > .archive-entry:not(:first-child) > .archive-entry-header,
html:not(:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"])) #content .archive-entries > .archive-entry > .archive-entry-header,
body:has(.yj-feature) #content .archive-entries > .archive-entry > .archive-entry-header{order:0!important;-webkit-order:0!important;width:100%;margin:0!important;padding:0!important;}
#content .archive-entries > .archive-entry:not(:first-child) > .categories,
html:not(:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"])) #content .archive-entries > .archive-entry > .categories,
body:has(.yj-feature) #content .archive-entries > .archive-entry > .categories{order:1!important;-webkit-order:1!important;width:100%;margin:0 0 12px!important;}
#content .archive-entries > .archive-entry:not(:first-child) > .archive-entry-body,
html:not(:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"])) #content .archive-entries > .archive-entry > .archive-entry-body,
body:has(.yj-feature) #content .archive-entries > .archive-entry > .archive-entry-body{order:2!important;-webkit-order:2!important;width:100%;margin:0!important;padding:0!important;}
#content .archive-entries > .archive-entry:not(:first-child) .entry-title,
html:not(:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"])) #content .archive-entries > .archive-entry .entry-title,
body:has(.yj-feature) #content .archive-entries > .archive-entry .entry-title{font-size:21px;line-height:1.65;margin:8px 0 12px!important;}
#content .archive-entries > .archive-entry:not(:first-child) .entry-description,
html:not(:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"])) #content .archive-entries > .archive-entry .entry-description,
body:has(.yj-feature) #content .archive-entries > .archive-entry .entry-description{font-size:14px;line-height:1.95;margin:0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
@media(max-width:720px){
#content .archive-entries > .archive-entry:not(:first-child) .entry-title,
html:not(:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"])) #content .archive-entries > .archive-entry .entry-title,
body:has(.yj-feature) #content .archive-entries > .archive-entry .entry-title{font-size:17px;}
}
/* YOSHINASHIGOTO ARCHIVE ALIGNMENT END */
/* YOSHINASHIGOTO HEADER & HEADINGS START */
/* 同じ配色で、ヘッダーに淡い陰影と細い斜線を加える */
#container #blog-title{
 margin-top:24px;margin-bottom:22px;padding:34px 32px 30px;
 border:1px solid #dce4e8;border-radius:4px;
 background:
 linear-gradient(105deg,#f3f6f8 0%,#f3f6f8 40%,transparent 76%),
 repeating-linear-gradient(125deg,transparent 0,transparent 47px,rgba(35,67,84,.045) 47px,rgba(35,67,84,.045) 48px),
 radial-gradient(ellipse at 90% 20%,#dce7ec 0%,#eaf0f3 42%,#f3f6f8 78%);
 box-shadow:inset 0 1px 0 #ffffff,inset 3px 0 0 #203f50;
}
#container #blog-title #title{font-size:32px;line-height:1.5;letter-spacing:-.045em;margin:0}
#container #blog-title #blog-description{margin:14px 0 0;font-size:14px;letter-spacing:.12em;color:#607582}
/* 両方の見出しを同じ行高・余白・罫線に統一 */
#content #main .yj-journal-title,
body:has(.yj-journal-title) #box2 .hatena-module-category > .hatena-module-title{
 box-sizing:border-box;display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;
 min-height:60px;margin:0 0 28px;padding:0 0 18px;
 border:0;border-bottom:1px solid #304b59;
 font-size:22px;font-weight:650;line-height:1.8;color:#102631;
 background:none;text-align:left;
}
#content #main .yj-journal-title small{margin:0;font-size:11px;font-weight:400;letter-spacing:.15em;line-height:1.8;color:#63737c}
body:has(.yj-journal-title) #box2 .hatena-module-category{margin-top:0;padding-top:0}
@media(max-width:720px){
 #container #blog-title{margin-top:18px;margin-bottom:18px;padding:26px 20px 24px;background:linear-gradient(110deg,#f3f6f8 15%,#e2ebf0 100%);}
 #container #blog-title #title{font-size:27px}
 #container #blog-title #blog-description{font-size:13px;letter-spacing:.07em;line-height:1.9;margin-top:12px}
 #content #main .yj-journal-title,
 body:has(.yj-journal-title) #box2 .hatena-module-category > .hatena-module-title{font-size:21px;min-height:56px;margin-bottom:24px;padding-bottom:16px}
}
/* YOSHINASHIGOTO HEADER & HEADINGS END */
/* YOSHINASHIGOTO VISUAL BALANCE START */
#container #blog-title{
 padding:42px 36px 38px;border-color:#294a5b;
 background:linear-gradient(105deg,#102f40 0%,rgba(16,47,64,.94) 36%,rgba(16,47,64,0) 100%),repeating-linear-gradient(125deg,transparent 0,transparent 47px,rgba(220,233,240,.09) 47px,rgba(220,233,240,.09) 48px),linear-gradient(120deg,#17394b,#456374);
 box-shadow:inset 0 1px 0 #ffffff15,inset 3px 0 0 #8ca8b8;
}
#container #blog-title #title,#container #blog-title #title a{color:#f5f8fa}
#container #blog-title #title a:hover{color:#d7e5ee}
#container #blog-title #blog-description{color:#c7d8e1}
.yj-feature{background:#eaf0f3;color:#183544;border:1px solid #d7e1e7}
.yj-feature-copy{background:#eaf0f3}
.yj-feature h2,.yj-feature h2 a,.yj-feature .yj-read{color:#183544}
.yj-feature p{color:#4c6573}
.yj-feature-meta{color:#5b7381}
.yj-feature-label{color:#365565;border-bottom-color:#c4d2db}
.yj-feature .yj-read span{border-color:#9cb1bd}
.yj-feature a:hover{color:#316c88}
.yj-feature-image{filter:saturate(.65) contrast(.95)}
@media(max-width:720px){#container #blog-title{padding:30px 24px 28px}}
html:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"]) .page-index:not(:has(.yj-feature)) #content .archive-entries > .archive-entry:first-child{background:#eaf0f3!important;color:#183544;border:1px solid #d7e1e7!important;box-sizing:border-box}
html:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"]) .page-index:not(:has(.yj-feature)) #content .archive-entries > .archive-entry:first-child .entry-title{color:#183544}
html:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"]) .page-index:not(:has(.yj-feature)) #content .archive-entries > .archive-entry:first-child .archive-date{color:#5b7381}
html:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"]) .page-index:not(:has(.yj-feature)) #content .archive-entries > .archive-entry:first-child .archive-entry-header:before{color:#365565;border-bottom-color:#c4d2db}
html:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"]) .page-index:not(:has(.yj-feature)) #content .archive-entries > .archive-entry:first-child .entry-description{color:#4c6573}
html:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"]) .page-index:not(:has(.yj-feature)) #content .archive-entries > .archive-entry:first-child .archive-category-link{background:#dce6ec;color:#365565}
html:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"]) .page-index:not(:has(.yj-feature)) #content .archive-entries > .archive-entry:first-child .entry-thumb{filter:saturate(.65) contrast(.95)}
/* YOSHINASHIGOTO VISUAL BALANCE END */
/* YOSHINASHIGOTO NATURAL PHOTO START */
.yj-feature .yj-feature-image{filter:none!important}
html:has(link[rel="canonical"][href="https://www.yoshinashigoto.com/"]) .page-index:not(:has(.yj-feature)) #content .archive-entries > .archive-entry:first-child .entry-thumb{filter:none!important}
/* YOSHINASHIGOTO NATURAL PHOTO END 
/* YOSHINASHIGOTO FOOTER ALIGNMENT START */
.yj-footer{
 box-sizing:border-box;
 width:91%;max-width:1310px;
 margin:0 auto 24px;
 padding:30px 36px;
 border:1px solid #294a5b;
 border-radius:4px;
 background:#102f40;
 display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;
}
@media(max-width:720px){
 .yj-footer{padding:26px 24px;margin-bottom:18px;gap:12px}
 .yj-footer span{flex-basis:100%}
}
/* YOSHINASHIGOTO FOOTER ALIGNMENT END */
/* YOSHINASHIGOTO FULL WIDTH & BREADCRUMB START */
/* 背景のみ全幅。文字はナビゲーションと同じ幅の中に置く。 */
#container #blog-title{
 box-sizing:border-box;width:100%;max-width:none;
 margin:0 0 22px;
 padding:42px max(4.5%, calc((100% - 1310px) / 2)) 38px;
 border:0;border-radius:0;box-shadow:inset 0 1px 0 #ffffff15;
}
.yj-footer{
 box-sizing:border-box;width:100%;max-width:none;
 margin:0;
 padding:30px max(4.5%, calc((100% - 1310px) / 2));
 border:0;border-radius:0;
}
/* カテゴリー・年月別一覧にもパンくずの幅を適用 */
body .breadcrumb{
 box-sizing:border-box;display:block;float:none;
 width:91%;max-width:1310px;
 margin:12px auto 0;padding:12px 0;
 border:0;border-bottom:1px solid #d8dfe3;
 background:transparent;
 font-size:13px;line-height:1.8;color:#63737c;
 overflow-wrap:anywhere;
}
body .breadcrumb a,body .breadcrumb a:visited{color:#63737c;text-decoration:none}
body .breadcrumb a:hover{color:#146b92;text-decoration:underline;text-underline-offset:3px}
/* 本文ページは既存の読み幅に合わせる */
body.page-entry .breadcrumb{width:91%;max-width:1100px;margin:12px auto 0;padding:12px 0}
@media(max-width:850px){body.page-entry .breadcrumb{max-width:740px}}
@media(max-width:720px){
 #container #blog-title{margin:0 0 18px;padding:30px 4.5% 28px;border-radius:0}
 .yj-footer{margin:0;padding:26px 4.5%;border-radius:0}
 body .breadcrumb{font-size:12px}
}
/* YOSHINASHIGOTO FULL WIDTH & BREADCRUMB END */