/* --- 全体のスタイル --- */

/* フォント指定 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');
body{
  --font-default: 'Noto Sans JP', ui-sans-serif, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica", "Arial", "Segoe UI", "Inter", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Microsoft YaHei Light", sans-serif;
}

/* 全体の背景色 */
body {
    background-color: #FFFFFE;
}

/* アクセントカラーの変更 */
body {
    --accent-h: 217;
    --accent-s: 68%;
    --accent-l: 37%;
}

/* ノート本文のテキストカラーを変更 */
.markdown-preview-view {
    color: #1a1a1a;
}

/* --- 画像スタイル --- */

.markdown-preview-view img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;   /* ページ幅を超えないように */
  height: auto;      /* 縦横比を維持 */
}


/* --- 本文スタイル --- */

/* フォントサイズ、字間、行間 */
p {
    letter-spacing: 0.055em;
    line-height: 1.65em;
}

/* 指定した場所のフォントを小さくする */
.small-text {
    font-size: 0.9em;
}

/* --- 左側のフォルダとファイル名のスタイル --- */

/* フォルダとファイル名のフォントサイズ */
.tree-item-inner {
    font-size: 1.11em;

}

/* --- 引用文スタイル --- */

/* 引用文内のフォントサイズと行間変更 */
blockquote p {
    font-size: 0.93em;
    letter-spacing: 0.055em;
    line-height: 1.75em;
}

/* 引用ブロック全体のカラーとサイズ変更 */
blockquote {
    background-color: #F7F7F7 !important;
    border-left: 4px solid #cccccc !important;
    padding: 10px 15px !important;
    margin: 17px 7 !important;
}

/* --- 脚注スタイル --- */

/* 脚注のフォント変更 */
.footnotes {
    font-size: 0.93em;
    color: #4d5156;
}

/* --- スマホ向けスタイル (最大幅 640px) --- */
@media (max-width: 640px) {
    /* 本文のフォントサイズ変更 */
    p {
        font-size: 1.01em;
    }
/* フォントサイズ、字間、行間 */
p {
    letter-spacing: 0.055em;
    line-height: 1.75em;
}
    /* 引用文内のフォントサイズ変更 */
    blockquote p {
        font-size: 0.95em;
    }
    /* タイトルのフォントサイズ変更 */
h1 {
    font-size: 1.4em !important;
  }
  h2 {
    font-size: 1.5em !important;
  }
  h3 {
    font-size: 1.3em !important;
  }
  h4 {
    font-size: 1.2em !important;
  }
}

/* --- タブレット向けスタイル (768px ~ 1024px) --- */
@media screen and (min-width: 768px) and (max-width: 1024px) {
    /* 本文のフォントサイズ変更 */
    p {
        font-size: 1.05em;
    }
    /* 引用文内のフォントサイズ変更 */
    blockquote p {
        font-size: 1em;
    }
/* フォントサイズ、字間、行間 */
p {
    letter-spacing: 0.055em;
    line-height: 1.75em;
}
    /* フォルダとファイル名のフォントサイズ変更 */
    .tree-item-inner {
        font-size: 1.25em;
    }
}
    /* トグルの設定 */
details {
  margin: 1em 0;
  padding: 0.5em;
  border: 1px solid var(--color-base-30);
  border-radius: 5px;
  background-color: var(--color-base-10);
}

summary {
  cursor: pointer;
  font-weight: bold;
}