/* resory-column-v2：WordPress で使うときに足したもの（お手本の見た目は base.css・list.css・article.css） */

/* 管理バーが出ているとき、上のメニューがその下に来るように */
.admin-bar .hd{top:32px}
@media (max-width:782px){.admin-bar .hd{top:46px}}

/* 文字は16px以上に（お手本のメニュー・フッターは13.5〜14px だった） */
.hd nav,.hd nav a,.hd .doc,.hd .btn,.tl,.menu{font-size:16px}
@media (max-width:1180px){header nav a{font-size:16px}}
.ft,.ft .cr,.ft address,.ft nav a{font-size:16px}
.stk .btn{font-size:16px}

/* ── 記事の本文（ブロックエディタで書いたもの）── */
.ar-body .lwptoc{display:none!important}
/* 計測（tracking.js の column_read）が本文の最後に足す目印は、すき間を作らない */
.ar-body>span[aria-hidden="true"]:last-child{margin-top:0!important}
.ar-body>p:empty{display:none}
/* 線画（画像ブロックのスタイル「線画」）＝お手本の .ar-ill */
.ar-body figure.wp-block-image{margin:0}
.ar-body>figure.wp-block-image,.ar-body>.wp-block-image{margin-top:1.4em}
.ar-body figure.wp-block-image img{display:block;max-width:100%;height:auto}
.ar-body figure.wp-block-image figcaption{margin-top:10px;font-size:16px;line-height:1.7;color:var(--ink2)}
.ar-body figure.is-style-illust{margin:1.4em 0 0}
.ar-body figure.is-style-illust img{display:block;width:240px;max-width:60%;height:auto;mix-blend-mode:multiply}
@media (min-width:901px){
.ar-body figure.is-style-illust img{width:auto;max-width:min(420px,100%);margin-inline:auto}
}
@media (max-width:900px){
.ar-body figure.is-style-illust{margin-top:64px}
.ar-body figure.is-style-illust img{width:80%;max-width:none;margin-inline:auto}
}
/* 表＝お手本の .ar-tbl */
.ar-body figure.wp-block-table{margin:1.4em 0 0;overflow-x:auto;max-width:100%}
.ar-body .wp-block-table table{table-layout:auto;border-collapse:collapse;width:100%;min-width:520px;font-size:16px;line-height:1.8}
.ar-body .wp-block-table thead{border-bottom:0}
.ar-body .wp-block-table th,.ar-body .wp-block-table td{border:0;border-bottom:1px solid var(--line);padding:12px 14px;text-align:left;vertical-align:top}
.ar-body .wp-block-table th{border-bottom:2px solid var(--ink);white-space:nowrap}
.ar-body .wp-block-table figcaption{margin-top:10px;font-size:16px;color:var(--ink2)}
/* 引用：ふつうの引用は左に線。スタイル「話した人の言葉（黄色）」は、お手本の黄色の線（話を聞いた相手の言葉だけ） */
.ar-body .wp-block-quote{margin-top:1.4em;padding:2px 0 2px 22px;border-left:2px solid var(--ink)}
.ar-body .wp-block-quote>*+*{margin-top:1em}
.ar-body .wp-block-quote cite{display:block;margin-top:.8em;font-size:16px;font-style:normal;color:var(--ink2);line-height:1.7}
.ar-body .wp-block-quote.is-style-voice{border-left:0;padding:0}
.ar-body .wp-block-quote.is-style-voice>p{display:inline;background:linear-gradient(transparent 58%,#FFE14D 58%);color:inherit;padding:0 .1em;-webkit-box-decoration-break:clone;box-decoration-break:clone;margin:0}
.ar-body .wp-block-quote.is-style-voice>p+p::before{content:"\A\A";white-space:pre}
.ar-body .wp-block-quote.is-style-voice cite{display:block}
/* 文の中の黄色（書式「話した人の言葉」・ハイライト） */
.ar-body mark,.ar-body mark.rs-voice,.ar-body mark.has-inline-color{background:linear-gradient(transparent 58%,#FFE14D 58%)!important;color:inherit!important;padding:0 .1em}
/* 区切り線・ボタンなど */
.ar-body hr,.ar-body .wp-block-separator{border:0;border-top:1px solid var(--line);margin-block:2.4em}
.ar-body .wp-block-embed{margin-top:1.4em}
.ar-body .wp-block-embed iframe{max-width:100%}
.ar-body pre{white-space:pre-wrap;font-size:16px;background:#F5F4EE;padding:16px}
.ar-body code{font-size:16px}
.rs-pages{display:flex;gap:12px;flex-wrap:wrap}
/* 目次が無い記事・固定ページ */
.ar-grid.no-toc{grid-template-columns:minmax(0,680px)}

/* ── 一覧・カテゴリー・検索 ── */
.rs-only-list .co-list{margin-top:0}
main>section.rs-only-list{padding-block:96px}
.co-hd-in.no-ill{grid-template-columns:1fr}
.rs-search{margin-top:40px;display:grid;gap:10px;max-width:560px}
.rs-search label{font-size:16px;font-weight:700}
.rs-search-row{display:flex;gap:8px}
.rs-search input{flex:1;min-width:0;min-height:56px;padding:0 16px;font:inherit;font-size:16px;color:var(--ink);background:#fff;border:1px solid var(--ink);border-radius:0}
.rs-search input:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.rs-search .btn-o{cursor:pointer;font-family:inherit}
.rs-nav-flat{margin-top:0}
.co-hd .ar-back{margin-top:32px}
.rs-pager{margin-top:48px}
.rs-pager ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.rs-pager a,.rs-pager span{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;padding:0 12px;border:1px solid var(--line2);color:var(--ink);text-decoration:none;font-size:16px}
.rs-pager .current{background:var(--ink);color:#fff;border-color:var(--ink)}
@media (max-width:900px){
main>section.rs-only-list{padding-block:64px}
.rs-search{margin-top:28px}
}

/* ── 本文の直後の入口「問いを1つ送る」（2026-10-07 追加。全記事共通。囲みにせず、上に墨の線を1本引いた静かな1段。本文の列にそろえる）── */
.ar-fq{margin-top:24px;padding-top:32px;border-top:1px solid var(--ink);max-width:646px;color:var(--ink)}
.ar-fq-h{font-size:21px;line-height:1.6;font-weight:700;letter-spacing:.03em}
.ar-fq-p{margin-top:14px;font-size:17px;line-height:2;font-weight:500;letter-spacing:.04em;color:var(--ink)}
.ar-fq-c{margin-top:8px;font-size:15px;line-height:1.9;font-weight:400;letter-spacing:.03em;color:var(--ink)}
.ar-fq-p,.ar-fq-p *,.ar-fq-c,.ar-fq-c *{word-break:auto-phrase!important;overflow-wrap:anywhere!important;line-break:strict!important;text-wrap:pretty}
.ar-fq-go{margin-top:28px}
.ar-fq-go .btn{min-width:300px;padding-inline:28px;text-align:center}
@media (min-width:901px){.ar-grid:not(.no-toc)>.ar-fq{grid-column:2}.ar-fq-nw{white-space:nowrap}.ar-fq-nw wbr{display:none}}
@media (max-width:900px){
.ar-fq{margin-top:8px;padding-top:28px}
.ar-fq-h{font-size:18px}
.ar-fq-p{font-size:16px;letter-spacing:.03em}
.ar-fq-go{margin-top:24px}
.ar-fq-go .btn{display:flex;justify-content:center;width:100%;min-width:0;padding:14px 16px;text-align:center;line-height:1.6}
}
/* 幅360px以上のスマホでも、見出しは「読んで浮かんだ問いに、／現地で働く人の答えを、1つ無料で。」の2行に */
@media (min-width:360px) and (max-width:900px){.ar-fq-nw{white-space:nowrap}.ar-fq-nw wbr{display:none}}

/* 2026-10-07 夕方 最後の相談の段：黒いボタンの補足（聞ける相手が見つかるかのお返事）を、ボタンのすぐ下に濃い字で */
.co-cta .pg-act p>span{color:var(--ink)!important;font-weight:400}
@media (max-width:900px){.co-cta .pg-act p{gap:8px}}
@media (max-width:400px){.ar-fq-go .btn{padding-inline:12px}}
.co-cta .co-req{margin-top:28px;font-size:15px;color:var(--ink)}

.co-cta-s .co-go{margin-top:36px}.co-cta-s .co-go .btn{min-width:360px;text-align:center;line-height:1.6;padding-block:12px}@media (max-width:900px){.co-cta-s .co-go .btn{display:flex;justify-content:center;width:100%;min-width:0}}

/* 2026-10-07 夜 トンマナ：記事の入口も HP の入口と同じ枠（白地・墨30%の線・内側の余白）、小ラベル、ボタンの余白 34px */
.ar-fq{border:1px solid rgba(27,26,24,.3)!important;border-top:1px solid rgba(27,26,24,.3)!important;background:#fff;padding:36px 40px!important;margin-top:40px}
.ar-fq-k{margin:0 0 10px;font-size:15px;font-weight:700;letter-spacing:.06em;color:var(--ink)}
.ar-fq-go .btn{padding-left:34px!important;padding-right:34px!important}
.co-cta .pg-act .btn,.co-cta .pg-act .btn-o,.co-cta-s .co-go .btn{margin-top:0!important}
.hd .btn.hcta,.hd .hcta{letter-spacing:.04em!important}
@media (max-width:900px){.ar-fq{padding:28px 20px!important}.ar-fq-go .btn{padding-left:12px!important;padding-right:12px!important}}
@media (max-width:900px){main .btn:not(.hcta),main .btn-o{padding-left:34px!important;padding-right:34px!important}}

main a.btn,main a.btn-o{margin-top:0!important}.co-req .tl,main .co-req a{font-weight:500;letter-spacing:.03em}