/* Shopee学習ガイド：共通CSS。WordPressの追加CSS、または子テーマへ1回だけ登録します。 */
.sg-guide{--sg-blue:#2563eb;--sg-ink:#1f2937;--sg-yellow:#facc15;--sg-orange:#ea580c;--sg-border:#dce3ec;box-sizing:border-box;color:var(--sg-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:16px;line-height:1.85;max-width:1120px;margin:0 auto;padding:28px 24px;background:#f3f4f6;overflow-wrap:anywhere}
.sg-guide *{box-sizing:border-box}.sg-guide .sg-guide{padding:0;background:transparent}.sg-guide h1,.sg-guide h2,.sg-guide h3,.sg-guide h4{line-height:1.5;color:#172554;letter-spacing:.015em}.sg-guide h1{font-size:clamp(1.7rem,4vw,2.5rem);margin:10px 0 18px}.sg-guide h2{font-size:1.55rem;margin:0 0 14px}.sg-guide h4{font-size:1.15rem;margin:26px 0 12px}.sg-guide p{margin:10px 0 16px}.sg-guide a{color:#1d4ed8;text-underline-offset:4px}.sg-guide a:focus-visible,.sg-guide summary:focus-visible{outline:3px solid #c2410c;outline-offset:4px}.sg-hero{background:white;border:1px solid var(--sg-border);border-left:7px solid var(--sg-blue);border-radius:14px;padding:34px;margin-bottom:24px}.sg-eyebrow{font-size:.8rem;font-weight:750;letter-spacing:.12em;color:#1d4ed8;margin:0!important}.sg-hero>p:last-child{margin-bottom:0;color:#475569}.sg-toc{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:24px 0}.sg-toc>a{background:white;border:1px solid var(--sg-border);padding:16px 14px;border-radius:10px;display:flex;flex-direction:column;gap:8px;text-decoration:none;transition:border-color .15s}.sg-toc>a:hover{border-color:var(--sg-blue)}.sg-toc span{font-size:.75rem;font-weight:750;color:#64748b}.sg-toc strong{font-size:.94rem;color:#172554}.sg-quick{background:#fff;border:1px solid var(--sg-border);border-radius:14px;padding:24px;margin:24px 0}.sg-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sg-stage{margin:42px 0;scroll-margin-top:30px}.sg-stage-header{position:relative;border-bottom:3px solid var(--sg-blue);padding:8px 0 22px;margin-bottom:18px}.sg-stage-header h2{margin-top:8px}.sg-stage-header p:not(.sg-eyebrow){color:#475569;max-width:850px;margin-bottom:8px}.sg-count{display:inline-block;font-size:.85rem;background:#e2e8f0;border-radius:20px;padding:3px 12px;color:#334155}.sg-lesson{background:white;border:1px solid var(--sg-border);border-radius:12px;margin:14px 0;overflow:hidden;scroll-margin-top:20px}.sg-lesson>summary{display:flex;align-items:flex-start;gap:16px;cursor:pointer;padding:22px;list-style:none}.sg-lesson>summary::-webkit-details-marker{display:none}.sg-lesson>summary:hover{background:#f8fbff}.sg-lesson[open]>summary{background:#eff6ff;border-bottom:1px solid #cbdcfb}.sg-lesson-number{flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:46px;min-height:38px;padding:4px 8px;background:#e8f0ff;border-radius:8px;color:#1d4ed8;font-weight:750;font-size:.9rem}.sg-summary-main{flex:1;min-width:0}.sg-summary-main>strong{display:block;font-size:1.08rem;line-height:1.65}.sg-expand{font-size:1.35rem;color:#1d4ed8;line-height:1.5}.sg-lesson[open] .sg-expand{font-size:0}.sg-lesson[open] .sg-expand:after{content:"−";font-size:1.35rem}.sg-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.sg-tag{display:inline-block;font-size:.78rem;line-height:1.6;background:#f1f5f9;border:1px solid #dbe3ed;color:#475569;padding:3px 9px;border-radius:5px}.sg-required{background:#fff7ed;color:#9a3412;border-color:#fed7aa;font-weight:700}.sg-optional{background:#fef9c3;color:#713f12;border-color:#fde68a}.sg-lesson-inner{padding:26px}.sg-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#475569;font-size:.85rem;padding:0 0 18px;border-bottom:1px solid #e5e7eb;margin-bottom:22px}.sg-body{white-space:pre-line;line-height:1.95}.sg-body p,.sg-body li{white-space:pre-line}.sg-body ul,.sg-body ol{padding-left:24px;margin:16px 0}.sg-body li{margin:8px 0}.sg-body strong{font-weight:750}.sg-resource,.sg-guide .sg-resource{display:flex;align-items:center;gap:14px;white-space:normal;text-decoration:none;border:1px solid #cbdcfb;border-left:5px solid #2563eb;background:#f5f8ff;border-radius:10px;padding:16px;margin:12px 0;color:#172554;line-height:1.6;min-width:0}.sg-resource:hover{background:#eaf2ff}.sg-resource>span:nth-child(2){flex:1;min-width:0}.sg-resource strong{display:block;font-size:1rem;color:inherit}.sg-resource-type{display:block;font-size:.78rem;font-weight:650;color:#475569;margin-bottom:3px}.sg-resource-icon{display:flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:4px;border-radius:9px;background:#dbeafe;color:#1d4ed8;font-size:.8rem;font-weight:800;flex-shrink:0}.sg-resource-arrow{color:#475569;font-size:1.3rem;flex-shrink:0}.sg-video .sg-resource-icon{font-size:1.1rem}.sg-guide .sg-document,.sg-guide .sg-file{border-left-color:#64748b;border-color:#cbd5e1;background:#f8fafc;color:#334155}.sg-document .sg-resource-icon,.sg-file .sg-resource-icon{background:#e2e8f0;color:#334155}.sg-guide .sg-tool,.sg-guide .sg-template,.sg-guide .sg-download{border-color:#e6cf77;border-left-color:#ca8a04;background:#fffceb;color:#713f12}.sg-tool .sg-resource-icon,.sg-template .sg-resource-icon,.sg-download .sg-resource-icon{background:#fef08a;color:#713f12}.sg-guide .sg-form,.sg-guide .sg-report{border-color:#fdba74;border-left-color:#ea580c;background:#fff7ed;color:#9a3412}.sg-form .sg-resource-icon,.sg-report .sg-resource-icon{background:#ffedd5;color:#9a3412}.sg-guide .sg-support{border-color:#a7d9bb;border-left-color:#15803d;background:#f0fdf4;color:#166534}.sg-support .sg-resource-icon{background:#dcfce7;color:#166534}.sg-resource-grid .sg-resource{margin:0}.sg-callout{display:block;white-space:normal;border:1px solid #fed7aa;border-left:5px solid var(--sg-orange);border-radius:10px;padding:20px 22px;margin:22px 0;background:#fff7ed;color:#7c2d12}.sg-callout>strong:first-child{display:block;margin-bottom:8px;font-size:1rem}.sg-callout p:last-child{margin-bottom:0}.sg-callout.sg-warning{white-space:pre-line}.sg-info{background:#eff6ff;border-color:#bfdbfe;border-left-color:#2563eb;color:#1e3a8a}.sg-goal{background:#f8fafc;border-color:#cbd5e1;border-left-color:#475569;color:#334155;margin-bottom:0}.sg-image{display:block;max-width:100%;height:auto;margin:22px auto;border:1px solid #e2e8f0;border-radius:8px}.sg-code{white-space:pre-wrap;overflow-wrap:anywhere;background:#f1f5f9;border:1px solid #dbe3ed;border-radius:8px;padding:18px;font-family:inherit;line-height:1.7}.sg-support-footer{background:white;border:1px solid var(--sg-border);border-radius:14px;padding:28px;margin-top:36px}.sg-support-footer p{font-size:.9rem;color:#475569}.sg-sr{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.sg-draft-note{font:14px/1.7 sans-serif;background:#fff7ed;color:#9a3412;padding:14px 24px;max-width:1120px;margin:10px auto;border:1px solid #fed7aa}.sg-guide hr{border:0;border-top:1px solid var(--sg-border);margin:24px 0}
@media(max-width:900px){.sg-toc{grid-template-columns:repeat(3,minmax(0,1fr))}.sg-guide{padding:20px}.sg-resource-grid{grid-template-columns:1fr}}
@media(max-width:600px){.sg-guide{padding:16px 12px}.sg-guide h1{font-size:1.6rem}.sg-guide h2{font-size:1.3rem}.sg-hero{padding:24px 20px}.sg-toc{grid-template-columns:1fr}.sg-toc>a{flex-direction:row;align-items:center;padding:12px 16px;gap:14px}.sg-toc span{white-space:nowrap}.sg-quick{padding:18px}.sg-lesson>summary{padding:18px 14px;gap:10px}.sg-summary-main>strong{font-size:1rem}.sg-lesson-number{min-width:39px;font-size:.8rem}.sg-lesson-inner{padding:20px 16px}.sg-meta{flex-direction:column;gap:6px}.sg-resource,.sg-guide .sg-resource{padding:14px 12px;gap:10px}.sg-resource-icon{min-width:36px;width:36px;height:36px}.sg-resource strong{font-size:.94rem}.sg-callout{padding:16px}.sg-stage{margin:32px 0}.sg-support-footer{padding:20px}}
@media(prefers-reduced-motion:reduce){.sg-guide *{scroll-behavior:auto;transition:none}}
@media print{.sg-guide{max-width:none;background:white;padding:0}.sg-draft-note{display:none}.sg-resource{break-inside:avoid}.sg-lesson{break-inside:auto}.sg-toc{display:none}}