/* sd-site-design（サンバコ）— 生成物。⛔直接編集しない。正は 収益化記事/公開基盤/site_design/ */
:root{--sd-brand:#37474F}


:root{

  --swl-fz--content: 16px;
}

#main_content .post_content,
.post_content{ font-size: var(--swl-fz--content, 16px); }

.post_content p:empty{ display: none; }

.l-header .c-gnav > li > a::after,
.l-fixHeader .c-gnav > li > a::after{ left: 12px; right: 12px; width: auto; top: calc(50% + .9em); bottom: auto; }

#body_wrap:not(.home) .l-header .l-header__inner,
#body_wrap:not(.home) .l-fixHeader .l-fixHeader__inner{ max-width: calc(var(--container_size, 1200px) + var(--swl-pad_container, 48px) * 2); padding-inline: var(--swl-pad_container, 48px); }
.home .l-content{ margin-bottom: 0; }

.post_content h2{ font-size: 24px; margin: 96px 0 24px; }
.post_content h3{ font-size: 20px; margin: 64px 0 24px; }
.post_content h4{ font-size: 18px; margin: 32px 0 16px; }

.post_content h2:first-child,
.post_content h3:first-child{ margin-top: 0; }

.post_content [class*="-box"] h2,
.post_content [class*="-box"] h3,
.post_content [class*="-box"] h4{ margin: 0 0 12px; }

.post_content .qa-card{ padding-inline: 16px; }
.post_content .qa-card > h3{ margin: 0 -16px 12px; padding-inline: 16px; }

.post_content .box-heading{ font-size: 18px; }
.post_content .sec-heading{ font-size: 20px; }
.post_content .src-note{ font-size: 14px; }

.post_content .sd-l-tablewrap{
  overflow-x: auto;
  margin: 16px 0;
}

.post_content .sd-c-table{
  width: 100%;
  border-collapse: collapse;
}

.post_content .sd-c-table__cell--strong{ font-weight: 700; }

.post_content .sd-c-box__title{
  font-weight: 700;
  margin: 0 0 8px;
}
.post_content .sd-c-box__list{
  margin: 8px 0 0;
  padding-left: 20px;
}
.post_content .sd-c-box__list:first-child{ margin-top: 0; }

.post_content table th,
.post_content table td{
  font-size: 14px;
  padding: 8px 12px;
}

.post_content table tbody tr:nth-child(even) td{
  background-color: #f4f7f9;
}

.post_content figure.wp-block-table{ overflow-x: auto; }

@media (max-width: 767px){

  .post_content table th,
  .post_content table td{
    white-space: normal;
    padding: 8px;
  }

  .post_content h2{ margin-top: 64px; }
  .post_content h3{ margin-top: 48px; }
}

:root{

  --sd-brand:   #37474F;
  --sd-brand-d: #2c3940;
  --sd-ink:     #222222;
  --sd-muted:   #546e7a;

  --sd-surface-1: #ffffff;
  --sd-surface-2: #f2f5f7;
  --sd-surface-3: #37474F;
  --sd-line:      #dfe6ea;

  --sd-sp-1: 4px;
  --sd-sp-2: 8px;
  --sd-sp-3: 12px;
  --sd-sp-4: 16px;
  --sd-sp-5: 24px;
  --sd-sp-6: 32px;
  --sd-sp-7: 48px;
  --sd-sp-8: 64px;
  --sd-sp-9: 96px;

  --sd-container-half: 434px;

  --sd-radius-s: 8px;
  --sd-radius-m: 16px;
  --sd-radius-pill: 100px;

  --sd-shadow:   0 2px 14px rgba(0, 0, 0, .08);
  --sd-shadow-h: 0 8px 24px rgba(0, 0, 0, .12);

  --sd-font-en: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --sd-ease: cubic-bezier(.2, .8, .2, 1);
}

body{ background: var(--sd-surface-1); }

#main_content .post_content,
.post_content{ color: var(--sd-ink); }
.post_content a{ color: var(--sd-brand); }
.post_content a:not([class]):hover{ color: var(--sd-brand-d); }

:root{
  --sd-sh-ink:   #222;
  --sd-sh-muted: #50585e;
  --sd-sh-line:  #d5dade;
  --sd-sh-gray:  #f1f3f4;
  --sd-sh-pale:  #e6eef2;
  --sd-sh-ai:    #37474f;
  --sd-sh-deep:  #2c3b43;
}

.l-header__bar{ display: none; }

.l-header{ background: var(--sd-surface-1); }
.l-header__inner{ padding-inline: var(--sd-sp-6); }

.c-gnav > li > a{ color: var(--sd-brand); }
.c-gnav > li > a .ttl{ font-size: 16px; font-weight: 700; letter-spacing: .02em; }

.c-gnav > li.sd-c-navbtn{ margin-left: var(--sd-sp-3); }
.c-gnav > li.sd-c-navbtn > a{
  height: 44px;
  margin-block: 14px;
  padding-inline: var(--sd-sp-5);
  border-radius: var(--sd-radius-pill);
  background: var(--sd-brand);
  color: #fff;
  transition: background-color .2s var(--sd-ease);
}
.c-gnav > li.sd-c-navbtn > a::after{ content: none; }
.c-gnav > li.sd-c-navbtn > a:hover{ background: var(--sd-brand-d); }

.p-breadcrumb.-bg-on{ background: transparent; }
.p-breadcrumb{ font-size: 14px; color: var(--sd-muted); }

.l-content .l-mainContent .c-pageTitle{
  border-bottom: 0;
  padding-bottom: 0;
  color: var(--sd-brand);
  font-size: 28px;
  letter-spacing: .04em;
  line-height: 1.5;
}
.l-content .l-mainContent .c-pageTitle::before,
.l-content .l-mainContent .c-pageTitle::after{ content: none; }

.l-content .l-mainContent .c-pageTitle__inner{ border-bottom: 0; padding-bottom: 0; }

.l-content .l-mainContent .c-pageTitle + .post_content{ margin-top: var(--sd-sp-5); }

.l-footer{ background: var(--sd-surface-2); color: var(--sd-ink); }
.l-footer__inner{ padding-block: var(--sd-sp-7) var(--sd-sp-6); }
.l-footer__nav a{ color: var(--sd-brand); }
.l-footer .copyright{ color: var(--sd-muted); font-size: 14px; }

@media (max-width: 767px){
  .l-content .l-mainContent .c-pageTitle{ font-size: 24px; }
}

.sd-l-band{
  position: relative;
  width: auto;
  margin: var(--sd-sp-9) calc(50% - 50vw) 0;

  padding: calc(var(--sd-sp-9) + var(--sd-sp-6)) max(var(--sd-sp-5), calc(50vw - var(--sd-container-half))) calc(var(--sd-sp-8) + var(--sd-sp-7));
  background: var(--sd-surface-2);
}
.sd-l-band::before,
.sd-l-band::after{
  content: "";
  position: absolute;
  left: -10%;
  width: 120%;
  height: 64px;
  background: var(--sd-surface-1);
  pointer-events: none;
}

.sd-l-band::before{ top: -1px; border-radius: 0 0 40% 60% / 0 0 32px 64px; }

.sd-l-band::after{ bottom: -1px; border-radius: 60% 40% 0 0 / 64px 32px 0 0; }

.sd-l-band > .wp-block-heading:first-child,
.sd-l-band > .sd-c-eyebrow + .wp-block-heading{ margin-top: 0; }

.sd-l-band + *{ margin-top: var(--sd-sp-9); }

@media (max-width: 767px){
  .sd-l-band{
    margin-top: var(--sd-sp-8);
    padding: calc(var(--sd-sp-8) + var(--sd-sp-6)) var(--sd-sp-5) calc(var(--sd-sp-7) + var(--sd-sp-6));
  }
  .sd-l-band::before,
  .sd-l-band::after{ height: 32px; }
  .sd-l-band::before{ border-radius: 0 0 40% 60% / 0 0 16px 32px; }
  .sd-l-band::after{ border-radius: 60% 40% 0 0 / 32px 16px 0 0; }
  .sd-l-band + *{ margin-top: var(--sd-sp-8); }
}

#body_wrap.home .l-header .l-header__inner,
#body_wrap.home .l-fixHeader .l-fixHeader__inner{ max-width: 964px; padding-inline: 32px; }

.sd-c-eyebrow{
  display: block;
  margin: 0 0 var(--sd-sp-1);
  font-family: var(--sd-font-en);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .08em;
  line-height: 1.6;
  color: var(--sd-brand);
}

.post_content .sd-c-numlist{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--sd-sp-6) var(--sd-sp-5);
  margin: var(--sd-sp-6) 0 0;
  padding: 0;
  list-style: none;
}
.post_content .sd-c-numlist__item{ display: flex; flex-direction: column; margin: 0; padding: 0; }
.sd-c-numlist__num{
  font-family: var(--sd-font-en);
  font-size: 40px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.02em;
  color: var(--sd-brand);
  margin-bottom: var(--sd-sp-3);
}
.sd-c-numlist__title{
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  color: var(--sd-brand);
  margin-bottom: var(--sd-sp-2);
}
.sd-c-numlist__text{ font-size: 16px; line-height: 1.8; color: var(--sd-ink); }

