#main_content .p-termHead:not(:has(.p-termHead__title, .p-termHead__thumbWrap, img)):has(> .p-termHead__desc:only-child):has(+ .p-termContent .sp1-cat-entry){display:none !important}

  :where(.hm-front-events,.hm-article-calendar-lazy,.hm-today-tomorrow-events,.mh-product-front,.mh-campaign-box,.sp1-campaign-front,.sc-portfolio-front,.codex-swell-popular) {
    --codex-muted-text:#475569;
    --codex-muted-strong:#334155;
    --codex-accent-green:#166534;
    --codex-accent-orange:#9a3f0d;
  }
  :where(.hm-front-events,.hm-article-calendar-lazy,.hm-today-tomorrow-events,.mh-product-front,.mh-campaign-box,.sp1-campaign-front,.sc-portfolio-front,.codex-swell-popular) :where(.hm-lead,.hm-sub,.hm-ac-sub,.hm-submit-cta span,.hm-card em,.hm-guide-card em,.mh-sub,.mh-note,.sp1-sub,.sc-sub) {
    color:var(--codex-muted-text)!important;
  }
  :where(.hm-front-events,.hm-article-calendar-lazy,.hm-today-tomorrow-events) :where(.hm-eyebrow,.hm-ac-eyebrow) {
    color:var(--codex-accent-orange)!important;
  }
  :where(.hm-front-events,.hm-article-calendar-lazy,.hm-today-tomorrow-events) :where(.hm-cal-day.muted,.hm-cal-day.muted .hm-cal-num) {
    color:#64748b!important;
  }
  :where(.hm-front-events,.hm-article-calendar-lazy,.hm-today-tomorrow-events,.mh-product-front,.mh-campaign-box,.sp1-campaign-front,.sc-portfolio-front,.codex-swell-popular) :where(button,a.hm-btn,.hm-btn,.hm-month-tab,.hm-cal-day,.hm-cal-nav,.hm-ac-main-link,.hm-submit-cta a,.mh-btn,.mh-campaign-link,.sp1-btn,.sc-btn,.codex-swell-popular-tab) {
    min-height:44px!important;
    touch-action:manipulation;
  }
  :where(.hm-chip,.mh-chip,.sp-chip,.sc-chip,.sp-compact-offer,.codex-swell-popular-tab,.c-searchForm__submit) {
    min-height:44px!important;
    touch-action:manipulation;
  }
  @media (max-width: 640px) {
    :where(.p-spMenu a,.p-spMenu__inner a,.c-widget a,.c-gnav a,.hm-front-events a,.mh-product-front a,.mh-campaign-box a,.sp1-campaign-front a,.sc-portfolio-front a) {
      min-height:44px;
      display:inline-flex;
      align-items:center;
    }
  }
  :where(.c-categoryList__link,.c-tagList__link,.p-breadcrumb__text,.p-toc__link) {
    min-height:32px;
    display:inline-flex;
    align-items:center;
  }
  :where(.p-articleMetas__termList.c-categoryList,.p-articleMetas__termList.c-tagList) {
    display:flex!important;
    flex-wrap:wrap;
    align-items:center;
    gap:8px!important;
    width:100%;
    margin:0!important;
    padding-left:0!important;
    box-sizing:border-box;
  }
  :where(.p-articleMetas__termList.c-categoryList,.p-articleMetas__termList.c-tagList)::before {
    content:none!important;
    display:none!important;
  }
  :where(.p-articleMetas__termList.c-categoryList,.p-articleMetas__termList.c-tagList) :where(.c-categoryList__link,.c-tagList__link) {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box;
    min-height:0!important;
    height:34px;
    margin:0!important;
    padding:0 13px!important;
    line-height:1!important;
    white-space:nowrap;
  }
  :where(.hm-front-events,.hm-article-calendar-lazy,.hm-today-tomorrow-events) :where(.hm-month-tab,.hm-cal-nav) {
    padding-top:9px;
    padding-bottom:9px;
  }
  :where(.hm-traffic-alert span,.hm-guide-card span,.sp-feature-label,.sp-offer-row-label.deadline) {
    color:#9a3f0d!important;
  }
  :where(.hm-traffic-alert span) {
    background:#9a3f0d!important;
    color:#fff!important;
  }
  :where(.hm-chip span,.mh-chip span,.sp-chip span,.sc-chip span,.hm-cal-panel-head span,.hm-cal-pick-body > span,.hm-date) {
    color:#334155!important;
  }
  :where(.codex-swell-popular-tab.is-active,.codex-swell-popular-rank,.c-postThumb__cat,.mh-amazon) {
    background:#9a3f0d!important;
    color:#fff!important;
  }
  :where(.monohikaku-price-btn) {
    min-height:44px!important;
    background:#0b63b6!important;
    color:#fff!important;
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    padding:10px 12px!important;
  }
  :where(.codex-symbol-muted) {
    color:#475569!important;
  }
  :where(.footer-kouki-label,.footer-kouki-tag) {
    background:#e5edf6!important;
    color:#17324d!important;
  }
  :where(.l-footer,.l-footer__body,.l-footer__widgetArea,.footer-kouki,.footer-kouki *) {
    color:#334155!important;
  }
  :where(.post_content,.entry-content,.c-entry__content) table th {
    background:#e5edf6!important;
    color:#17324d!important;
  }
  :where(.post_content,.entry-content,.c-entry__content) a {
    color:#0b63b6;
  }
  :where(.c-postTimes__modified,.c-postTimes__posted) {
    color:#475569!important;
  }
  :where(.hm-front-events,.hm-article-calendar-lazy) :where(.hm-cal-thumb img,.hm-card img,.hm-cal-pick img) {
    aspect-ratio:16/9;
  }


