/*
Theme Name: History Modern
Author: Studio Theme
Description: 復刻版画 製作・販売・アルシフ・ジャポン・古美術品の買取販売を紹介する、日本語の企業サイト向けクラシックテーマ。
Version: 1.7.1
Requires at least: 6.0
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: history-modern
*/
:root{--paper:#f7f8f5;--ink:#202b2d;--muted:#576466;--line:#cdd3d0;--accent:#225e64;--white:#fff;--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-size:16px;line-height:1.9;overflow-wrap:anywhere}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--accent)}button,input,textarea,select{font:inherit}button,.button{cursor:pointer}img{max-width:100%;height:auto}figure{margin-inline:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.5;font-weight:600}h1{font-size:clamp(2.2rem,4.5vw,4.2rem);letter-spacing:.06em}h2{font-size:clamp(1.7rem,2.7vw,2.6rem);letter-spacing:.04em}h3{font-size:1.25rem}.wrap{width:min(calc(100% - 96px),var(--max));margin-inline:auto}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.16em;display:block;line-height:1.6}.site-header{background:rgba(247,248,245,.98);border-bottom:1px solid var(--line);position:relative;z-index:20}.header-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:100px}.brand{max-width:36%;font-weight:700;font-size:1.25rem}.brand a{text-decoration:none}.brand small{display:block;font-size:.65rem;letter-spacing:.12em;font-weight:500}.custom-logo-link img{display:block;width:auto;max-height:64px}.menu{display:flex;gap:28px;list-style:none;padding:0;margin:0}.menu a{text-decoration:none;font-size:.875rem;display:block;padding-block:10px}.menu li{position:relative}.sub-menu{list-style:none;margin:0;padding:12px;background:var(--paper);border:1px solid var(--line)}@media(min-width:801px){.sub-menu{display:none;position:absolute;min-width:200px}.menu li:hover>.sub-menu,.menu li:focus-within>.sub-menu{display:block}}.menu-toggle{display:none}.hero{padding-top:64px}.hero>.eyebrow{color:var(--accent);margin-bottom:26px}.hero-copy{display:grid;grid-template-columns:1.3fr 1fr;gap:64px;align-items:end;margin-bottom:44px}.hero-copy h1{margin:0}.hero-copy p{color:var(--muted);max-width:410px;margin:0 0 8px;line-height:2.1}.project-entries{display:grid;grid-template-columns:1fr 1fr;gap:16px}.project-entries>a{padding:28px 32px;background:var(--ink);color:white;text-decoration:none;min-height:195px;display:flex;flex-direction:column;transition:background .2s}.project-entries>a:nth-child(2){background:var(--accent)}.project-entries>a:hover{background:#314d50}.project-entries strong{font-size:1.75rem;letter-spacing:.06em;margin:10px 0 16px;font-weight:500}.entry-bottom{font-size:.875rem;display:flex;justify-content:space-between;align-items:center;margin-top:auto}.entry-bottom b{font-size:1.6rem;font-weight:400}.scroll-note{margin:24px 0 0;font-size:.7rem;letter-spacing:.15em;display:flex;justify-content:space-between;color:var(--muted)}.section{padding-block:88px}.section-head{border-top:1px solid var(--ink);padding-top:20px;margin-bottom:36px;display:flex;justify-content:space-between;gap:20px}.section-head>span:last-child{font-size:.875rem;color:var(--muted)}.project-detail{display:grid;grid-template-columns:1.12fr 1fr;gap:72px;align-items:center}.project-copy p{color:var(--muted);line-height:2.1;margin-bottom:28px}.project-copy .button{margin-top:12px}.project-copy .text-link{display:block;width:fit-content}.project-image{display:block;aspect-ratio:4/3;width:100%;object-fit:cover}.visual{aspect-ratio:4/3;display:flex;flex-direction:column;justify-content:space-between;padding:38px;overflow:hidden;background:#dce5e3;color:#214e54;border:1px solid #c1d1ce}.visual span{font-family:Georgia,serif;font-size:clamp(2.7rem,5vw,4.9rem);line-height:1.05;letter-spacing:-.045em}.visual small{font-size:.65rem;letter-spacing:.18em;border-top:1px solid currentColor;padding-top:12px}.visual-art{background:#e4e1dc;color:#484139;border-color:#cfc8bf}.visual-art span{font-style:italic}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;text-decoration:none;border:1px solid var(--ink);padding:13px 23px;font-size:.875rem;min-height:50px}.button:hover{background:var(--ink);color:white}.text-link{font-size:.9rem;font-weight:600}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:40px}.archive-card{padding:26px 0 12px;border-top:1px solid var(--line)}.archive-card .eyebrow{color:var(--accent);margin-bottom:18px}.archive-card h3{margin-bottom:14px}.archive-card p{font-size:.9rem;color:var(--muted)}.archive-card .text-link{display:flex;justify-content:space-between;margin-top:24px}.edition-section{background:#eef0ec}.reverse>div:first-child{order:2}.company-section{display:grid;grid-template-columns:1fr 2fr;gap:40px}.company-section p{color:var(--muted)}.contact-section{background:var(--accent);color:white;padding-block:56px}.contact-inner{display:flex;justify-content:space-between;align-items:center;gap:48px}.contact-inner h2{font-size:1.8rem;margin:12px 0}.contact-inner p{margin:0;max-width:660px;font-size:.9rem}.light{border-color:white;color:white;flex-shrink:0}.light:hover{background:white;color:var(--accent)}.site-footer{padding:48px 0 24px;background:#fff}.footer-top{display:flex;justify-content:space-between;align-items:start;gap:30px;margin-bottom:36px}.footer-brand{font-weight:700;text-decoration:none}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;flex-wrap:wrap;gap:24px;color:var(--muted);font-size:.75rem}.footer-bottom>a:last-child{margin-left:auto}.page-main{padding-block:64px 88px;min-height:55vh}.page-heading{padding-bottom:40px;border-bottom:1px solid var(--line);margin-bottom:40px}.page-heading h1{font-size:clamp(2rem,4vw,3.25rem);margin:18px 0}.page-heading p{max-width:760px}.content{max-width:840px;margin-inline:auto}.content:after{content:"";display:table;clear:both}.content h2{margin-top:2em;font-size:1.8rem}.content h3{margin-top:1.7em}.content a{color:var(--accent)}.content blockquote{border-left:3px solid var(--accent);margin:28px 0;padding-left:24px}.content table{border-collapse:collapse;width:100%;font-size:.95rem}.content th,.content td{border:1px solid currentColor;padding:18px;text-align:left}.content th{background:#eef0ec}.wp-block-table{overflow-x:auto}.alignwide{max-width:var(--max)}.aligncenter{display:block;margin-inline:auto}.alignleft{float:left;margin-right:24px}.alignright{float:right;margin-left:24px}.wp-caption{max-width:100%}.wp-caption-text,.gallery-caption{font-size:.8rem;color:var(--muted)}.post-cover{display:block;margin:0 auto 36px;max-height:600px;object-fit:cover}.post-row{padding:26px 0;border-bottom:1px solid var(--line)}.post-row h2{font-size:1.5rem;margin:10px 0}.post-row time,time{font-size:.875rem;color:var(--muted)}.navigation{margin-top:40px}.nav-links{display:flex;gap:24px;justify-content:space-between;flex-wrap:wrap}.sticky{border-left:3px solid var(--accent);padding-left:20px}.bypostauthor{border-left:2px solid var(--line)}.comments-area{margin-top:56px}.content input:not([type=checkbox]),.content textarea{max-width:100%;display:block;width:100%;padding:10px;border:1px solid var(--line)}input[type=submit],button{padding:10px 18px;background:var(--paper);color:var(--ink);border:1px solid var(--ink)}pre{overflow:auto}.screen-reader-text,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;top:8px;left:8px;z-index:100;background:white;padding:12px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #c47734;outline-offset:5px}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.menu{gap:16px}.hero-copy{gap:36px}.project-detail{gap:40px}.footer-top{flex-direction:column}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.header-inner{min-height:82px;flex-wrap:wrap;padding-block:16px}.brand{max-width:72%;font-size:1.1rem}.brand small{font-size:.6rem}.has-menu-js .menu-toggle{display:block;font-size:.8rem}.has-menu-js #site-navigation{display:none}.has-menu-js #site-navigation.is-open{display:block}#site-navigation{width:100%}#site-navigation .menu{display:block;padding-block:8px}#site-navigation .menu a{padding:12px 0}.sub-menu{border:0;border-left:1px solid var(--line);padding:0 0 0 20px}.hero{padding-top:40px}.hero-copy{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.hero-copy h1{font-size:clamp(2rem,6.7vw,3.4rem)}.hero-copy p{max-width:580px}.project-entries>a{padding:24px;min-height:190px}.project-entries strong{font-size:1.35rem}.section{padding-block:56px}.project-detail{grid-template-columns:1fr;gap:30px}.project-detail>div:first-child{order:0}.visual span{font-size:4rem}.archive-grid{grid-template-columns:1fr;gap:12px}.archive-card{padding-block:24px}.company-section{grid-template-columns:1fr;gap:24px}.contact-inner{align-items:start;flex-direction:column;gap:24px}.site-footer .menu{flex-wrap:wrap}.page-main{padding-block:40px 56px}.page-heading{margin-bottom:30px}.content th,.content td{padding:12px}.footer-bottom{gap:16px}.footer-bottom>a:last-child{margin-left:0}}
@media(max-width:480px){.project-entries{grid-template-columns:1fr;gap:10px}.project-entries>a{min-height:158px;padding:20px 24px}.project-entries strong{margin-block:8px}.hero>.eyebrow{font-size:.65rem}.visual{padding:28px}.visual span{font-size:3.5rem}.section-head{flex-direction:column;gap:6px}.site-footer .menu{gap:8px 20px}.button{max-width:100%}.content .alignleft,.content .alignright{float:none;margin-inline:0}}
/* Sticky positioning reserves space in the page and avoids a content jump. */
:root{--toolbar-offset:0px}
html:has(body.admin-bar){--toolbar-offset:32px}
.site-header{position:sticky;top:var(--toolbar-offset);transition:background .3s ease,box-shadow .3s ease;--scroll-progress:0}
.site-header::after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--accent);transform:scaleX(var(--scroll-progress));transform-origin:left;pointer-events:none}
.header-inner{transition:min-height .3s ease,padding .3s ease}
.site-header.is-scrolled{background:rgba(247,248,245,.94);box-shadow:0 5px 22px rgba(32,43,45,.08);backdrop-filter:blur(16px)}
.site-header.is-scrolled .header-inner{min-height:76px}
.custom-logo-link img{transition:max-height .3s ease}
.is-scrolled .custom-logo-link img{max-height:48px}
html{scroll-padding-top:calc(120px + var(--toolbar-offset))}
.section-head,.project-detail,.archive-card,.company-section>div,.contact-inner{opacity:1;transform:none;transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
.reveal-pending{opacity:0;transform:translateY(22px)}
.project-entries>a{transition:background .2s ease,transform .25s ease,box-shadow .25s ease}
@media(hover:hover){.project-entries>a:hover{transform:translateY(-4px);box-shadow:0 10px 20px rgba(32,43,45,.1)}}
@media(max-width:800px){.site-header.is-scrolled .header-inner{min-height:68px;padding-block:9px}#site-navigation{max-height:calc(100dvh - 100px - var(--toolbar-offset));overflow-y:auto;overscroll-behavior:contain}}
@media(max-width:782px){html:has(body.admin-bar){--toolbar-offset:46px}}
@media(max-width:600px){html:has(body.admin-bar){--toolbar-offset:0px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.reveal-pending{opacity:1;transform:none}.project-entries>a:hover{transform:none}}
@media print{.site-header{position:static}.site-header::after{display:none}.reveal-pending{opacity:1;transform:none}}