/* eventuse-005 page style sheet */

.eventuse-005-linkbutton{
  display: grid;
  grid-template-columns: 1fr 30px;
  align-items: center;
  column-gap: var(--container-safe-area);
  padding-block: var(--container-safe-area);
  padding-inline: calc(2 * var(--container-safe-area));
  border: solid #cacaca;
  border-width: 1px 0 0 0;
  transition: opacity 0.3s ease;
}
.eventuse-005-linkbutton:last-child{
  border-bottom-width: 1px;
}

.eventuse-005-linkbutton__text{
  font-size: 16px;
  font-weight: 700;
}

.eventuse-005-linkbutton__icon svg{
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.eventuse-005-linkbutton:hover{
  opacity: 0.6;
}

.eventuse-005-linkbutton__caution{
  padding-left: 1.5em;
  color: var(--color-ig-red);
}

.eventuse-005-reservation{
  --reservation-text-scale-x: 0.9659;
  --reservation-text-scale-width: 103.53%;
  margin-top: 60px;
  margin-inline: max(-90px, calc((100vw - 100%) / -2));
  padding: 88px 90px 80px;
  background-color: var(--color-ig-white);
}
.eventuse-005-reservation__title{
  width: var(--reservation-text-scale-width);
  padding-bottom: 12px;
  border-bottom: 1.5px solid var(--color-ig-red);
  color: var(--color-ig-red);
  font-size: 20px;
  font-weight: 500;
  line-height: calc(30 / 20);
  transform-origin: left;
  scale: var(--reservation-text-scale-x) 1;
}
.eventuse-005-reservation__body{
  width: var(--reservation-text-scale-width);
  margin-top: 44px;
  font-size: 16px;
  font-weight: 500;
  line-height: calc(32 / 16);
  overflow-wrap: anywhere;
  transform-origin: left;
  scale: var(--reservation-text-scale-x) 1;
}

.eventuse-005-reservation__body .eventuse-005-links{
  margin-top: 72px;
}

.eventuse-005-reservation__body p:not(a > p ,:last-child){
  margin-bottom: 42px;
}
.eventuse-005-reservation__button{
  margin-top: 48px;
  width: 400px;
  font-weight: 700;
  font-size: 16px;
}

.publicnotice-section + .publicnotice-section{
  margin-top: 120px;
}
@media(max-width: 767px){
  .eventuse-005-linkbutton{
    grid-template-columns: 1fr 36px;
    margin-inline: calc(-1 * var(--container-safe-area));
    padding-inline: var(--container-safe-area);
  }
  .eventuse-005-linkbutton__caution{
    display: block;
    padding-left: 0;
  }
  .eventuse-005-reservation{
    margin-top: 22px;
    margin-inline: calc(-1 * var(--container-safe-area));
    padding: 76px var(--container-safe-area) 76px;
  }
  .eventuse-005-reservation__title{
    padding-bottom: 6px;
    font-size: 20px; /* SP表示と合わせる */
    line-height: calc(24 / 16);
  }
  .eventuse-005-reservation__body{
    margin-top: 36px;
    font-size: 16px; /* SP表示と合わせる */
    line-height: calc(32 / 16);
  }

  .eventuse-005-reservation__body .eventuse-005-links{
    margin-top: 72px;
  }

  .eventuse-005-reservation__body p:not(a > p ,:last-child){
    margin-bottom: 44px;
  }
  .publicnotice-section + .publicnotice-section{
    margin-top: 70px;
  }
}