.article{--article-margin-block-end: var(--spacing-14)}.article>.container{justify-content:safe center;gap:var(--spacing-10);margin-block-end:var(--article-margin-block-end);display:grid}@media screen and (min-width:700px){.article{--article-margin-block-end: var(--spacing-28)}.article>.container{gap:var(--spacing-16)}}.article-banner{grid:var(--article-banner-grid);column-gap:var(--article-banner-column-gap);align-items:var(--article-banner-horizontal-alignement, center);max-width:var(--article-banner-max-width);box-sizing:content-box;justify-items:center;margin-inline-start:auto;margin-inline-end:auto;padding-block-start:var(--article-banner-padding-block-start, 0);padding-block-end:var(--article-banner-padding-block-end, var(--spacing-5));gap:var(--article-banner-gap, var(--spacing-8));display:grid;position:relative}.article-banner:before{content:"";width:100vw;height:var(--article-banner-before-height);pointer-events:none;background-color:rgb(var(--article-banner-background));position:absolute;top:0;left:50%;transform:translate(-50%)}.article-banner__image{z-index:1;width:100%}.article-banner__image>img{width:100%}.article-banner__content{--text-color: var(--article-banner-text-color, var(--text-color));gap:var(--spacing-6);padding:var(--article-banner-content-padding-block-start) var(--article-banner-content-padding-inline) var(--article-banner-content-padding-block-end);justify-items:var(--article-banner-vertical-alignement, center);text-align:var(--article-banner-vertical-alignement, center);z-index:1;z-index:2;display:grid}.article-banner__content>.badge{--badge-background: var(--article-banner-badge-background);padding:var(--spacing-1) var(--spacing-3);display:inline-block}.article__meta{justify-content:var(--article-banner-meta-vertical-alignment, center);row-gap:var(--spacing-2);column-gap:var(--spacing-4);gap:var(--spacing-4);flex-wrap:wrap;display:flex}.article__meta .text-with-icon{gap:var(--spacing-2)}@media screen and (min-width:700px){.article-banner{--article-banner-gap: var(--article-banner-column-gap, var(--spacing-10));grid:var(--article-banner-grid)}.article-banner__content{gap:var(--spacing-8)}}@media screen and (min-width:1150px){.article-banner{padding-inline-start:var(--container-gutter);padding-inline-end:var(--container-gutter)}.article-banner__content{grid-area:var(--article-banner-grid-area, content)}.article-banner__image{grid-area:var(--article-banner-grid-area, image);position:relative}.article-banner__image:before{content:"";background:rgb(var(--article-banner-image-overlay));border-radius:inherit;z-index:1;pointer-events:none;transition:background .2s ease-in-out;position:absolute;top:0;bottom:0;left:0;right:0}.article__meta{column-gap:var(--spacing-6)}.article__meta .text-with-icon{gap:var(--spacing-2-5)}}.article-content{max-width:var(--article-max-width);grid-template-columns:minmax(0,1fr);width:100%;margin-inline-start:auto;margin-inline-end:auto;padding-block-start:var(--spacing-10)}.article-content>.share-buttons .share-buttons__item{width:var(--spacing-10);height:var(--spacing-10);opacity:1}@media screen and (min-width:1000px){.article-content{border-bottom-width:1px;padding-block-start:var(--spacing-16);padding-block-end:var(--spacing-18)}}.article-navigation{gap:var(--spacing-6);max-width:var(--article-max-width);gap:var(--spacing-8);display:grid}.article-navigation__title{gap:var(--spacing-2)}.article-prev-next{gap:var(--spacing-5);grid:auto / auto-flow 75vw;gap:var(--spacing-6);display:grid}@media screen and (min-width:700px){.article-navigation{--navigation-margin-block: var(--spacing-16);gap:var(--spacing-10)}.article-navigation__title>svg{width:27px;height:24px}.article-prev-next{gap:var(--spacing-12);grid:auto / repeat(2,minmax(0,1fr))}}.article-comments{--comments-padding-inner: var(--spacing-6);gap:var(--spacing-8);gap:var(--spacing-12);max-width:var(--article-max-width);display:grid}.article-comments__form{padding:var(--spacing-6);padding:var(--comments-padding-inner)}.comments-list{padding:var(--spacing-6);gap:var(--spacing-4);gap:var(--spacing-6);padding:var(--comments-padding-inner);display:grid}.comment{gap:var(--spacing-3);gap:var(--spacing-4);padding-block-start:var(--spacing-6);display:grid}.comment:first-child{padding-block-start:0}.comment:not(:first-child){padding-block-start:var(--spacing-4)}.comment__gravatar{width:var(--spacing-10);height:var(--spacing-10);border-radius:50%}@media screen and (min-width:700px){.article-comments{--comments-padding-inner: var(--spacing-12);gap:var(--spacing-12)}.article-comments__form{padding:var(--spacing-8)}.comments-list{padding:var(--spacing-8);gap:var(--spacing-8)}.comment{grid-template-columns:auto 1fr;gap:var(--spacing-6);align-items:start;display:flex}.comment:not(:first-child){padding-block-start:var(--spacing-8)}.comment__gravatar{width:var(--spacing-12);height:var(--spacing-12)}}.customnavi{border-radius:8px;overflow:hidden;box-shadow:0 8px 12px #0000001a;background-color:#f9f9f9}.customnavi-item-label{width:100%;color:#1a1a1a;overflow:hidden;display:flex;justify-content:space-between;padding-left:20px;font-weight:700;cursor:default;border-left:12px solid #ff6900}.customnavi-content{max-height:100vh;padding:0 1em;color:#1a1a1a;background:#f9f9f9}.customnavi-content ul{padding-top:0;display:inline-block}#item1:checked~.customnavi-content{max-height:100vh;padding:1em}#item1{pointer-events:none;opacity:0}.tipscontainer{background-color:#e5e5e580;padding:20px;border-radius:4px}.tipstitle{color:#1a1a1a;padding:10px;border-left:3px solid rgba(255,105,0,.7)}.renfor{border-left:3px solid rgba(255,105,0,.7);padding:10px 20px;background-color:#e5e5e580}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-article-detail.css.map */