.c-ebook {
  background: var(--bg-color);
}
.c-ebook img {
  border: 2px solid #fff;
}

/* ID:183 / ID:478 タイトル上の余白を広く */
.p-my-note__mv {
  padding: 80px 0 20px;
}
.p-my-note__mv .c-mainTitle {
  text-align: center;
}
.p-my-note__search {
  margin-top: 40px;
}
.p-my-note__input {
  border: none;
  border-bottom: 1px solid var(--border-color);
  width: 100%;
  min-height: unset;
  padding: 8px 0;
}
.p-my-note__input::-moz-placeholder {
  color: var(--text6-color);
  font-size: 17px;
}
.p-my-note__input::placeholder {
  color: var(--text6-color);
  font-size: 17px;
}
.p-my-note__searchTagList {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.p-my-note__searchTagItem {
  padding: 4px 8px;
  color: var(--text6-color);
  font-size: 13px;
  font-weight: 500;
}
.p-my-note__searchTagItem.is-current {
  color: var(--accent-color-teal);
}
.p-my-note__content {
  padding: 20px 0 80px;
}
.p-my-note__tabList {
  display: flex;
  gap: 20px;
}
.p-my-note__tabLink {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 17px;
  font-weight: 500;
  color: var(--text3-color);
  padding: 4px 0;
}
.p-my-note__tabItem.is-current .p-my-note__tabLink {
  color: var(--accent-color-teal);
  border-bottom: 1px solid var(--accent-color-teal);
}
.p-my-note__tabItem--save .p-my-note__tabLink::before {
  content: "";
  display: block;
  width: 24px;
  aspect-ratio: 1/1;
  background: url(../images/icon-save.svg) no-repeat center/contain;
}
.p-my-note__tabItem--memo .p-my-note__tabLink::before {
  content: "";
  display: block;
  width: 24px;
  aspect-ratio: 1/1;
  background: url(../images/icon-memo.svg) no-repeat center/contain;
}
/* ID:480 選択中タブのアイコンも teal 色に切替 */
.p-my-note__tabItem--save.is-current .p-my-note__tabLink::before {
  background-image: url(../images/icon-save-teal.svg);
}
.p-my-note__tabItem--memo.is-current .p-my-note__tabLink::before {
  background-image: url(../images/icon-memo-teal.svg);
}
.p-my-noteList {
  margin-top: 32px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 16px 2%;
}
.p-my-noteList__sizer {
  width: calc(33.333% - 12px);
}
.p-my-noteCard {
  background: var(--bg-color);
  padding: 16px;
  border-radius: 16px;
  width: calc(33.333% - 12px);
  margin-bottom: 16px;
  cursor: pointer;
  position: relative;
}
.p-my-noteCard > * {
  position: relative;
  z-index: 2;
}
.p-my-noteCard::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.16);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 1;
}
.p-my-noteCard:hover::before {
  opacity: 1;
}
.p-my-noteCard__meta {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
.p-my-noteCard__originalLink a {
  display: flex;
  align-items: center;
  color: var(--text6-color);
  font-size: 13px;
  font-weight: 500;
}
.p-my-noteCard__originalLink a::after {
  content: "";
  display: block;
  width: 20px;
  aspect-ratio: 1/1;
  background: url(../images/icon-link.svg) no-repeat center/contain;
}
.p-my-noteCard__originalLink a:hover {
  text-decoration: underline;
}
.p-my-noteCard__info {
  display: flex;
  align-items: center;
  gap: 8px;
}
.p-my-noteCard__time {
  font-size: 13px;
  color: var(--text3-color);
}
.p-my-noteCard__menu img {
  width: 20px;
}
.p-my-noteCard__excerpt {
  background: #fff;
  padding: 16px;
  /* ID:497 タグ枠のドロップシャドウを削除 */
  box-shadow: none;
  border: 1px solid var(--border-color);
  border-radius: 12px;
  min-height: 96px;
}
.p-my-noteCard__excerptInner {
  border-left: 2px solid var(--accent-color-teal);
  padding-left: 12px;
  display: -webkit-box;
  overflow: hidden;
  white-space: normal;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.p-my-noteCard__original {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  background: #fff;
  padding: 16px;
  /* ID:497 タグ枠のドロップシャドウを削除 */
  box-shadow: none;
  border: 1px solid var(--border-color);
  border-radius: 12px;
  min-height: 96px;
}
.p-my-noteCard__originalBody {
  width: 57.5%;
}
.p-my-noteCard__originalTitle {
  display: -webkit-box;
  overflow: hidden;
  white-space: normal;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-weight: 500;
}
.p-my-noteCard__originalAuthor {
  margin-top: 4px;
  font-size: 13px;
  color: var(--text3-color);
}
.p-my-noteCard__originalThumb {
  width: 33.7%;
  border-radius: 8px;
  padding: 0;
  overflow: hidden;
}
.p-my-noteCard__originalThumb::after {
  width: 24px;
  bottom: 4px;
  left: 4px;
}
.p-my-noteCard__originalThumb.p-foresightCard__thumb img {
  border: 2px solid #fff;
}
.p-my-noteCard__tagList {
  margin-top: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.p-my-noteCard__memo {
  margin-top: 16px;
  font-size: 14px;
  line-height: 1.6;
  color: var(--text3-color);
  display: -webkit-box;
  overflow: hidden;
  white-space: normal;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.p-my-noteCard__tagList + .p-my-noteCard__memo {
  margin-top: 8px;
}
.p-my-noteCard__tagItem {
  color: var(--accent-color-teal);
  font-size: 13px;
  font-weight: 500;
}
.p-my-noteCard__memo {
  margin-top: 16px;
}

@media (max-width: 1024px) {
  .p-my-note__mv {
    padding: 48px 0 24px;
  }
  .p-my-note__content {
    padding: 24px 0 48px;
  }
  .p-my-note__tabList {
    gap: 16px;
  }
  .p-my-noteList {
    flex-direction: column;
  }
  .p-my-noteCard {
    width: 100%;
  }
}/*# sourceMappingURL=my-note.css.map */