@charset "utf-8";

.detail-page .category-title {
  width: 1100px;
  max-width: calc(100% - 60px);
  margin: 0 auto;
  padding-block: 70px 50px;
  font-size: 1.4rem;
  line-height: 2.7rem;
}
.detail-page .category-title span {
  display: inline-block;
  margin-right: 10px;
  font-size: 2.6rem;
  font-weight: 500;
  line-height: 2.7rem;
  font-family: var(--font-family-en);
}
.contents-area {
  width: 1100px;
  max-width: calc(100% - 60px);
  margin: 0 auto;
}
.contents-area .post-date {
  position: relative;
  margin-bottom: 10px;
  font-size: 1.7rem;
  color: var(--accent-color);
}
/* .contents-area .post-date:has(img) {
  padding-top: 17px;
  padding-left: 55px;
} */
.contents-area .post-date .new-icon {
  display: inline-block;
  margin-right: 6px;
  width: 60px;
}
.contents-area .post-date .info-important {
  display: inline-block;
  margin-left: 10px;
  font-size: 1.4rem;
  border: 1px solid var(--accent-color);
  padding: 0 4px;
}
.contents-area .post-date time {
  font-size: 1.6rem;
  font-weight: 400;
}
.contents-area .post-title {
  margin-bottom: 27px;
  padding-bottom: 20px;
  font-size: 2.2rem;
  font-weight: bold;
  border-bottom: 1px solid var(--bg-calendar);
}
.contents-area .post-inner {
  padding: 0 100px 100px;
}
.contents-area .post-text {
  font-size: 1.6rem;
  line-height: 1.75;
  padding-bottom: 25px;
}
.contents-area .post-link,
.contents-area .post-link-pdf {
  position: relative;
  display: inline-block;
  padding-top: 25px;
  font-size: 1.6rem;
  line-height: 1.5;
  text-decoration: underline;
}
.contents-area .post-link::after {
  content: "";
  position: absolute;
  right: -43px;
  bottom: 3px;
  width: 23px;
  height: 23px;
  background: url("../img/newwindow-icon.svg") no-repeat center center / 100% 100%;
}
.contents-area .post-link-pdf::after {
  content: "";
  position: absolute;
  right: -44px;
  bottom: 0;
  width: 28px;
  height: 28px;
  background: url("../img/pdf-icon.svg") no-repeat center center / 100% 100%;
}

.shop-table {
  width: 550px;
  height: fit-content;
  margin-top: 25px;
  border-collapse: collapse;
}
.shop-table th {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 146px;
  height: 100%;
  padding: 20px 15px;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.25;
  text-align: left;
  background-color: var(--bg-menu);
}
.shop-table th img {
  display: inline-block;
  max-width: 23px;
}
.shop-table .table-tel th img {
  max-width: 18px;
  margin-inline: 3px 2px;
}
.shop-table .table-url td img {
  margin-left: 10px;
}
.shop-table th p {
  display: flex;
  align-items: center;
  max-width: 5em;
}
.shop-table tr:has(+ tr) th {
  border-bottom: 3px solid #fff;
}
.shop-table tr:has(+ tr) td {
  border-bottom: 3.25px solid var(--bg-menu);
}
.shop-table td {
  width: 100%;
  padding: 20px 15px;
  font-size: 1.6rem;
  line-height: 1.25;
}
.shop-table .flex {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 3px;
}
.shop-table .flex span {
  display: inline-block;
}


.contents-area .more-btn {
  margin-bottom: 160px;
  font-size: 1.6rem;
}

@media (min-width: 768px) {
  .shop-table .table-url th img {
    margin-inline: 4px 3px;
    max-width: 16px;
  }
}


@media (max-width: 767.999px) {
  .detail-page .category-title {
    max-width: calc(100% - 40px);
    padding-block: 35px 30px;
    font-size: 1.2rem;
  }
  .detail-page .category-title span {
    font-size: 2.2rem;
  }
  .contents-area {
    max-width: calc(100% - 40px);
  }
  .contents-area .page-title {
    margin-bottom: 10px;
    font-size: 1.2rem;
  }
  .contents-area .page-title span {
    font-size: 2.1rem;
  }
  /* .contents-area .post-date:has(img) {
    padding-top: 7px;
    padding-left: 45px;
  } */
  .contents-area .post-date img {
    width: 32px;
  }
  .contents-area .post-date .new {
    font-size: 1.5rem;
  }
  .contents-area .post-inner {
    padding: 0 0 70px;
  }
  .contents-area .post-title {
    margin-bottom: 22px;
    font-size: 1.9rem;
  }
  .contents-area .post-text {
    padding-bottom: 15px;
    font-size: 1.4rem;
  }
  .contents-area .post-link,
  .contents-area .post-link-pdf {
    font-size: 1.4rem;
  }
  .contents-area .post-link::after {
    right: -30px;
    width: 20px;
    height: 20px;
  }
  .contents-area .post-link-pdf::after {
    right: -30px;
    width: 24px;
    height: 24px;
  }
  .contents-area .more-btn {
    margin-bottom: 90px;
    font-size: 1.4rem;
  }


  .shop-table {
    width: 100%;
    margin-inline: auto;
  }
  .shop-table th {
    width: 125px;
    padding: 18px 13px;
    font-size: 1.3rem;
  }
  .shop-table th img {
    max-width: 15px;
    max-height: 15px;
  }
    .shop-table td {
    font-size: 1.3rem;
  }
}

/* ------------------------------------------------------------ */