.aside-bg-color{background-color:#f5f7f8;max-width:calc((100% - 1020px)/2 + 292px);min-width:292px;width:100%;height:100%;position:absolute;top:0;right:0;z-index:-1}.article-item{display:flex;justify-content:space-between;gap:16px;margin-bottom:32px;border:2px solid #F4F1FD;max-width:630px;padding:24px;text-decoration:none;color:var(--font-body-color)}.blog-astoness_content{max-width:630px;width:100%;flex-grow:1}.article-item:hover{background-color:#f5f7f8}.article-item:hover .contents-review{background-color:#fff}.article-item:hover .article-title a{color:#4018de}.contents-review{color:#0000d2;font-size:12px;font-weight:700;background-color:#f4f1fd;padding:8px 16px}.article-flex{display:flex;justify-content:space-between;align-items:center}.article-thumbnail,.article-title{text-decoration:none;color:#263238}.article-thumbnail img{max-width:160px;width:100%;border-radius:16px}.contents-review a{text-decoration:none}.article-title{font-size:18px;font-weight:700;color:#263238;margin-bottom:12px}.article-excerpt{font-size:14px;margin-bottom:12px}.article-date{font-size:14px;color:#263238}.page-title.page-blog-astoness_title{font-weight:700;text-align:left;margin-top:32px}.article-item_content{flex:1}.blog-astoness-lists_item-list a{text-decoration:none;color:#263238}.blog-astoness-lists_item{display:flex;align-items:center;margin-bottom:16px;padding:16px 32px;background-color:#fff}.blog-astoness-lists_item:hover,.blog-astoness-lists_item.active{background-color:#4018de}.blog-astoness-lists_item:hover .blog-astoness-icon svg,.blog-astoness-lists_item.active .blog-astoness-icon svg{fill:#fff}.blog-astoness-lists_item-title{width:100%;height:auto;margin:0;font-size:16px;font-weight:700;min-width:160px}.blog-astoness-lists_item:hover .blog-astoness-lists_item-title,.blog-astoness-lists_item.active .blog-astoness-lists_item-title{color:#fff}.blog-astoness-icon{margin-right:16px;display:flex}.blog-astoness-icon svg{width:20px;height:20px;fill:#4018de}.blog-astoness_flex{display:flex;gap:clamp(32px,12vw,98px)}.blog-asthess_sidebar{padding-block:100px;padding-left:clamp(16px,4vw,32px);padding-right:0;background-color:#f5f7f8;height:100%;position:sticky;top:0;min-width:292px;flex-shrink:0;overflow:auto}.about-vr-image_title{font-size:24px;font-weight:700;margin-bottom:12px;color:#fff}.blog-astoness_about-vr-image{text-align:center}.blog-astoness_about-vr-image img{border-radius:16px;width:100%}@media screen and (min-width:751px){.blog-astoness_about-vr-image img{max-width:260px}}.about-vr-image_pc-none{display:none}@media screen and (max-width:1020px){.aside-bg-color{display:none}.blog-astoness-lists{margin-top:0;display:flex;gap:24px}.blog-astoness-lists_item{display:flex;align-items:center;margin-bottom:0;padding:8px 16px;background-color:#f5f7f8}.blog-astoness-lists_item-title{width:auto}.blog-astoness_about-vr-image{display:none}.blog-astoness-lists_item-list{display:flex;overflow:scroll;gap:16px;align-items:center;width:100%;white-space:nowrap;padding:0 24px;margin:16px 0}.blog-astoness_flex{display:flex;flex-direction:column-reverse;gap:32px}.blog-asthess_sidebar{background-color:#fff;padding:0;max-width:100%;display:none}.about-vr-image_pc-none{display:block;margin-left:24px;margin-right:24px;margin-top:32px;padding-left:17vw}.blog-astoness_content,.article-item{max-width:100%}}@media screen and (max-width:750px){.article-item{flex-direction:column;gap:16px}.article-title{font-size:16px}.contents-review{font-size:10px;padding:4px 12px}.blog-astoness-lists{margin-top:0;display:flex;gap:8px}.blog-astoness-lists_item{display:flex;align-items:center;margin-bottom:0;padding:8px 16px;background-color:#f5f7f8;flex:0 0 auto}.blog-astoness-lists_item-title{width:100%;height:auto;margin:0;font-size:14px;min-width:0}.blog-astoness-icon{margin-right:5px}.blog-astoness_flex{display:flex;flex-direction:column-reverse;gap:32px}.blog-astoness-lists_item-list{display:flex;overflow:scroll;gap:8px;align-items:center;width:100%;white-space:nowrap}.blog-astoness_about-vr-image{display:none}.blog-asthess_sidebar{background-color:#fff;padding:0;margin:16px 0 0;max-width:100%}.blog-astoness-icon svg{width:18px;height:18px}.about-vr-image_pc-none{display:block;margin-left:24px;margin-right:24px;margin-top:32px;padding-left:0}.blog-astoness_content{margin-left:0}}.custom-section{position:relative}.blog-tag-area{border-bottom:2px solid var(--color-heading-text);margin-bottom:clamp(16px,4vw,32px)}.blog-tag-area h3.blog-tag{color:var(--color-heading-text);font-weight:700;font-size:18px}
/*# sourceMappingURL=/cdn/shop/t/37/assets/blog-template.css.map */