/*
Theme Name: JAA Art Museum
Description: 作品展示・販売案内・講座案内に使える、日本語のオンライン美術館テーマ。
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 8.0
Author: JAA Art Museum Project
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jaa-art-museum
Tags: portfolio, photography, grid-layout, custom-logo, custom-menu, featured-images, editor-style
*/
:root{--paper:#f7f6f1;--ink:#263c32;--muted:#667168;--line:#dcded4;--gold:#8b704b;--gallery-columns:3;--serif:"Yu Mincho","Hiragino Mincho ProN","Noto Serif CJK JP",serif;--sans:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.9;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.25em}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;height:auto;vertical-align:middle}figure{margin:0}p{margin:0 0 1.3em}h1,h2,h3,h4{font-family:var(--serif);font-weight:500;line-height:1.55;margin:0 0 .65em;overflow-wrap:anywhere}h1{font-size:clamp(30px,3.5vw,50px)}h2{font-size:clamp(24px,2.5vw,34px)}h3{font-size:24px}a:hover{color:var(--gold)}:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.screen-reader-text{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute!important;width:1px;white-space:nowrap}.skip-link:focus{clip:auto;clip-path:none;top:12px;left:12px;width:auto;height:auto;z-index:9999;background:white;padding:12px 24px}.eyebrow{font-size:10px;letter-spacing:.22em;font-family:var(--sans);font-weight:600;color:var(--gold);margin:0 0 24px}.site-header{min-height:118px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.brand-home{text-decoration:none;display:flex;align-items:center;gap:19px}.brand-mark{font:30px Georgia,serif;letter-spacing:-3px;display:block;border-right:1px solid var(--line);padding-right:24px}.brand-mark span{font-size:39px}.brand-name{font-size:12px;letter-spacing:.08em;line-height:1.65;max-width:350px}.custom-logo{max-width:230px;max-height:82px;width:auto;object-fit:contain}.primary-navigation{display:flex;align-items:center;gap:26px;font-size:12px}.primary-navigation ul{list-style:none;padding:0;margin:0;display:flex;gap:28px;align-items:center}.primary-navigation a{text-decoration:none}.primary-navigation .menu>li{position:relative;padding:10px 0}.primary-navigation .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:190px;padding:14px;background:var(--paper);border:1px solid var(--line);z-index:10;box-shadow:0 10px 22px #263c320d}.primary-navigation li:hover>.sub-menu,.primary-navigation li:focus-within>.sub-menu{display:block}.primary-navigation .sub-menu a{display:block;padding:8px}.search-link{border-left:1px solid var(--line);padding-left:24px;white-space:nowrap}.search-link span{font-size:23px;margin-left:12px}.menu-toggle{display:none;border:0;background:none;color:var(--ink);font-size:13px}
.museum-hero{display:grid;grid-template-columns:.83fr 1.17fr;gap:6%;align-items:center;padding-top:70px;padding-bottom:80px}.hero-copy{padding-left:4px}.hero-copy h1{font-size:clamp(36px,4.1vw,58px);line-height:1.6;letter-spacing:.09em;margin-bottom:26px}.hero-intro{max-width:310px;font-size:14px;line-height:2.2;color:var(--muted);margin-bottom:34px}.button,.wp-block-button__link{background:var(--ink);color:white;display:inline-flex;justify-content:center;align-items:center;gap:40px;font-size:12px;text-decoration:none;padding:15px 28px;border:1px solid var(--ink);border-radius:2px}.button:hover,.wp-block-button__link:hover{background:#405447;color:white}.button span{font-size:18px}.hero-small{font-size:9px;letter-spacing:.2em;color:var(--muted);margin:48px 0 0}.hero-art{min-width:0}.hero-art>a{display:block}.hero-art img{width:100%;height:auto;max-height:550px;object-fit:contain;box-shadow:0 18px 36px #263c3212;background:#e9e8df}.hero-art figcaption{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted);margin-top:18px;line-height:1.6}.hero-art figcaption span{letter-spacing:.15em;font-size:9px;white-space:nowrap}.art-placeholder{min-height:390px;border:1px solid #b9b49e;background:linear-gradient(135deg,#e9e6d8,#dddccf);outline:8px solid #eeeadd;outline-offset:-18px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.art-placeholder span{font-size:10px;letter-spacing:.16em}.art-placeholder p{font-family:var(--serif);font-size:30px;margin:25px 0}.collection{border-top:1px solid var(--line);padding-top:55px;padding-bottom:80px;scroll-margin-top:20px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}.section-heading .eyebrow{margin-bottom:12px}.section-heading h2,.section-heading h1{margin-bottom:0}.section-note{font-size:11px;color:var(--muted);margin-bottom:6px}.category-nav{display:flex;flex-wrap:wrap;gap:10px 26px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:38px;font-size:12px}.category-nav a{text-decoration:none;position:relative;padding:5px 0}.category-nav a.is-current{color:var(--ink);font-weight:600}.category-nav a.is-current:after{content:"";height:2px;background:var(--gold);position:absolute;left:0;right:0;bottom:-19px}.art-grid{display:grid;grid-template-columns:repeat(var(--gallery-columns),minmax(0,1fr));gap:48px 32px;align-items:start}.art-card{min-width:0}.card-image{display:flex;align-items:center;justify-content:center;background:#eae9e1;overflow:hidden;aspect-ratio:4/3}.card-image img{width:100%;height:100%;object-fit:contain;transition:transform .5s}.art-card:hover .card-image img{transform:scale(1.025)}.card-meta{display:flex;justify-content:space-between;color:var(--gold);font-size:10px;letter-spacing:.08em;margin:17px 0 7px}.card-meta span{font-size:18px;color:var(--ink);line-height:1}.card-title{font-size:21px;line-height:1.7;margin-bottom:6px}.card-title a{text-decoration:none}.card-excerpt{font-size:12px;color:var(--muted);line-height:1.9;margin:0}.card-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;color:#717b70}.card-placeholder span{font:42px Georgia,serif;letter-spacing:.1em}.card-placeholder small{font-size:8px;letter-spacing:.2em;margin-top:12px}.empty-state{grid-column:1/-1;padding:50px 0;color:var(--muted)}.pagination,.nav-links{display:flex;justify-content:center;gap:14px;margin-top:52px}.pagination .page-numbers,.nav-links .page-numbers{padding:6px 13px;text-decoration:none}.pagination .current,.nav-links .current{background:var(--ink);color:#fff}.home-content{margin-bottom:50px}.home-course{margin-bottom:90px}
.site-footer{border-top:1px solid var(--line);padding-top:48px}.footer-top{display:flex;justify-content:space-between;gap:32px;padding-bottom:42px}.footer-top .eyebrow{margin-bottom:12px}.footer-title{text-decoration:none;font:20px var(--serif)}.footer-top p:not(.eyebrow){font-size:11px;color:var(--muted);margin-top:12px;max-width:480px}.footer-top nav ul{display:flex;flex-wrap:wrap;gap:12px 24px;max-width:390px;list-style:none;margin:0;padding:0;font-size:11px}.footer-top nav a{text-decoration:none}.footer-bottom{padding:23px 0 28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;color:var(--muted);font-size:10px}.footer-bottom small{font-size:10px}.back-top{text-decoration:none;white-space:nowrap}.archive-main{padding-top:65px;padding-bottom:100px;min-height:60vh}.archive-description{max-width:820px;color:var(--muted);margin-bottom:28px}.single-main,.page-main{padding-top:38px;padding-bottom:80px}.back-link{font-size:12px;text-decoration:none;color:var(--muted)}.entry-header{text-align:center;margin:45px auto 42px;max-width:900px}.entry-header .eyebrow{margin-bottom:18px}.entry-header .eyebrow a{text-decoration:none}.entry-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;font-size:11px;color:var(--muted);margin:24px 0 0}.single-art{text-align:center;margin:0 auto 58px;max-width:1100px}.single-art img{width:auto;max-height:78vh;object-fit:contain;box-shadow:0 10px 30px #263c3210}.single-art figcaption{font-size:12px;color:var(--muted);margin-top:18px}.entry-content{max-width:820px;margin-inline:auto;overflow-wrap:anywhere}.entry-content>h2{margin-top:2em;padding-top:1em;border-top:1px solid var(--line)}.entry-content>h3{margin-top:1.6em}.entry-content p{line-height:2.15}.entry-content ul,.entry-content ol{padding-left:1.6em}.entry-content blockquote{border-left:2px solid var(--gold);padding-left:25px;margin-left:0}.entry-content pre{overflow:auto;padding:20px;background:#eaece4}.entry-content .alignwide{max-width:1100px;width:calc(100% + 80px);margin-left:-40px}.entry-content .alignfull{width:100%;margin-left:0}.entry-content table{width:100%;border-collapse:collapse}.entry-content th,.entry-content td{border:1px solid var(--line);padding:12px;text-align:left}.entry-content iframe{max-width:100%}.wp-caption{max-width:100%}.wp-caption-text,.gallery-caption{font-size:12px;color:var(--muted)}.alignleft{float:left;margin:0 24px 20px 0}.alignright{float:right;margin:0 0 20px 24px}.aligncenter{display:block;margin:auto}.sticky{position:relative}.bypostauthor{border-left:2px solid var(--gold);padding-left:20px}.entry-content:after{content:"";display:block;clear:both}.post-tags{max-width:820px;margin:30px auto;font-size:12px}.post-tags a{display:inline-block;padding:3px 12px;background:#eaece5;text-decoration:none}.post-navigation{max-width:820px;margin:auto}.post-navigation .nav-links{justify-content:space-between;border-top:1px solid var(--line);padding-top:30px}.post-navigation .nav-links>div{max-width:46%;font-size:14px}.post-navigation a{text-decoration:none}.post-navigation small{color:var(--muted);font-size:10px}.search-form{display:flex;max-width:620px;gap:10px;margin:26px auto}.search-form input{min-width:0;flex:1;border:1px solid var(--line);padding:12px 16px;background:#fff;color:var(--ink)}.search-form button,.comment-form .submit{border:0;background:var(--ink);color:#fff;padding:12px 22px}.center{text-align:center}.comments-area{max-width:820px;margin:70px auto 0}.comment-list{padding-left:20px}.comment-list li{margin-top:25px}.comment-form label{display:block}.comment-form input:not([type=checkbox]),.comment-form textarea{max-width:100%;border:1px solid var(--line);padding:10px}.comment-form textarea{width:100%}.comment-form-cookies-consent label{display:inline;margin-left:8px}
@media(min-width:1800px){.wrap{width:1400px}.hero-copy h1{font-size:64px}}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.site-header{gap:20px}.brand-name{max-width:240px;font-size:11px}.primary-navigation ul{gap:16px}.museum-hero{gap:5%}.hero-copy h1{font-size:40px}.art-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 25px}.section-note{display:none}.hero-small{margin-top:28px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.site-header{min-height:88px;flex-wrap:wrap;padding:15px 0}.brand-name{max-width:220px;font-size:10px}.brand-home{gap:13px}.brand-mark{font-size:24px;padding-right:15px}.brand-mark span{font-size:30px}.js .menu-toggle{display:block}.primary-navigation{width:100%;padding:10px 0;display:flex;align-items:start}.js .primary-navigation{display:none}.js .primary-navigation.is-open{display:flex}.primary-navigation ul{flex-wrap:wrap;gap:8px 22px}.primary-navigation .sub-menu{position:static;display:block;border:0;box-shadow:none;padding:0 8px;min-width:0}.primary-navigation .sub-menu a{font-size:11px;padding:4px}.search-link{padding-left:12px;margin-left:auto}.museum-hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:40px;gap:36px}.hero-copy{padding-left:5px}.hero-copy .eyebrow{margin-bottom:20px}.hero-copy h1{font-size:40px;line-height:1.5;letter-spacing:.07em;margin-bottom:18px}.hero-intro{max-width:360px;font-size:13px;margin-bottom:23px}.hero-small{display:none}.hero-art img{max-height:440px}.hero-art figcaption{font-size:10px;margin-top:13px}.hero-art figcaption span{font-size:8px}.button{padding:12px 23px;gap:30px}.collection{padding-top:35px;padding-bottom:50px}.section-heading{margin-bottom:24px}.section-heading h2{font-size:26px}.category-nav{gap:9px 20px;margin-bottom:27px;font-size:11px}.category-nav a.is-current:after{bottom:-19px}.entry-content .alignwide{width:100%;margin-left:0}.single-main,.page-main{padding-top:25px;padding-bottom:50px}.entry-header{margin:30px auto}.entry-header h1{font-size:30px}.single-art{margin-bottom:35px}.footer-top{display:block;padding-bottom:25px}.footer-top nav ul{margin-top:28px}.footer-bottom{display:block}.back-top{display:inline-block;margin-top:15px}.home-course{margin-bottom:50px}.art-placeholder{min-height:290px}}
@media(max-width:600px){.art-grid{grid-template-columns:1fr;gap:34px}.card-image{aspect-ratio:auto;min-height:200px}.card-image img{height:auto;max-height:480px;object-fit:contain}.card-placeholder{aspect-ratio:4/3}.card-title{font-size:22px}.brand-name{max-width:190px}.brand-mark{padding-right:12px}.menu-toggle{padding:8px 0;font-size:11px}.menu-toggle span{margin-left:6px}.eyebrow{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}