/*
Theme Name: Feed Journal
Author: Feed Journal
Description: 写真とキャプションを静かに読む、軽量なモバイルファーストテーマ。Instagram Sync MVPの画像配列に対応。
Version: 0.1.2
Requires at least: 6.2
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: feed-journal
Tags: blog, photography, grid-layout, featured-images
*/
:root{--fj-text:#242424;--fj-muted:#676767;--fj-line:#e7e7e7;--fj-wash:#f4f4f2;--fj-space:20px}
*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;background:#fff;color:var(--fj-text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Noto Sans JP",Meiryo,sans-serif;font-size:16px;line-height:1.7;overflow-wrap:anywhere}a{color:inherit;text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button,input{font:inherit;color:inherit}img{max-width:100%;height:auto}figure{margin:0}h1,h2,p{margin-top:0}h1{font-size:clamp(26px,4vw,36px);font-weight:600;letter-spacing:-.035em;line-height:1.4}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #315d78;outline-offset:5px}button,a,input{-webkit-tap-highlight-color:transparent}.fj-container{width:calc(100% - var(--fj-space)*2);max-width:1200px;margin-inline:auto;min-width:0}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;white-space:nowrap}.skip-link:focus{clip:auto;clip-path:none;display:block;height:auto;width:auto;position:fixed!important;left:16px;top:16px;padding:12px 18px;background:#fff;color:#111;z-index:1000;box-shadow:0 0 0 2px #111}
.fj-site-header{border-bottom:1px solid var(--fj-line)}.fj-header-inner{width:calc(100% - var(--fj-space)*2);max-width:1200px;margin:auto;padding:26px 0;display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px}.fj-brand{flex:1 1 160px;min-width:0;font-size:24px;font-weight:650;letter-spacing:-.06em;line-height:1.25}.fj-brand a{text-decoration:none}.fj-header-nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;min-width:0;max-width:100%}.fj-site-nav{font-size:13px;min-width:0;max-width:100%}.fj-site-nav a{display:inline-block;padding-block:10px}.fj-menu,.fj-menu .sub-menu{display:flex;flex-wrap:wrap;align-items:center;gap:0 20px;list-style:none;margin:0;padding:0}.fj-menu li{min-width:0;max-width:100%}.fj-menu .sub-menu{padding-inline-start:14px}.fj-menu .current-menu-item>a,.fj-menu .current-menu-ancestor>a{text-decoration:underline;text-underline-offset:5px}.fj-site-nav a{text-decoration:none}.fj-search{display:flex;flex:1 1 100%;gap:8px;min-width:0}.fj-search label{min-width:0;flex:1}.fj-search input{width:100%;min-width:0;border:1px solid var(--fj-line);border-radius:0;background:#fff;padding:9px 12px;font-size:14px;line-height:1.5;appearance:none}.fj-search button{border:1px solid #333;background:#fff;padding:9px 14px;font-size:13px;cursor:pointer}.fj-search button:hover{background:var(--fj-wash)}
.fj-list-main{padding-top:38px;padding-bottom:64px}.fj-page-heading{margin-bottom:28px}.fj-page-heading h1{margin-bottom:10px}.fj-description{color:var(--fj-muted);font-size:14px;max-width:650px}.fj-description p:last-child{margin-bottom:0}.fj-list-tagline{margin-bottom:0}.fj-eyebrow{font-size:12px;letter-spacing:.08em;color:var(--fj-muted);margin-bottom:8px}.fj-post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 14px}.fj-card{min-width:0}.fj-card-link{display:block;text-decoration:none}.fj-card-media{aspect-ratio:1;position:relative;background:var(--fj-wash);overflow:hidden}.fj-card-media img{display:block;width:100%;height:100%;object-fit:cover}.fj-card-title{font-size:14px;font-weight:500;line-height:1.65;margin:12px 0 5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:3.3em}.fj-card-date{font-size:12px;color:var(--fj-muted);letter-spacing:.025em}.fj-no-image{height:100%;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--fj-muted)}.fj-multiple{position:absolute;top:10px;right:10px;display:flex;align-items:center;justify-content:center;width:29px;height:29px;background:rgba(255,255,255,.94);border-radius:3px;color:#222}.fj-empty{padding:50px 0;color:var(--fj-muted)}
.pagination{margin-top:46px}.pagination .nav-links{display:flex;gap:9px;flex-wrap:wrap;align-items:center;justify-content:center}.page-numbers{display:inline-flex;align-items:center;justify-content:center;min-height:42px;min-width:38px;padding:7px 10px;text-decoration:none;font-size:13px;border:1px solid var(--fj-line)}.page-numbers.current{background:#262626;border-color:#262626;color:#fff}.page-numbers.dots{border:0}
.fj-single-main{width:calc(100% - var(--fj-space)*2);max-width:860px;margin:auto;padding:30px 0 64px;min-width:0}.fj-back{display:inline-block;font-size:13px;margin-bottom:22px;text-decoration:none}.fj-entry-date{display:block;color:var(--fj-muted);font-size:13px;letter-spacing:.035em;margin-bottom:22px}.fj-single-image img{display:block;width:100%;height:auto}.fj-gallery{min-width:0}.fj-gallery-hint{font-size:12px;color:var(--fj-muted);line-height:1.7;margin:0 0 12px}.fj-gallery-track{display:grid;grid-auto-flow:column;grid-auto-columns:88%;gap:12px;align-items:start;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:0;overscroll-behavior-x:contain;padding:0 0 14px;scrollbar-width:auto;scrollbar-color:#737373 #f1f1f1}.fj-gallery-track::-webkit-scrollbar{height:10px}.fj-gallery-track::-webkit-scrollbar-track{background:#f1f1f1}.fj-gallery-track::-webkit-scrollbar-thumb{background:#737373;border:2px solid #f1f1f1;border-radius:8px}.fj-gallery-item{scroll-snap-align:start;min-width:0}.fj-gallery-item img{display:block;width:100%;height:auto}.fj-image-count{font-size:11px;color:var(--fj-muted);text-align:right;margin-top:7px;letter-spacing:.04em}.fj-single-empty{padding:44px 20px;background:var(--fj-wash);color:var(--fj-muted);text-align:center;font-size:13px}.fj-single-empty p{margin:0}.fj-caption{max-width:680px;margin:30px auto 0;font-size:15px;line-height:1.95;overflow-wrap:anywhere;word-break:normal}.fj-caption p{margin-bottom:1.25em}.fj-caption a{overflow-wrap:anywhere}.fj-caption pre,.fj-caption table{max-width:100%;overflow:auto}.fj-caption blockquote{margin-inline:0;padding-left:20px;border-left:2px solid var(--fj-line)}.fj-instagram-link{max-width:680px;margin:22px auto 38px;font-size:13px}.post-navigation{margin-top:40px;padding-top:28px;border-top:1px solid var(--fj-line)}.post-navigation .nav-links{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.post-navigation .nav-next{grid-column:1;min-width:0}.post-navigation .nav-previous{min-width:0;grid-column:2;text-align:right}.post-navigation a{text-decoration:none;display:block}.post-navigation .fj-card-media{aspect-ratio:1 / 1}.fj-nav-label{display:block;margin-top:12px;color:var(--fj-muted);font-size:12px;margin-bottom:7px}.fj-nav-title{font-size:13px;line-height:1.7;max-height:3.4em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fj-page-main h1{margin-bottom:30px}.fj-page-main .fj-caption{max-width:none}.page-links{margin-block:24px}.fj-site-footer{border-top:1px solid var(--fj-line);padding:26px 0 32px;color:var(--fj-muted);font-size:12px}.fj-site-footer .fj-container{display:flex;gap:16px;justify-content:space-between;align-items:center}.fj-site-footer a{text-decoration:none}
@media(min-width:720px){:root{--fj-space:32px}.fj-header-inner{gap:16px 32px;padding:32px 0}.fj-header-nav{flex:0 1 auto}.fj-search{flex:0 1 260px}.fj-brand{font-size:28px}.fj-post-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 24px}.fj-list-main{padding-top:50px;padding-bottom:88px}.fj-page-heading{margin-bottom:34px}.fj-card-title{font-size:15px;margin-top:14px}.fj-single-main{padding-top:38px;padding-bottom:80px}.fj-caption{font-size:16px;margin-top:38px}.fj-gallery-track{gap:18px}}
@media(min-width:1100px){.fj-post-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:42px 24px}}
@media print{.fj-search,.fj-site-nav,.fj-back,.fj-site-footer,.post-navigation,.fj-gallery-hint{display:none}.fj-gallery-track{display:block;overflow:visible}.fj-gallery-item{break-inside:avoid;margin-bottom:20px}.fj-gallery-item img{max-height:85vh;width:auto;max-width:100%}}