@import url("../css/style-shiodomeitalia.css");
* {
  box-sizing: border-box;
}

.book-list-wrapper {
  container-type: inline-size;
}
.book-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
.book-title::before {
  content: "📖";
  margin-right: 8px;
  flex-shrink: 0;
}

/* コンテナクエリ */

@container (max-width: 600px) {
  .book-list {
    grid-template-columns: 1fr;
  }
}

/* カード */
.book-card,
.event-book-card {
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 5px;
  padding: 0.75rem;
  align-items: start;
  background-color: var(--col-background-picturebook);
  border-radius: 3px;
}
.event-book-card {
  max-width: 480px;
  margin: 0.5rem auto;
}
/* 画像 */
.book-image {
  max-width: 100px;
}

/* 右側 */
.book-info {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

/* タイトル */
.book-title {
  font-size: var(--font-size-sm);
  font-weight: bold;
  line-height: 1.25;
  /* margin-top: 0.25rem; */
  margin-bottom: 0.5rem;
  margin-left: 1rem;
  text-indent: -1rem;
}

.book-title::before {
  content: "📖";
  margin-right: 2px;
  margin-left: -5px;
}
/* 著者名、作画者名、翻訳者名 */
.book-author,
.book-illustrator,
.book-translator,
.book-publish {
  font-size: var(--font-size-sm);
  margin-left: 17px;
  line-height: 1.3;
}
/* （）書き */
.book-author::after,
.book-illustrator::after,
.book-translator::after {
  content: "(" attr(data-role) ")";
  margin-left: 2px;
}
/* 出版社と出版年をカンマ区切りに */
.book-publisher::after {
  content: ", ";
}
/* あらすじ */
.book-summary {
  line-height: 1.3;
  font-size: var(--font-size-sm);
  margin-left: 17px;
  margin-top: 1rem;
  text-indent: 0.875rem;
  white-space: pre-line;
}

.nodata {
  font-size: var(--font-size-sm);
  text-indent: 3rem;
  margin-bottom: 0.5rem;
}