*{font-family:Noto Sans JP,sans-serif}.github-link{position:absolute;top:50%;right:30px;transform:translateY(-50%);display:flex;align-items:center}.github-icon{width:30px;height:30px;margin-left:8px;transition:transform .3s ease}.github-icon:hover{transform:scale(1.1)}.app-content{padding-top:100px;color:#333;text-align:center}a{color:#000;text-decoration:none;transition:color .3s ease}a:visited{color:#000}a:hover{text-decoration:underline;color:#555}.app-header{position:fixed;top:0;left:0;width:100%;height:80px;background-color:#00695c;color:#fff;display:flex;align-items:center;justify-content:flex-start;padding-left:20px;box-shadow:0 4px 8px #0003,0 8px 16px #0000001a;z-index:1000}.header-logo{height:50px;margin-right:20px}.centered-content{display:flex;justify-content:center;margin-bottom:20px;gap:15px}.menu-grid,.tag-grid{display:grid;gap:20px}@media (min-width: 1200px){.menu-grid,.tag-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 768px) and (max-width: 1199px){.menu-grid,.tag-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.menu-grid,.tag-grid{grid-template-columns:1fr}}.card{padding:20px;background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 2px 8px #0000001a;transition:box-shadow .3s ease;min-height:120px;display:flex;flex-direction:column;justify-content:space-between}.card:hover{box-shadow:0 4px 16px #0003}.icon-container{position:absolute;bottom:10px;left:10px}.site-icon{width:24px;height:24px}.recent-posts{display:flex;flex-direction:column;gap:20px}.recent-posts .card{min-height:100px;padding:15px;justify-content:flex-start}.recent-posts .card h3{text-align:left;margin:0 0 10px;font-size:1.2rem;color:#000}.recent-posts .card p{text-align:right;margin-top:auto;font-size:.9rem;color:#000}.card{position:relative;padding-top:40px;min-height:150px;display:flex;flex-direction:column;justify-content:space-between}.card h3{margin-bottom:15px}@media only screen and (max-width: 767px){.article-card img{max-width:100%;max-height:auto;display:block;margin-left:auto;margin-right:auto}}@media only screen and (min-width: 768px){.article-card img{max-width:50%;max-height:auto;display:block;margin-left:auto;margin-right:auto}}.not-found{text-align:center;padding:50px}.not-found h2{font-size:2rem;color:#555}body{background-color:#f5f5f5;color:#333;margin:0;font-family:Roboto,sans-serif;line-height:1.6}#root{max-width:1200px;margin:0 auto;padding:1rem;text-align:center;background-color:#f5f5f5;color:#333}.card a{color:#000!important;text-decoration:none;transition:color .3s ease}.card a:visited{color:#000!important}.card a:hover{text-decoration:underline;color:#555!important}.app-content{padding-top:100px;color:#333}.article-card{padding:40px 20px 20px;background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 2px 8px #0000001a;transition:box-shadow .3s ease;display:flex;flex-direction:column;justify-content:space-between;position:relative;min-height:180px;text-align:left;width:100%;max-width:100%;box-sizing:border-box}.article-card h3{text-align:left;margin-bottom:15px}.article-card .text-right{position:absolute;top:10px;right:10px;font-size:.9rem;color:#555}.table-container{max-width:100%;overflow-x:auto;margin-bottom:20px}table{width:100%;min-width:600px;border-collapse:collapse;background-color:#fff}th,td{padding:12px;border-bottom:1px solid #ddd;text-align:left;word-wrap:break-word}th{background-color:#00695c;color:#fff;font-weight:700;text-align:left;padding:12px;border-bottom:2px solid #ddd}td{padding:12px;border-bottom:1px solid #ddd;text-align:left}tr:nth-child(2n){background-color:#f9f9f9}tr:hover{background-color:#f1f1f1}table a{color:#00695c;text-decoration:none;transition:color .3s ease}table a:hover{color:#004d40;text-decoration:underline}img{max-width:100%;height:auto;display:block;margin-left:auto;margin-right:auto}@media only screen and (max-width: 767px){.article-card img{max-width:100%;height:auto}.table-container{max-width:100vw;overflow-x:scroll}table{min-width:100%}}@media only screen and (min-width: 768px){.article-card img{max-width:50%;height:auto}}.table-container{max-width:100%;overflow-x:auto}img{max-width:100%;height:auto;display:block;margin:0 auto;object-fit:contain;box-sizing:border-box}img.responsive-image{max-width:100%;width:auto!important;height:auto!important;box-sizing:border-box;display:block;margin:0 auto}img.large-image{max-width:100%;width:auto!important;height:auto!important;box-sizing:border-box}.content-html{width:100%;max-width:100%;overflow-wrap:break-word;word-wrap:break-word;overflow-x:hidden;box-sizing:border-box}@media only screen and (min-width: 768px){.article-card img{max-width:100%;height:auto}.article-card img[width="800"],.article-card img[width="1000"],.article-card img[width="1200"],.article-card img[width^="1"],.article-card img[width^="2"],.article-card img.large-image{max-width:80%}}.youtube-wrapper{position:relative;width:100%;padding-bottom:56.25%;margin-bottom:20px}.youtube-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}@media only screen and (max-width: 767px){#root{padding:.5rem;width:100%;max-width:100vw;overflow-x:hidden}.article-card{padding:40px 15px 15px;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.article-card img{max-width:100%;height:auto;width:auto;font-size:16px;box-sizing:border-box}.article-card img.large-image{max-width:100%;width:auto!important;height:auto!important;transform:scale(1);box-sizing:border-box}body{font-size:16px;overflow-x:hidden;width:100%;max-width:100vw}.article-card div{max-width:100%;overflow-x:hidden;word-wrap:break-word;box-sizing:border-box}.content-html{font-size:16px;line-height:1.6;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.content-html img{max-width:100%;height:auto!important;width:auto!important;box-sizing:border-box}pre,code,blockquote{max-width:100%;white-space:pre-wrap;word-wrap:break-word;overflow-x:hidden;box-sizing:border-box}}.article-meta{position:relative;text-align:right;font-size:.9rem}.article-meta p{margin:0}.content-html pre,.content-html code{background-color:#f0f0f0;padding:10px;border-radius:5px;font-family:monospace;font-size:14px;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:none;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#272822}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#8292a2}.token.punctuation{color:#f8f8f2}.token.namespace{opacity:.7}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#a6e22e}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.function,.token.class-name{color:#e6db74}.token.keyword{color:#66d9ef}.token.regex,.token.important{color:#fd971f}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}