@charset "UTF-8";.post-detail{background-color:#f5f8fa;min-height:100vh;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;--pd-color-primary:#0ad;--pd-color-bg:#e0f5fc;--pd-color-badge:#0ad;--pd-color-badge-bg:#e0f5fc}.post-detail[data-category=topics]{--pd-color-primary:#0ad;--pd-color-bg:#e0f5fc;--pd-color-badge:#0ad;--pd-color-badge-bg:#e0f5fc}.post-detail[data-category=blogs]{--pd-color-primary:#3daa72;--pd-color-bg:#e8f5ee;--pd-color-badge:#3daa72;--pd-color-badge-bg:#e8f5ee}.post-detail[data-category=news]{--pd-color-primary:#f5821f;--pd-color-bg:#fef1e6;--pd-color-badge:#f5821f;--pd-color-badge-bg:#fef1e6}.post-detail[data-category=default]{--pd-color-primary:#0ad;--pd-color-bg:#e0f5fc;--pd-color-badge:#0ad;--pd-color-badge-bg:#e0f5fc}.post-detail__hero{background:#fff;border-bottom:1px solid #dde6ed}.post-detail__hero-inner{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;padding-top:48px;padding-bottom:32px}@media screen and (min-width:768px){.post-detail__hero-inner{padding-left:40px;padding-right:40px}}@media screen and (min-width:1024px){.post-detail__hero-inner{padding-top:64px;padding-bottom:48px}}.post-detail__cats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.post-detail__cat-badge{display:inline-flex;align-items:center;padding:4px 14px;border-radius:9999px;font-size:12px;font-weight:700;letter-spacing:.08em;text-decoration:none;background-color:var(--pd-color-badge-bg);color:var(--pd-color-badge);border:1.5px solid var(--pd-color-badge);transition:background-color .15s ease,color .15s ease}.post-detail__cat-badge:hover{background-color:var(--pd-color-badge);color:#fff}.post-detail__cat-badge--topics{background-color:#e0f5fc;color:#0ad;border-color:#0ad}.post-detail__cat-badge--topics:hover{background-color:#0ad;color:#fff}.post-detail__cat-badge--blogs{background-color:#e8f5ee;color:#3daa72;border-color:#3daa72}.post-detail__cat-badge--blogs:hover{background-color:#3daa72;color:#fff}.post-detail__cat-badge--news{background-color:#fef1e6;color:#f5821f;border-color:#f5821f}.post-detail__cat-badge--news:hover{background-color:#f5821f;color:#fff}.post-detail__cat-badge--default{background-color:#e0f5fc;color:#0ad;border-color:#0ad}.post-detail__cat-badge--default:hover{background-color:#0ad;color:#fff}.post-detail__title{font-size:24px;font-weight:700;line-height:1.3;color:#1a2a3a;letter-spacing:.03em;margin:0 0 24px}@media screen and (min-width:1024px){.post-detail__title{font-size:36px}}.post-detail__meta{display:flex;align-items:center;gap:16px}.post-detail__date{display:inline-flex;align-items:center;gap:4px;font-family:"Inter","Roboto",Arial,sans-serif;font-size:13px;color:#678;letter-spacing:.05em}.post-detail__date-icon{display:flex;align-items:center;justify-content:center;color:var(--pd-color-primary)}.post-detail__thumbnail{margin-top:32px}@media screen and (min-width:1024px){.post-detail__thumbnail{margin-top:48px}}.post-detail__thumbnail-inner{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;padding-top:0;position:relative;overflow:hidden;border-radius:12px;box-shadow:0 8px 40px rgba(0,0,0,.12)}@media screen and (min-width:768px){.post-detail__thumbnail-inner{padding-left:40px;padding-right:40px}}.post-detail__thumbnail-inner:before{content:'';display:block;padding-top:43.75%}@media screen and (max-width:767px){.post-detail__thumbnail-inner:before{padding-top:75%}}.post-detail__thumbnail-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.post-detail__breadcrumb{background:#fff;border-bottom:1px solid #dde6ed}.post-detail__breadcrumb-inner{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;padding-top:16px;padding-bottom:16px}@media screen and (min-width:768px){.post-detail__breadcrumb-inner{padding-left:40px;padding-right:40px}}.post-detail__breadcrumb .breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;list-style:none;margin:0;padding:0}.post-detail__breadcrumb .breadcrumb li{display:flex;align-items:center;font-size:12px;color:#678}.post-detail__breadcrumb .breadcrumb li:not(:last-child):after{content:'›';margin-left:8px;color:#dde6ed}.post-detail__breadcrumb .breadcrumb li a{color:var(--pd-color-primary);text-decoration:none;transition:opacity .15s ease}.post-detail__breadcrumb .breadcrumb li a:hover{opacity:.75}.post-detail__breadcrumb .breadcrumb li .current{color:#678;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;max-width:200px}@media screen and (min-width:1024px){.post-detail__breadcrumb .breadcrumb li .current{max-width:400px}}.post-detail__body{padding:48px 0 64px}@media screen and (min-width:1024px){.post-detail__body{padding:64px 0 80px}}.post-detail__body-inner{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;display:grid;grid-template-columns:1fr;gap:48px}@media screen and (min-width:768px){.post-detail__body-inner{padding-left:40px;padding-right:40px}}@media screen and (min-width:1024px){.post-detail__body-inner{grid-template-columns:1fr 320px;gap:64px;align-items:start}}@media screen and (min-width:1280px){.post-detail__body-inner{grid-template-columns:1fr 360px}}.post-detail__article{min-width:0}.post-detail__content{background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 8px rgba(0,0,0,.06);font-size:15px;line-height:2;color:#334}@media screen and (min-width:1024px){.post-detail__content{padding:48px}}.post-detail__content p{margin:0 0 1.5em}.post-detail__content p:last-child{margin-bottom:0}.post-detail__content h2{font-size:24px;font-weight:700;line-height:1.3;color:#1a2a3a;margin:2em 0 .8em;padding-bottom:.5em;border-bottom:2px solid var(--pd-color-primary);letter-spacing:.03em}@media screen and (min-width:1024px){.post-detail__content h2{font-size:28px}}.post-detail__content h3{font-size:20px;font-weight:700;line-height:1.3;color:#1a2a3a;margin:1.8em 0 .7em;padding-left:16px;border-left:4px solid var(--pd-color-primary);letter-spacing:.03em}@media screen and (min-width:1024px){.post-detail__content h3{font-size:24px}}.post-detail__content h4{font-size:18px;font-weight:700;color:#1a2a3a;margin:1.5em 0 .6em;letter-spacing:.03em}.post-detail__content ul,.post-detail__content ol{margin:0 0 1.5em;padding-left:1.5em}.post-detail__content ul li,.post-detail__content ol li{margin-bottom:.5em;line-height:1.7}.post-detail__content ul li::marker{color:var(--pd-color-primary)}.post-detail__content ol li::marker{color:var(--pd-color-primary);font-weight:700}.post-detail__content blockquote{margin:1.5em 0;padding:24px 32px;background-color:var(--pd-color-bg);border-left:4px solid var(--pd-color-primary);border-radius:0 8px 8px 0;color:#678;font-style:italic}.post-detail__content blockquote p{margin-bottom:0}.post-detail__content a{color:var(--pd-color-primary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:opacity .15s ease}.post-detail__content a:hover{opacity:.75}.post-detail__content img{max-width:100%;height:auto;border-radius:8px;margin:16px 0}.post-detail__content table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:13px;overflow-x:auto;display:block}@media screen and (min-width:768px){.post-detail__content table{display:table}}.post-detail__content table th,.post-detail__content table td{padding:8px 16px;border:1px solid #dde6ed}.post-detail__content table th{background-color:var(--pd-color-bg);color:#1a2a3a;font-weight:700;text-align:left}.post-detail__content table tr:nth-child(even) td{background-color:#f5f8fa}.post-detail__content pre{background-color:#1a2a3a;color:#e8edf0;padding:24px;border-radius:8px;overflow-x:auto;font-size:13px;line-height:1.6;margin:1.5em 0}.post-detail__content code{background-color:var(--pd-color-bg);color:var(--pd-color-primary);padding:2px 6px;border-radius:4px;font-size:.9em;font-family:'Courier New',monospace}.post-detail__content pre code{background:0 0;color:inherit;padding:0;border-radius:0}.post-detail__tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:32px;padding:24px 32px;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.post-detail__tags-label{font-size:12px;font-weight:700;color:#678;letter-spacing:.08em;text-transform:uppercase;margin-right:4px}.post-detail__tag{display:inline-block;padding:4px 12px;border-radius:9999px;font-size:12px;color:#678;border:1px solid #dde6ed;text-decoration:none;transition:background-color .15s ease,color .15s ease,border-color .15s ease;letter-spacing:.03em}.post-detail__tag:hover{background-color:var(--pd-color-bg);color:var(--pd-color-primary);border-color:var(--pd-color-primary)}.post-detail__share{margin-top:32px;padding:24px 32px;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.post-detail__share-label{font-size:13px;font-weight:700;color:#678;letter-spacing:.05em;margin:0 0 16px;text-align:center}.post-detail__share-btns{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.post-detail__share-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:9999px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;letter-spacing:.03em}.post-detail__share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,.1)}.post-detail__share-btn--x{background-color:#000;color:#fff}.post-detail__share-btn--fb{background-color:#1877f2;color:#fff}.post-detail__share-btn--line{background-color:#06c755;color:#fff}.post-detail__sidebar{display:flex;flex-direction:column;gap:32px}@media screen and (min-width:1024px){.post-detail__sidebar{position:sticky;top:80px}}.post-detail__related-title,.post-detail__sidebar-title{display:flex;flex-direction:column;gap:4px;margin:0 0 24px;padding-bottom:16px;border-bottom:2px solid var(--pd-color-primary)}.post-detail__related-title-en,.post-detail__sidebar-title-en{font-family:"Inter","Roboto",Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--pd-color-primary)}.post-detail__related-title-ja,.post-detail__sidebar-title-ja{font-size:18px;font-weight:700;color:#1a2a3a;letter-spacing:.05em}.post-detail__related{background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.post-detail__related-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}.post-detail__related-item{border-bottom:1px solid #dde6ed;padding-bottom:16px}.post-detail__related-item:last-child{border-bottom:none;padding-bottom:0}.post-detail__related-link{display:flex;gap:16px;text-decoration:none;color:inherit;align-items:flex-start;transition:transform .25s ease,box-shadow .25s ease}.post-detail__related-link:hover{transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,0,0,.06)}.post-detail__related-link:hover .post-detail__related-text{color:var(--pd-color-primary)}.post-detail__related-thumb{flex-shrink:0;width:80px;height:60px;border-radius:4px;overflow:hidden;background-color:#f5f8fa}@media screen and (min-width:768px){.post-detail__related-thumb{width:90px;height:68px}}.post-detail__related-thumb--noimg{display:flex;align-items:center;justify-content:center;font-size:12px;color:#678;background-color:#f5f8fa}.post-detail__related-img{width:100%;height:100%;object-fit:cover;display:block}.post-detail__related-info{flex:1;min-width:0}.post-detail__related-date{display:block;font-family:"Inter","Roboto",Arial,sans-serif;font-size:12px;color:#678;letter-spacing:.05em;margin-bottom:4px}.post-detail__related-text{font-size:13px;font-weight:700;color:#1a2a3a;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .15s ease;margin:0}.post-detail__related-empty{font-size:13px;color:#678;text-align:center;padding:24px 0;margin:0}.post-detail__sidebar-cats{background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.post-detail__sidebar-cats-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.post-detail__sidebar-cats-link{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-radius:8px;text-decoration:none;transition:background-color .15s ease,color .15s ease;color:#334}.post-detail__sidebar-cats-link:hover{background-color:var(--pd-color-bg);color:var(--pd-color-primary)}.post-detail__sidebar-cats-link--topics:hover{background-color:#e0f5fc;color:#0ad}.post-detail__sidebar-cats-link--blogs:hover{background-color:#e8f5ee;color:#3daa72}.post-detail__sidebar-cats-link--news:hover{background-color:#fef1e6;color:#f5821f}.post-detail__sidebar-cats-link--default:hover{background-color:#e0f5fc;color:#0ad}.post-detail__sidebar-cats-name{font-size:13px;font-weight:500;letter-spacing:.03em}.post-detail__sidebar-cats-count{font-family:"Inter","Roboto",Arial,sans-serif;font-size:12px;color:#678;background-color:#f5f8fa;padding:2px 8px;border-radius:9999px;font-weight:700;min-width:28px;text-align:center}.post-detail__pager{background:#fff;border-top:1px solid #dde6ed;padding:32px 0}@media screen and (min-width:1024px){.post-detail__pager{padding:48px 0}}.post-detail__pager-inner{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}@media screen and (min-width:768px){.post-detail__pager-inner{padding-left:40px;padding-right:40px}}@media screen and (max-width:767px){.post-detail__pager-inner{grid-template-columns:1fr;gap:16px}}.post-detail__pager-next{text-align:right}.post-detail__pager-list{display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;color:#678;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:16px 24px;border-radius:8px;border:1.5px solid #dde6ed;transition:border-color .15s ease,color .15s ease,background-color .15s ease;white-space:nowrap}.post-detail__pager-list:hover{border-color:var(--pd-color-primary);color:var(--pd-color-primary);background-color:var(--pd-color-bg)}@media screen and (max-width:767px){.post-detail__pager-list{order:-1;flex-direction:row}}.post-detail__pager-link{display:flex;align-items:center;text-decoration:none;color:#334;gap:8px;padding:16px;border-radius:8px;transition:background-color .15s ease,color .15s ease;min-width:0}.post-detail__pager-link:hover{background-color:var(--pd-color-bg);color:var(--pd-color-primary)}.post-detail__pager-link--prev{flex-direction:row}.post-detail__pager-link--next{flex-direction:row-reverse;text-align:right}@media screen and (max-width:767px){.post-detail__pager-link--next{flex-direction:row;text-align:left}}@media screen and (max-width:767px){.post-detail__pager-link{padding:8px}}.post-detail__pager-arrow{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:var(--pd-color-bg);border-radius:50%;color:var(--pd-color-primary);transition:background-color .15s ease,transform .15s ease}.post-detail__pager-link:hover .post-detail__pager-arrow{background-color:var(--pd-color-primary);color:#fff;transform:scale(1.1)}.post-detail__pager-label{font-size:12px;color:#678;font-weight:700;letter-spacing:.05em;display:block}.post-detail__pager-title{font-size:13px;font-weight:700;color:#1a2a3a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.7;max-width:200px;transition:color .15s ease}.post-detail__pager-link:hover .post-detail__pager-title{color:var(--pd-color-primary)}@media screen and (min-width:1024px){.post-detail__pager-title{max-width:280px}}.post-detail__article,.post-detail__sidebar>*,.post-detail__pager{opacity:0;transform:translateY(24px);transition:opacity .4s ease,transform .4s ease}.post-detail__article.is-visible,.post-detail__sidebar>*.is-visible,.post-detail__pager.is-visible{opacity:1;transform:translateY(0)}.post-detail__toc{background:#fff;border:1.5px solid var(--pd-color-primary);border-radius:12px;padding:24px 32px;margin-bottom:32px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.post-detail__toc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.post-detail__toc-title{font-size:13px;font-weight:700;color:#1a2a3a;letter-spacing:.05em}.post-detail__toc-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:0 0;cursor:pointer;color:#678;transition:transform .15s ease,color .15s ease;border-radius:4px}.post-detail__toc-toggle:hover{color:var(--pd-color-primary);background-color:var(--pd-color-bg)}.post-detail__toc-toggle[aria-expanded=false]{transform:rotate(180deg)}.post-detail__toc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.post-detail__toc-item--h2>.post-detail__toc-link{font-weight:600}.post-detail__toc-item--h3{padding-left:24px}.post-detail__toc-item--h3>.post-detail__toc-link{font-size:13px;color:#678}.post-detail__toc-link{display:block;padding:4px 8px;text-decoration:none;color:#334;font-size:15px;border-radius:4px;transition:color .15s ease,background-color .15s ease,padding-left .15s ease;border-left:2px solid transparent}.post-detail__toc-link:hover,.post-detail__toc-link.is-active{color:var(--pd-color-primary);background-color:var(--pd-color-bg);border-left-color:var(--pd-color-primary);padding-left:16px}.post-detail__progress-bar{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--progress-color,#0ad),#44d4ff);z-index:9999;transition:width .1s linear;box-shadow:0 0 8px rgba(0,170,221,.4)}.post-detail__share-btn--copy{background-color:#2d3e50;color:#fff;border:none;cursor:pointer;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif}.post-detail__share-btn--copy.is-copied{background-color:#3daa72}