@import url("/assets/festival-calendar-v4.css");

.festivalGuide{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:26px 54px;align-items:stretch}
.festivalGuide__lead{display:flex;flex-direction:column;justify-content:center;padding:36px 0}
.festivalGuide__lead>p:last-child{max-width:34em;margin:12px 0 0;color:#625f58;font-size:13px;line-height:2}
.festivalGuide__media{margin:0;min-height:320px;overflow:hidden;background:#e8e1d7}
.festivalGuide__media img{width:100%;height:100%;object-fit:cover}
.festivalGuide__grid{grid-column:1/-1}
.festivalGuide__grid article{display:flex;min-width:0;flex-direction:column;padding:0;border-right:1px solid var(--festival-line);border-bottom:0;background:#fff}
.festivalGuide__grid article:last-child{border-right:0}
.festivalGuide__grid article>div{flex:1;padding:28px 26px 24px}
.festivalGuide__grid article>div>span{display:block}
.festivalGuide__grid article figure{order:-1;margin:0;aspect-ratio:3/2;overflow:hidden;background:#e8e1d7}
.festivalGuide__grid article figure img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.festivalGuide__grid article:hover figure img{transform:scale(1.025)}
.festivalDirectory__groups a{grid-template-columns:70px minmax(0,1fr) 128px 156px;padding:12px 6px}
.festivalDirectory__groups a figure{width:156px;aspect-ratio:16/9;margin:0;overflow:hidden;background:#e8e1d7}
.festivalDirectory__groups a figcaption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.festivalDirectory__groups a img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.festivalDirectory__groups a:hover img{transform:scale(1.035)}
.festivalSectionIntro{display:flex;flex-direction:column;min-width:0}
.festivalSectionIntro figure,.festivalWideMedia{margin:0;aspect-ratio:16/9;overflow:hidden;background:#e8e1d7}
.festivalSectionIntro figure img,.festivalWideMedia img,.festivalSources figure img{width:100%;height:100%;object-fit:cover}
.festivalSectionIntro>div{padding-top:26px}
.festivalRegionNav{grid-template-columns:330px 1fr;align-items:start}
.festivalSavings{grid-template-columns:330px 1fr;align-items:start}
.festivalPast{grid-template-columns:330px 1fr;grid-template-rows:auto auto}
.festivalPast>.festivalWideMedia{grid-column:1/-1;aspect-ratio:21/8}
.festivalPast>div:nth-child(2){padding-top:30px}
.festivalBooking{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}
.festivalBooking>.festivalWideMedia{grid-column:1/-1;aspect-ratio:21/8}
.festivalSources{display:grid;grid-template-columns:260px minmax(0,1fr);gap:34px;align-items:center;padding:0;border-top:1px solid var(--festival-line)}
.festivalSources figure{margin:0;aspect-ratio:16/9;overflow:hidden;background:#e8e1d7}
.festivalSources>div{padding:30px 0}
.festivalSources>div h2{margin-top:0}

.festivalAccess{display:grid;grid-template-columns:minmax(320px,.84fr) minmax(0,1.16fr);background:#15251f;color:#f6f1e9;border:1px solid #15251f;border-top:0}
.festivalAccess__map{display:grid;grid-template-rows:minmax(520px,1fr) auto;background:#d9d1c5}
.festivalAccess__map iframe{width:100%;height:100%;min-height:520px;border:0;filter:saturate(.75) contrast(.94)}
.festivalAccess__map p{margin:0;padding:16px 22px;background:#eee6da;color:#4f514c;font-size:11px;line-height:1.8}
.festivalAccess__body{padding:48px 46px}
.festivalAccess__body>.festivalKicker{color:#d8a578}
.festivalAccess__body h3{margin:12px 0 28px;font-size:30px;color:#fff}
.festivalSeason{border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);padding:20px 0;margin-bottom:4px}
.festivalSeason span,.festivalRoutes article>span{font-family:var(--label);font-size:9px;letter-spacing:.18em;color:#d8a578}
.festivalSeason p{margin:9px 0 0;color:#e9e2d9;font-size:13px;line-height:1.9}
.festivalRoutes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.festivalRoutes article{padding:24px 22px 24px 0;border-bottom:1px solid rgba(255,255,255,.15)}
.festivalRoutes article:nth-child(odd){border-right:1px solid rgba(255,255,255,.15)}
.festivalRoutes article:nth-child(even){padding-left:22px;padding-right:0}
.festivalRoutes h4{font-size:17px;margin:8px 0 10px;color:#fff}
.festivalRoutes p{margin:0;color:#d8d5ce;font-size:12px;line-height:1.9}
.festivalAccess__body footer{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-top:24px}
.festivalAccess__body footer small{max-width:480px;color:#aaa9a3;font-size:10px;line-height:1.8}
.festivalAccess__body footer a{flex:none;color:#fff;text-underline-offset:5px;font-size:11px}

.festivalTickets{padding:58px 54px;background:#f7f2ea;border:1px solid #cfc2b0;border-top:0}
.festivalTickets>header{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin-bottom:22px}
.festivalTickets>header h3{margin:10px 0 0;font-size:31px;line-height:1.45}
.festivalTicketStatus{flex:none;padding:9px 13px;border:1px solid #b78963;color:#7b4d31;font-family:var(--label);font-size:10px;letter-spacing:.08em}
.festivalTickets__lead{max-width:820px;margin:0 0 32px;color:#4e4b45;font-size:14px;line-height:2}
.festivalTicketGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #bda88e;border-left:1px solid #bda88e}
.festivalTicketGrid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.festivalTicketGrid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.festivalTicketGrid article{display:flex;min-height:250px;flex-direction:column;padding:25px 22px;border-right:1px solid #bda88e;border-bottom:1px solid #bda88e;background:#fffdf9}
.festivalTicketGrid span,.festivalTicketDecision span{font-family:var(--label);font-size:10px;letter-spacing:.12em;color:#9a6545}
.festivalTicketGrid strong{margin:22px 0 14px;color:#172b23;font-family:var(--serif);font-size:21px;font-weight:500;line-height:1.5}
.festivalTicketGrid p{margin:0;color:#525049;font-size:12px;line-height:1.9}
.festivalTicketGrid small{display:block;margin-top:auto;padding-top:18px;color:#7b6f62;font-size:10px;line-height:1.7}
.festivalTicketGrid small:before{content:"選ぶ目安";display:block;margin-bottom:5px;color:#a16e4c;font-family:var(--label);font-size:8px;letter-spacing:.12em}
.festivalTicketDecision{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px;border-top:1px solid #d9cec0}
.festivalTicketDecision article{padding:24px 26px 8px 0}
.festivalTicketDecision article+article{padding-left:26px;border-left:1px solid #d9cec0}
.festivalTicketDecision p{margin:11px 0 0;color:#4e4b45;font-size:12px;line-height:1.95}
.festivalTickets>footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 26px;align-items:end;margin-top:26px;padding-top:22px;border-top:1px solid #d9cec0}
.festivalTickets>footer p{margin:0;color:#6a625a;font-size:11px;line-height:1.8}
.festivalTickets>footer small{color:#95877a;font-size:9px}
.festivalTickets>footer a{grid-column:2;grid-row:1 / span 2;padding:14px 18px;background:#172b23;color:#fff;font-size:11px;text-decoration:none}

@media(max-width:820px){
  .festivalRegionNav,.festivalSavings,.festivalPast,.festivalBooking{grid-template-columns:minmax(0,1fr)}
  .festivalRegionNav>div:last-child{min-width:0}
  .festivalGuide{grid-template-columns:1fr;gap:20px}
  .festivalGuide__lead{padding:0}
  .festivalGuide__media{min-height:0;aspect-ratio:16/9}
  .festivalGuide__grid{grid-column:1}
  .festivalGuide__grid article{display:grid;grid-template-columns:minmax(0,1fr) 132px;min-height:178px;border-right:0;border-bottom:1px solid var(--festival-line)}
  .festivalGuide__grid article>div{padding:22px 18px}
  .festivalGuide__grid article figure{order:0;aspect-ratio:auto;height:100%}
  .festivalDirectory__groups a{grid-template-columns:48px minmax(0,1fr) 92px;gap:10px;padding:12px 4px}
  .festivalDirectory__groups a figure{grid-column:3;grid-row:1 / span 2;width:92px;align-self:center}
  .festivalDirectory__groups a time{grid-column:2;text-align:left}
  .festivalSectionIntro{display:grid;grid-template-columns:126px minmax(0,1fr);gap:18px;align-items:start}
  .festivalSectionIntro figure{aspect-ratio:4/5;height:100%}
  .festivalSectionIntro>div{padding-top:0}
  .festivalPast>.festivalWideMedia,.festivalBooking>.festivalWideMedia{grid-column:1;aspect-ratio:16/9}
  .festivalPast>div:nth-child(2){padding-top:0}
  .festivalSources{grid-template-columns:112px minmax(0,1fr);gap:18px}
  .festivalSources figure{aspect-ratio:4/5;height:100%}
  .festivalSources>div{padding:22px 0}
  .festivalAccess{grid-template-columns:1fr}
  .festivalAccess__map{grid-template-rows:360px auto}
  .festivalAccess__map iframe{min-height:360px}
  .festivalAccess__body{padding:34px 24px}
  .festivalAccess__body h3{font-size:27px}
  .festivalRoutes{grid-template-columns:1fr}
  .festivalRoutes article,.festivalRoutes article:nth-child(even){padding:20px 0;border-right:0}
  .festivalAccess__body footer{display:block}
  .festivalAccess__body footer a{display:inline-block;margin-top:16px}
  .festivalTickets{padding:38px 22px}
  .festivalTickets>header{display:block}
  .festivalTicketStatus{display:inline-block;margin-top:16px}
  .festivalTickets>header h3{font-size:27px}
  .festivalTicketGrid{grid-template-columns:1fr}
  .festivalTicketGrid article{min-height:0}
  .festivalTicketDecision{grid-template-columns:1fr}
  .festivalTicketDecision article,.festivalTicketDecision article+article{padding:20px 0;border-left:0;border-bottom:1px solid #d9cec0}
  .festivalTickets>footer{display:block}
  .festivalTickets>footer small{display:block;margin-top:10px}
  .festivalTickets>footer a{display:block;margin-top:18px;text-align:center}
  .festivalHotel{grid-template-columns:120px minmax(0,1fr)}
  .festivalHotel>span{min-width:0;max-width:100%;overflow:hidden}
  .festivalHotel strong,.festivalHotel small,.festivalHotel em{word-break:normal!important;overflow-wrap:anywhere!important}
}