/* ===== article page ===== */
.a-bc{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;padding-block:14px 0;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px));font-size:11.5px;line-height:1.7;color:var(--muted)}
.a-bc a{color:var(--muted);text-decoration:none}
.a-bc span[aria-hidden]{color:#CDBFC6}
.a-art{padding-block:14px 8px;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.a-top{display:flex;align-items:center;gap:12px}
.a-date{font:700 12.5px/1 'Quicksand',sans-serif;letter-spacing:.06em;color:var(--muted)}
.a-h1{margin-top:12px;font-size:clamp(20px,6vw,24px);font-weight:900;line-height:1.6;letter-spacing:.03em;color:var(--ink)}
.a-eye{margin-top:16px;aspect-ratio:1200/630;border-radius:16px;box-shadow:0 12px 26px rgba(59,50,54,.10)}
.a-share{display:flex;align-items:center;gap:8px;margin-top:14px}
.a-share p{margin-right:auto;font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--muted)}
.a-sh{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:#FFFFFF;text-decoration:none}
.a-sh svg{width:19px;height:19px;fill:currentColor}
.a-sh.x{background:#14171A}
.a-sh.line{background:#06C755}
.a-sh.fb{background:#1877F2}
.a-sh.copy{background:#FFFFFF;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line2)}
.a-lead{margin-top:22px;font-size:15.5px;font-weight:700;line-height:2}
.a-p{margin-top:16px;font-size:15px;line-height:2.05}
.a-mk{background:linear-gradient(transparent 60%,#FFEE7A 60%);font-weight:700}
.a-point{margin-top:24px;padding:18px 18px 16px;border-radius:16px;background:var(--sky)}
.a-point-t{font-size:15px;font-weight:900;color:var(--teal)}
.a-point ul{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.a-point li,.a-checks li{position:relative;padding-left:30px;font-size:14.5px;font-weight:700;line-height:1.7}
.a-point li::before,.a-checks li::before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:50%;background:var(--rose)}
.a-point li::after,.a-checks li::after{content:"";position:absolute;left:7px;top:7px;width:5px;height:9px;border-right:2px solid #FFFFFF;border-bottom:2px solid #FFFFFF;transform:rotate(45deg)}
.a-toc{margin-top:18px;padding:18px 18px 10px;border-radius:16px;background:#FFFFFF;box-shadow:inset 0 0 0 1.5px var(--line)}
.a-toc-t{font-size:15px;font-weight:900}
.a-toc ol{margin-top:6px}
.a-toc a{display:flex;align-items:baseline;gap:10px;padding:9px 0;border-bottom:1px dashed var(--line2);font-size:14px;font-weight:700;line-height:1.6;text-decoration:none}
.a-toc li:last-child a{border-bottom:0}
.a-toc b{flex:0 0 auto;font:700 14px/1 'Quicksand',sans-serif;color:var(--rose)}
.a-h2{position:relative;margin-top:46px;padding:14px 14px 14px 60px;border-radius:14px;background:linear-gradient(100deg,#FFE6F0 0%,#E6F3FC 100%);font-size:clamp(17px,5vw,19px);font-weight:900;line-height:1.55;letter-spacing:.03em;scroll-margin-top:72px}
.a-h2 b{position:absolute;left:14px;top:50%;display:flex;align-items:center;justify-content:center;width:34px;height:34px;margin-top:-17px;border-radius:50%;background:#FFFFFF;box-shadow:0 4px 10px rgba(230,90,146,.18);font:700 15px/1 'Quicksand',sans-serif;color:var(--rose)}
.a-steps{display:flex;flex-direction:column;gap:8px;margin-top:18px}
.a-steps li{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:var(--ivory);box-shadow:inset 0 0 0 1px #F6E1EA}
.a-steps b{flex:0 0 auto;font:700 13px/1 'Quicksand',sans-serif;letter-spacing:.06em;color:var(--rose)}
.a-steps span{font-size:14.5px;font-weight:700;line-height:1.6}
.a-nai{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}
.a-nai p{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 8px;border-radius:14px;background:#FFFFFF;box-shadow:0 8px 18px rgba(230,90,146,.12);text-align:center}
.a-nai span{font-size:13px;font-weight:700;line-height:1.5}
.a-nai b{font-size:26px;font-weight:900;line-height:1.25;color:var(--rose)}
.a-checks{display:flex;flex-direction:column;gap:6px;margin-top:16px}
.a-cta{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:30px;padding:22px 18px 20px;border-radius:18px;background:linear-gradient(160deg,#FFF0F6 0%,#EAF6FD 100%);text-align:center}
.a-cta-t{font-size:16.5px;font-weight:900;line-height:1.6}
.a-cta-k{font:700 13px/1 'Quicksand',sans-serif;letter-spacing:.14em;color:var(--rose)}
.a-cta-s{font-size:12.5px;color:var(--muted)}
.a-cta-end{margin-top:34px}
.a-cta-end .a-cta-t{margin-top:-6px;font-size:18px;color:var(--rosed)}
.a-table-wrap{margin-top:16px;overflow-x:auto;border-radius:14px;box-shadow:inset 0 0 0 1px var(--line2)}
.a-table{width:100%;border-collapse:collapse;font-size:13.5px;line-height:1.5}
.a-table th,.a-table td{padding:11px 10px;border-bottom:1px solid var(--line2);text-align:left;white-space:nowrap}
.a-table thead th{background:var(--sky);font-size:12.5px;color:var(--teal)}
.a-table tbody tr:last-child th,.a-table tbody tr:last-child td{border-bottom:0}
.a-table tbody th{font-weight:700;color:var(--rosed)}
.a-table td:last-child{text-align:right;font-weight:700;color:var(--rose)}
.a-table td b{margin-right:1px;font:700 20px/1 'Quicksand',sans-serif}
.a-note{margin-top:8px;font-size:11.5px;line-height:1.7;color:var(--muted)}
.a-feats{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.a-feats li{display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:14px;background:#FFFFFF;box-shadow:0 8px 18px rgba(59,50,54,.06)}
.a-feats i{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#E1F1FB}
.a-feats svg{width:22px;height:22px;fill:none;stroke:var(--teal2);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.a-feats p{font-size:15px;font-weight:900;line-height:1.5}
.a-feats span{display:block;margin-top:2px;font-size:13.5px;line-height:1.8}
.a-author{display:flex;align-items:center;gap:14px;margin-top:34px;padding:16px;border-radius:16px;background:var(--ivory)}
.a-author img{flex:0 0 auto;width:64px;height:auto;padding:8px;border-radius:50%;background:#FFFFFF;box-shadow:0 4px 12px rgba(59,50,54,.08)}
.a-author-k{font-size:11.5px;font-weight:700;color:var(--muted)}
.a-author-n{font-size:15px;font-weight:900}
.a-author-d{margin-top:4px;font-size:12.5px;line-height:1.75;color:var(--muted)}
.a-related{padding-block:36px 52px;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px));background:linear-gradient(#FFFFFF,#FFF7FA)}
.a-rel-h{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:18px;font-weight:900;text-align:center}
.a-rel-h .m-en-s{font-size:24px}
.a-toast{position:fixed;left:50%;bottom:92px;z-index:80;transform:translateX(-50%);padding:8px 16px;border-radius:999px;background:var(--ink);color:#FFFFFF;font-size:13px;font-weight:700}

/* ===== WordPress版：記事の本文 ===== */
.a-h1{word-break:normal;line-break:strict;text-wrap:pretty}
.a-content{counter-reset:fh2;word-break:normal;line-break:strict}
.a-content>:first-child{margin-top:22px}
.a-content>p{margin-top:16px;font-size:15px;line-height:2.05;text-wrap:pretty}
.a-content>p.a-lead{margin-top:22px;font-size:15.5px;font-weight:700;line-height:2}
.a-content>p.a-note{margin-top:8px;font-size:11.5px;line-height:1.7}
.a-content strong{background:linear-gradient(transparent 60%,#FFEE7A 60%);font-weight:700}
.a-content a:not(.m-btn){color:var(--rosed);text-decoration:underline;text-underline-offset:3px}
.a-content .a-toc a{color:inherit;text-decoration:none}
.a-content>h2{position:relative;margin-top:46px;padding:14px 14px 14px 60px;border-radius:14px;background:linear-gradient(100deg,#FFE6F0 0%,#E6F3FC 100%);font-size:clamp(17px,5vw,19px);font-weight:900;line-height:1.55;letter-spacing:.03em;scroll-margin-top:72px;counter-increment:fh2}
.a-content>h2::before{content:counter(fh2,decimal-leading-zero);position:absolute;left:14px;top:50%;display:flex;align-items:center;justify-content:center;width:34px;height:34px;margin-top:-17px;border-radius:50%;background:#FFFFFF;box-shadow:0 4px 10px rgba(230,90,146,.18);font:700 15px/1 'Quicksand',sans-serif;color:var(--rose)}
.a-content>h3{margin-top:30px;padding:2px 0 2px 12px;border-left:4px solid var(--rose);font-size:16.5px;font-weight:900;line-height:1.6;scroll-margin-top:72px}
@supports (word-break:auto-phrase){.a-h1,.a-content>h2,.a-content>h3{word-break:auto-phrase}}
.a-content>ul.wp-block-list,.a-content>ol.wp-block-list{display:flex;flex-direction:column;gap:6px;margin-top:16px}
.a-content>ul.wp-block-list>li{position:relative;padding-left:30px;font-size:14.5px;font-weight:700;line-height:1.7}
.a-content>ul.wp-block-list>li::before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:50%;background:var(--rose)}
.a-content>ul.wp-block-list>li::after{content:"";position:absolute;left:7px;top:7px;width:5px;height:9px;border-right:2px solid #FFFFFF;border-bottom:2px solid #FFFFFF;transform:rotate(45deg)}
.a-content>ol.wp-block-list{counter-reset:fol}
.a-content>ol.wp-block-list>li{position:relative;padding-left:32px;font-size:14.5px;line-height:1.8;counter-increment:fol}
.a-content>ol.wp-block-list>li::before{content:counter(fol);position:absolute;left:0;top:2px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--pinkl);color:var(--rosed);font:700 12px/1 'Quicksand',sans-serif}
.a-content>figure{margin:18px 0 0}
.a-content .wp-block-image img{border-radius:14px}
.a-content figcaption{margin-top:6px;font-size:12px;color:var(--muted);text-align:center}
.a-content .wp-block-table{overflow-x:auto;border-radius:14px;box-shadow:inset 0 0 0 1px var(--line2)}
.a-content .wp-block-table table{width:100%;border-collapse:collapse;font-size:13.5px;line-height:1.6}
.a-content .wp-block-table th,.a-content .wp-block-table td{padding:10px;border-bottom:1px solid var(--line2);text-align:left}
.a-content .wp-block-table thead th{background:var(--sky);color:var(--teal)}
.a-content>blockquote{margin-top:18px;padding:14px 16px;border-radius:14px;background:var(--ivory);font-size:14.5px;line-height:1.9}
.a-content>.a-toc{margin-top:24px}
.a-content>.wp-block-separator{margin:32px 0 0;border:0;border-top:1px dashed var(--line2)}
/* 固定ページ（プライバシーポリシーなど）は見出しに番号を付けない */
.a-page .a-content>h2{padding-left:14px;counter-increment:none;font-size:16.5px}
.a-page .a-content>h2::before{content:none}
.a-page .a-content>ul.wp-block-list>li{font-weight:500}
/* コラム一覧 */
.a-list{padding-block:36px 52px;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.a-list .m-hd{margin-bottom:22px}
.a-collist{margin-top:0}
.a-empty{margin-top:12px;text-align:center;color:var(--muted)}
.a-pager{margin-top:26px}
.a-pager .nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.a-pager .page-numbers{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 12px;border-radius:999px;background:#FFFFFF;box-shadow:inset 0 0 0 1.5px var(--line2);color:var(--ink);font:700 14px/1 'Quicksand','Zen Maru Gothic',sans-serif;text-decoration:none}
.a-pager .page-numbers.current{background:var(--rose);box-shadow:none;color:#FFFFFF}
.a-404 .a-h1{margin-top:24px}
