/*
Theme Name: colloc
Author: vaison
Description: theme of wp colloc
Version: 1.0
Text Domain: colloc
*/

/* ここから下にテーマのCSSを記述します */
/*body {
    font-family: sans-serif;
    margin: 20px;
    padding: 0;
}

.site-title a {
    text-decoration: none;
    color: #333;
}

.entry-title a {
    color: #0073aa;
}*/
:root{--mobile-max-width:750px;--mobile-content-padding:10px;--logo-color:#390;--nav-hover-color:#2d8600;--footer-text-color:#ccc;--footer-bg-color:#222;--anchor-color:#1e3a8a;--content-padding:30px;--content-max-width:1140px;--background-color:#f8f7f5;--sidebar-width:250px;--sidebar-bg-color:#f8f8f8;--sidebar-border-color:#e0e0e0;--sidebar-font-size:.9em}*{margin:0;padding:0}html{height:100%}body{display:flex;flex-direction:column;min-height:100vh;font-family:'Noto Sans JP',sans-serif;line-height:1.6;color:#333;background-color:var(--background-color);overflow-x:hidden}a{text-decoration:none;color:var(--anchor-color);transition:color .3s ease}a:hover{color:var(--nav-hover-color)}.container{max-width:var(--content-max-width);margin:0 auto;padding:0 var(--content-padding)}.top-header .container{display:flex;justify-content:space-between;align-items:center;position:relative}.hamburger-button{display:none;background:0 0;border:none;cursor:pointer;padding:10px;z-index:1001;position:relative;width:40px;height:40px}.hamburger-button-line:before,.hamburger-button-line:after{content:'';display:block;background-color:#333;height:2px;width:100%;position:absolute;left:0;transition:all .4s ease}.hamburger-button-line{display:block;background-color:#333;height:2px;width:82%;position:absolute;left:0;transition:all .4s ease}.hamburger-button-line:before{top:-8px}.hamburger-button-line:after{bottom:-8px}.hamburger-button[aria-expanded=true] .hamburger-button-line{background-color:transparent}.hamburger-button[aria-expanded=true] .hamburger-button-line:before{top:0;transform:rotate(45deg)}.hamburger-button[aria-expanded=true] .hamburger-button-line:after{bottom:0;transform:rotate(-45deg)}.hamburger-button[aria-expanded=false]:hover .hamburger-button-line,.hamburger-button:hover .hamburger-button-line:before,.hamburger-button:hover .hamburger-button-line:after{background-color:var(--nav-hover-color);transition:all .4s ease}.global-nav ul{list-style:none;padding:0;margin:0;display:flex}.global-nav li{margin-left:15px}.global-nav a{text-decoration:none;color:#333}header.top-header{background:#fff;padding:1rem 0;box-shadow:0 2px 4px rgba(0,0,0,.1);position:sticky;top:0;z-index:999;transition:.5s}header .container{display:flex;justify-content:space-between;align-items:center}.logo a{font-weight:700;font-size:1.5rem;color:var(--logo-color)}nav ul{list-style:none;display:flex}nav ul li{margin-left:20px}nav a{color:#333;font-weight:500}nav a:hover{color:var(--nav-hover-color)}.nav-links{display:flex}.previous-post-link{flex:1;text-align:left;margin-right:5px}.next-post-link{flex:1;text-align:right;margin-left:5px}.bottom-footer{background:var(--footer-bg-color);color:var(--footer-text-color);padding:var(--content-padding) 0;text-align:center;flex-shrink:0}.bottom-footer .container{max-width:var(--content-max-width);margin:0 auto;padding:0 var(--content-padding)}.bottom-footer p{margin:0}.footer-content{display:flex;justify-content:space-between;align-items:center;max-width:var(--content-max-width);margin:0 auto;padding:0 var(--content-padding)}.site-content-wrapper{display:flex;flex:1 0 auto;flex-wrap:wrap;width:100%;max-width:var(--content-max-width);margin:var(--content-padding) auto;padding:0 var(--content-padding);box-sizing:border-box}#primary{flex:1;max-width:var(--content-max-width);margin-right:30px;box-sizing:border-box}.site-main{background-color:#fff;max-width:var(--content-max-width);margin-left:auto;margin-right:auto;padding:var(--content-padding);margin-top:var(--content-padding);margin-bottom:var(--content-padding);box-shadow:0 2px 5px rgba(0,0,0,.1);border-radius:10px}#secondary{width:var(--sidebar-width);flex-shrink:0}.sidebar-wrapper{background-color:#fff;flex-shrink:0;box-sizing:border-box;font-size:.9em;box-shadow:0 2px 5px rgba(0,0,0,.1);padding:15px;border-radius:10px}.widget{margin-bottom:30px;padding:20px;background-color:var(--sidebar-bg-color);border-radius:4px}.widget-title{margin-top:0;margin-bottom:15px;padding-bottom:10px;font-size:1.2em;font-weight:700;color:#333;border-bottom:2px solid #eee}.widget ul{list-style:none;padding:0;margin:0}.widget ul li{margin-bottom:8px;padding-left:12px;position:relative}.widget ul li a{text-decoration:none;color:#555;transition:color .2s ease}.widget ul li a:hover{text-decoration:underline}.widget .count{color:#999;font-size:.9em;margin-left:5px}.widget ul li:before{content:'»';position:absolute;left:0;color:#aaa}.widget_search .search-form{display:flex;border-radius:4px;overflow:hidden;border:1px solid #ddd}.wp-block-search__input{flex-grow:1;padding:10px 15px;font-size:.95em;outline:none;background-color:#fff}.wp-block-search__button{background-color:var(--logo-color);color:#fff;border:none;padding:0 15px;cursor:pointer;font-size:.9em;transition:background-color .2s ease;flex-shrink:0}.wp-block-search__button:hover{background-color:var(--nav-hover-color)}.archive .site-main article.post,.articles-table article.post{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:30px;box-shadow:0 4px 8px rgba(0,0,0,.05);transition:box-shadow .3s ease-in-out,transform .3s ease-in-out;overflow:hidden}.articles-table article.post:hover{box-shadow:0 8px 16px rgba(0,0,0,.1);transform:translateY(-5px)}.archive .post-thumbnail{margin-bottom:25px;text-align:center}.archive .post-thumbnail a{display:block}.archive .post-thumbnail img{max-width:100%;height:auto;border-radius:5px;transition:opacity .3s ease}.archive .post-thumbnail a:hover img{opacity:.85}.archive .entry-meta{font-size:.85em;color:#666;margin-bottom:20px}.archive .entry-meta span{margin-right:15px;display:inline-block}.archive .entry-meta span:last-child{margin-right:0}.archive .entry-meta .cat-links a{color:#666;text-decoration:none;border-bottom:1px dotted #ccc;transition:color .3s ease,border-bottom-color .3s ease}.archive .entry-meta .cat-links a:hover{color:#007bff;border-bottom-color:#007bff}.archive .entry-content{color:#444;line-height:1.7}.archive .entry-content p:last-child{margin-bottom:0}.archive .read-more-link{display:inline-block;margin-top:15px;padding:8px 15px;background-color:#007bff;color:#fff;text-decoration:none;border-radius:4px;transition:background-color .3s ease}.archive .read-more-link:hover{background-color:#0056b3}.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{border-bottom:1.5px solid #ddd;padding-bottom:3px;margin-top:1.5rem;margin-bottom:1rem}.entry-content .wp-block-heading{margin-top:1rem}.entry-content .wp-block-separator{margin-bottom:.5rem;border-color:#999;border-width:1.5px}.nav-links{margin:10px;padding-top:20px;font-size:125%}.nav-links .previous-post-link{text-align:right;flex:8}.nav-links.next-post-link{text-align:left;flex:8}.nav-links .nav-links-delimeter{text-align:center;flex:1}@media (max-width:750px){.site-content-wrapper{margin:0;padding:5px;box-sizing:border-box}.site-main{margin-top:10px;padding:10px}nav ul{flex-direction:row;text-align:center}nav ul li{font-size:1.1rem;margin:var(--mobile-content-padding) 0;margin-left:var(--mobile-content-padding)}.footer-content{flex-direction:column;text-align:center}.site-content-wrapper{flex-direction:column}#primary{margin-right:0;margin-bottom:10px;min-width:none}#secondary{width:100%}.hamburger-button{display:block}.global-nav{visibility:hidden;opacity:0;max-height:0;overflow:hidden;transition:opacity 1s ease,max-height .5s ease,visibility 0s .5s;position:absolute;top:100%;left:0;width:100%;background-color:#f8f8f8;box-shadow:0 2px 5px rgba(0,0,0,.1);z-index:1000}.global-nav.is-active{visibility:visible;opacity:1;max-height:500px;transition:opacity .5s ease,max-height .5s ease,visibility 0s 0s}.global-nav ul{flex-direction:column}.global-nav li{margin-left:0;border-bottom:1px solid #eee}.global-nav li:last-child{border-bottom:none}.global-nav a{display:block;padding:15px 20px;text-align:center}}
.entry-header{margin-bottom:1.5rem}.entry-footer{margin-top:20px;font-size:90%;text-align:"right"}.entry-content code:not(pre code){background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;padding:2px 6px;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:.9em;color:#333;display:inline-block;vertical-align:baseline}.entry-content pre{background-color:#2d2d2d;border:1px solid #444;border-radius:6px;padding:20px;overflow-x:auto;margin-bottom:1.5em;box-shadow:0 4px 8px rgba(0,0,0,.2);position:relative}.entry-content pre code{background-color:transparent;border:none;padding:0;color:#ccc;font-size:.9em;display:block;white-space:pre;line-height:1.5}.entry-content figure{margin:2em auto;padding:15px;background-color:#f9f9f9;border:1px solid #eee;border-radius:6px;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,.05);max-width:100%}.entry-content figure img{max-width:100%;height:auto;display:block;margin:0 auto 10px;border-radius:4px}.entry-content figure figcaption{font-size:.9em;color:#555;line-height:1.5;margin-top:10px}.entry-content ul{list-style-position:outside;margin-left:1.8em;padding-left:0}.entry-content ul li{margin-bottom:.5em}nav.pagination{text-align:center;font-size:130%;margin-top:40px}nav.pagination .page-numbers{margin:5px}.comment-link{font-size:80%;text-align:right}.comment-link a:hover{background-color:#e0e0e0;color:#000}