@charset "UTF-8";:root{--primary-color: #000000;--secondary-color: #f9f4d7;--tertiary-color: #deebf2;--dark-color: #6d6d6d;--alto-color: #d9d9d9;--background-color: #eaeaea;--accent-color: #ffd800;--header-height: 60px;--alert-height: 2.75rem;--page-width: 1200px;--color-text: 0, 0, 0;--color-border: 0, 0, 0;--color-accent: #e8505b;--color-accent-text: #ffffff}.pc-only{display:block}.sp-only{display:none}@media screen and (max-width: 768px){.pc-only{display:none}.sp-only{display:block}}body{font-family:Zen Kaku Gothic New,sans-serif;font-weight:400}p{line-height:1.8}.title,.header{font-family:Futura PT,Futura,Trebuchet MS,Arial,sans-serif;font-weight:400;font-style:normal}.line-slide-hover{position:relative}.line-slide-hover:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#000;transform-origin:left;transform:scaleX(0);transition:none}.line-slide-hover:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#000;transform-origin:right;transform:scaleX(1);transition:none}.line-slide-hover:hover:before{transform:scaleX(0);transition:transform .3s ease}.line-slide-hover:hover:after{transform:scaleX(1);transition:transform .3s ease .3s}.line-slide-hover:active:after{transform:scaleX(0);background:transparent;transition:transform .3s ease}.blog-header{margin-bottom:40px;text-align:center}.blog-header .blog-title{font-size:32px;margin-bottom:16px}.blog-header .blog-description{font-size:16px;color:#666;max-width:800px;margin:0 auto}.blog-articles{max-width:1080px;margin:auto auto 60px;padding:16px}.blog-articles .grid{display:grid;grid-template-columns:repeat(1,1fr);gap:30px}.article-card{display:flex;flex-direction:row;height:200px;border-bottom:1px solid #eee;padding:20px 0;transition:opacity .3s ease}.article-card:hover{opacity:.8}.article-card__image-wrapper{flex:0 0 200px;margin-right:20px;position:relative;overflow:hidden}@media screen and (max-width: 768px){.article-card__image-wrapper{flex:0 0 140px}}.article-card__image{width:100%;height:100%;object-fit:cover}.article-card__content{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between}.article-card__header{margin-bottom:10px}.article-card__title{font-size:18px;margin-bottom:10px;font-weight:700}.article-card__title a{color:#333;text-decoration:none;transition:color .2s ease}.article-card__title a:hover{color:var(--primary-color)}.article-card__meta{display:flex;font-size:14px;color:#666;margin-bottom:10px}.article-card__date{margin-right:15px}.article-card__excerpt{font-size:14px;line-height:1.5;color:#666;margin-bottom:15px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.article-card__footer{margin-top:auto}.article-card__link{display:inline-block;font-size:14px;color:var(--primary-color);text-decoration:none;transition:color .2s ease;position:relative;padding-right:20px}.article-card__link:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:14px;height:14px;background-image:url('{{ "RightBlack.svg" | asset_url }}');background-size:contain;background-repeat:no-repeat}.article-card__link:hover{color:#000}.article{margin-bottom:60px;padding:16px}.article .article-header{margin:auto;max-width:800px}.article .article-title{font-size:32px;margin-bottom:20px}.article .article-meta{margin:auto}.article .article-featured-image{margin-bottom:20px;border-radius:8px;overflow:hidden}.article .article-featured-image img{width:100%;display:block}.article .article-date{font-size:14px;color:#666;margin-bottom:5px}.article .article-author{font-size:14px;color:#666}.article .article-content{max-width:800px;margin:0 auto;font-size:16px;line-height:1.8}.article .article-content p{margin-bottom:20px}.article .article-content h2{font-size:24px;margin:40px 0 20px}.article .article-content h3{font-size:20px;margin:30px 0 15px}.article .article-content ul,.article .article-content ol{margin-bottom:20px;padding-left:20px}.article .article-content li{margin-bottom:10px}.article .article-content img{max-width:100%;height:auto;margin:20px 0;border-radius:4px}.article .article-content blockquote{border-left:4px solid var(--primary-color);padding-left:20px;margin:30px 0;font-style:italic;color:#666}.article .article-comments{max-width:800px;margin:60px auto 0;padding-top:40px;border-top:1px solid #eee}.article .article-comments .comments-title{font-size:24px;margin-bottom:30px}.article .article-comments .comments-list{margin-bottom:40px}.article .article-comments .comment{padding:20px;margin-bottom:20px;background-color:#f9f9f9;border-radius:8px}.article .article-comments .comment-author{font-weight:700;margin-bottom:5px}.article .article-comments .comment-date{font-size:14px;color:#666;margin-bottom:10px}.article .article-comments .comment-content{font-size:14px;line-height:1.6}.article .article-comments .form-title{font-size:20px;margin-bottom:20px}.article .article-comments .form-errors{color:#d82c0d;margin-bottom:20px;padding:10px;background-color:#d82c0d1a;border-radius:4px}.article .article-comments .form-success{color:#108043;margin-bottom:20px;padding:10px;background-color:#1080431a;border-radius:4px}.article .article-comments .form-fields{display:grid;gap:20px}.article .article-comments .form-field{display:flex;flex-direction:column}.article .article-comments .form-label{margin-bottom:8px;font-size:14px}.article .article-comments .form-input,.article .article-comments .form-textarea{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;width:100%}.article .article-comments .form-input:focus,.article .article-comments .form-textarea:focus{outline:none;border-color:var(--primary-color)}.article .article-comments .form-textarea{min-height:120px;resize:vertical}.article .article-comments .form-submit{margin-top:10px}.article .article-comments .button{display:inline-block;padding:10px 20px;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .2s ease}.article .article-comments .button:hover{background-color:#000}
/*# sourceMappingURL=/cdn/shop/t/13/assets/blog.css.map */