.article-page{display:flex;flex-direction:column;padding:var(--space-8rem) var(--space-4rem);align-items:center;color:var(--color-text-main)}.article-page h1,.article-page h2,.article-page h3,.article-page h4,.article-page h5,.article-page h6,.article-page p,.article-page li,.article-page span,.article-page a,.article-page time,.article-page button,.article-page input,.article-page select,.article-page textarea{font-family:Noto Sans JP,sans-serif}@media(max-width:1200px){.article-page{padding:var(--space-4rem)}}.article-page .inner{display:flex;gap:var(--space-5rem);max-width:1400px;width:100%}@media(max-width:1200px){.article-page .inner{flex-direction:column}}.article-page header{display:flex;width:100%;flex-direction:column;gap:.625rem;padding-bottom:var(--space-3rem);border-bottom:2px solid var(--color-border)}.article-page header h1{color:var(--color-text-dark);font-size:var(--space-2rem);font-weight:700;line-height:140%}.article-page header time{color:var(--color-text-muted);font-size:calc(var(--base-size) * 1);font-style:normal;font-weight:400;line-height:150%}.article-page article{max-width:920px;width:100%;display:flex;flex-direction:column;gap:var(--space-2rem)}.article-page .post-body>*:not(:first-child){margin-top:1em}.article-page .post-body p{color:var(--color-text-dark);font-size:calc(var(--base-size) * 1);line-height:180%;white-space:normal}.article-page .post-body h1,.article-page .post-body h2,.article-page .post-body h3,.article-page .post-body h4,.article-page .post-body h5,.article-page .post-body h6{font-weight:700;line-height:140%}.article-page .post-body h1{font-size:calc(var(--base-size) * 2);color:var(--color-primary);width:fit-content;margin:.5em 0;padding:0 0 0 1em;border-left:.25em solid var(--color-primary)}.article-page .post-body h2{font-size:calc(var(--base-size) * 1.75);width:100%;display:flex;margin-bottom:1rem;padding:.5em .9em;background:#ecfbfe;border-radius:.375em}.article-page .post-body h3{font-size:calc(var(--base-size) * 1.5);width:fit-content;margin-bottom:1rem;padding:0 0 .2em .75em;border-left:.2em solid var(--color-primary)}.article-page .post-body h4{font-size:calc(var(--base-size) * 1.25);width:fit-content;margin-bottom:1rem;padding-bottom:.2em;border-bottom:.1em solid var(--color-border)}.article-page .post-body h5{font-size:calc(var(--base-size) * 1.125);width:fit-content;margin-bottom:1rem;padding-bottom:.2em}.article-page .post-body h6{font-size:calc(var(--base-size) + .0625rem);width:fit-content;margin-bottom:1rem;padding-bottom:.2em}.article-page .post-body ul,.article-page .post-body ol{font-size:calc(var(--base-size) * 1);padding:1.125em 1.125em 1.125em 2.75em;background:#f9f9f9;line-height:160%}:is(.article-page .post-body ul,.article-page .post-body ol) li{display:list-item}:is(.article-page .post-body ul,.article-page .post-body ol) li:has(input[type=checkbox]){list-style-type:none}:is(.article-page .post-body ul,.article-page .post-body ol):has(input[type=checkbox]){padding-left:1.5em}:is(.article-page .post-body ul,.article-page .post-body ol) ul,:is(.article-page .post-body ul,.article-page .post-body ol) ol{padding:0 1.125em 0 1.375em;background:transparent}.article-page .post-body ul{list-style-type:disc}.article-page .post-body ol{list-style-type:decimal}.article-page .post-body code{color:var(--color-white);background:#111;padding:.2em .4em;margin:0 .2em;border-radius:4px;font-size:.875em;font-weight:700}.article-page .post-body pre{padding:1em;background:#555;color:var(--color-white);overflow-x:auto}.article-page .post-body pre code{color:inherit;background:none;padding:0;margin:0;border-radius:0;font-size:inherit;font-weight:inherit}.article-page .post-body table{width:100%;border-collapse:collapse;line-height:1.4;font-size:calc(var(--base-size) * .875)}.article-page .post-body table th{padding:1.5em 1em;background:var(--color-primary);color:var(--color-white);font-weight:700;text-align:left}.article-page .post-body table th,.article-page .post-body table td{border:1px solid var(--color-border)}.article-page .post-body table td{padding:1em;color:var(--color-text-main);background:var(--color-white)}@media(max-width:768px){.article-page .post-body table{display:block;overflow-x:auto;white-space:nowrap}}.article-page .post-body strong,.article-page .post-body b{font-weight:700;color:var(--color-text-dark)}.article-page .post-body a{color:var(--color-primary);text-decoration:underline;transition:opacity .3s}.article-page .post-body a:hover{opacity:.7;text-decoration:none}.article-page .post-body blockquote{border-left:.25em solid var(--color-primary);background:#ecfbfe;padding:1.125em;margin-left:0;margin-bottom:var(--space-1_5rem);font-style:italic;color:#666}.article-page aside{display:flex;flex-direction:column;align-self:flex-start;flex:1;gap:var(--space-4rem);padding-bottom:var(--space-4rem)}@media(max-width:1200px){.article-page aside{width:100%}}.article-page aside h2{width:fit-content;padding-bottom:.25em;border-bottom:.125em solid var(--color-primary);color:var(--color-primary);font-size:var(--space-1_5rem);font-weight:700;line-height:140%;margin:0}.article-page aside .card{display:flex;flex-direction:row;gap:1.25em;padding:1.25em 0;border-bottom:1px solid var(--color-border)}.article-page aside .card:first-of-type{padding-top:calc(var(--base-size) * 2)}.article-page aside .card:last-child{padding-bottom:0;border-bottom:0}.article-page aside .card:hover{opacity:.7;transition:opacity .4s ease}.article-page aside .card .thumbnail{max-width:calc(var(--base-size) * 10);aspect-ratio:3 / 2}.article-page aside .card .thumbnail img{width:100%;height:auto;display:block}@media(max-width:1400px){.article-page aside .card .thumbnail{display:none}}@media(max-width:1200px){.article-page aside .card .thumbnail{display:block}}@media(max-width:600px){.article-page aside .card .thumbnail{display:none}}.article-page aside .card .body{display:flex;flex-direction:column}.article-page aside .card .body h3{color:var(--color-text-main);font-size:calc(var(--base-size) * 1);font-weight:700;line-height:140%;margin:0}@media(max-width:1200px){.article-page aside .card .body h3{font-size:calc(var(--base-size) * 1.25)}}.article-page aside .card .body time{color:var(--color-text-muted);font-size:calc(var(--base-size) * .875);margin-top:.5em}.article-page .tags{display:flex;flex-direction:column;gap:var(--space-1_5rem)}.article-page .tags h2{color:var(--color-primary);font-size:var(--space-1_5rem);font-weight:700;line-height:140%}.article-page .tags ul{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap;margin:0;padding:0}.article-page .tags li{display:flex;padding:.5em 1em;justify-content:center;align-items:center;border-radius:.5em;border:1px solid var(--color-primary);color:var(--color-primary);font-size:calc(var(--base-size) * .875);font-weight:700;line-height:140%;cursor:pointer}.article-page footer{display:flex;flex-direction:column;gap:var(--space-3rem);width:100%}.article-page footer .nav{display:flex;margin-top:var(--space-4rem);justify-content:space-between;border-bottom:2px solid var(--color-border)}.article-page footer .nav .prev,.article-page footer .nav .next{display:flex;padding:1em;justify-content:flex-end;align-items:center;gap:1em;font-size:calc(var(--base-size) * 1.125)}.article-page footer .nav a{color:var(--color-text-main);white-space:nowrap}.article-page footer .back{align-self:center;display:flex;padding:.5em 2em;font-size:calc(var(--base-size) * 1.25);font-weight:700;border-radius:1.25em;background:var(--color-primary);color:var(--color-white)}
/*# sourceMappingURL=/cdn/shop/t/9/assets/custom-article.css.map */