/*-------------------------------
---common
-------------------------------*/

.article_title {
  font-weight: 500;
  margin-bottom: 3rem;
}


/*-------------------------------
---.single_head
-------------------------------*/

.single_head {
  padding: 3rem 6rem;
  margin-top: 10rem;
}

.single_head .subtitle {
  font-size: 3.6rem;
  letter-spacing: 0.05em;
}

.single_head .subject {
  font-size: 1.5rem;
  font-weight: 500;
}


/*-------------------------------
---#reservation_btn
-------------------------------*/

#reservation_btn {
  background-color: var(--main-color);
  padding: 1.5rem 2rem;
}

#reservation_btn .link_reservation {
  display: grid;
  grid-template-columns: 12.5rem;
  align-items: end;
  grid-gap: 2.5rem;
}

#reservation_btn .visible_contents {
  margin-top: 1.5rem;
}

@media (hover: hover) and (pointer: fine) {
  #reservation_btn:hover .link_reservation {
    grid-template-columns: 12.5rem 36rem;
  }
}