@charset "UTF-8";
/* ==========================================================================
   70-responsive.css — SP(782px 以下)/ 中間幅 / 印刷
   §1 は implementation.css の @media (max-width:782px) を逐語。
   §2 以降はキャンバスの SP アートボード(board1/2/3/5)実測の面組み。
   ========================================================================== */

/* ==== §1 implementation.css 逐語 ========================================= */
@media (max-width:782px){
  :root{--oym-fs-h1:25px; --oym-fs-h2:20px; --oym-fs-h3:16px; --oym-fs-body:15px;}
  .oym-branch__gutter{display:none;}
  .oym-branch__row--2 .oym-branch__card{margin-left:20px;}
  .oym-branch__row--3 .oym-branch__card{margin-left:40px;}
  .oym-branch__card{flex-direction:column;align-items:stretch;gap:10px;padding:18px;}
  .oym-next{flex-direction:column;align-items:stretch;gap:12px;}
  .oym-next .oym-btn{text-align:center;}
  .oym-index__row{grid-template-columns:auto 1fr;gap:4px 12px;padding:16px 0;}
  .oym-index__row .oym-index__desc{display:none;}
  .oym-index__count{grid-column:2;text-align:left;}   /* 2列グリッドで件数が単独行に落ちないように */
  .oym-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .oym-scroll > .oym-table{min-width:640px;}
  .oym-scroll::before{content:"← 横にスクロールできます";display:block;
    font-size:var(--oym-fs-xs);color:var(--oym-ink-3);margin-bottom:6px;}
  .oym-btn{min-height:48px;display:flex;align-items:center;justify-content:center;}
  /* ネイティブ表(figure.wp-block-table > table)も同じ器で受ける */
  .oym-scroll > .wp-block-table > table{min-width:640px;}
}

/* ==== §2 SP の面組み(canvas SP アートボード実測) ======================== */
@media (max-width:782px){

  /* 版面: 左右 18px(canvas SP は 18px 一定)。上下は各要素が持つので触らない。 */
  .oym-wrap{padding-left:18px;padding-right:18px;}

  /* --- ヘッダー(canvas L376-382) --- */
  .oym-header__inner{padding-top:14px;padding-bottom:14px;gap:12px;}
  .oym-brand__mark{width:26px;height:26px;}
  .oym-brand__mark::before{width:9px;height:9px;}
  .oym-logo{font-size:18px;}
  .oym-tagline{display:none;}          /* SP はロゴ1行(キャンバスどおり) */
  .oym-headnav{display:none;}          /* ナビ・検索はドロワーへ */
  .oym-burger{display:flex;}

  /* --- ヒーロー(canvas L383-387) --- */
  .oym-hero__inner{padding-top:30px;padding-bottom:26px;gap:16px;}
  .oym-hero__title{font-size:27px;}
  .oym-hero__lead{font-size:14px;line-height:1.95;}
  .oym-hero__actions{flex-direction:column;align-items:stretch;gap:14px;padding-top:0;}
  .oym-hero__note{max-width:none;font-size:var(--oym-fs-2xs);}

  /* --- 節見出し(canvas L388-395) --- */
  .oym-sechead{padding-top:28px;padding-bottom:8px;gap:9px;}
  .oym-eyebrow{gap:10px;}
  .oym-sectitle{font-size:21px;}
  .oym-secdesc{font-size:var(--oym-fs-small);line-height:1.9;}

  /* --- 分岐リスト(canvas L396-425) --- */
  .oym-branch{gap:10px;}
  .oym-branch__lead,
  .oym-branch__row--3 .oym-branch__lead{width:auto;}
  .oym-branch__title{font-size:18px;}
  .oym-branch__desc{font-size:var(--oym-fs-small);line-height:1.9;}
  .oym-branch__body{gap:10px;}
  .oym-branch__go{align-items:stretch;}
  .oym-branch__count{display:none;}    /* 件数はボタン文言に畳む(canvas L404) */
  .oym-btn__count-sp{display:inline;}
  .oym-branch__note-gutter{display:none;}
  .oym-branch__note p{font-size:var(--oym-fs-2xs);padding-left:0;}

  /* --- カテゴリ索引(canvas L432-449) --- */
  .oym-index__name{font-size:16px;}
  .oym-index__no{font-size:var(--oym-fs-xs);}
  .oym-index__count{font-size:var(--oym-fs-xs);}

  /* --- 更新した記事 + 右カラム(canvas L451-469) --- */
  .oym-latest{grid-template-columns:1fr;gap:28px;padding-bottom:28px;}
  .oym-latest__side{padding-top:0;}
  .oym-card{padding:16px 18px;}
  .oym-card__title{font-size:16px;}
  .oym-card__excerpt{display:none;}    /* SP の更新カードは日付+タイトル(canvas L457-460) */
  .oym-latest .oym-card__tags{display:none;}

  /* --- 記事ページ(canvas L742-831) --- */
  .oym-breadcrumb-row{padding-top:14px;}
  .oym-main{grid-template-columns:1fr;gap:28px;padding-top:16px;padding-bottom:30px;}
  .oym-article{gap:24px;max-width:none;}
  .oym-arthead{gap:13px;}
  .oym-meta{gap:12px;padding-bottom:16px;font-size:var(--oym-fs-xs);}
  .oym-meta .author,.oym-meta .modified,.oym-meta .published{font-size:var(--oym-fs-xs);}
  .oym-capsule{padding:18px 20px;}
  p.oym-capsule,.oym-capsule li{font-size:14px;}
  .oym-signal > .head{padding:13px 18px;font-size:14px;}
  .oym-signal > .body{padding:16px 18px;}
  .oym-next{padding:18px 20px;}
  .oym-next .title{font-size:16px;}
  .oym-history{padding:18px 20px;}
  .oym-history__row{gap:14px;font-size:var(--oym-fs-xs);}
  .oym-history__date{width:78px;}
  .oym-author{padding:18px 20px;gap:14px;}
  .oym-side--sticky{position:static;}

  /* --- カテゴリページ(canvas L983-1031) --- */
  .oym-archead__inner{padding-top:14px;padding-bottom:24px;gap:14px;}
  .oym-archead__grid{grid-template-columns:1fr;gap:14px;}
  .oym-archead__desc{font-size:14px;line-height:1.95;}
  .oym-archead__count{font-size:var(--oym-fs-xs);}
  .oym-box--band{padding:18px;}
  .oym-howto{font-size:var(--oym-fs-small);gap:9px;}
  .oym-howto__no{width:20px;height:20px;font-size:var(--oym-fs-2xs);}
  .oym-main--archive{padding-top:20px;padding-bottom:30px;}
  .oym-listcol{gap:18px;}
  .oym-filter{font-size:var(--oym-fs-xs);padding:7px 13px;}
  .oym-filter.is-active{padding:8px 14px;}
  .oym-card--row{grid-template-columns:1fr;gap:9px;padding:18px 20px;}
  .oym-card--row .oym-card__title{font-size:17px;}
  .oym-card--row .oym-card__excerpt{display:block;}
  .oym-card--row .oym-card__tags{flex-direction:row;padding-top:0;}
  .oym-pager{padding-top:4px;}

  /* --- フッター(canvas L470-482 / L833-836) --- */
  .oym-footer__top{grid-template-columns:1fr;gap:14px;padding-top:30px;padding-bottom:14px;}
  .oym-footer__brand{font-size:17px;}
  .oym-footer__mark{width:24px;height:24px;}
  .oym-footer__mark::before{width:8px;height:8px;}
  .oym-footer__col{
    flex-direction:row;flex-wrap:wrap;column-gap:16px;row-gap:9px;align-items:center;
  }
  .oym-footer__ct{width:100%;}
  .oym-footer__row{padding-top:24px;padding-bottom:14px;}
  .oym-footer__legal-inner{padding-top:14px;padding-bottom:24px;}

  /* --- 404 --- */
  .oym-404{padding-top:28px;padding-bottom:40px;}
}

