@charset "utf-8";

/* ------------------------------------------------------------------------------------------ */
/* widget ウィジェット */
#mywp_sidebar h2 { margin-bottom: 0.5em; font-family: var(--font_serif); font-size: 1.8rem; font-weight: 700; line-height: 1em; letter-spacing: 0.1em; color: var(--c-main); }
#mywp_sidebar a:hover { color: var(--c-sub); }
#mywp_sidebar :is(li, li a) { line-height: 1em; font-size: var(--fs_xs); }
#mywp_sidebar .wp-block-latest-posts__list li a { line-height: 1.4em; } /* 最近の投稿 行間 */

/* PC */
@media only screen and (min-width: 751px) {
  :is(#archive, .single-post) .blog_box { display: grid; grid-template-columns: 1fr 140px; gap: clamp(10px, 3vw, 30px); } /* メインのボックスと、ウィジェットのボックス */
  #mywp_sidebar ul { margin-top: 4px; } /* 行間 */
  #mywp_sidebar > li { padding-bottom: 10px; border-bottom: 1px solid black; } /* 行間 */
  #mywp_sidebar > li + li { margin-top: 10px; } /* 行間 */
  #mywp_sidebar :is(.wp-block-categories-list, .wp-block-archives-list) li:not(:last-of-type) { margin-bottom: 6px; } /* カテゴリ・アーカイブの行間 */
  #mywp_sidebar .wp-block-latest-posts__list li:not(:last-of-type) { padding-bottom: 6px; margin-bottom: 8px; border-bottom: 1px dotted black; } /* 最近の投稿 */
}

/* SP */
@media only screen and (max-width: 750px) {
  #mywp_sidebar { margin-top: 7vw; }
  #mywp_sidebar h2 { padding-top: 2.5vw; font-size: 3.6vw; }
  #mywp_sidebar ul { margin-top: 2vw; } /* 行間 */
  #mywp_sidebar > li { border-top: 1px solid var(--c-main); } /* 行間 */
  #mywp_sidebar > li + li { margin-top: 2.5vw; } /* 行間 */
  #mywp_sidebar .wp-block-categories-list { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.7vw 3.5vw; } /* カテゴリー */
  #mywp_sidebar .wp-block-categories-list li:not(:nth-child(3n)) { border-right: 1px dashed black; } /* カテゴリー */
  #mywp_sidebar .wp-block-archives-list { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 1.3vw 1.5vw; } /* アーカイブ（年月） */
  #mywp_sidebar .wp-block-latest-posts__list li:not(:last-of-type) { padding-bottom: 1.3vw; margin-bottom: 1.3vw; border-bottom: 1px dotted black; } /* 最近の投稿 */
}