/* WordPress化で足りなくなったところだけ。デザイン原本の style.css は無改変にする */

/* Contact Form 7 が挟む入れ物を、原本と同じ並びに戻す */
.form .field > .wpcf7-form-control-wrap{display:flex;flex-direction:column;}  /* block だと行ボックスの分だけ下に9px余る */
.chips.check .wpcf7-form-control-wrap,
.chips.check .wpcf7-checkbox,
.chips.check .wpcf7-list-item,
.agree .wpcf7-form-control-wrap,
.agree .wpcf7-acceptance,
.agree .wpcf7-list-item{display:contents;}
.agree label{display:flex;align-items:center;gap:10px;}
.chips.check .wpcf7-list-item-label{display:inline;}

/* CF7 の返事（エラー・送信完了）。原本の .form-note と同じ見た目に寄せる */
.wpcf7-response-output{margin:18px 0 0;padding:14px 18px;border:0;border-radius:12px;background:var(--pale);
  text-align:center;font-size:14px;line-height:1.8;color:var(--ink);}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output{background:#fff4f1;color:var(--accent);}
.wpcf7-not-valid-tip{display:block;margin-top:8px;font-size:13px;color:var(--accent);}
.wpcf7-spinner{margin:0 auto;display:block;}

/* 読みものの一覧・記事（原本に画面が無いところ） */
.jr-wrap .jr-list{width:100%;}
.jr-btnrow .nav-links{display:inline-flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;}
.jr-btnrow .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;
  padding:0 14px;border-radius:36px;border:1px solid var(--line);background:#fff;color:var(--ink);
  font-family:var(--en);font-size:15px;letter-spacing:.04em;transition:background .25s,color .25s,border-color .25s;}
.jr-btnrow .page-numbers:hover{border-color:var(--ink);}
.jr-btnrow .page-numbers.current{background:var(--ink);border-color:var(--ink);color:#fff;}
.jr-btnrow .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}

/* 実績詳細：見出しの下の文章（apricot-design.com から移した紹介文） */
.detail-lead{max-width:680px;margin:clamp(30px,4vw,46px) auto 0;text-align:left;}
.detail-lead p{font-size:15px;line-height:2;letter-spacing:.04em;color:var(--ink);}
.detail-lead p + p{margin-top:1em;}


/* 実績の本文（エディタで写真と文章を交互に入れる）
   ギャラリーの3列組みはやめ、1列で流す。クライアントが「メディアを追加」で写真を足せる形 */
.work-body{max-width:760px;margin:0 auto;}
.work-body > *:first-child{margin-top:0;}
.work-body p{font-size:15px;line-height:2;letter-spacing:.04em;margin:0 0 1.6em;}
.work-body p:last-child{margin-bottom:0;}
.work-body h3{font-size:19px;letter-spacing:.1em;line-height:1.7;font-weight:500;margin:2.4em 0 .8em;}
.work-body h4{font-size:16px;letter-spacing:.08em;line-height:1.8;font-weight:500;margin:2em 0 .6em;}
.work-body ul,.work-body ol{margin:0 0 1.6em 1.4em;font-size:15px;line-height:2;}
.work-body a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;}
.work-body figure,.work-body .work-photo{margin:0 0 2.2em;}
.work-body img{display:block;width:100%;height:auto;border-radius:15px;background:#fff;}
.work-body figcaption{margin-top:12px;font-size:13px;letter-spacing:.08em;line-height:1.7;color:var(--ink-2);text-align:center;}
.work-body .alignleft{float:left;margin:0 1.6em 1.6em 0;max-width:48%;}
.work-body .alignright{float:right;margin:0 0 1.6em 1.6em;max-width:48%;}
.work-body .aligncenter{margin-inline:auto;}
.work-body::after{content:"";display:block;clear:both;}
@media (max-width:760px){
  .work-body p,.work-body ul,.work-body ol{font-size:15px;}
  .work-body .alignleft,.work-body .alignright{float:none;margin:0 0 1.6em;max-width:100%;}
}


/* 実績詳細：地を白にしたので、DATA の箱だけ淡い地で起こす（2026-09-22）
   白地に白い箱＋細い線だと面が読めなくなる。--pale は帯と同じ色 */
#data .detail-meta{background:var(--pale);}


/* 実績詳細：地が全部白になったので、節と節のあいだを1つぶんの余白にする（2026-09-22）
   上下 160px（SP 84px）が突き合わさって2つぶん空いていた。後ろに続く節の上だけ落とし、
   継ぎ目は前の節の下余白（--space）1つで作る。先頭の #head と、帯を持つご相談は触らない */
.single-works main .sub-sec + .sub-sec{padding-top:0;}