:root{--blog-color-primary: #000000;--blog-color-text: #333333;--blog-color-accent: #ff6533;--blog-color-gray: #999999;--blog-color-light-gray: #f5f5f5;--blog-color-off-white: #f9f9f9;--blog-color-border: #e5e1da;--blog-color-white: #ffffff}.blog-article-page body,body.template-article{font-family:Noto Sans JP,\30d2\30e9\30ae\30ce\89d2\30b4  Pro W3,Hiragino Kaku Gothic Pro,\30e1\30a4\30ea\30aa,Meiryo,sans-serif;font-size:14px;line-height:1.7;color:var(--blog-color-text);-webkit-font-smoothing:antialiased}.blog-gnav-wrapper{background-color:var(--blog-color-white);border-bottom:1px solid var(--blog-color-light-gray);height:61px;position:sticky;top:0;z-index:1000;display:flex;align-items:center}.blog-gnav-inner{max-width:1200px;width:100%;margin:0 auto;padding:0 10px;display:flex;align-items:center}.blog-gnav-inner ul{display:flex;list-style:none;margin:0;padding:0;height:61px}.blog-gnav-inner ul li a{color:var(--blog-color-primary);font-size:16px;font-weight:700;text-decoration:none;padding:0 20px;border-right:1px solid #e0e0e0;height:61px;display:flex;align-items:center;transition:color .2s ease}.blog-gnav-inner ul li:first-child a{border-left:1px solid #e0e0e0}.blog-gnav-inner ul li a:hover{color:var(--blog-color-accent)}.blog-container{max-width:1200px;width:100%;margin:0 auto;padding:32px 10px 60px;display:flex;gap:60px;align-items:flex-start}.blog-content-wrapper{flex:1;min-width:0}.blog-sidebar{width:300px;flex-shrink:0;position:sticky;top:150px;align-self:flex-start}.blog-breadcrumb{font-size:13px;color:#555;padding:12px 0;margin-bottom:16px}.blog-breadcrumb a{color:var(--blog-color-accent);text-decoration:none}.blog-breadcrumb a:hover{text-decoration:underline}.blog-breadcrumb span{margin:0 6px;color:#aaa}.blog-post-thumbnail img{width:100%;height:auto;object-fit:cover;border-radius:4px;margin-bottom:24px;display:block}.blog-entry-title{font-size:30px;font-weight:700;line-height:45px;color:var(--blog-color-text);margin-bottom:16px}.blog-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-bottom:10px}.blog-cats a{display:inline-block;background:var(--blog-color-primary);color:var(--blog-color-white);font-size:12px;padding:1px 10px;border-radius:13px;text-decoration:none;transition:opacity .2s}.blog-cats a:hover{opacity:.75}.blog-post-date{font-size:14px;color:#555}.blog-tags{display:flex;flex-wrap:wrap;gap:4px 0;margin-bottom:12px}.blog-tags a{color:var(--blog-color-accent);font-size:14px;text-decoration:none}.blog-tags a:hover{text-decoration:underline}.blog-author{display:flex;align-items:center;gap:8px;font-size:13px;color:#555;margin-bottom:32px}.blog-author img{width:32px;height:32px;border-radius:50%;object-fit:cover}.blog-author-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:var(--blog-color-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;flex-shrink:0}.blog-entry-content h2{font-size:26px;font-weight:700;color:var(--blog-color-text);line-height:42px;border-left:8px solid var(--blog-color-primary);padding-left:20px;margin-top:40px;margin-bottom:16px}.blog-entry-content h3{font-size:18px;font-weight:700;color:var(--blog-color-text);margin-top:20px;margin-bottom:8px}.blog-entry-content p{font-size:16px;line-height:2.2;color:var(--blog-color-text);margin-bottom:1.2em}.blog-entry-content img{max-width:100%;height:auto;display:block;margin:24px auto;border-radius:4px}.blog-entry-content ul,.blog-entry-content ol{padding-left:24px;margin:12px 0 16px}.blog-entry-content li{font-size:14px;line-height:2.4}.blog-entry-content a{color:var(--blog-color-accent);text-decoration:none}.blog-entry-content a:hover{text-decoration:underline}.blog-toc{background-color:var(--blog-color-off-white);border:1px solid var(--blog-color-border);padding:30px 40px;display:inline-block;margin:24px 0;min-width:280px}.blog-toc-title{font-size:14px;font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:12px}.blog-toc-toggle{font-size:12px;font-weight:400;color:var(--blog-color-accent);cursor:pointer;background:none;border:none;padding:0;font-family:inherit}.blog-toc ol{padding-left:20px;font-size:13px;line-height:2;margin:0}.blog-toc a{color:#333;text-decoration:none}.blog-toc a:hover{color:var(--blog-color-accent);text-decoration:underline}.blog-toc-list{display:block}.blog-toc-list.is-hidden{display:none}.blog-quote-block{background-color:#f5f5f5;border:1px solid #ddd;border-radius:8px;padding:24px 28px;font-size:14px;line-height:2.2;color:#444;margin:24px 0}.blog-quote-block .attribution{text-align:right;margin-top:16px;font-weight:700}.blog-cta-button{display:inline-block;background-color:var(--blog-color-white);color:#212529;border:2px solid var(--blog-color-primary);border-radius:5px;padding:10px 40px;font-size:16px;text-decoration:none;transition:all .2s ease;font-family:inherit;cursor:pointer}.blog-cta-button:hover{background-color:var(--blog-color-primary);color:var(--blog-color-white)}.blog-cta-wrapper{text-align:center;margin:32px 0}.blog-sidebar-banners{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.blog-sidebar-banners a{display:block;width:100%}.blog-sidebar-banners img{width:100%;height:auto;display:block;transition:opacity .2s}.blog-sidebar-banners img:hover{opacity:.9}.blog-sidebar-promo{background-color:#00bcd4;padding:24px 20px;text-align:center;border-radius:4px;margin-bottom:16px;color:#fff}.blog-sidebar-promo h3{font-size:16px;font-weight:700;margin-bottom:8px;color:#fff}.blog-sidebar-promo p{font-size:13px;line-height:1.6;color:#ffffffe6;margin-bottom:12px}.blog-sidebar-promo a{display:inline-block;background:#fff;color:#00bcd4;font-weight:700;font-size:13px;padding:6px 20px;border-radius:20px;text-decoration:none;transition:opacity .2s}.blog-sidebar-promo a:hover{opacity:.85}.blog-sidebar-disclosure{font-size:12px;line-height:1.8;color:#666;border-top:1px solid var(--blog-color-border);padding-top:12px}.blog-sidebar-disclosure a{color:var(--blog-color-accent)}.blog-related-posts{margin-top:60px;border-top:2px solid var(--blog-color-light-gray);padding-top:40px}.blog-related-title{font-size:16px;font-weight:700;border-left:4px solid var(--blog-color-primary);padding-left:12px;margin-bottom:20px;color:#333!important}.blog-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.blog-related-card{border:1px solid #eee;border-radius:4px;overflow:hidden;text-decoration:none;display:block;transition:transform .2s ease,box-shadow .2s ease}.blog-related-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.blog-related-card img{width:100%;height:100px;object-fit:cover;display:block}.blog-related-card .blog-card-title{font-size:12px;color:var(--blog-color-accent);padding:8px 10px;line-height:1.5}@media(max-width:1199px){.blog-container{flex-direction:column}.blog-sidebar{width:100%;position:static}.blog-sidebar-banners{flex-direction:row;flex-wrap:wrap}.blog-sidebar-banners a{width:calc(50% - 4px)}}@media(max-width:768px){.blog-entry-title{font-size:22px;line-height:1.4}.blog-entry-content h2{font-size:20px;line-height:1.4}.blog-toc{width:100%;padding:20px 24px}.blog-related-grid{grid-template-columns:repeat(2,1fr)}.blog-gnav-inner ul{display:none}.blog-container{padding:20px 16px 40px}}.blog-sidebar-newsletter{background:var(--blog-color-off-white);border:1px solid var(--blog-color-border);padding:20px;margin-top:16px;border-radius:4px}.blog-sidebar-newsletter h3{font-size:14px;font-weight:700;margin-bottom:8px;color:#000}.blog-sidebar-newsletter p{font-size:12px;color:#333;margin-bottom:12px;line-height:1.8}.blog-sidebar-newsletter input[type=email]{width:100%;padding:8px 12px;font-size:13px;border:1px solid var(--blog-color-border);border-radius:4px;margin-bottom:8px;font-family:inherit;box-sizing:border-box}.blog-sidebar-newsletter button{width:100%;padding:8px;background:var(--blog-color-accent);color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:opacity .2s}.blog-sidebar-newsletter button:hover{opacity:.8}.blog-entry-content,.blog-entry-content p,.blog-entry-content li,.blog-entry-content span,.blog-entry-content div{color:#333!important}.blog-article-cta{background:#000;padding:48px 40px;margin:60px 0 40px;border-radius:4px;text-align:center}.blog-article-cta__label{font-size:13px;color:var(--blog-color-accent);font-weight:700;letter-spacing:.1em;margin-bottom:16px;line-height:1}.blog-article-cta__title{font-size:24px;font-weight:700;color:#fff;line-height:1.6;margin-bottom:16px}.blog-article-cta__desc{font-size:14px;color:#ffffffb3;line-height:2;margin-bottom:28px}.blog-article-cta__form{display:flex;gap:8px;max-width:480px;margin:0 auto 12px}.blog-article-cta__form input[type=email]{flex:1;padding:12px 16px;font-size:14px;border:none;border-radius:4px;font-family:inherit}.blog-article-cta__form button{padding:12px 24px;background:var(--blog-color-accent);color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap;font-family:inherit;transition:opacity .2s}.blog-article-cta__form button:hover{opacity:.85}.blog-article-cta__note{font-size:11px;color:#fff6;line-height:1}@media(max-width:768px){.blog-article-cta{padding:32px 24px}.blog-article-cta__title{font-size:20px}.blog-article-cta__form{flex-direction:column}.blog-article-cta__form button{width:100%}}.blog-inline-cta{background:var(--blog-color-off-white);border-left:4px solid var(--blog-color-accent);padding:16px 20px;margin:32px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.blog-inline-cta p{font-size:14px!important;color:var(--blog-color-text)!important;line-height:1.6!important;margin:0!important}.blog-inline-cta a{color:var(--blog-color-accent)!important;font-weight:700;font-size:14px;white-space:nowrap;text-decoration:none!important}.blog-inline-cta a:hover{text-decoration:underline!important}
/*# sourceMappingURL=/cdn/shop/t/5/assets/blog-custom.css.map */