/* ==== §3 中間幅(タブレット 783〜1023px) ================================
   2カラムのまま桁を詰める。1カラムに落とすのは 782px 以下だけ。 */
@media (min-width:783px) and (max-width:1023px){
  .oym-wrap{padding-left:22px;padding-right:22px;}
  .oym-main{grid-template-columns:1fr 260px;gap:36px;}
  .oym-latest{grid-template-columns:1fr 270px;gap:36px;}
  .oym-archead__grid{grid-template-columns:1fr 300px;gap:32px;}
  .oym-index__row{grid-template-columns:32px 200px 1fr 84px;gap:16px;}
  .oym-branch__lead,
  .oym-branch__row--3 .oym-branch__lead{width:240px;}
  .oym-branch__card{gap:20px;padding:20px 22px;}
  .oym-branch__row--2 .oym-branch__gutter{width:36px;}
  .oym-branch__row--3 .oym-branch__gutter{width:72px;}
  .oym-branch__note-gutter{width:72px;}
  .oym-hero__title{font-size:32px;}
  .oym-card--row{grid-template-columns:1fr 180px;gap:20px;}
}

/* ==== §4 印刷(チェックリストを紙で使う) — implementation.css 逐語 ======= */
@media print{
  .oym-next,.oym-footer__nav,.xw-toc{display:none;}
  .oym-table{border-color:#999;}
  body{background:#fff;}
}
/* 印刷時に紙の邪魔になるものを追加で落とす(キャンバスの意図の延長) */
@media print{
  .oym-header,.oym-footer,.oym-breadcrumb-row,.oym-side,.oym-pager,
  .oym-toolbar,.toc_block,.oym-burger,.oym-drawer{display:none !important;}
  .oym-main{grid-template-columns:1fr;padding:0;}
  .oym-article{max-width:none;}
  .oym-print-only{display:block;}
  a{color:var(--oym-ink);text-decoration:none;}
}