/*
Theme Name: Libera Blog
Author: Libera Blog
Description: くらしを、旅するように。HOUSE / GARDEN / LIFE / TRAVEL&CAMP の専用テーマ。
Version: 1.0.3
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: libera-blog
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;color:#203c38;background:#fff;font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-size:16px;line-height:1.85}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #cb782f;outline-offset:6px}.site-header{max-width:1440px;margin:auto;padding:24px 48px;display:flex;justify-content:space-between;align-items:center}.brand{font-family:Georgia,serif;font-size:32px;font-style:italic;font-weight:bold;line-height:1.2;letter-spacing:-1px}.brand span{display:block;font-size:12px;font-weight:normal;font-style:normal;letter-spacing:2px;margin-top:9px;font-family:sans-serif}nav{display:flex;gap:35px;font-size:14px;font-weight:bold}nav a{padding:10px 0;border-bottom:1px solid transparent}nav a:hover{border-color:currentColor}.hero{max-width:1440px;padding:0 24px;margin:auto}.hero img{width:100%;height:auto;display:block;border-radius:5px}.intro{max-width:1296px;margin:auto;padding:28px 24px 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce2de}.intro p{font-size:17px;margin:0}.intro a{font-size:14px;font-weight:bold;display:flex;gap:32px}.mobile{display:none}.section{max-width:1248px;padding:80px 24px;margin:auto}.eyebrow{font-family:Arial,sans-serif;font-size:12px;letter-spacing:2.5px;font-weight:700;color:#74817b}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}h1,h2{font-size:32px;letter-spacing:.05em;line-height:1.55;margin:10px 0 0;font-weight:600}.section-heading p{font-size:14px;color:#66736e;margin:0}.filters{display:flex;align-items:center;gap:10px;padding-bottom:25px;border-bottom:1px solid #dae2dc;margin-bottom:4px}button{font:inherit;font-size:14px;border:1px solid #dce2de;border-radius:30px;padding:7px 20px;background:white;color:inherit;cursor:pointer}button:hover{background:#eef3ef}button.active{background:#23473d;color:white;border-color:#23473d}#count{margin-left:auto;font-family:Arial,sans-serif;font-size:12px;letter-spacing:1px;color:#65736d}.articles{display:grid;grid-template-columns:1fr 1fr;gap:0 48px}.article{border-bottom:1px solid #dce2de}.article[hidden]{display:none}.article-link{display:block;padding:28px 0 30px}.article-top{display:flex;align-items:center;justify-content:space-between}.category{font-size:12px;letter-spacing:1px;color:#71816f}.issue{font-family:Georgia,serif;font-size:36px;color:#d0d9d1;line-height:1}.article h3{font-size:22px;line-height:1.7;font-weight:600;margin:20px 0 12px;transition:color .2s}.article a:hover h3{color:#b46c31}.article p{color:#65706a;font-size:15px;min-height:56px;margin-bottom:23px}.article-bottom{display:flex;justify-content:space-between;align-items:center;font-size:12px}.article time{letter-spacing:1px;color:#7d857e}.read{font-size:14px}.read span{margin-left:15px}.archive{display:block;width:fit-content;margin:35px auto 0;font-size:14px;border-bottom:1px solid #9aa69d;padding-bottom:5px}.archive span{margin-left:22px}.camper{background:#203e37;color:#fff}.camper-inner{max-width:1248px;padding:65px 24px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.camper .eyebrow{color:#b8c9b9}.camper h2{font-size:34px}.camper em{font-family:Georgia,serif;font-size:44px;font-weight:normal;letter-spacing:0}.camper p{font-size:15px;color:#d4ddd4;margin-top:24px}.camper dl{margin:0}.camper dl div{padding:17px 0;border-bottom:1px solid #577166;display:flex;align-items:center;justify-content:space-between;gap:20px}.camper dt{font-size:14px;color:#c7d4c9}.camper dd{font-size:27px;font-family:Georgia,serif;margin:0}.camper dd span{font-size:17px;margin-left:6px}.about{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;padding-top:85px;padding-bottom:85px}.about h2{font-size:27px}.about p{margin:0 0 20px;font-size:15px;color:#58695e}.social{display:flex;gap:28px;font-size:14px;font-weight:bold}.social a{border-bottom:1px solid #c5d0c7}.site-footer{border-top:1px solid #dce2de;background:#f3f6f2;padding:38px max(24px,calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between}.site-footer .brand{font-size:27px}.site-footer>div{text-align:right;font-size:13px}.site-footer small{display:block;margin-top:15px;color:#76847b;font-size:12px}.skip{position:absolute;left:16px;top:-70px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}@media(min-width:1600px){.hero{max-width:1500px}}@media(max-width:760px){.site-header{padding:20px;gap:22px;align-items:flex-start}.brand{font-size:26px}.brand span{font-size:10px;letter-spacing:1px}nav{gap:10px;flex-wrap:wrap;justify-content:flex-end;font-size:12px;max-width:185px}nav a{padding:2px 0}.hero{padding:0 10px}.hero img{border-radius:3px}.intro{padding:24px 20px;align-items:flex-start;gap:15px}.intro p{font-size:14px}.intro a{font-size:12px;gap:8px}.mobile{display:block}.section{padding:48px 20px}.section-heading{display:block;margin-bottom:24px}h1{font-size:27px}.section-heading p{margin-top:15px}.filters{gap:7px;flex-wrap:wrap}button{padding:6px 12px;font-size:13px}#count{width:100%;margin-top:8px;font-size:12px}.articles{grid-template-columns:1fr}.article-link{padding:24px 0}.article h3{font-size:21px;margin-top:14px}.article p{min-height:0}.camper-inner{padding:45px 20px;grid-template-columns:1fr;gap:20px}.camper h2{font-size:29px}.camper em{font-size:36px}.camper dd{font-size:25px}.about{grid-template-columns:1fr;gap:25px}.about h2{font-size:25px}.site-footer{gap:25px;align-items:flex-start}.site-footer .brand{font-size:24px}.site-footer .brand span{font-size:10px}.site-footer>div{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.filters{flex-wrap:wrap}.travel-empty{padding:35px 0;border-bottom:1px solid #dce2de}.travel-empty[hidden]{display:none}.travel-empty p{margin:0 0 9px;color:#65706a;font-size:15px}.travel-empty a{display:inline-block;margin-top:12px;font-size:14px;border-bottom:1px solid #9aa69d}.camper .camper-topic{margin:18px 0 4px;font-size:14px}.camper-name{font:italic 44px/1.4 Georgia,serif;margin:0;letter-spacing:0}@media(max-width:760px){.camper-name{font-size:36px}}

.hero{position:relative}.hero-navigation{position:absolute;left:12%;top:46.7%;width:26.5%;max-width:none;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:0;font-family:Arial,sans-serif;font-size:14px;line-height:1.5;font-weight:500;letter-spacing:.05em}.hero-navigation a{display:flex;align-items:center;min-height:30px;padding:0;border:0;border-radius:0;color:#172320;white-space:nowrap;background:transparent;text-decoration:none}.hero-navigation a+a:before{content:"/";color:#283d37;margin-right:10px;pointer-events:none}.hero-navigation a:hover{text-decoration:underline;text-underline-offset:5px;background:transparent;color:#91511e}.hero-navigation a:focus-visible{outline-offset:2px}.filters{gap:10px}.filters button{font-size:14px;text-align:left;padding:10px 16px;border-radius:5px}.filter-en{font-family:Arial,sans-serif;font-weight:600;letter-spacing:.03em}.filter-ja{font-size:14px}.filter-separator{opacity:.5;margin:0 5px}.filters #count{flex-basis:100%;margin:4px 0 0;text-align:right}@media(max-width:1200px) and (min-width:901px){.hero-navigation{left:10.8%;width:29%;font-size:12px;letter-spacing:0}.hero-navigation a+a:before{margin-right:5px}}@media(max-width:900px){.hero-navigation{position:static;width:100%;max-width:none;padding:12px 8px;gap:0;margin:0;font-size:12px;letter-spacing:.02em;justify-content:space-around;flex-wrap:wrap;min-height:48px}.hero-navigation a{min-height:36px}.hero-navigation a+a:before{margin-right:7px}.filters{display:grid;grid-template-columns:1fr}.filters button{width:100%;padding:12px}.filters button[data-filter="ALL"]{width:fit-content}.filters #count{width:auto}}@media(min-width:1201px){.hero-navigation a{font-size:clamp(12px,1vw,15px)}}

.category-links{display:flex;flex-wrap:wrap;gap:10px;padding-bottom:25px;border-bottom:1px solid #dae2dc}.category-links a{padding:10px 16px;border:1px solid #dce2de;border-radius:5px;font-size:14px}.category-links a:hover,.category-links a[aria-current="page"]{background:#23473d;color:#fff}.category-links .filter-en{font-weight:600}.category-links .filter-separator{margin:0 5px;opacity:.5}.site-footer .footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px 22px;list-style:none;margin:0;padding:0}.pagination{margin:32px 0}.nav-links{display:flex;flex-wrap:wrap;gap:12px}.page-numbers{padding:8px 14px;border:1px solid #dce2de}.page-numbers.current{background:#203e37;color:#fff}.content-page{max-width:860px;padding:55px 24px 80px;margin:auto}.content-page h1{font-size:clamp(26px,4vw,40px);overflow-wrap:anywhere}.post-meta{color:#65706a;font-size:14px;margin:18px 0 30px}.post-meta a{text-decoration:underline}.entry-content{font-size:17px;line-height:2;overflow-wrap:anywhere}.entry-content h2{margin:2em 0 .7em;font-size:27px}.entry-content h3{margin:1.8em 0 .6em;font-size:22px}.entry-content a{color:#326950;text-decoration:underline}.entry-content img,.entry-content video{max-width:100%;height:auto}.entry-content iframe{max-width:100%}.entry-content figure{max-width:100%;margin:25px 0}.entry-content table{width:100%;border-collapse:collapse}.entry-content th,.entry-content td{border:1px solid #cfd8d1;padding:10px}.entry-content pre{overflow:auto;padding:16px;background:#f3f6f2}.entry-content blockquote{margin:25px 0;padding:5px 20px;border-left:3px solid #8ba393}.post-featured{max-width:100%;height:auto;border-radius:4px;margin-bottom:25px}.article-thumbnail{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:4px;margin-bottom:20px}.entry-footer,.post-navigation{margin-top:35px;padding-top:20px;border-top:1px solid #dce2de}.post-navigation .nav-links{justify-content:space-between}.post-navigation a{font-size:14px}.comments-area{margin-top:45px}.comment-list{padding-left:20px}.comment-body{padding:16px 0}.comment-form input:not([type=checkbox]),.comment-form textarea{max-width:100%;width:100%;padding:12px;border:1px solid #c8d3ca;font:inherit}.comment-form label{display:block}.comment-form-cookies-consent label{display:inline}.comment-form input[type=submit]{width:auto;background:#203e37;color:#fff;cursor:pointer}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.empty-state{padding:30px 0;color:#65706a}.site-search input{font:inherit;padding:10px;max-width:100%;border:1px solid #c8d3ca}.site-search button{margin-left:8px}.alignleft{float:left;margin-right:20px}.alignright{float:right;margin-left:20px}.aligncenter{display:block;margin-left:auto;margin-right:auto}.entry-content:after{content:"";display:table;clear:both}.wp-caption{max-width:100%}.wp-caption-text,.gallery-caption{font-size:14px;color:#65706a}.bypostauthor{border-left:2px solid #c8d3ca}.sticky h3:before{content:"PICK UP · ";font-size:12px;color:#71816f}@media(max-width:900px){.category-links{display:grid;grid-template-columns:1fr}.category-links a{padding:12px}.content-page{padding:35px 20px 60px}.entry-content{font-size:16px}.entry-content h2{font-size:24px}.site-header nav{max-width:185px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Match the approved text-only journal on desktop and mobile. */
.journal .article-link{height:100%;display:flex;flex-direction:column}.journal .article-bottom{margin-top:auto}.journal .articles{align-items:stretch}.journal .filters{max-width:none}.journal .filters button[data-filter="all"]{width:fit-content}

/* Travel stories lead; the vehicle is a small personal detail. */
.travel-story .camper-inner{padding-top:48px;padding-bottom:48px;gap:40px}.travel-story h2{font-size:30px}.travel-story p{margin:0 0 18px}.travel-story .travel-car-note{font-size:13px;color:#c7d4c9}.travel-story a{display:inline-block;font-size:14px}.travel-story .camper-inner>div{min-width:0}@media(max-width:760px){.travel-story .camper-inner{padding:36px 20px;gap:22px}.travel-story h2{font-size:26px}}