@media (max-width: 767px){
  .post_content .sd-c-numlist{ grid-template-columns: 1fr; gap: var(--sd-sp-5); }
}

.post_content .sb-card .sd-c-card-photo{
  display: block;
  aspect-ratio: 3 / 2;

  margin: calc(-1 * var(--sd-sp-5)) calc(-1 * var(--sd-sp-5)) var(--sd-sp-4);
  border-radius: var(--sd-radius-s) var(--sd-radius-s) 0 0;
  background-color: var(--sd-surface-2);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.sd-c-card-photo--mojisu{ background-image: url("/wp-content/uploads/2026/09/sanbako_mojisu.jpg"); }
.sd-c-card-photo--shohizei{ background-image: url("/wp-content/uploads/2026/09/sanbako_shohizei.jpg"); }
.sd-c-card-photo--seireki{ background-image: url("/wp-content/uploads/2026/09/sanbako_seireki.jpg"); }
.sd-c-card-photo--nissu{ background-image: url("/wp-content/uploads/2026/09/sanbako_nissu.jpg"); }
.sd-c-card-photo--jikan{ background-image: url("/wp-content/uploads/2026/09/sanbako_jikan.jpg"); }
.sd-c-card-photo--nenrei{ background-image: url("/wp-content/uploads/2026/09/sanbako_nenrei.jpg"); }
.sd-c-card-photo--scene{ background-image: url("/wp-content/uploads/2026/09/sanbako_scene.jpg"); }

.post_content .sb-hero .sb-card.is-hero{
  display: grid;
  grid-template-columns: 2fr 3fr;
  grid-template-rows: auto 1fr;
  column-gap: var(--sd-sp-6);
}
.post_content .sb-hero .sb-card.is-hero .sd-c-card-photo{
  grid-row: 1 / 3;
  grid-column: 1;
  aspect-ratio: 3 / 2;
  margin: 0;
  border-radius: var(--sd-radius-s);
  align-self: start;
}
.post_content .sb-hero .sb-card.is-hero .sb-card-title,
.post_content .sb-hero .sb-card.is-hero .sb-card-desc{ grid-column: 2; }

@media (max-width: 767px){
  .post_content .sb-hero .sb-card.is-hero{ display: block; }
  .post_content .sb-hero .sb-card.is-hero .sd-c-card-photo{
    aspect-ratio: 3 / 2;
    margin: calc(-1 * var(--sd-sp-5)) calc(-1 * var(--sd-sp-5)) var(--sd-sp-4);
    border-radius: var(--sd-radius-m) var(--sd-radius-m) 0 0;
  }
}

.post_content .sd-c-shbtn{ display: inline-flex; align-items: center; justify-content: center; gap: var(--sd-sp-3); min-width: 240px; min-height: 56px; box-sizing: border-box; padding: var(--sd-sp-2) var(--sd-sp-6); border: 2px solid var(--sd-sh-ai); border-radius: 4px; background: #fff; color: var(--sd-sh-ai); font-size: 16px; font-weight: 700; line-height: 1.5; text-decoration: none; white-space: nowrap;
  transition: background-color .2s var(--sd-ease), border-color .2s var(--sd-ease), color .2s var(--sd-ease), transform .2s var(--sd-ease), box-shadow .2s var(--sd-ease); }
.post_content .sd-c-shbtn::after{ content: ""; flex: none; width: 16px; height: 16px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8h10M9 4l4 4-4 4' fill='none' stroke='%2337474F' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat; transition: transform .2s var(--sd-ease); }
.post_content .sd-c-shbtn--fill{ background: var(--sd-sh-ai); color: #fff; }
.post_content .sd-c-shbtn--fill::after{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8h10M9 4l4 4-4 4' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.post_content .sd-c-shbtn:hover, .post_content .sd-c-shbtn:focus-visible{ border-color: var(--sd-sh-deep); background: var(--sd-sh-deep); color: #fff; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(38, 50, 56, .22); }
.post_content .sd-c-shbtn:hover::after, .post_content .sd-c-shbtn:focus-visible::after{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8h10M9 4l4 4-4 4' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); transform: translateX(3px); }
.post_content .sd-c-shbtn:focus-visible{ outline: 2px solid var(--sd-sh-ai); outline-offset: 3px; }
@media (max-width: 767px){
  .post_content .sd-c-shbtn{ width: 100%; min-width: 0; }
}
@media (prefers-reduced-motion: reduce){
  .post_content .sd-c-shbtn, .post_content .sd-c-shbtn::after{ transition: none; }
  .post_content .sd-c-shbtn:hover, .post_content .sd-c-shbtn:focus-visible, .post_content .sd-c-shbtn:hover::after{ transform: none; }
}

.home .l-content{ margin-bottom: 0; }
.home .p-mainVisual{ display: none; }
#body_wrap.home .l-content{ padding-top: 0; }

#body_wrap.home .l-header .l-header__inner, #body_wrap.home .l-fixHeader .l-fixHeader__inner{ max-width: 1140px; padding-inline: var(--sd-sp-5); }
.-frame-on #body_wrap.home .l-mainContent, #body_wrap.home.-frame-on .l-mainContent{ padding-block: 0; }
.post_content .sd-p-front__bleed{ width: auto; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
.post_content .sd-p-sh-sect{ position: relative; margin-block: 0; padding-block: 0 var(--sd-sp-5); background: #fff; color: var(--sd-sh-ink); word-break: auto-phrase; text-wrap: pretty; }
.post_content .sd-p-sh-sect--hero{ padding-top: var(--sd-sp-5); }
.post_content .sd-p-sh-sect--tools{ padding-block: var(--sd-sp-8) var(--sd-sp-7); }
.post_content .sd-p-sh-sect--note{ padding-bottom: var(--sd-sp-8); }
.post_content .sd-p-sh-wrap{ position: relative; max-width: 1140px; margin: 0 auto; padding-inline: var(--sd-sp-5); box-sizing: border-box; }
.post_content .sd-p-sh-sect ul, .post_content .sd-p-sh-sect ol{ margin: 0; padding: 0; list-style: none; }
.post_content .sd-p-sh-sect li{ margin: 0; padding: 0; list-style: none; }
.post_content .sd-p-sh-sect li::before{ content: none; }
.post_content .sd-p-sh-nb{ display: inline-block; }
.sd-p-sh-tile__ph, .sd-p-sh-hero{ background-color: #dfe4e7; background-position: center; background-size: cover; background-repeat: no-repeat; }
.sd-p-sh-ph--mojisu{ background-image: url("/wp-content/uploads/2026/09/sanbako_mojisu.jpg"); }
.sd-p-sh-ph--shohizei{ background-image: url("/wp-content/uploads/2026/09/sanbako_shohizei.jpg"); }
.sd-p-sh-ph--seireki{ background-image: url("/wp-content/uploads/2026/09/sanbako_seireki.jpg"); }
.sd-p-sh-ph--nissu{ background-image: url("/wp-content/uploads/2026/09/sanbako_nissu.jpg"); }
.sd-p-sh-ph--jikan{ background-image: url("/wp-content/uploads/2026/09/sanbako_jikan.jpg"); }
.sd-p-sh-ph--nenrei{ background-image: url("/wp-content/uploads/2026/09/sanbako_nenrei.jpg"); }
.sd-p-sh-ph--scene{ background-image: url("/wp-content/uploads/2026/09/sanbako_scene.jpg"); }

.sd-p-sh-ic{ display: inline-block; flex: none; width: 32px; height: 32px; background-color: currentColor; -webkit-mask: var(--sd-sh-icon) center/100% 100% no-repeat; mask: var(--sd-sh-icon) center/100% 100% no-repeat; }
.sd-p-sh-ic--text{ --sd-sh-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16M4 10h16M4 15h10M4 20h7'/%3E%3C/svg%3E"); }
.sd-p-sh-ic--check{ --sd-sh-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12l5 5L20 6'/%3E%3C/svg%3E"); }
.sd-p-sh-ic--yen{ --sd-sh-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3l6 8 6-8M12 11v10M7 13h10M7 17h10'/%3E%3C/svg%3E"); }
.sd-p-sh-ic--cal{ --sd-sh-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16v14H4zM4 10h16M8 3v5M16 3v5'/%3E%3C/svg%3E"); }
.sd-p-sh-ic--days{ --sd-sh-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16v14H4zM4 10h16M8 3v5M16 3v5M8 15h8'/%3E%3C/svg%3E"); }
.sd-p-sh-ic--clock{ --sd-sh-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7v5l3.5 2'/%3E%3C/svg%3E"); }
.sd-p-sh-ic--person{ --sd-sh-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1-4.5 4-7 8-7s7 2.5 8 7'/%3E%3C/svg%3E"); }
.sd-p-sh-ic--scene{ --sd-sh-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v14H4zM8 9h8M8 13h8M8 17h5'/%3E%3C/svg%3E"); }
.sd-p-sh-ic--shield{ --sd-sh-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6z'/%3E%3C/svg%3E"); }
.sd-p-sh-ic--list{ --sd-sh-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6h11M9 12h11M9 18h11M4 6h.01M4 12h.01M4 18h.01'/%3E%3C/svg%3E"); }
.sd-p-sh-ic--link{ --sd-sh-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 14a4 4 0 0 0 6 0l3-3a4 4 0 0 0-6-6l-1 1M14 10a4 4 0 0 0-6 0l-3 3a4 4 0 0 0 6 6l1-1'/%3E%3C/svg%3E"); }
.post_content .sd-p-sh-en{ margin: 0 0 var(--sd-sp-2); color: var(--sd-sh-ai); font-size: 14px; font-weight: 700; line-height: 1.5; letter-spacing: .12em; text-transform: uppercase; }
.post_content .sd-p-sh-ttl{ display: flex; align-items: center; gap: var(--sd-sp-3); margin: 0 0 var(--sd-sp-4); color: var(--sd-sh-ink); font-size: 32px; font-weight: 700; line-height: 1.45; letter-spacing: .02em; }
.post_content .sd-p-sh-lead{ margin: 0 0 var(--sd-sp-6); color: var(--sd-sh-ink); font-size: 16px; line-height: 1.8; }

.post_content .sd-p-sh-hero{ display: flex; align-items: center; min-height: 400px; box-sizing: border-box; padding: var(--sd-sp-8) var(--sd-sp-7);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, .92) 0%, rgba(255, 255, 255, .86) 40%, rgba(255, 255, 255, 0) 64%), url("/wp-content/uploads/2026/09/sanbako_hero-1536x864.jpg"); background-color: #eef1f3; background-position: center, right center; }
.post_content .sd-p-sh-hero__body{ max-width: 520px; }
.post_content .sd-p-sh-hero__ttl{ margin: 0 0 var(--sd-sp-4); color: var(--sd-sh-ink); font-size: 40px; font-weight: 700; line-height: 1.45; letter-spacing: .02em; font-feature-settings: "palt"; }
.post_content .sd-p-sh-hero__txt{ margin: 0 0 var(--sd-sp-6); color: var(--sd-sh-ink); font-size: 16px; line-height: 1.8; }

.post_content .sd-p-sh-panels{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sd-sp-5); }
.post_content .sd-p-sh-panel{ position: relative; display: flex; flex-direction: column; gap: var(--sd-sp-3); box-sizing: border-box; padding: var(--sd-sp-7) var(--sd-sp-7) var(--sd-sp-9); background: var(--sd-sh-ai); color: #fff; text-decoration: none; }
.post_content .sd-p-sh-panel--deep{ background: var(--sd-sh-deep); padding-bottom: var(--sd-sp-7); }
.post_content .sd-p-sh-panel--deep .sd-p-sh-panel__ttl{ font-size: 24px; }
.sd-p-sh-panel__ph{ display: block; aspect-ratio: 16 / 9; margin-top: var(--sd-sp-3); background-color: #dfe4e7; background-position: center; background-size: cover; }
.post_content .sd-p-sh-panel__ttl{ display: flex; align-items: center; gap: var(--sd-sp-3); margin: 0 0 var(--sd-sp-2); color: #fff; font-size: 32px; font-weight: 700; line-height: 1.4; }
.sd-p-sh-panel__sub{ align-self: flex-start; padding: 2px var(--sd-sp-3); border: 1px solid #fff; color: #fff; font-size: 14px; font-weight: 700; line-height: 1.6; }
.sd-p-sh-panel__txt, .post_content .sd-p-sh-panel__txt{ margin: 0; color: #fff; font-size: 16px; line-height: 1.8; }
.post_content .sd-p-sh-panel__pts{ display: flex; flex-direction: column; gap: var(--sd-sp-3); }
.post_content .sd-p-sh-panel__pts li{ position: relative; padding-left: var(--sd-sp-5); color: #fff; font-size: 14px; line-height: 1.8; }
.post_content .sd-p-sh-panel__pts li::before{ content: ""; position: absolute; left: 0; top: .7em; width: 8px; height: 8px; border-radius: 50%; background: #fff; }
.post_content .sd-p-sh-panel__pts strong{ display: block; color: #fff; font-size: 16px; }
.post_content .sd-p-sh-panel__link{ align-self: flex-start; margin-top: var(--sd-sp-2); color: #fff; font-size: 16px; font-weight: 700; text-decoration: underline; text-underline-offset: 5px; }
.post_content .sd-p-sh-panel__link:hover, .post_content .sd-p-sh-panel__link:focus-visible{ color: #fff; text-decoration-thickness: 2px; }
.sd-p-sh-go{ position: absolute; right: var(--sd-sp-6); bottom: var(--sd-sp-6); width: 40px; height: 40px; border-radius: 50%; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8h10M9 4l4 4-4 4' fill='none' stroke='%2337474F' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat; transition: transform .2s var(--sd-ease); }
.post_content .sd-p-sh-panel--link:hover, .post_content .sd-p-sh-panel--link:focus-visible{ background: var(--sd-sh-deep); color: #fff; }
.post_content .sd-p-sh-panel--link:hover .sd-p-sh-go, .post_content .sd-p-sh-panel--link:focus-visible .sd-p-sh-go{ transform: translateX(4px); }
.post_content .sd-p-sh-panel--link:hover .sd-p-sh-panel__ttl span{ text-decoration: underline; text-underline-offset: 6px; }

.post_content .sd-p-sh-sect .sd-p-sh-tiles{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sd-sp-5); }
.post_content .sd-p-sh-tile{ display: grid; grid-template-columns: minmax(0, 1fr) 96px; height: 100%; overflow: hidden; background: var(--sd-sh-gray); color: var(--sd-sh-ink); text-decoration: none; transition: background-color .2s var(--sd-ease); }
.sd-p-sh-tile__body{ display: flex; flex-direction: column; gap: var(--sd-sp-2); padding: var(--sd-sp-5); }
.sd-p-sh-tile__ttl{ display: flex; align-items: center; gap: var(--sd-sp-2); font-size: 20px; font-weight: 700; line-height: 1.4; }
.sd-p-sh-tile__ttl .sd-p-sh-ic{ width: 28px; height: 28px; color: var(--sd-sh-ai); }
.sd-p-sh-tile__txt{ color: var(--sd-sh-muted); font-size: 14px; line-height: 1.7; }
.sd-p-sh-tile__go{ margin-top: auto; padding-top: var(--sd-sp-2); color: var(--sd-sh-ai); font-size: 14px; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.sd-p-sh-tile__ph{ display: block; height: 100%; min-height: 160px; transition: transform .3s var(--sd-ease); }
.post_content .sd-p-sh-tile:hover, .post_content .sd-p-sh-tile:focus-visible{ background: var(--sd-sh-pale); }
.post_content .sd-p-sh-tile:hover .sd-p-sh-tile__ph{ transform: scale(1.05); }
.post_content .sd-p-sh-tile:hover .sd-p-sh-tile__go{ color: var(--sd-sh-deep); text-decoration-thickness: 2px; }

.post_content .sd-p-sh-pale{ padding: var(--sd-sp-7); background: var(--sd-sh-pale); }
.post_content .sd-p-sh-pale .sd-p-sh-ttl .sd-p-sh-ic, .post_content .sd-p-sh-box .sd-p-sh-ttl .sd-p-sh-ic{ color: var(--sd-sh-ai); }
.post_content .sd-p-sh-sect .sd-p-sh-row{ display: grid; grid-template-columns: 64px 280px minmax(0, 1fr); align-items: center; gap: var(--sd-sp-5); padding: var(--sd-sp-4) 0; border-bottom: 1px solid var(--sd-sh-line); }
.post_content .sd-p-sh-sect .sd-p-sh-row:last-child{ border-bottom: 0; }
.sd-p-sh-row__n{ padding: 2px 0; background: var(--sd-sh-ai); color: #fff; font-size: 14px; font-weight: 700; text-align: center; font-feature-settings: "tnum"; }
.sd-p-sh-row__ttl{ font-size: 16px; font-weight: 700; line-height: 1.6; }
.sd-p-sh-row__txt{ color: var(--sd-sh-ink); font-size: 14px; line-height: 1.7; }

.post_content .sd-p-sh-scene{ display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: var(--sd-sp-5); }
.post_content .sd-p-sh-box{ box-sizing: border-box; padding: var(--sd-sp-7); border: 1px solid var(--sd-sh-line); background: #fff; }
.post_content .sd-p-sh-box--gray{ border-color: var(--sd-sh-gray); background: var(--sd-sh-gray); }
.post_content .sd-p-sh-box__ttl{ display: flex; align-items: center; gap: var(--sd-sp-2); margin: 0 0 var(--sd-sp-4); color: var(--sd-sh-ink); font-size: 20px; font-weight: 700; line-height: 1.5; }
.post_content .sd-p-sh-box__ttl .sd-p-sh-ic{ width: 28px; height: 28px; color: var(--sd-sh-ai); }
.post_content .sd-p-sh-box p:not([class]){ margin: 0 0 var(--sd-sp-3); color: var(--sd-sh-ink); font-size: 16px; line-height: 1.8; }
.post_content .sd-p-sh-table{ width: 100%; margin: 0; border-collapse: collapse; border: 0; font-size: 14px; line-height: 1.6; }
.post_content .sd-p-sh-table th{ padding: var(--sd-sp-2) var(--sd-sp-3); border: 0; background: var(--sd-sh-ai); color: #fff; font-weight: 700; text-align: left; }
.post_content .sd-p-sh-table td{ padding: var(--sd-sp-2) var(--sd-sp-3); border: 0; border-bottom: 1px solid var(--sd-sh-line); background: #fff; color: var(--sd-sh-ink); }
.post_content .sd-p-sh-table td:last-child{ width: 40%; word-break: keep-all; }

.post_content .sd-p-sh-note{ margin: 0; padding: var(--sd-sp-4) var(--sd-sp-5); background: var(--sd-sh-gray); color: var(--sd-sh-muted); font-size: 14px; line-height: 1.8; }

@media (max-width: 899px){
  .post_content .sd-p-sh-sect .sd-p-sh-tiles{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .post_content .sd-p-sh-scene{ grid-template-columns: minmax(0, 1fr); }
  .post_content .sd-p-sh-sect .sd-p-sh-row{ grid-template-columns: 64px minmax(0, 1fr); }
  .sd-p-sh-row__txt{ grid-column: 2; }
}
@media (max-width: 767px){
  .post_content .sd-p-sh-wrap{ padding-inline: var(--sd-sp-4); }
  .post_content .sd-p-sh-sect{ padding-bottom: var(--sd-sp-4); }
  .post_content .sd-p-sh-sect--hero{ padding-top: 0; }
  .post_content .sd-p-sh-sect--hero .sd-p-sh-wrap{ padding-inline: 0; }
  .post_content .sd-p-sh-hero{ align-items: flex-end; min-height: 0; padding: 168px var(--sd-sp-4) var(--sd-sp-6);
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .9) 168px, rgba(255, 255, 255, .94) 100%), url("/wp-content/uploads/2026/09/sanbako_hero-1536x864.jpg"); background-position: center, 70% top; background-size: auto, auto 260px; }
  .post_content .sd-p-sh-hero__ttl{ font-size: 28px; }
  .post_content .sd-p-sh-hero__txt{ margin-bottom: var(--sd-sp-5); font-size: 14px; }
  .post_content .sd-p-sh-panels{ grid-template-columns: minmax(0, 1fr); gap: var(--sd-sp-4); }
  .post_content .sd-p-sh-panel{ padding: var(--sd-sp-6) var(--sd-sp-5) var(--sd-sp-9); }
  .post_content .sd-p-sh-panel--deep{ padding-bottom: var(--sd-sp-6); }
  .post_content .sd-p-sh-panel__ttl, .post_content .sd-p-sh-ttl{ font-size: 24px; }
  .post_content .sd-p-sh-ttl .sd-p-sh-ic, .post_content .sd-p-sh-panel__ttl .sd-p-sh-ic{ width: 28px; height: 28px; }
  .post_content .sd-p-sh-sect .sd-p-sh-tiles{ grid-template-columns: minmax(0, 1fr); gap: var(--sd-sp-3); }
  .post_content .sd-p-sh-tile{ grid-template-columns: minmax(0, 1fr) 88px; }
  .sd-p-sh-tile__ttl{ font-size: 18px; }
  .post_content .sd-p-sh-pale, .post_content .sd-p-sh-box{ padding: var(--sd-sp-5) var(--sd-sp-4); }
  .post_content .sd-p-sh-sect .sd-p-sh-row{ grid-template-columns: 48px minmax(0, 1fr); gap: var(--sd-sp-1) var(--sd-sp-3); }
  .post_content .sd-p-sh-lead, .post_content .sd-p-sh-box p:not([class]){ font-size: 14px; }
}
@media (prefers-reduced-motion: reduce){
  .post_content .sd-p-sh-tile, .sd-p-sh-tile__ph, .sd-p-sh-go{ transition: none; }
  .post_content .sd-p-sh-tile:hover .sd-p-sh-tile__ph, .post_content .sd-p-sh-panel--link:hover .sd-p-sh-go{ transform: none; }
}

.post_content h2{
  padding: 0;
  background: transparent;
  border: 0;
  color: var(--sd-brand);
  font-size: 28px;
  line-height: 1.5;
  letter-spacing: .04em;
}
.post_content h2::before,
.post_content h2::after{ content: none; }

.post_content h3{
  padding: 0;
  background: transparent;
  border: 0;
  color: var(--sd-brand);
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: .02em;
}
.post_content h3::before,
.post_content h3::after{ content: none; }

.post_content .box-heading,
.post_content .sec-heading{
  padding: 0;
  border-left: 0;
  color: var(--sd-brand);
  font-size: 18px;
  margin-bottom: var(--sd-sp-3);
}
.post_content .sec-heading{ font-size: 20px; margin-top: var(--sd-sp-7); }

@media (max-width: 767px){
  .post_content h2{ font-size: 24px; }
}

.post_content .sb-cards{
  grid-template-columns: repeat(3, 1fr);
  gap: var(--sd-sp-5);
  margin: var(--sd-sp-6) 0 0;
}
.post_content .sb-card{
  position: relative;
  padding: var(--sd-sp-5) var(--sd-sp-5) var(--sd-sp-8);
  border: 0;
  border-radius: var(--sd-radius-s);
  background: var(--sd-surface-1);
  box-shadow: var(--sd-shadow);
  transition: transform .25s var(--sd-ease), box-shadow .25s var(--sd-ease);
}
.post_content .sb-card:hover{ transform: translateY(-4px); box-shadow: var(--sd-shadow-h); }
.post_content .sb-card .sb-card-title{
  font-size: 20px;
  line-height: 1.4;
  color: var(--sd-brand);
  margin-bottom: var(--sd-sp-2);
}
.post_content .sb-card .sb-card-desc{ font-size: 16px; line-height: 1.8; color: var(--sd-ink); }

.post_content .sb-card::after{
  content: "";
  position: absolute;
  right: var(--sd-sp-5);
  bottom: var(--sd-sp-5);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--sd-brand);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 8h11M9.5 4l4 4-4 4' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
  transition: transform .25s var(--sd-ease);
}
.post_content .sb-card:hover::after{ transform: translateX(4px); }

.post_content .sb-hero{ margin: 0 0 var(--sd-sp-6); }
.post_content .sb-hero .sb-card.is-hero{
  padding: var(--sd-sp-6) var(--sd-sp-6) var(--sd-sp-8);
  border: 0;
  border-radius: var(--sd-radius-m);
  background: var(--sd-surface-2);
  box-shadow: none;
}
.post_content .sb-hero .sb-card.is-hero:hover{ box-shadow: var(--sd-shadow); }
.post_content .sb-hero .sb-card.is-hero .sb-card-title{ font-size: 24px; margin-bottom: var(--sd-sp-3); }
.post_content .sb-hero .sb-card.is-hero .sb-card-desc{ font-size: 16px; line-height: 1.9; }
.post_content .sb-hero .sb-card.is-hero::after{ width: 48px; height: 48px; right: var(--sd-sp-6); }

.post_content .sb-related{
  border: 0;
  border-radius: var(--sd-radius-m);
  background: var(--sd-surface-2);
  padding: var(--sd-sp-5) var(--sd-sp-6);
  margin-top: var(--sd-sp-8);
}

@media (max-width: 767px){
  .post_content .sb-cards{ grid-template-columns: 1fr; gap: var(--sd-sp-4); }
  .post_content .sb-hero .sb-card.is-hero{ padding: var(--sd-sp-5) var(--sd-sp-5) var(--sd-sp-8); }
  .post_content .sb-hero .sb-card.is-hero::after{ right: var(--sd-sp-5); }
  .post_content .sb-related{ padding: var(--sd-sp-5); }
}

.post_content .sb-tool{
  padding: var(--sd-sp-6);
  border: 0;
  border-radius: var(--sd-radius-m);
  background: var(--sd-surface-1);
  box-shadow: var(--sd-shadow);
  margin: var(--sd-sp-6) 0 var(--sd-sp-7);
}
.post_content .sb-tool-title{ font-size: 20px; color: var(--sd-brand); margin-bottom: var(--sd-sp-4); }

.post_content .sb-field > label{ color: var(--sd-ink); font-size: 14px; }
.post_content .sb-field input,
.post_content .sb-field select,
.post_content .sb-field textarea{
  border: 1px solid var(--sd-line);
  border-radius: var(--sd-radius-s);
  padding: var(--sd-sp-3) var(--sd-sp-4);
  font-size: 16px;
  color: var(--sd-ink);
}
.post_content .sb-field input:focus,
.post_content .sb-field select:focus,
.post_content .sb-field textarea:focus{
  border-color: var(--sd-brand);
  box-shadow: 0 0 0 3px rgba(55, 71, 79, .16);
}

.post_content .sb-btn{
  padding: var(--sd-sp-3) var(--sd-sp-6);
  font-size: 16px;
  border-radius: var(--sd-radius-pill);
  background: var(--sd-brand);
  color: #fff;
  box-shadow: none;
  transform: none;
  transition: background-color .2s var(--sd-ease), color .2s var(--sd-ease);
}
.post_content .sb-btn:hover,
.post_content .sb-btn:active{ background: var(--sd-brand-d); transform: none; box-shadow: none; filter: none; }
.post_content .sb-btn:focus-visible{ outline: 3px solid rgba(55, 71, 79, .4); outline-offset: 2px; }

.post_content .sb-btn.is-sub{
  background: var(--sd-surface-1);
  color: var(--sd-brand);
  border: 1px solid var(--sd-brand);
  box-shadow: none;
}
.post_content .sb-btn.is-sub:hover{ background: var(--sd-surface-2); box-shadow: none; }

.post_content .sb-result{
  border: 0;
  border-radius: var(--sd-radius-s);
  background: var(--sd-surface-2);
  padding: var(--sd-sp-5);
  margin-top: var(--sd-sp-5);
}
.post_content .sb-result-row{ border-bottom: 1px solid var(--sd-line); padding: var(--sd-sp-3) 0; }
.post_content .sb-result-row dt{ color: var(--sd-muted); font-size: 14px; }
.post_content .sb-result-row dd{ color: var(--sd-ink); font-size: 16px; }
.post_content .sb-result-row dd strong{ font-size: 20px; }

.post_content .sb-table thead th,
.post_content thead th{
  background: var(--sd-surface-2);
  color: var(--sd-brand);
}

@media (max-width: 767px){
  .post_content .sb-tool{ padding: var(--sd-sp-5) var(--sd-sp-4); }
}

.post_content .know-box,
.post_content .preview-box,
.post_content .summary-box,
.post_content .fit-box,
.post_content .unfit-box{
  border: 0;
  border-radius: var(--sd-radius-s);
  background: var(--sd-surface-2);
  padding: var(--sd-sp-5) var(--sd-sp-5);
}
.post_content .point-box{
  border-left: 4px solid var(--sd-brand);
  border-radius: 0 var(--sd-radius-s) var(--sd-radius-s) 0;
  background: var(--sd-surface-2);
  padding: var(--sd-sp-4) var(--sd-sp-5);
}
.post_content .disclaimer-box{
  border: 0;
  border-radius: var(--sd-radius-s);
  background: var(--sd-surface-2);
  padding: var(--sd-sp-4) var(--sd-sp-5);
}
.post_content .disclaimer-box p{ color: var(--sd-muted); font-size: 14px; }

.post_content .qa-card{ border: 0; border-radius: var(--sd-radius-s); box-shadow: var(--sd-shadow); }
.post_content .qa-card > h3{ background: var(--sd-surface-2); border-bottom: 0; color: var(--sd-brand); }

.post_content .src-note{ color: var(--sd-muted); font-size: 14px; }