.article-template__hero-adapt.media{margin-top:35px}.main-blog .full-unstyled-link{color:#2fa0f6;text-decoration:none!important}.article_link{position:relative;display:inline-block;margin:2rem;padding:2rem 2rem 2rem 5rem;border-radius:5px;background-color:#f4f4f4}.article_link:after{position:absolute;font-family:"Font Awesome 5 Free";content:"\f35d";top:50%;left:38px;font-weight:900;transform:translate(-50%,-50%)}.article_link:before{background:#2fa0f6;content:"";width:100%;height:5px;position:absolute;left:0;bottom:0;margin:auto;transform-origin:right top;transform:scaleX(0);transition:transform .3s}.article_link:hover:before{transform-origin:left top;transform:scale(1)}.blog_about_caption{position:relative;border-radius:10px;padding:45px 25px;box-sizing:border-box;font-style:italic;background-color:#f3f3f3;width:90%;color:#464646;border:solid 5px #2fa0f6;margin:auto}.mini_caption_title{font-size:2rem;color:#2fa0f6}.blog_about_caption:before{display:inline-block;position:absolute;top:0;left:0;width:35px;height:35px;border-radius:0 0 30px;content:"\f292";font-family:"Font Awesome 5 Free";background:#2fa0f6;color:#fff;font-size:22px;line-height:1;font-weight:900}.articl_text_area{margin:auto;max-width:650px}.profile{background-color:#fff;padding:20px;display:inline-flex;border:dashed 3px #eaedf2;border-top:none;align-items:stretch}.profile_image{position:relative;text-align:center;padding-right:14px;width:35%;height:125px;border-radius:50%;overflow:hidden}.profile_image img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}.profile_text{padding-left:15px}.profile_text_name{font-weight:700;margin:6px 0}.profile_text_description{font-size:.8em;margin:0}.articl_text_area h5{position:relative;background:#f3f3f3;margin:0!important;padding:.5em;border-left:solid 2em #6fcdd9;color:#707281}.articl_text_area h5:before{font-family:"Font Awesome 5 Free";content:"\f5ad";position:absolute;padding:0;color:#fff;font-weight:900;left:-1.55em;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%) scaleX(-1)}.article-template__content img{display:block;margin:2% auto}blockquote{position:relative;padding:40px 24px 30px;box-sizing:border-box;font-style:italic;background:#f3f3f3;border-left:0}blockquote:before{display:inline-block;position:absolute;top:-8px;left:9px;width:40px;height:30px;text-align:center;content:"\f10d";font-family:"Font Awesome 5 Free";color:#fff;font-size:18px;line-height:30px;background:#6fcdd9;font-weight:900}blockquote:after{position:absolute;content:"";top:-8px;left:49px;border:none;border-bottom:solid 8px #6cacb5;border-right:solid 9px transparent}blockquote p{position:relative;padding:0;margin:10px 0;line-height:1.7}blockquote cite{display:block;text-align:right;color:#888;font-size:.9em}.crop{border:1px solid #ddd;line-height:calc(1 + -.8 / var(--font-body-scale))}.article-template img{height:auto}#MainContent .article_time{display:block;text-align:center}.social-sharing{font-family:HelveticaNeue,Helvetica Neue,Helvetica,Arial,sans-serif;text-align:end}.main-blog .title--primary{font-size:1.5em;font-weight:700;padding:.5em .7em;margin-bottom:2em;position:relative;background-color:#edeff1;border-left:solid 2em #2fa0f6;box-shadow:0 2px 3px #0003;color:#2fa0f6}.main-blog .title--primary:before{position:absolute;font-family:"Font Awesome 5 Free";content:"\f058";padding:0;font-weight:900;left:-1.5em;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#fff}.circle-divider time{display:inline-block;padding:0 10px;width:auto;background-color:#2fa0f6;height:20px;border-radius:8px;color:#fff;font-size:11px;font-weight:700;line-height:20px}.article-card .card__heading{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.blog-tags .meta-sep,.blog-date .meta-sep{display:none}.post-large--four-fifths{float:left;width:100%;margin-right:3%}.blog_page_title{display:none}.blog_page_title:before{position:absolute;top:-7px;left:-7px;width:100%;height:100%;content:"";border:4px solid #565656}.main-blog .card__heading{margin:.5rem;font-size:2rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.main-blog .article-card__excerpt{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:2.5rem;margin:0}.main-blog time{background-color:#5ba9f7;display:inline-block;height:22px;margin:15px 0;padding:0 10px;border-radius:8px;color:#fff;font-size:11px;font-weight:700;text-align:center;line-height:22px}.article-template__title{position:relative;margin-bottom:15px;font-size:3rem;text-align:center}.article-template__content ul{border:solid 2px #ffb03f;padding:.5em;position:relative;margin-top:2em}.article-template__content ul li{line-height:1.5;padding:.5em 0 .5em 1.4em;border-bottom:dashed 1px silver;list-style-type:none!important}.article-template__content ul li:last-of-type{border-bottom:none}.article-template__content ul li:before{font-family:"Font Awesome 5 Free";content:"\f138";position:absolute;left:.5em;color:#ffb03f}.article-template__content ul li:after{background:#ffb03f;color:#fff;font-weight:700;position:absolute;left:-2px;bottom:100%;padding:1px 7px;content:"\307e\3068\3081";letter-spacing:.05em}.article-template h5{position:relative;background:#f1f1f1;padding:1em .5em;border:4px solid #ffe013;border-left:solid 2em #ffe013;font-size:2rem}.article-template h5:before{font-family:"Font Awesome 5 Free";content:"\f303";position:absolute;padding:0;color:#fff;font-weight:900;left:-1.35em;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.article-template__content h2{margin-bottom:5rem;padding:.25em .5em;color:#494949;background:transparent;border-left:solid 10px #f34d8e;font-size:3rem}.article-template__content .flex{display:flex;justify-content:space-between;flex-wrap:wrap}.article-template__content .box{margin-bottom:4rem;width:45%;overflow:hidden}.article-template__content .download_sozai a{margin:auto;padding:1.8rem;display:block;max-width:35%;color:#dde5f5;text-align:center;background-color:#278edd;transition:.5s}.article-template__content .download_sozai a:hover{color:#e5f3fd;background-color:#1d4376;transition:.5s}#tsykurusozai_page{margin-top:3.5rem}#tsykurusozai_page .h4{display:block;background-color:#c8e4ff;color:#5ba9f7;padding:5px 10px;margin:0}#tsykurusozai_page .section_side_post_flex{display:flex;justify-content:flex-start;flex-wrap:wrap}#tsykurusozai_page .section_side_post{margin:10px auto;width:30%}#tsykurusozai_page .articl_text_area img,#tsykurusozai_page .section_side_post .crop{overflow:hidden;border-radius:15px}#tsykurusozai_page .crop img{transform:none;margin:0;transition:1s all}#tsykurusozai_page .crop img:hover{transform:scale(1.2);transition:1s all}.shopify-section .okutoko_guide{padding:0 2%}.okutoko_caption{padding:.5em 1em;margin:2em 0;color:#232323;background:#edeff1;border-left:solid 10px #2fa0f6}.okutoko_caption p{margin:0;padding:0}.article-template__title:before{font-family:"Font Awesome 5 Free";content:"\f14b";font-weight:900;position:absolute;left:.5em}.blockquote h4{position:relative;margin-bottom:0;padding:.5em .75em;color:#27acd9;border:solid 1px #27acd9;border-left:solid 2.5em #27acd9}.blockquote h4:before{position:absolute;font-family:"Font Awesome 5 Free";content:"\f02e";font-weight:900;color:#fff;padding:0;left:-1.6em;top:50%;transform:translateY(-50%)}.blockquote p{padding:2.8em 1em;margin:0 0 2em;color:#474747;font-size:12px;font-family:Times New Roman,\30e1\30a4\30ea\30aa;background:#f5f5f5;border-left:solid 2px #27acd9;border-right:solid 2px #27acd9;border-bottom:solid 2px #27acd9}.bcard-wrapper{display:block;width:100%;margin:25px auto;border-radius:3px;padding:12px;border:1px solid #e0e0e0}.bcard-site,.bcard-url{font-size:12px;line-height:1.3;overflow:hidden;max-height:15px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.bcard-header{position:relative;height:30px;margin-bottom:5px;display:block}.withgfav{padding-left:23px}.bcard-favicon{position:absolute;top:0;left:0;width:16px;height:16px}.bcard-main{overflow:hidden;position:relative;display:block}.withogimg{height:auto}.bcard-title{font-size:17px;margin:0 0 2px;line-height:1.4;max-height:47px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-weight:700}.bcard-description{line-height:1.5;font-size:12px;max-height:72px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.bcard-title a{color:#424242}.bcard-url a{color:#9e9e9e}.bcard-title a:hover,.bcard-url a:hover,.bcard-site a:hover{text-decoration:underline}.pagination{margin-top:2rem;padding-left:1.5rem;text-align:center}.pagination .disabled{display:inline-block;margin:0 .5rem;padding:.8rem;list-style:none;border:1px solid #a1a1a1}.pagination li{display:inline-block;margin:0 .5rem;list-style:none;border:1px solid #a1a1a1;color:#323232}.pagination li a{display:block;margin:0;padding:.8rem;background-color:#fff;color:#323232}.pagination__list [aria-current=page]{color:#fff;border:1px solid #a1a1a1;padding:.8rem 1.2rem;background-color:#40a4ff;border:none;margin:0}.pagination .visuallyhidden{display:none}.pagination__item{margin:0}.blog_sale_comic{margin-bottom:5rem}.sidebar small{font-size:1rem}.tonav_caption{width:100%}#tsykurusozai_page .section_side_post{width:95%}.article-template__title{position:relative;color:#ffe8e8;background:#f34d8e;line-height:1.4;padding:2% 5%}.article-template header{display:block;text-align:center;margin-top:2rem;margin-bottom:2rem;line-height:calc(.8 / var(--font-body-scale))}.article-template__content img{margin-right:0!important;margin-left:0!important;margin-bottom:1.5rem;float:none}.bcard-wrapper{padding:2%}.article-template{padding:0 2%}.article-template>*:first-child:not(.article-template__hero-container){margin-top:5rem;padding-left:8%}.article-template__hero-container{max-width:100%;margin:0 auto}.article_link{display:block;margin:2.5rem auto 0;color:#2fa0f6;text-align:center;border-bottom:1px solid #2fa0f6}.article_link:hover{pointer-events:none}.pre-html,.pre-js,.pre-css{background:#1e1e1e;color:#d4d4d4;padding:1.5em;border-radius:8px;overflow-x:auto;position:relative;margin:2em 0;box-shadow:0 4px 15px #0000001a}.pre-html:before{content:"liquid";position:absolute;top:0;right:1em;padding:2px 8px;font-size:.7em;background:#3c3c3c;color:#fff;border-radius:0 0 4px 4px}.pre-js:before{content:"JavaScript";position:absolute;top:0;right:1em;padding:2px 8px;font-size:.7em;background:#3c3c3c;color:#fff;border-radius:0 0 4px 4px}.pre-css:before{content:"style";position:absolute;top:0;right:1em;padding:2px 8px;font-size:.7em;background:#3c3c3c;color:#fff;border-radius:0 0 4px 4px}code{font-family:Fira Code,Consolas,monospace;line-height:1.6}.app-info{padding-left:15px}.app-card{display:flex;align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:20px;margin:2em 0;transition:transform .2s}.app-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000000d}.app-icon img{width:80px;height:80px;border-radius:16px;margin-right:20px}.app-info h4{margin:0 0 8px;color:#333}.app-info p{font-size:.9em;color:#666;margin-bottom:12px}.app-link{display:inline-block;font-size:.8em;font-weight:700;color:#008060;text-decoration:none;border:1px solid #008060;padding:4px 12px;border-radius:20px}.note-solve{border-left:4px solid #00c853;background:#f1fbf5;padding:15px;margin:1.5em 0}.blogCard-product{position:relative;display:flex;align-items:center;border:1px solid #e8e8e8;border-radius:8px;overflow:hidden;text-decoration:none;color:#333;margin:30px 0 20px;transition:transform .2s,box-shadow .2s;background:#fff}.blogCard-badge{position:absolute;top:0;left:0;background:#ff4d4d;color:#fff;font-size:.7rem;font-weight:700;padding:4px 10px;z-index:1;border-bottom-right-radius:8px;letter-spacing:.05em}.blogCard-product:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.blogCard-image{flex:0 0 120px;height:120px}.blogCard-image img{width:100%;height:100%;object-fit:cover}.blogCard-content{padding:15px 15px 15px 20px;flex:1;display:flex;flex-direction:column;gap:5px}.blogCard-title{margin:0;font-size:1rem;font-weight:700;line-height:1.4}.blogCard-price{margin:0;color:#c00;font-weight:700}.blogCard-button{align-self:flex-end;font-size:.75rem;background:#333;color:#fff;padding:5px 15px;border-radius:4px}
/*# sourceMappingURL=/cdn/shop/t/23/assets/blog-page.css.map */