/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Zen+Maru+Gothic&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Klee+One&display=swap');

.post__content {
  font-family: 'Noto Sans JP', sans-serif;
}

/* 見出しh1の文字の大きさ */
.post h1 {
  color: #666666;
  font-size: 1.8em;
}

/* 見出しh2に左帯 */
article.post .post__content h2 {
  color: #ffffff;
  font-size: 1.6em;
  border-left: 5px solid #2657a4;
  padding-left: 10px;
  background-color: #2657a4;
  padding-top: 12px;
  padding-bottom: 12px;
  margin-top: 2.5em;
  margin-bottom: 1.5em;
}

/* 引用ブロック：薄グレー背景スタイル */
blockquote {
  background-color: #f0f0f0;
  border-left: none;
  padding: 24px 32px;
  margin: 2em 0;
  border-radius: 6px;
  color: #555;
  font-weight: 400;
}

/* 元々のテーマの左ボーダーを消す */
blockquote::before,
blockquote::after {
  content: none;
}

/* 本文全体の文字色 */
.post__content {
  color: #666666;
  font-weight: 500;
}

.post__content a {
  color: #999999;
  font-weight: 400;
}

blockquote a:visited {
  color: #999999;
  font-weight: 400;
}

.post-thumb img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

/* ヘッダー背景画像 */
header.header {
  background-image: url('/images/ac-blog-main.jpg');
  background-size: cover;
  background-position: center bottom;
  /* background-position: center top; */
  /* background-color: #98bdf8; */
}

div.logo {
  min-height: 200px;
  display: flex;
  align-items: center;
  /* padding-left: 2; */
  justify-content: center;
}

div.logo__title {
  /* font-family: 'Zen Maru Gothic', sans-serif; */
  font-family: 'Klee One', sans-serif;

  font-size: 3rem;
  font-weight: 400;
  /* line-height: 1; */
  margin-top: 20px;
  color: #2657a4;
  text-align: center;
  text-shadow:
    -1px -1px 0 #ffffff,
     1px -1px 0 #ffffff,
    -1px  1px 0 #ffffff,
     1px  1px 0 #ffffff;
}

div.logo__title::after {
  content: "ー 流れ着いて今ここ。考えすぎな私のめんどくさい日常の記録 ー";
  /* font-family: 'Zen Maru Gothic', sans-serif; */
  font-family: 'Klee One', sans-serif;
  display: block;
  font-size: 0.85rem;
  font-weight: 400;
  color: #333;
  margin-top: 25px;
}