.pn-article{--pn-sage: #82ada5;--pn-sage-deep: #5b8880;--pn-sand: #dbc7b7;--pn-cream: #f4f2ee;--pn-ink: #33322e;--pn-muted: #8f887c;--pn-line: #e8e2d7;max-width:720px;margin-left:auto;margin-right:auto;font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic Medium,YuGothic,Yu Gothic,Meiryo,Noto Sans JP,sans-serif;font-size:16px;line-height:1.9;letter-spacing:.04em;color:var(--pn-ink);word-break:normal;counter-reset:pn-sec}.pn-article em,.pn-article i{font-style:normal;font-weight:700}.pn-article img{max-width:100%;height:auto}.pn-article a{color:var(--pn-sage-deep)}.pn-article .pn-lead{font-size:1.03rem;line-height:2.05;color:#4c493f;margin:0 0 1.4em}.pn-article .pn-toc{background:var(--pn-cream);border:1px solid var(--pn-line);border-radius:16px;padding:20px 24px;margin:32px 0 12px}.pn-article .pn-toc-label{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:700;letter-spacing:.14em;color:var(--pn-sage-deep);margin-bottom:6px}.pn-article .pn-toc-label:before{content:"";width:16px;height:2px;background:var(--pn-sage);display:inline-block}.pn-article .pn-toc ol{list-style:none;counter-reset:pn-toc;margin:0;padding:0}.pn-article .pn-toc li{counter-increment:pn-toc;margin:0;padding:0}.pn-article .pn-toc a{display:flex;align-items:baseline;gap:14px;padding:11px 2px;border-bottom:1px dashed #ddd4c6;color:var(--pn-ink);text-decoration:none;font-size:.95rem;line-height:1.6}.pn-article .pn-toc li:last-child a{border-bottom:none}.pn-article .pn-toc a:before{content:counter(pn-toc,decimal-leading-zero);color:var(--pn-sage-deep);font-weight:700;font-size:.82rem;min-width:1.4em}.pn-article .pn-toc a:hover{color:var(--pn-sage-deep)}.pn-article .pn-h2{counter-increment:pn-sec;font-size:1.34rem;font-weight:700;line-height:1.5;margin:60px 0 20px;padding:2px 0 2px 16px;border-left:5px solid var(--pn-sage)}.pn-article .pn-h2:before{content:counter(pn-sec,decimal-leading-zero);display:block;color:var(--pn-sage-deep);font-size:.95rem;letter-spacing:.1em;margin-bottom:4px}.pn-article .pn-h2--plain{counter-increment:none}.pn-article .pn-h2--plain:before{content:none}.pn-article .pn-h3{font-size:1.08rem;font-weight:700;line-height:1.6;margin:40px 0 14px;padding-bottom:8px;border-bottom:2px solid var(--pn-sand)}.pn-article .pn-p{margin:0 0 1.5em}.pn-article .pn-list{list-style:none;margin:0 0 1.5em;padding:0}.pn-article .pn-list li{position:relative;padding-left:1.2em;margin:0 0 .5em}.pn-article .pn-list li:before{content:"\30fb";position:absolute;left:0;color:var(--pn-sage-deep);font-weight:700}.pn-article .pn-box{background:var(--pn-cream);border-radius:12px;padding:18px 22px;margin:6px 0 1.6em;font-size:.95rem;line-height:1.9}.pn-article .pn-box .pn-box-label{display:block;font-size:.76rem;font-weight:700;letter-spacing:.13em;color:var(--pn-sage-deep);margin-bottom:6px}.pn-article .pn-figure{margin:0 0 1.6em}.pn-article .pn-figure img{width:100%;border-radius:14px;display:block}.pn-article .pn-figure figcaption{font-size:.78rem;color:var(--pn-muted);margin-top:9px;letter-spacing:.03em}.pn-article .pn-cta{display:inline-flex;align-items:center;gap:7px;font-size:.9rem;font-weight:700;color:var(--pn-sage-deep);text-decoration:none}.pn-article .pn-cta:after{content:"\2192"}.pn-article .pn-linkbox{border:1px solid var(--pn-line);border-left:4px solid var(--pn-sage);border-radius:12px;background:#fff;padding:16px 20px;margin:6px 0 1.6em}.pn-article .pn-linkbox .pn-linkbox-label{display:block;font-size:.76rem;font-weight:700;letter-spacing:.13em;color:var(--pn-sage-deep);margin-bottom:6px}.pn-article .pn-linkbox a{display:block;padding:8px 0;color:var(--pn-ink);text-decoration:none;border-bottom:1px dashed #e3dccf;font-size:.92rem}.pn-article .pn-linkbox a:last-child{border-bottom:none}.pn-article .pn-linkbox a:before{content:"\203a";color:var(--pn-sage);font-weight:700;margin-right:9px}.pn-article .pn-linkbox a:hover{color:var(--pn-sage-deep)}.pn-article .pn-product{display:grid;grid-template-columns:190px 1fr;gap:26px;align-items:center;margin:8px 0 34px}.pn-article .pn-product-img{border-radius:6px;overflow:hidden;box-shadow:0 10px 26px #33322e1f;display:block}.pn-article .pn-product-img img{width:100%;display:block}.pn-article .pn-product-name{margin:0 0 12px;font-size:1.05rem;font-weight:700;letter-spacing:.08em}.pn-article .pn-product-name a{color:var(--pn-ink);text-decoration:none;border-bottom:2px solid var(--pn-sand);padding-bottom:2px}.pn-article .pn-product-desc{margin:0;font-size:.95rem;line-height:1.95}.pn-article .pn-product-mini{display:inline-block;vertical-align:top;width:160px;margin:4px 18px 22px 0;text-align:center}.pn-article .pn-product-mini a{text-decoration:none;color:var(--pn-ink)}.pn-article .pn-product-mini img{width:100%;border-radius:8px;box-shadow:0 6px 16px #33322e1a;display:block;margin-bottom:8px}.pn-article .pn-product-mini-name{margin:0;font-size:.8rem;line-height:1.6;letter-spacing:.02em}.pn-article .pn-product-mini-name a{border-bottom:1px solid var(--pn-sand);padding-bottom:1px}.pn-article .pn-outro{background:var(--pn-cream);border-radius:18px;padding:32px 28px;text-align:center;line-height:2.1;color:#4c493f;margin:52px 0 8px;font-size:1rem}.pn-article .pn-module-title{text-align:center;font-size:1.02rem;font-weight:700;letter-spacing:.12em;margin:52px 0 24px;border-left:none;padding:0}.pn-article .pn-module-title span{display:inline-block;padding-bottom:8px;border-bottom:2px solid var(--pn-sage)}.pn-article .pn-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0 0 1.6em}.pn-article .pn-grid a{text-decoration:none;color:var(--pn-ink)}.pn-article .pn-grid .pn-thumb{display:block;width:100%;border-radius:10px;overflow:hidden;background:#eee}.pn-article .pn-grid--articles .pn-thumb{position:relative;padding-top:100%}.pn-article .pn-grid--posters .pn-thumb{position:relative;padding-top:150%;box-shadow:0 6px 16px #33322e1a}.pn-article .pn-grid--articles .pn-thumb img,.pn-article .pn-grid--posters .pn-thumb img{position:absolute;top:0;left:0}.pn-article .pn-grid .pn-thumb img{width:100%;height:100%;object-fit:cover;display:block}.pn-article .pn-grid .pn-thumb-title{display:block;font-size:.78rem;line-height:1.6;margin-top:9px;letter-spacing:.02em}.pn-article .pn-note{font-size:.82rem;color:var(--pn-muted);line-height:1.8;margin:0 0 1.4em;padding-left:1.2em;text-indent:-1.2em}.pn-article .pn-source{font-size:.8rem;color:var(--pn-muted);line-height:1.7;margin:-.8em 0 1.5em}.pn-article .pn-source a{color:var(--pn-sage-deep);text-decoration:none;border-bottom:1px solid var(--pn-sand);padding-bottom:1px}.pn-article .pn-table{width:100%;border-collapse:collapse;font-size:.92rem;margin:0 0 1.6em}.pn-article .pn-table th{background:var(--pn-cream);font-weight:700;text-align:left}.pn-article .pn-table th,.pn-article .pn-table td{border:1px solid var(--pn-line);padding:10px 14px;line-height:1.7}.pn-article .pn-qa{margin:0 0 1.8em}.pn-article .pn-qa-q,.pn-article .pn-qa-a{position:relative;padding-left:2.4em;margin:0 0 .9em}.pn-article .pn-qa-q{font-weight:700;color:var(--pn-sage-deep)}.pn-article .pn-qa-label{position:absolute;left:0;top:.25em;width:1.7em;height:1.7em;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;letter-spacing:0}.pn-article .pn-qa-q .pn-qa-label{background:var(--pn-sage);color:#fff}.pn-article .pn-qa-a .pn-qa-label{background:var(--pn-cream);color:var(--pn-sage-deep);border:1px solid var(--pn-line)}.pn-article .pn-quote{margin:0 0 1.8em;padding:22px 26px;background:var(--pn-cream);border-left:4px solid var(--pn-sage);border-radius:0 14px 14px 0;font-size:1.05rem;line-height:2;color:#4c493f}.pn-article .pn-quote-attr{display:block;margin-top:10px;font-size:.78rem;font-style:normal;color:var(--pn-muted);letter-spacing:.05em}.pn-article .pn-quote-attr:before{content:"\2014\a0"}.pn-article .pn-embed{max-width:540px;margin:0 auto 1.8em}.pn-article .pn-embed iframe{max-width:100%}.pn-article .pn-credit{font-size:.72rem;color:var(--pn-muted);letter-spacing:.04em;margin:-1.1em 0 1.5em;text-align:right}@media only screen and (max-width:600px){.pn-article .pn-h2{font-size:1.22rem;margin-top:48px}.pn-article .pn-product{grid-template-columns:1fr;gap:16px;justify-items:center;text-align:center}.pn-article .pn-product-img{max-width:220px}.pn-article .pn-product-mini{width:calc(50% - 12px);margin-right:12px}.pn-article .pn-grid--articles{grid-template-columns:repeat(2,1fr)}.pn-article .pn-grid--posters{grid-template-columns:repeat(4,1fr);gap:9px}.pn-article .pn-table{display:block;overflow-x:auto;white-space:nowrap}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/pn-article.css.map */