@charset "UTF-8";
/* Ingredient-led lower page: the food carries the scene. */
.town-link-burger { display:block; flex:0 0 58px; height:58px; }
.town-link-burger img { display:block; width:100%; height:100%; object-fit:contain; }
.town-map-traveler { width:18%; transform:translate(-50%,-79%); }
.town-route-burger { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:contain; }
.town-ingredients-art { width:72%; right:-4%; }
.town-together-heading h2 { white-space:normal; }
.town-friends-scene {
  width:100%; max-width:none; height:auto; min-height:0; overflow:hidden;
  border-radius:0; background:#e9d9b9;
}
.town-friends-scene:after { display:none; }
.town-friends {
  position:relative; inset:auto; width:min(1680px,100%); margin-inline:auto;
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; align-items:stretch;
}
.town-lower .town-friends .town-friend {
  position:relative; display:flex; flex-direction:column; align-items:center;
  width:100%; max-width:none; height:auto; min-height:0; margin:0; padding:36px 12px 42px;
  border:0; border-radius:0; background:var(--showcase-bg); color:var(--ink,#153e2c);
  text-align:center; transform:none; isolation:isolate; cursor:pointer;
}
.town-friend.friend-one { --showcase-bg:#e7aaa0; }
.town-friend.friend-two { --showcase-bg:#f1dc77; }
.town-friend.friend-three { --showcase-bg:#b3cf95; }
.town-friend.friend-four { --showcase-bg:#eaa773; }
.town-lower .town-friends .town-friend > img {
  position:relative; top:auto; bottom:auto; left:auto; right:auto;
  width:126%; max-width:none; height:auto; aspect-ratio:1; object-fit:contain;
  margin:-12px -13% -14px; transform:rotate(-7deg);
  filter:drop-shadow(0 19px 8px #56381d2e); transition:transform .25s ease;
}
.town-lower .town-friends .friend-two > img { transform:rotate(7deg); }
.town-lower .town-friends .friend-three > img { transform:rotate(-5deg); }
.town-lower .town-friends .friend-four > img { transform:rotate(7deg); }
.town-lower .town-friends .town-friend:hover > img { transform:translateY(-8px) rotate(0); }
.town-showcase-name {
  position:relative; z-index:1; display:block;
  font:900 clamp(29px,3.4vw,52px)/1.12 TownSans,"Arial Black",Arial,sans-serif;
  letter-spacing:-.065em;
}
.town-showcase-jp { position:relative; z-index:1; display:block; margin-top:13px; font-size:16px; line-height:1.6; font-weight:700; }
.town-lower .town-friends .town-friend:focus-visible { outline:3px solid var(--ink); outline-offset:-7px; z-index:3; }
@media (max-width:1100px) and (min-width:761px) {
  .town-lower .town-friends .town-friend { padding-inline:8px; }
  .town-showcase-jp { max-width:170px; min-height:52px; }
}
@media (max-width:760px) {
  .town-link-burger { flex-basis:50px; height:50px; }
  .town-map-traveler { width:20%; }
  .town-ingredients-art { width:116%; right:auto; }
  .town-friends { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .town-lower .town-friends .town-friend { padding:24px 9px 27px; }
  .town-lower .town-friends .town-friend > img { width:126%; margin:-5px -13% -10px; }
  .town-showcase-name { font-size:clamp(28px,7.7vw,39px); }
  .town-showcase-jp { max-width:180px; min-height:51px; margin-top:9px; font-size:16px; }
  .town-visit-link { gap:10px; }
  .town-visit-link > span:nth-child(2) { font-size:16px; }
}
@media (prefers-reduced-motion:reduce) {
  .town-lower .town-friends .town-friend > img,
  .town-lower .town-friends .town-friend:hover > img { transition:none; transform:none; }
}