:root{--blog-link-color:#333;--blog-tab-color:#333;--blog-tab-active-color:#333;--blog-bold-weight:700;--blog-tab-active-bottom-color:#333;--blog-tab-hover-bottom-color:#ddd;--blog-tab-line-color:#ddd}.blog-menu .the-menu{max-width:900px;width:100%;margin:0 auto}.blog-menu{background-color:#fff;margin-top:20px;border-bottom:solid 2px var(--blog-tab-line-color);width:100%;box-sizing:border-box;padding:8px 16px 0;overflow-x:auto;-webkit-overflow-scrolling:touch;cursor:grab;font-size:20px}.blog-menu::-webkit-scrollbar{display:none}.blog-menu{-ms-overflow-style:none;scrollbar-width:none}.blog-menu .the-menu{display:inline-flex;white-space:nowrap;box-sizing:border-box;padding:0;margin-left:clamp(0px, calc(50vw - 450px - 24px), 100vw);margin-right:0;width:max-content;min-width:900px}.blog-menu:active{cursor:grabbing}@media (max-width:767px){.blog-header{height:120px}.blog-header .the-title{font-size:24px}.blog-menu{padding:0;margin-top:10px;font-size:16px}.blog-menu .the-menu{padding:8px 0 0;min-width:auto;box-sizing:border-box}}.blog-menu .the-menu>a{display:block;padding:0 16px;color:var(--blog-tab-active-color);text-decoration:none}.blog-menu .the-menu>a:hover{border-bottom:solid 4px var(--blog-tab-hover-bottom-color)}.blog-menu .the-menu>a.active{font-weight:var(--blog-bold-weight);color:var(--blog-tab-active-color);border-bottom:solid 4px var(--blog-tab-active-bottom-color);padding:0 16px}.blog-archive{width:100%;box-sizing:border-box;padding:8px 16px 0;background-color:#fcfcfc;padding-bottom:50px}.blog-archive>div{padding:0;width:100%;max-width:900px;margin-top:35px;margin-left:clamp(0px, calc(50vw - 450px - 24px), 100vw);box-sizing:border-box}.the-category{display:none}.the-year{display:none}.blog-archive-list ul{margin-block-start:0;padding-inline-start:16px}.blog-archive a{color:var(--blog-link-color)}.blog-archive h2{font-size:24px;font-weight:var(--blog-bold-weight);margin-bottom:25px}@media (max-width:767px){.blog-archive>div{margin-top:20px;padding:0}}.blog-grid{display:grid;grid-template-columns:repeat(3,290px);gap:15px;justify-content:center}.blog-grid-in-single{display:grid;grid-template-columns:repeat(2,290px);gap:15px;justify-content:center}.blog-card{display:block;background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.08);overflow:hidden;text-decoration:none;color:inherit}.blog-card:hover{box-shadow:0 4px 14px rgba(0,0,0,.12)}.blog-card__media{aspect-ratio:7/5;background:#eee;display:flex;align-items:center;justify-content:center;color:#ccc}.blog-card__media img{width:100%;height:100%;display:block;object-fit:cover}.blog-card__body{padding:12px 12px 14px}.blog-card__title{font-size:16px;line-height:1.6;margin:0 0 6px}.blog-card__date{font-size:12px;color:#666;margin:0}@media (max-width:899px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:595px){.blog-grid{grid-template-columns:1fr}.blog-grid-in-single{grid-template-columns:1fr}}.blog-article{width:100%;box-sizing:border-box;padding:8px 16px 0;background-color:#fafafa;padding-bottom:50px}.blog-article a{color:var(--blog-link-color)}.blog-article>.the-article{padding:0;width:100%;max-width:600px;margin-top:35px;margin-left:clamp(0px, calc(50vw - 300px - 24px), 100vw);box-sizing:border-box}.blog-article h1{font-size:28px;font-weight:var(--blog-bold-weight);line-height:1.4;margin-bottom:24px}.blog-article-category{display:flex;flex-direction:row;align-items:center}.blog-article-date{display:flex;flex-direction:row;align-items:center}.blog-article-category>span{margin-right:5px}.blog-article-date>span{margin-right:5px}.blog-article-eyecatch img{max-width:100%;max-width:160px;border-radius:5px}.blog-article-tag-box{margin-top:30px}.blog-article-tag-box a{display:inline-block;margin-bottom:10px;margin-right:10px}.blog-body p{margin-bottom:24px}.blog-body h1{font-size:32px;font-weight:var(--blog-bold-weight);margin:1.5em 0 1em}.blog-body h2{font-size:32px;font-weight:var(--blog-bold-weight);margin:1.5em 0 1em}.blog-body h3{font-size:24px;font-weight:var(--blog-bold-weight);margin:1.5em 0 1em;padding-bottom:5px;border-bottom:solid 1px #ccc}.blog-body h4{font-size:20px;font-weight:var(--blog-bold-weight);margin:1.5em 0 1em}@media (max-width:595px){.blog-article h1{font-size:24px}.blog-body h1{font-size:24px}.blog-body h2{font-size:24px}.blog-body h3{font-size:18px}.blog-body h4{font-size:16px}}.blog-bottom-links{margin:30px 0}.blog-bottom-links a{display:inline-block;margin-bottom:10px;margin-right:10px;padding:5px 10px;border:solid 1px #ccc;background-color:#fff;border-radius:5px;cursor:pointer;text-decoration:none;box-shadow:0 2px 10px rgba(0,0,0,.08)}.blog-bottom-links a:hover{box-shadow:0 4px 14px rgba(0,0,0,.12)}.blog-relation-articles{margin-top:75px}.blog-relation-articles h2{font-size:24px;font-weight:var(--blog-bold-weight);margin-bottom:25px}.pagination>*{display:inline-block;padding:5px 10px;border:solid 1px #ccc;border-radius:5px;margin-right:5px;margin-bottom:5px;text-decoration:none;cursor:pointer}.pagination>.current{background-color:#ddd;cursor:auto}