/* styleの上書き */
/* NotoSansJP Regular400 */
@font-face {
  font-family: "NotoSansJP";
  src: url("https://history.miscnote.com/NotoSansJP-Regular.woff2")
    format("woff2");
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}

/* NotoSansJP Bold700 */
@font-face {
  font-family: "NotoSansJP";
  src: url("https://history.miscnote.com/NotoSansJP-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: bold;
  font-display: swap;
}

/* てぶろぐ記事編集アイコン */
.te-edit::before {
  content: "";
  display: inline-block; /* アイコンを表示するため */
  width: 16px;
  height: 16px;
  vertical-align: middle;
  -webkit-mask: url("https://history.miscnote.com/edit.svg") no-repeat center;
  mask: url("https://history.miscnote.com/edit.svg") no-repeat center;
  mask-size: contain;
  background-color: #d5ccb4;
}

/* てぶろぐカタログアイコン */
a.categorylink::before {
  margin-right: 2px;
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: sub;
  -webkit-mask: url("https://history.miscnote.com/folder.svg") no-repeat center;
  mask: url("https://history.miscnote.com/folder.svg") no-repeat center;
  mask-size: contain;
  background-color: #d5ccb4;
}

/* てぶろぐRSSアイコン＆管理画面アイコンを囲むdiv */
.te-control {
  margin: 21px 0 0;

  & a {
    text-decoration: none;
  }
}

/* てぶろぐRSSアイコン */
.te-rss::before {
  content: "";
  display: inline-block;
  height: 1.3em;
  width: 1.3em;
  -webkit-mask: url("https://history.miscnote.com/rss_feed.svg");
  mask: url("https://history.miscnote.com/rss_feed.svg");
  background-color: #767164;
}

/* てぶろぐ管理画面アイコン */
.te-settings::before {
  margin-left: 2px;
  content: "";
  display: inline-block;
  height: 1.3em;
  width: 1.3em;
  -webkit-mask: url("https://history.miscnote.com/settings.svg");
  mask: url("https://history.miscnote.com/settings.svg");
  background-color: #767164;
}

.date-c::before {
  -webkit-mask: url("https://history.miscnote.com/create.svg");
  mask: url("https://history.miscnote.com/create.svg");
}

.date-l::before {
  -webkit-mask: url("https://history.miscnote.com/refresh.svg");
  mask: url("https://history.miscnote.com/refresh.svg");
}

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

/* 自作クラス */
.new {
  margin: 0 0 0 5px;
  color: red;
  font-size: 0.8125rem;
}

.onelog_datebox {
  margin: 7px 0 0;
}

.onelog_datebox a {
  text-decoration: none;
}

.onelog_date {
  color: #fff;
  background: #767164;
  margin: 0 0 0 7px;
  padding: 0 10px 0;
  border: 1px solid #767164;
  border-radius: 3px;
  line-height: 2;
  font-size: 0.8125rem;
}

.onelog_date a {
  color: #fff;
}

.te-edit {
  padding-left: 4px;
}

.onelog_commentbox {
  padding: 0 21px;
}

.site-credit {
  font-size: 0.75rem;
}

.dateseparator {
  border: 2px solid #767164;
  border-radius: 4px;
}

.categories a.categorylink {
  margin: 0 0 0 5px;
  color: #d5ccb4;
  font-size: 0.875rem;
}

/* ================================================================ */
/* てがろぐVer 4.5.5β以降で使える、カード型リンク用CSSの抜粋です。 */
/* お使いのスキンのCSSに追記するなどしてご活用下さい。              */
/* ================================================================ */

/* ---------------------- */
/* ▼カード型リンクの装飾 */
/* ---------------------- */
.cardlink {
  padding: 0 0.25em 0.5em 0; /* 内側の余白量 */
}

/* ----------------------------------- */
/* リンクカードの装飾(サイズL用の追記) */ /* 前述の「サイズS/L共通部分」と合わせて、1つのカードデザインになります。 */
/* ----------------------------------- */
.cardsize-L {
  flex-direction: column; /* 画像とテキストは縦に並べる(Flexbox) */
}
/* ▽リンクカード内の画像枠 */
.cardsize-L .cardlinkimage {
  aspect-ratio: 1.91 / 1; /* 画像枠の縦横比を指定= (横)1.91：(縦)1 */
  width: 100%; /* 横幅は枠最大に拡げる */
  height: auto; /* 高さは自動計算 */
  border-radius: 6px 6px 0 0; /* 上側だけ角丸 */
}
/* ▽リンクカード内のテキスト枠 */
.cardsize-L .cardlinktextbox {
  border-top: 1px solid #ccc; /* 上側の枠線 */
}
/* ▽リンクカードのテキスト枠内の3要素 */
.cardsize-L .cardlinktitle {
  font-weight: bold;
} /* 太字 */
.cardsize-L .cardlinkdescription {
  min-height: 2.5em;
} /* 内容量が少ない場合でも一定の高さを確保 */
.cardsize-L .cardlinkurl {
  border-top: 1px solid #ddd; /* 上側の枠線 */
  margin-top: 0.5em; /* 上側の枠線より上の余白量 */
  padding-top: 0.5em; /* 上側の枠線より下の余白量 */
}