/* 100万PVの作り方の記事の見た目。ドット地に紙のカードを置き、青の細い線と淡い面で区切る。装飾は足さず、罫線と余白で読ませる */
:root{--ab-primary:#1a78b4;--ab-dark:#145d8c;--ab-secondary:#7cc4e8;--ab-text:#23282d;--ab-muted:#586974;--ab-subtle:#f4f8fa;--ab-border:#dee7ed}
body{background-color:var(--ab-subtle);background-image:radial-gradient(rgba(88,105,116,.16) 1px,transparent 1px);background-size:24px 24px}
#main_content.l-mainContent{background:#fff;border-top:3px solid var(--ab-primary);border-radius:0 0 4px 4px;box-shadow:0 1px 0 var(--ab-border),0 8px 24px rgba(35,40,45,.05);padding:40px 40px 52px}
.lm-ahead__ttl{font-size:1.8rem;font-weight:700;line-height:1.55;letter-spacing:.01em;color:var(--ab-text)}
.lm-ahead__meta{font-size:.78rem;letter-spacing:.06em;color:var(--ab-muted);border-bottom:1px solid var(--ab-border);padding-bottom:18px;margin-bottom:28px}
figure.p-articleThumb img{border:1px solid var(--ab-border);border-radius:4px}
.lm-side__sec{background:none;border:0;border-top:2px solid var(--ab-primary);border-radius:0;padding:14px 0 0}
.lm-side__aboutTtl{font-size:.85rem;font-weight:700;letter-spacing:.06em}
.lm-side__aboutTxt{color:var(--ab-muted)}
#main_content .post_content{color:var(--ab-text);font-size:16.5px;line-height:2;letter-spacing:.02em}
#main_content .post_content p{margin:0 0 1.2em}
#main_content .post_content a:not(.swell-block-button__link){color:var(--ab-dark);text-decoration-thickness:1px;text-underline-offset:3px}
#main_content .post_content h2.wp-block-heading{position:relative;background:none;border:0;border-bottom:1px solid var(--ab-border);border-radius:0;box-shadow:none;color:var(--ab-text);font-size:1.4rem;font-weight:700;line-height:1.55;padding:0 0 12px;margin:64px 0 24px}
#main_content .post_content h2.wp-block-heading::before{display:none}
#main_content .post_content h2.wp-block-heading::after{content:"";display:block;position:absolute;left:0;right:auto;bottom:-1px;width:3.2em;height:2px;background:var(--ab-primary);border:0;transform:none}
#main_content .post_content h3.wp-block-heading{background:none;border:0;border-left:3px solid var(--ab-primary);border-radius:0;color:var(--ab-text);font-size:1.1rem;font-weight:700;padding:0 0 0 12px;margin:38px 0 12px}
#main_content .post_content h3.wp-block-heading::before,#main_content .post_content h3.wp-block-heading::after{display:none}
#main_content .post_content .wp-block-table table{width:100%;border-collapse:collapse;border:0;font-size:.9rem;letter-spacing:0}
#main_content .post_content .wp-block-table thead th{background:none;color:var(--ab-muted);font-size:.78rem;font-weight:700;letter-spacing:.06em;text-align:left;padding:10px 10px;border:0;border-bottom:1.5px solid var(--ab-text)}
#main_content .post_content .wp-block-table td,#main_content .post_content .wp-block-table tbody th{padding:13px 10px;border:0;border-bottom:1px solid var(--ab-border);text-align:left}
#main_content .post_content .wp-block-table tbody th{font-weight:700}
#main_content .post_content .swell-block-step__item{background:none;border:0;padding:0 0 20px 64px}
#main_content .post_content .swell-block-step__title{font-weight:700;font-size:1.05rem}
#main_content .post_content .swell-block-step__body{padding-top:4px}
#main_content .post_content .swell-block-capbox.cap_box{background:rgba(26,120,180,.07);border:0;border-left:3px solid var(--ab-primary);border-radius:0 4px 4px 0;box-shadow:none;margin:28px 0}
#main_content .post_content .swell-block-capbox.cap_box .cap_box_ttl{background:none;border:0;color:var(--ab-dark);font-size:.78rem;font-weight:700;letter-spacing:.1em;padding:14px 20px 0}
#main_content .post_content .swell-block-capbox.cap_box .cap_box_content{background:none;padding:4px 20px 16px}
#main_content .post_content .swell-block-faq__item{background:none;border:0;border-bottom:1px solid var(--ab-border);border-radius:0;padding:18px 0;margin:0}
#main_content .post_content ul.is-style-check_list li::before{color:var(--ab-primary)}
#main_content .post_content strong{font-weight:700;background:linear-gradient(transparent 72%,rgba(124,196,232,.5) 72%)}
#main_content .post_content figure.wp-block-image img{border:1px solid var(--ab-border);border-radius:4px}
#main_content .p-toc{background:var(--ab-subtle);border:0;border-left:3px solid var(--ab-border);border-radius:0 4px 4px 0;padding:18px 22px}
@media (max-width:640px){#main_content.l-mainContent{padding:26px 18px 34px}.lm-ahead__ttl{font-size:1.45rem}#main_content .post_content{font-size:16px}#main_content .post_content .wp-block-table td,#main_content .post_content .wp-block-table thead th,#main_content .post_content .wp-block-table tbody th{padding:10px 8px}}