:root {
  --codex-readable-font-stack: system-ui, -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", YuGothic, Meiryo, sans-serif;
  --codex-readable-text: #172033;
  --codex-readable-muted: #475569;
  --codex-readable-heading: #0f172a;
}

body,
button,
input,
select,
textarea {
  font-family: var(--codex-readable-font-stack);
}

body {
  color: var(--codex-readable-text);
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.post_content,
.entry-content,
.c-postContent {
  color: var(--codex-readable-text);
  font-size: 16.5px !important;
  line-height: 1.86 !important;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}

.post_content :where(p, li, dd),
.entry-content :where(p, li, dd),
.c-postContent :where(p, li, dd) {
  line-height: 1.86 !important;
}

.post_content :where(p),
.entry-content :where(p),
.c-postContent :where(p) {
  margin-top: 0;
  margin-bottom: 1.16em;
}

.post_content :where(ul, ol),
.entry-content :where(ul, ol),
.c-postContent :where(ul, ol) {
  padding-left: 1.45em;
}

.post_content :where(li + li),
.entry-content :where(li + li),
.c-postContent :where(li + li) {
  margin-top: 0.28em;
}

.post_content :where(h2, h3, h4),
.entry-content :where(h2, h3, h4),
.c-postContent :where(h2, h3, h4) {
  color: var(--codex-readable-heading);
  letter-spacing: 0;
  line-height: 1.44;
  overflow-wrap: anywhere;
  text-wrap: balance;
}

.post_content :where(figcaption, small, .wp-element-caption),
.entry-content :where(figcaption, small, .wp-element-caption),
.c-postContent :where(figcaption, small, .wp-element-caption) {
  color: var(--codex-readable-muted);
  line-height: 1.72;
}

.p-postList__title,
.c-postTitle__ttl,
.c-widget .p-postList__title {
  letter-spacing: 0;
  line-height: 1.48;
  overflow-wrap: anywhere;
}

.post_content :where(table),
.entry-content :where(table),
.c-postContent :where(table) {
  font-size: 0.96em;
  line-height: 1.62;
}

.post_content :where(a),
.entry-content :where(a),
.c-postContent :where(a) {
  text-underline-offset: 0.16em;
}

@media (max-width: 640px) {
  .post_content,
  .entry-content,
  .c-postContent {
    font-size: 16px !important;
    line-height: 1.82 !important;
  }

  .post_content :where(p, li, dd),
  .entry-content :where(p, li, dd),
  .c-postContent :where(p, li, dd) {
    line-height: 1.82 !important;
  }

  .post_content :where(p),
  .entry-content :where(p),
  .c-postContent :where(p) {
    margin-bottom: 1.08em;
  }

  .p-postList__title,
  .c-postTitle__ttl,
  .c-widget .p-postList__title {
    line-height: 1.46;
  }
}

.c-pagination:not(:has(a)){display:none}

#body_wrap ul.page-numbers{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;height:auto;min-width:0;line-height:normal;margin:24px 0;padding:0;background:none;box-shadow:none;list-style:none}
#body_wrap ul.page-numbers > li{margin:0;padding:0;list-style:none}
#body_wrap :is(a,span)[class*="page-numbers"]{height:48px;min-width:48px;line-height:48px;font-size:16px;border-radius:8px;box-sizing:border-box}
#body_wrap :is(a,span)[class*="page-numbers"]:not(.current):not(.dots){background:#fff;color:#1f2937;border:1px solid #cbd5e1;box-shadow:none}
#body_wrap :is(a,span)[class*="page-numbers"]:not(.current):not(.dots):hover{background:#f1f5f9;color:#111827;border-color:#64748b}
#body_wrap :is(a,span)[class*="page-numbers"].current{background:var(--color_main);color:#fff;border:1px solid transparent;font-weight:700}
#body_wrap :is(a,span)[class*="page-numbers"].dots{background:none;color:#4b5563;box-shadow:none}


.claude-shotai-cat{display:none}
.c-spnav{display:flex;flex-direction:column}
.c-spnav>.menu-item{order:4}
.c-spnav>.codex-shotai-menu-search{order:1}
.c-spnav>.claude-shotai-cat{display:block;order:2}
.c-spnav>.claude-shotai-cat>a,.widget_categories .cat-item>a{min-height:48px;box-sizing:border-box}
.c-spnav>.claude-shotai-cat>a:focus-visible,.widget_categories .cat-item>a:focus-visible{outline:2px solid #0e2d3e;outline-offset:2px}
.c-spnav>.codex-shotai-menu-help{order:3}
.c-spnav>.menu-item:has(>a[href$="/about/"],>a[href$="/privacy-policy/"],>a[href$="/contact/"]),
.c-spnav>.menu-item-object-page:has(>a[href="https://shotai-code.com/"]){display:none}
@media (min-width:960px){
:is(#gnav,.l-fixHeader__gnav) .claude-shotai-cat{display:block}
:is(#gnav,.l-fixHeader__gnav) .c-gnav{display:flex;align-items:stretch}
:is(#gnav,.l-fixHeader__gnav) .c-gnav>.menu-item{order:4}
:is(#gnav,.l-fixHeader__gnav) .c-gnav>.codex-shotai-menu-search{order:1}
:is(#gnav,.l-fixHeader__gnav) .c-gnav>.claude-shotai-cat{order:2}
:is(#gnav,.l-fixHeader__gnav) .c-gnav>.codex-shotai-menu-help{order:3}
:is(#gnav,.l-fixHeader__gnav) .c-gnav>.menu-item:has(>a[href$="/about/"],>a[href$="/privacy-policy/"],>a[href$="/contact/"]),
:is(#gnav,.l-fixHeader__gnav) .c-gnav>.menu-item-object-page:has(>a[href="https://shotai-code.com/"]){display:none}
:is(#gnav,.l-fixHeader__gnav) .c-gnav>.menu-item>a{font-size:15px;padding:0 14px;color:#162b3a;position:relative}
:is(#gnav,.l-fixHeader__gnav) .c-gnav>.menu-item>a .ttl{font-size:15px}
:is(#gnav,.l-fixHeader__gnav) .c-gnav>.menu-item>a::after{content:"";position:absolute;left:14px;right:14px;bottom:18px;height:3px;border-radius:2px;background:#e3a72f;transform:scaleX(0);transition:transform .15s}
:is(#gnav,.l-fixHeader__gnav) .c-gnav>.menu-item>a:is(:hover,:focus-visible)::after,
:is(#gnav,.l-fixHeader__gnav) .c-gnav>.current-menu-item:not(.codex-shotai-menu-search)>a::after{transform:scaleX(1)}
:is(#gnav,.l-fixHeader__gnav) .c-gnav>.menu-item>a:is(:hover,:focus-visible){color:#0e2d3e;background:none}
.l-fixHeader__gnav .c-gnav>.menu-item>a::after{bottom:6px}
}
@media (min-width:960px) and (max-width:1099px){:is(#gnav,.l-fixHeader__gnav) .c-gnav>.menu-item>a{font-size:14px;padding:0 9px}:is(#gnav,.l-fixHeader__gnav) .c-gnav>.menu-item>a .ttl{font-size:14px}:is(#gnav,.l-fixHeader__gnav) .c-gnav>.menu-item>a::after{left:9px;right:9px}}

.p-postList__times .c-postTimes__modified::after{content:"更新";margin-left:.3em;font-size:.86em;letter-spacing:.02em}

/* カテゴリー：SWELL既定の英字の副題（全サイト） */
#body_wrap .c-pageTitle__subTitle{display:none!important}

/* 記事・固定ページの枠（トップ以外）。並び順に依らないよう要素ごとに上の余白だけで間隔を作る */
#body_wrap.sr-on:is(.single,.page):not(.home) .l-mainContent__inner>*{margin-bottom:0!important}
#body_wrap.sr-on:is(.single,.page):not(.home) .l-mainContent__inner>:is(.p-articleHead,.c-pageTitle){margin-top:0!important}
#body_wrap.sr-on:is(.single,.page):not(.home) .l-mainContent__inner>.p-articleMetas.-top{margin-top:12px!important}
#body_wrap.sr-on:is(.single,.page):not(.home) .l-mainContent__inner>:is(.p-articleThumb,.w-singleTop,.sp1-mnp-strip,.post_content){margin-top:24px!important}
#body_wrap.sr-on:is(.single,.page):not(.home) .l-mainContent__inner>:is(.p-articleFoot,.w-singleBottom){margin-top:40px!important}
#body_wrap.sr-on:is(.single,.page):not(.home) .l-mainContent__inner>.p-articleFoot{padding-top:16px!important}
#body_wrap.sr-on:is(.single,.page):not(.home) .l-mainContent__inner>:is(.w-singleBottom,.w-singleTop):not(:has(*)){margin-top:0!important}
#body_wrap.sr-on:is(.single,.page):not(.home) .l-mainContent__inner>.c-shareBtns.-bottom{margin-top:24px!important}
#body_wrap.sr-on:is(.single,.page):not(.home) .l-mainContent__inner>#after_article{margin-top:32px!important;padding-top:0!important}
#body_wrap.sr-on #after_article .l-articleBottom__section{margin-top:40px!important}
#body_wrap.sr-on #after_article>:first-child{margin-top:0!important}

/* 本文の見出しと段落 */
#body_wrap.sr-on .post_content>h2:not(:first-child){margin-top:48px!important}
#body_wrap.sr-on .post_content>h2{margin-bottom:24px!important}
#body_wrap.sr-on .post_content>h3:not(:first-child){margin-top:32px!important}
#body_wrap.sr-on .post_content>h3{margin-bottom:16px!important}
#body_wrap.sr-on .post_content>*:has(+.p-toc){margin-bottom:32px!important}
#body_wrap.sr-on .post_content>.p-toc{margin-top:0!important;margin-bottom:32px!important}
/* 目次の「もっと見る」：SWELL既定は 98x35px でタップ目安44pxに届かない（2026-10-22 モノ比較 anker-charger 390px実測）。全サイト共通で高さ44px */
.p-toc__expandBtn{min-height:44px!important;padding:10px 20px!important}
#body_wrap.sr-flat .post_content>p{margin-bottom:1.2em!important}
/* 段落→段落の間：行間1.82（29px）と段落間18px の差が小さく切れ目が見えなかった。参考記事の390px実測の中央値24〜25px（ダイヤモンド・Zenn24、
   ライフハッカー25/PC30、note30/PC36）に合わせ SP1.5em≒24px・PC1.7em≒28px。段落の次が段落の時だけ（囲み・表・リストの前の余白は別管理）。
   2026-10-23 UX 20261010-sp-17px-24px-1-5em-pc-28px-1-82。戻し方：この2行を消して配り直す */
#body_wrap:is(.sr-card,.sr-hm) .post_content>p:has(+p){margin-bottom:1.5em!important}
@media (min-width:960px){#body_wrap:is(.sr-card,.sr-hm) .post_content>p:has(+p){margin-bottom:1.7em!important}}

/* カテゴリー：見出し→説明16→一覧24。案内パーツの重なる見出し・説明を隠す */
#body_wrap.sr-on.archive .c-pageTitle{margin-bottom:0!important}
#body_wrap.sr-on.archive .p-termHead{margin-top:16px!important;margin-bottom:24px!important}
#body_wrap.sr-on.archive .l-mainContent__inner>*{margin-bottom:0!important}
#body_wrap.sr-on.archive .l-mainContent__inner>:is(.p-termContent,.sc-guide,.c-prNotation,.p-postListWrap,.c-pagination){margin-top:24px!important}
#body_wrap.sr-shotai.archive .p-termHead{padding:16px!important}
#body_wrap.sr-card.archive .p-termHead__desc{padding:0!important}
#body_wrap.sr-mono .mono-cat-head>div:first-child,#body_wrap.sr-sp1 .sp1-cat-head>div:first-child,
#body_wrap.sr-mono .mono-cat-lead{display:none!important}
#body_wrap.sr-mono .mono-cat-head,#body_wrap.sr-sp1 .sp1-cat-head{justify-content:flex-start!important;margin-bottom:8px!important}

/* トップ：見出し直後とセクション間 */
#body_wrap.sr-on.home :is(.mhz,.spz,.shz){row-gap:0!important}
#body_wrap.sr-on.home :is(.mhz,.spz,.shz)>*{margin-top:0!important;margin-bottom:0!important}
#body_wrap.sr-on.home :is(.mhz,.spz,.shz)>:not(style,script,link,template)~:not(style,script,link,template){margin-top:28px!important}
#body_wrap.sr-on.home :is(.mhz,.spz,.shz)>:is(.mhz-intro,.spz-head,.shz-hero)+*,#body_wrap.sr-on.home :is(.mhz,.spz,.shz)>:is(.mhz-intro,.spz-head,.shz-hero)+:is(style,script)+*{margin-top:16px!important}

/* フッター */
#body_wrap.sr-on .w-footer{padding-top:0!important}
#body_wrap.sr-on .l-footer__widgetArea{padding-top:32px!important;padding-bottom:32px!important}

@media (max-width:959px){
  /* カード型3サイトのスマホ：本文の左右を20pxに */
  #body_wrap.sr-card:not(.home) #content.l-content{padding-top:16px!important}
  #body_wrap.sr-shotai:not(.home) #content.l-content{padding-left:8px!important;padding-right:8px!important}
  #body_wrap.sr-card:not(.home) .l-mainContent__inner{padding:20px 12px 28px!important}
  #body_wrap.sr-on .w-footer__box{padding-top:0!important;padding-bottom:0!important;margin-bottom:0!important}
  #body_wrap.sr-on .w-footer__box+.w-footer__box{margin-top:32px!important}
}
@media (min-width:960px){
  #body_wrap.sr-card:not(.home) #content.l-content{padding-top:40px!important}
  #body_wrap.sr-card:not(.home) .l-mainContent__inner{padding:56px 64px!important}
  #body_wrap.sr-flat:is(.single,.page):not(.home) .l-mainContent__inner{max-width:800px;margin-left:auto;margin-right:auto}
  #body_wrap.sr-on:is(.single,.page):not(.home) .l-mainContent__inner>:is(.p-articleThumb,.w-singleTop,.sp1-mnp-strip,.post_content){margin-top:32px!important}
  #body_wrap.sr-on:is(.single,.page):not(.home) .l-mainContent__inner>:is(.p-articleFoot,.w-singleBottom){margin-top:48px!important}
  #body_wrap.sr-on:is(.single,.page):not(.home) .l-mainContent__inner>:is(.w-singleBottom,.w-singleTop):not(:has(*)){margin-top:0!important}
  #body_wrap.sr-on:is(.single,.page):not(.home) .l-mainContent__inner>#after_article{margin-top:40px!important}
  #body_wrap.sr-on #after_article .l-articleBottom__section{margin-top:48px!important}
  #body_wrap.sr-on .post_content>h2:not(:first-child){margin-top:64px!important}
  #body_wrap.sr-on .post_content>h2{margin-bottom:28px!important}
  #body_wrap.sr-on .post_content>h3:not(:first-child){margin-top:40px!important}
  #body_wrap.sr-on.home :is(.mhz,.spz,.shz)>:not(style,script,link,template)~:not(style,script,link,template){margin-top:40px!important}
  #body_wrap.sr-on.home :is(.mhz,.spz,.shz)>:is(.mhz-intro,.spz-head,.shz-hero)+*,#body_wrap.sr-on.home :is(.mhz,.spz,.shz)>:is(.mhz-intro,.spz-head,.shz-hero)+:is(style,script)+*{margin-top:24px!important}
  #body_wrap.sr-on .l-footer__widgetArea{padding-top:48px!important;padding-bottom:48px!important}
  #body_wrap.sr-shotai.archive .p-termHead{padding:20px 24px!important}
}


html.codex-shotai-design {
  --shotai-ink: #162b3a;
  --shotai-muted: #526678;
  --shotai-primary: #0b5066;
  --shotai-primary-strong: #06394a;
  --shotai-primary-soft: #e9f3f6;
  --shotai-accent: #e8a62a;
  --shotai-canvas: #f3f6f8;
  --shotai-surface: #ffffff;
  --shotai-border: #d9e3e9;
  --shotai-shadow: 0 12px 32px rgba(14, 45, 62, .08);
  --shotai-radius: 16px;
  background: var(--shotai-canvas);
  scroll-padding-top: 96px;
}
html.codex-shotai-design body {
  background: var(--shotai-canvas);
  color: var(--shotai-ink);
}
html.codex-shotai-design :where(a, button, input, select, textarea):focus-visible {
  outline: 3px solid rgba(232, 166, 42, .75) !important;
  outline-offset: 3px;
}
html.codex-shotai-design .l-header {
  border-bottom: 1px solid rgba(11, 80, 102, .12);
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 4px 18px rgba(14, 45, 62, .07);
}
html.codex-shotai-design .l-header__bar {
  background: linear-gradient(90deg, var(--shotai-primary-strong), var(--shotai-primary));
}
html.codex-shotai-design .l-header__inner {
  min-height: 72px;
}
html.codex-shotai-design .l-header .c-headLogo__img,
html.codex-shotai-design .l-fixHeader .c-headLogo__img {
  width: auto;
  max-height: 42px;
}
html.codex-shotai-design .c-gnav > li > a {
  padding-inline: 13px;
  color: var(--shotai-ink);
  font-size: 13px;
  font-weight: 700;
}
html.codex-shotai-design .c-gnav .codex-shotai-menu-search > a,
html.codex-shotai-design .c-gnav .codex-shotai-menu-help > a {
  color: var(--shotai-primary);
}
html.codex-shotai-design .p-breadcrumb {
  border-bottom: 1px solid var(--shotai-border);
  background: rgba(255, 255, 255, .72);
}
html.codex-shotai-design .p-breadcrumb__list {
  min-height: 44px;
  align-items: center;
}
html.codex-shotai-design #content {
  padding-top: clamp(28px, 4vw, 58px);
}
html.codex-shotai-design #content[data-postid="326"] {
  padding-top: clamp(24px, 3vw, 42px);
}
html.codex-shotai-design #main_content > .l-mainContent__inner {
  border: 1px solid var(--shotai-border);
  border-radius: 22px;
  background: var(--shotai-surface);
  box-shadow: var(--shotai-shadow);
  padding: clamp(24px, 3.2vw, 46px);
}
html.codex-shotai-design #content[data-postid="326"] #main_content > .l-mainContent__inner {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding: 0;
}
html.codex-shotai-design :where(.c-postTitle__ttl, h1.c-pageTitle, .p-termHead__title) {
  color: var(--shotai-ink);
  font-size: clamp(26px, 3.2vw, 42px);
  line-height: 1.42;
  letter-spacing: 0;
  text-wrap: balance;
}
html.codex-shotai-design .c-pageTitle__subTitle {
  display: none;
}
html.codex-shotai-design .p-articleHead,
html.codex-shotai-design .c-pageTitle,
html.codex-shotai-design .p-termHead {
  margin-bottom: clamp(24px, 3vw, 38px);
}
html.codex-shotai-design .p-termHead {
  border: 1px solid var(--shotai-border);
  border-radius: var(--shotai-radius);
  background: linear-gradient(135deg, #fff, var(--shotai-primary-soft));
  padding: clamp(20px, 3vw, 34px);
}
html.codex-shotai-design .post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)) {
  margin-top: 3.2em;
  border: 1px solid var(--shotai-border) !important;
  border-left: 6px solid var(--shotai-accent) !important;
  border-radius: 12px;
  background: linear-gradient(110deg, #fff, #f4f9fb) !important;
  box-shadow: 0 5px 16px rgba(14, 45, 62, .06);
  color: var(--shotai-ink) !important;
  padding: .82em 1em !important;
  font-size: clamp(21px, 2.2vw, 29px) !important;
  line-height: 1.48 !important;
}
html.codex-shotai-design .post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title))::before {
  display: none !important;
}
html.codex-shotai-design .post_content h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)) {
  margin-top: 2.4em;
  border: 0 !important;
  border-left: 4px solid var(--shotai-primary) !important;
  border-radius: 0 9px 9px 0;
  background: var(--shotai-primary-soft);
  color: var(--shotai-ink);
  padding: .7em .9em !important;
  font-size: clamp(18px, 1.8vw, 23px) !important;
  line-height: 1.5 !important;
}
html.codex-shotai-design .post_content h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title))::before {
  display: none !important;
}
html.codex-shotai-design .post_content :where(p, li, dd) {
  color: var(--shotai-ink);
}
html.codex-shotai-design .post_content :where(figure > img, p > img, .wp-block-image img) {
  border-radius: 12px;
}
html.codex-shotai-design .post_content :where(blockquote, .is-style-border_sm, .is-style-border_sg) {
  border-color: var(--shotai-border);
  border-radius: 12px;
  background: #f8fafb;
}
html.codex-shotai-design .post_content :where(input, select, textarea),
html.codex-shotai-design .searchform :where(input, button) {
  min-height: 48px;
  border-color: #bccbd4;
  border-radius: 10px;
  background: #fff;
}
html.codex-shotai-design .post_content a[style*="display:inline-block"][style*="background"] {
  display: inline-flex !important;
  min-height: 48px;
  max-width: 100%;
  align-items: center;
  justify-content: center;
  line-height: 1.45 !important;
  text-align: center;
  box-shadow: 0 7px 18px rgba(14, 45, 62, .13);
}
html.codex-shotai-design .c-shareBtns__btn,
html.codex-shotai-design :where(.page-numbers, .p-toc__expandBtn) {
  min-width: 44px;
  min-height: 44px;
}
html.codex-shotai-design code.codex-shotai-copy-code {
  position: relative;
  cursor: copy;
  transition: box-shadow .18s ease, transform .18s ease;
}
html.codex-shotai-design code.codex-shotai-copy-code:hover {
  box-shadow: 0 0 0 4px rgba(232, 166, 42, .2);
  transform: translateY(-1px);
}
html.codex-shotai-design code.codex-shotai-copy-code[data-copied="1"]::after {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 8px);
  transform: translateX(-50%);
  border-radius: 999px;
  background: var(--shotai-primary-strong);
  color: #fff;
  content: "コピーしました";
  padding: 5px 10px;
  font-family: system-ui, sans-serif;
  font-size: 12px;
  letter-spacing: 0;
  white-space: nowrap;
}
html.codex-shotai-design #main_content .p-postList.-type-card {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
html.codex-shotai-design #main_content .p-postList.-type-card > .p-postList__item {
  width: 100%;
  margin: 0;
}
html.codex-shotai-design #main_content .p-postList.-type-card .p-postList__link {
  height: 100%;
  overflow: hidden;
  border: 1px solid var(--shotai-border);
  border-radius: 15px;
  background: #fff;
  box-shadow: 0 5px 18px rgba(14, 45, 62, .06);
  padding: 12px;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
html.codex-shotai-design #main_content .p-postList.-type-card .p-postList__link:hover {
  border-color: rgba(11, 80, 102, .42);
  box-shadow: 0 12px 26px rgba(14, 45, 62, .12);
  transform: translateY(-2px);
}
html.codex-shotai-design #main_content .p-postList__title {
  color: var(--shotai-ink);
  font-size: 16px;
  line-height: 1.55;
}
html.codex-shotai-design #main_content .p-postList__excerpt {
  display: -webkit-box;
  overflow: hidden;
  color: var(--shotai-muted);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.65;
}
html.codex-shotai-design #main_content .p-postList__thumb {
  box-shadow: none;
}
html.codex-shotai-design .shz-hero {
  border-radius: 18px;
  background: linear-gradient(135deg, #123f61, #1f5f86);
  box-shadow: 0 16px 34px rgba(14, 45, 62, .14);
}
html.codex-shotai-design .shz-category {
  overflow: hidden;
  border-radius: 14px;
  box-shadow: 0 7px 22px rgba(14, 45, 62, .06);
}
html.codex-shotai-design .shz-category a {
  min-height: 88px;
  transition: background .18s ease, transform .18s ease;
}
html.codex-shotai-design .shz-category a:hover {
  background: #f3f8fa;
  transform: translateY(-1px);
}
html.codex-shotai-design .shz-row {
  border-radius: 8px;
  padding-inline: 10px;
  transition: background .16s ease;
}
html.codex-shotai-design .shz-row:hover {
  background: #f3f8fa;
}
html.codex-shotai-design .l-footer {
  margin-top: clamp(64px, 8vw, 110px);
  border-top: 1px solid var(--shotai-border);
  background: #eaf0f3;
}
html.codex-shotai-design .l-footer__widgetArea {
  padding-block: clamp(36px, 5vw, 64px);
}
html.codex-shotai-design .l-footer .c-widget__title.-footer {
  color: var(--shotai-primary-strong);
  font-size: 17px;
  font-weight: 800;
}
html.codex-shotai-design .l-footer .widget_swell_new_posts .p-postList__item:nth-child(n+5),
html.codex-shotai-design .l-footer .codex-swell-popular-item:nth-child(n+6) {
  display: none !important;
}
html.codex-shotai-design .l-footer .widget_swell_new_posts .p-postList {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
html.codex-shotai-design .l-footer .widget_swell_new_posts .p-postList__item {
  width: 100%;
  margin: 0;
}
html.codex-shotai-design .l-footer .widget_swell_new_posts .p-postList__link {
  height: 100%;
  border-radius: 12px;
  background: rgba(255, 255, 255, .8);
  padding: 8px;
}
html.codex-shotai-design .l-footer .codex-swell-popular-link {
  min-height: 64px;
}
html.codex-shotai-design .l-footer__foot {
  background: var(--shotai-primary-strong);
  color: #fff;
}
@media (max-width: 959px) {
  html.codex-shotai-design .l-header__inner {
    min-height: 58px;
  }
  html.codex-shotai-design .l-header .c-headLogo__img {
    max-height: 34px;
  }
  html.codex-shotai-design #main_content > .l-mainContent__inner {
    border-radius: 16px;
    padding: 22px 18px;
  }
}
@media (max-width: 599px) {
  html.codex-shotai-design {
    scroll-padding-top: 72px;
  }
  html.codex-shotai-design #content {
    padding-top: 24px;
  }
  html.codex-shotai-design :where(.c-postTitle__ttl, h1.c-pageTitle, .p-termHead__title) {
    font-size: 24px;
    line-height: 1.5;
  }
  html.codex-shotai-design .post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)) {
    margin-top: 2.7em;
    padding: .78em .82em !important;
    font-size: 20px !important;
  }
  html.codex-shotai-design .post_content h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)) {
    font-size: 18px !important;
  }
  html.codex-shotai-design #main_content .p-postList.-type-card {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  html.codex-shotai-design #main_content .p-postList.-type-card .p-postList__link {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    min-height: 104px;
    padding: 10px;
  }
  html.codex-shotai-design #main_content .p-postList.-type-card .p-postList__thumb {
    width: 112px;
    margin: 0;
  }
  html.codex-shotai-design #main_content .p-postList__title {
    font-size: 14px;
    line-height: 1.5;
  }
  html.codex-shotai-design #main_content .p-postList__excerpt {
    display: none;
  }
  html.codex-shotai-design #main_content .p-postList__meta {
    margin-top: 5px;
    font-size: 11px;
  }
  html.codex-shotai-design .shz-category small {
    font-size: 12px;
    line-height: 1.55;
  }
  html.codex-shotai-design .shz-category b,
  html.codex-shotai-design .shz-state {
    font-size: 12px;
  }
  html.codex-shotai-design .shz-copy strong {
    font-size: 15px;
  }
  html.codex-shotai-design .l-footer .w-footer {
    gap: 34px;
  }
  html.codex-shotai-design .l-footer__widgetArea {
    padding-block: 30px;
  }
  html.codex-shotai-design .l-footer .widget_swell_new_posts .p-postList__item:nth-child(n+4) {
    display: none !important;
  }
  html.codex-shotai-design .l-footer .widget_swell_new_posts .p-postList__link {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    min-height: 74px;
    padding: 6px;
  }
  html.codex-shotai-design .l-footer .widget_swell_new_posts .p-postList {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  html.codex-shotai-design .l-footer .widget_swell_new_posts .p-postList__thumb {
    width: 72px;
    margin: 0;
  }
  html.codex-shotai-design .l-footer .widget_swell_new_posts .p-postList__title {
    font-size: 13px;
    line-height: 1.45;
  }
  html.codex-shotai-design .l-footer .widget_categories ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2px 14px;
  }
  html.codex-shotai-design .l-footer .widget_categories li {
    margin: 0;
  }
  html.codex-shotai-design .l-footer .codex-swell-popular-media {
    width: 76px !important;
  }
  html.codex-shotai-design .l-footer .codex-swell-popular-link {
    grid-template-columns: 24px 76px minmax(0, 1fr) !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  html.codex-shotai-design *,
  html.codex-shotai-design *::before,
  html.codex-shotai-design *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}


        .comment-form-author, 
        .comment-form-email, 
        .comment-form-url { 
            display: none !important; 
        }

.shz-category a small{color:#596b7c!important}.shz-safety a span{color:#53697c!important}