@import url("tendo-hotel.css?v=20260827-footer-1");

.tomitsuka-heading h1 {
  max-width: 1180px;
  font-size: clamp(42px, 6.4vw, 104px);
  line-height: 0.9;
}

.tomitsuka-url {
  margin: 10px 0 0;
  font-family: "Courier New", Courier, monospace;
  font-size: clamp(12px, 1vw, 15px);
  font-weight: 700;
  letter-spacing: .08em;
}

.tomitsuka-url a {
  display: inline-block;
  padding-bottom: 3px;
  border-bottom: 1px solid rgba(16, 36, 43, .35);
  color: inherit;
  text-decoration: none;
  transition: border-color 180ms ease, color 180ms ease;
}

.tomitsuka-url a:hover,
.tomitsuka-url a:focus-visible {
  border-color: var(--acid);
  color: #546000;
}

.tomitsuka-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(10px, 1.25vw, 20px);
}

.tomitsuka-grid .advertising-poster-image {
  aspect-ratio: 3 / 2;
}

.tomitsuka-grid .advertising-poster-image img {
  object-fit: cover;
}

@media (max-width: 980px) {
  .tomitsuka-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .tomitsuka-heading h1 {
    font-size: clamp(38px, 13vw, 58px);
  }

  .tomitsuka-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}