/*
Theme Name: めっちゃおもろいやん！！周年サイト
Author: JeSUC デジタルサポートパートナー
Description: 画像付き周年サイト。毎年のページを保存可能。外観→カスタマイズで編集。
Version: 2.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: omoroiyan14
License: GNU General Public License v2 or later
*/
:root{--green:#c0f454;--ink:#18251c;--paper:#f7f5ec;--line:rgba(24,37,28,.22)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #e96128;outline-offset:5px}a:hover{opacity:.75}.skip{position:absolute;left:16px;top:-100px;background:white;padding:12px;z-index:100}.skip:focus{top:16px}.site-header{height:86px;display:flex;justify-content:space-between;align-items:center;padding:0 5%;border-bottom:1px solid var(--line);background:var(--paper)}.brand{font-weight:900;font-size:17px;line-height:1.3}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:5px}.nav{display:flex;gap:28px;font-size:12px;font-weight:700}.nav a:last-child{border-bottom:2px solid var(--ink)}.hero{position:relative;overflow:hidden;background:var(--green);padding:42px 6% 0;min-height:720px}.hero-top{display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px;font-weight:800}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;min-height:530px;position:relative}.hero-copy{z-index:2;padding:35px 0}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;display:block;margin-bottom:24px}.hero h1{font-size:clamp(48px,6.6vw,100px);line-height:1.16;letter-spacing:-.055em;margin:0 0 25px;font-weight:950;transform:rotate(-3deg)}.hero h1 span{display:block}.hero h1 .outlined{color:var(--paper);-webkit-text-stroke:2px var(--ink);text-shadow:4px 4px 0 var(--ink)}.hero-sub{font-size:14px;font-weight:700;margin-top:35px}.anniversary{position:relative;display:grid;place-items:center;aspect-ratio:1;max-width:520px;width:100%;transform:rotate(8deg)}.ring{position:absolute;inset:7%;border:1px solid var(--ink);border-radius:50%}.ring:after{content:"";position:absolute;inset:15px;border:1px dashed var(--ink);border-radius:50%}.number{font-family:Impact,"Arial Black",sans-serif;font-weight:900;font-size:clamp(200px,31vw,450px);line-height:.9;letter-spacing:-.095em;margin-left:-.07em}.number small{position:absolute;font:900 28px Arial;top:28%;right:7%;letter-spacing:0}.anniversary-label{position:absolute;bottom:12%;background:var(--ink);color:var(--green);font-size:12px;font-weight:800;letter-spacing:3px;padding:8px 18px;transform:rotate(-8deg)}.star{position:absolute;right:0;top:5%;font-size:80px;line-height:1;animation:turn 30s linear infinite}.hero-bottom{border-top:2px solid var(--ink);display:flex;align-items:center;justify-content:space-between;padding:22px 0 28px;gap:20px}.date{font-family:Arial,sans-serif;line-height:1;font-size:clamp(42px,5vw,68px);font-weight:900;letter-spacing:-3px}.date small{font-size:15px;letter-spacing:0}.venue{font-size:23px;font-weight:900}.venue small{display:block;font-size:10px;letter-spacing:2px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:var(--ink);color:white;padding:15px 24px;font-size:13px;font-weight:700;min-width:190px;border:1px solid var(--ink)}.button.light{background:transparent;color:var(--ink)}.ticker{background:var(--ink);color:var(--green);padding:12px 0;overflow:hidden;font-size:13px;letter-spacing:3px;white-space:nowrap}.ticker span{display:inline-block;min-width:100%;text-align:center}.section{padding:100px 7%;max-width:1440px;margin:auto}.section-label{font-family:Arial,sans-serif;font-size:12px;font-weight:800;letter-spacing:2px;margin:0 0 20px}.section-label span{display:inline-block;width:28px;height:28px;line-height:28px;text-align:center;border:1px solid var(--ink);border-radius:50%;margin-right:12px;letter-spacing:0}.section h2{font-size:clamp(30px,4vw,52px);line-height:1.45;letter-spacing:-.04em;margin:0 0 30px}.concept{display:grid;grid-template-columns:1fr 1fr;gap:9%}.concept p{font-size:14px;line-height:2.3}.concept .big-copy{font-size:22px;font-weight:800;line-height:1.9}.concept .accent{background:linear-gradient(transparent 60%,var(--green) 60%)}.mini{font-size:11px!important;opacity:.7}.event-wrap{background:#e8ecdf;border-block:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}.section-heading h2{margin:0}.serial{font-size:12px;letter-spacing:2px}.ticket{display:grid;grid-template-columns:1fr 2fr;border:1px solid var(--ink);background:var(--paper)}.ticket-art{background:var(--green);padding:45px 30px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px dashed var(--ink);min-height:370px}.ticket-art strong{font:900 100px/.95 Arial;letter-spacing:-8px}.ticket-art strong small{font-size:18px;letter-spacing:0}.ticket-art p{font-size:12px;font-weight:800;letter-spacing:2px}.event-details{padding:20px 40px}.event-details dl{margin:0}.event-details dl div{display:grid;grid-template-columns:105px 1fr;padding:18px 0;border-bottom:1px solid var(--line);font-size:14px}.event-details dl div:last-child{border:0}.event-details dt{font-size:12px;font-weight:800}.event-details dd{margin:0}.notice{margin-top:25px;font-size:13px}.lineup{margin-top:55px;padding-top:30px;border-top:1px solid var(--line)}.lineup h3{font-size:26px;margin:0}.lineup p{font-size:14px;white-space:pre-line}.access{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.access-panel{background:var(--ink);color:var(--paper);padding:50px;position:relative;overflow:hidden}.access-panel .pin{font-size:52px;color:var(--green)}.access-panel h3{font-size:clamp(28px,4vw,46px);line-height:1.3;margin:12px 0}.access-panel .address{font-size:13px;line-height:2}.access-panel .button{margin-top:20px;background:var(--green);color:var(--ink)}.access-copy p{font-size:14px}.archive{border-top:1px solid var(--line)}.archive-links{display:grid;grid-template-columns:1fr 1fr;gap:25px}.archive-link{border-block:1px solid var(--ink);padding:30px 10px;display:flex;align-items:center;gap:25px}.archive-link strong{font:900 72px/1 Arial;letter-spacing:-5px}.archive-link strong small{font-size:14px;letter-spacing:0}.archive-link span{font-size:14px;font-weight:700}.archive-link b{margin-left:auto;font-size:24px}.closing{padding:70px 5%;background:var(--green);text-align:center;border-block:1px solid var(--ink)}.closing h2{font-size:clamp(24px,4vw,50px);line-height:1.6;margin:0 0 16px}.closing p{font-size:13px}.site-footer{padding:38px 6%;display:flex;justify-content:space-between;gap:25px;font-size:10px}.site-footer strong{font-size:13px}.site-footer p{margin:6px 0}.page-content{max-width:900px;min-height:60vh;margin:60px auto;padding:0 24px}.page-content img{max-width:100%;height:auto}.hero-photo{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;opacity:.12;filter:grayscale(1);mix-blend-mode:multiply}.reveal{animation:arrive .7s ease both}@keyframes arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes turn{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}@media(max-width:760px){.site-header{height:74px;padding:0 5%}.brand{font-size:13px}.nav{gap:15px;font-size:11px}.nav .desktop{display:none}.hero{padding:25px 5% 0;min-height:0}.hero-top{font-size:9px;letter-spacing:1px}.hero-grid{grid-template-columns:1fr;min-height:0}.hero-copy{padding:40px 0 0}.hero h1{font-size:clamp(49px,11.5vw,83px)}.eyebrow{font-size:10px;margin-bottom:22px}.hero-sub{font-size:12px;margin:25px 0 0}.anniversary{position:absolute;width:43%;right:-5%;bottom:-12px;opacity:.18;pointer-events:none}.number{font-size:40vw}.number small{font-size:18px}.anniversary-label{display:none}.star{font-size:38px}.hero-bottom{margin-top:45px;flex-wrap:wrap;position:relative;z-index:2;gap:20px}.date{font-size:49px}.venue{font-size:18px}.hero-bottom .button{width:100%}.section{padding:65px 6%}.concept,.access{grid-template-columns:1fr;gap:25px}.concept .big-copy{font-size:20px}.section h2{font-size:32px}.section-heading{display:block}.serial{display:block;margin-top:10px}.ticket{grid-template-columns:1fr}.ticket-art{min-height:160px;flex-direction:row;align-items:center;border-right:0;border-bottom:1px dashed var(--ink);padding:28px 22px}.ticket-art strong{font-size:68px;letter-spacing:-5px}.ticket-art p{font-size:10px;max-width:105px}.event-details{padding:10px 22px}.event-details dl div{grid-template-columns:90px 1fr;font-size:13px}.access-panel{padding:30px}.archive-links{grid-template-columns:1fr;gap:0}.archive-link{border-bottom:0}.archive-link:last-child{border-bottom:1px solid var(--ink)}.site-footer{flex-direction:column}.closing{padding:50px 6%}}

/* v2: photographic stories and permanent anniversary archives */
.live-visual{position:relative;height:600px;overflow:hidden;background:#192a1b}.live-visual>img{width:100%;height:100%;object-fit:cover;object-position:center 40%;display:block}.live-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.7),transparent 80%)}.live-visual-caption{position:absolute;z-index:1;left:7%;bottom:60px;color:white}.live-visual-caption span{font:700 12px Arial;letter-spacing:3px}.live-visual-caption p{font-size:clamp(32px,4.8vw,68px);font-weight:900;line-height:1.4;margin:20px 0}.live-visual-caption small{font-size:11px}.about-photo{margin:30px 0 0}.about-photo img{width:100%;height:300px;object-fit:cover;display:block}.about-photo figcaption{font-size:10px;margin-top:10px}.photo-section{padding-bottom:40px}.photo-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:20px;align-items:start}.photo-grid figure{margin:0}.photo-grid figure:nth-child(2){padding-top:50px}.photo-grid img{width:100%;height:290px;object-fit:cover;display:block;transition:transform .3s}.photo-grid a{display:block;overflow:hidden}.photo-grid a:hover img{transform:scale(1.03)}.photo-grid figcaption{font-size:10px;letter-spacing:2px;margin-top:12px}.history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.history-card{display:block;border:1px solid var(--line);background:white}.history-card img{display:block;width:100%;height:230px;object-fit:cover}.history-card .history-text{padding:24px}.history-card h3{font-size:23px;margin:3px 0}.history-card p{margin:6px 0;font-size:12px}.history-card small{letter-spacing:2px;font-size:10px}.archive-banner{padding:12px 5%;background:#18251c;color:#fff;font-size:12px;text-align:center}.archive-banner a{text-decoration:underline;margin-left:15px}.hero-top{position:relative;z-index:1}.hero-grid>div{min-width:0}.hero h1{font-size:clamp(48px,6vw,88px)}
@media(max-width:760px){.hero h1{font-size:clamp(42px,10.8vw,76px)}.live-visual{height:420px}.live-visual>img{object-position:center}.live-visual-caption{bottom:30px}.about-photo img{height:260px}.photo-grid{grid-template-columns:1fr;gap:25px}.photo-grid figure:nth-child(2){padding-top:0}.photo-grid img{height:auto;max-height:420px;object-fit:cover}.history-grid{grid-template-columns:1fr}.history-card{display:grid;grid-template-columns:110px 1fr;align-items:center}.history-card img{height:130px}.history-card .history-text{padding:15px}.history-card h3{font-size:20px}}

.history-card img{object-fit:contain;background:#e8ecdf}

.sponsor-link{text-decoration:underline;text-underline-offset:5px}.sponsor-link:hover{color:#397d23}