*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f1e9;color:#302b27;font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif}a{color:inherit}.pe-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px clamp(20px,5vw,75px);border-bottom:1px solid #ded7cc;background:#f8f5ee}.pe-brand{font-family:Georgia,serif;font-size:27px;font-weight:700;text-decoration:none}.pe-brand small{display:block;font-family:Arial,sans-serif;font-size:9px;letter-spacing:.22em;font-weight:400}.pe-top nav{display:flex;flex-wrap:wrap;gap:24px;font-size:13px}.pe-top nav a{text-decoration:none}.pe-top nav a:hover,.pe-footer a:hover{text-decoration:underline}.pe-canvas{position:relative;min-height:65vh;overflow:hidden;margin:8px auto 65px;max-width:1600px;isolation:isolate;background-image:radial-gradient(ellipse at 12% 17%,#e9d8bf77,transparent 40%),radial-gradient(ellipse at 87% 62%,#e5ded18c,transparent 42%),linear-gradient(115deg,#f8f5ee 0%,#f3eee5 52%,#faf7f0 100%);background-size:100% 100%}.pe-status{padding:50px;text-align:center;color:#766d64}.pe-poster{position:absolute;display:block;padding:0;border:0;background:transparent;cursor:zoom-in;transform:translate(-50%,-50%) rotate(var(--rot));transition:transform .28s ease,filter .28s ease;filter:drop-shadow(5px 10px 7px #28221c40);touch-action:manipulation}.pe-poster img{display:block;width:100%;height:auto;object-fit:contain}.pe-poster:hover,.pe-poster:focus-visible,.pe-poster.pe-front{transform:translate(-50%,-50%) rotate(0deg) scale(1.12);filter:drop-shadow(8px 16px 13px #28221c66);z-index:999!important;outline:none}.pe-poster:focus-visible{outline:3px solid #aa7d4d}.pe-lightbox[hidden]{display:none}.pe-lightbox{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:35px 60px;color:white}.pe-lightbox-bg{position:absolute;inset:0;background:#161310ec}.pe-lightbox figure{position:relative;margin:0;display:flex;flex-direction:column;align-items:center;max-width:100%;max-height:100%;z-index:1}.pe-lightbox figure img{display:block;max-width:min(90vw,1050px);max-height:calc(100dvh - 115px);object-fit:contain;box-shadow:0 12px 40px #0008}.pe-lightbox figcaption{font-size:12px;opacity:.85;margin-top:12px}.pe-lightbox button{position:absolute;z-index:2;color:white;background:#201d1b99;border:1px solid #ffffff55;border-radius:50%;width:45px;height:45px;cursor:pointer;font-size:32px;line-height:1}.pe-close{top:17px;right:20px}.pe-prev{left:12px;top:50%}.pe-next{right:12px;top:50%}.pe-footer{text-align:center;border-top:1px solid #ded7cc;padding:35px;font-size:13px}.pe-footer a{text-decoration:none}@media(max-width:650px){.pe-top{align-items:flex-start;flex-direction:column}.pe-top nav{gap:15px}.pe-canvas{margin-bottom:25px}.pe-poster img{height:auto}.pe-lightbox{padding:50px 30px}.pe-lightbox figure img{max-width:90vw;max-height:calc(100dvh - 135px)}.pe-prev{left:2px}.pe-next{right:2px}}@media(prefers-reduced-motion:reduce){.pe-poster{transition:none}html{scroll-behavior:auto}}

/* 狭い画面では紙片を小さくして密度を上げる。背景は散布模様を使わず柔らかな色の濃淡にする。 */
@media(max-width:650px){.pe-canvas{min-height:260px;margin-top:0}.pe-poster{filter:drop-shadow(2px 4px 3px #28221c35)}.pe-poster:hover,.pe-poster:focus-visible,.pe-poster.pe-front{filter:drop-shadow(3px 7px 6px #28221c55)}}

/* ダークブラウンのギャラリー背景（チラシを主役に） */
body{background:#352b26;color:#f4eee5}
.pe-top{background:#302722;border-bottom-color:#59473c}



.pe-canvas{background-color:#352b26;background-image:radial-gradient(ellipse at 48% 38%,#4a3930 0%,transparent 65%),linear-gradient(135deg,#382c26 0%,#2b231f 100%)}
.pe-status{color:#dfcdbb}
.pe-footer{border-top-color:#59473c}
.pe-poster{filter:drop-shadow(5px 10px 9px #0008)}
.pe-poster:hover,.pe-poster:focus-visible,.pe-poster.pe-front{filter:drop-shadow(8px 16px 14px #000a)}
@media(max-width:650px){.pe-poster{filter:drop-shadow(2px 4px 4px #0009)}.pe-poster:hover,.pe-poster:focus-visible,.pe-poster.pe-front{filter:drop-shadow(3px 7px 7px #000b)}}

/* ホームと共通のナビゲーション構成・見出しの印象 */
.pe-top{position:relative;z-index:20;padding:0;background:#302722;border-bottom:1px solid #59473c;display:block}
.pe-top-inner{max-width:1200px;margin:auto;min-height:72px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.pe-brand{font-family:inherit;font-size:clamp(24px,2.6vw,32px);font-weight:700;white-space:nowrap;letter-spacing:.01em}
.pe-top nav{display:flex;align-items:center;gap:25px;font-size:14px;flex-wrap:nowrap}
.pe-top nav a{white-space:nowrap;color:#eee5db}
.pe-top nav a:hover{color:#fff4b0}
.pe-top nav a.pe-calendar-link{color:#f04438}
.pe-menu-toggle{display:none;border:0;background:transparent;color:#f4eee5;font-size:29px;cursor:pointer;padding:8px 12px}





@media(max-width:780px){.pe-top-inner{min-height:64px;padding:0 16px}.pe-brand{font-size:25px}.pe-menu-toggle{display:block}.pe-top nav{display:none;position:absolute;top:100%;right:0;width:min(300px,80vw);padding:17px 24px 24px;background:#302722;box-shadow:0 12px 24px #0007;flex-direction:column;align-items:stretch;gap:4px}.pe-top nav.pe-open{display:flex}.pe-top nav a{display:block;padding:10px 4px;font-size:15px}}

/* Shared section-heading structure (dark palette retained). */
.pe-intro{max-width:1100px;margin:0 auto;padding:52px 24px 20px;text-align:center}
.pe-section-heading{position:relative;text-align:center;padding:0 0 16px;border-bottom:1px solid #796756}
.pe-heading-en{position:relative;margin:0 0 7px;padding-top:14px;font:700 12px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.19em;color:#d7ac79;text-transform:uppercase}
.pe-heading-en::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:36px;height:1px;background:#b9a38c}
.pe-section-heading h1{margin:0;font-family:'Noto Sans JP','Yu Gothic',Meiryo,sans-serif;font-size:clamp(24px,2.7vw,30px);font-weight:700;line-height:1.35;letter-spacing:.045em;color:#f4eee5}
@media(max-width:780px){.pe-intro{padding-top:38px}}