PC表示では20px、スマホ表示では16pxで表示される。
/* 最近の投稿ブロック_投稿リスト */ ul.wp-block-latest-posts__list.notice-body { margin: 0 0 16px; padding: 0; } /* 最近の投稿ブロック_投稿リスト項目 */ ul.wp-block-latest-posts__list.notice-body li { display: flex; align-items: flex-start; gap: 10px; margin: 0; padding: 5px 0; } ul.wp-block-latest-posts__list.notice-body li:not(:last-child) { border-bottom: 1px solid #ccc; } /* 最近の投稿ブロック_投稿の日付 */ ul.wp-block-latest-posts__list.notice-body li time.wp-block-latest-posts__post-date { order: 1; width: 15ch; font-size: 1rem; } /* 最近の投稿ブロック_投稿タイトル */ ul.wp-block-latest-posts__list.notice-body li a.wp-block-latest-posts__post-title { order: 2; flex: 1; font-size: 1rem; } /*834px以下*/ @media screen and (max-width: 834px){ /* 最近の投稿ブロック_投稿リスト項目 */ ul.wp-block-latest-posts__list.notice-body li { flex-direction: column; gap: 5px; } /* 最近の投稿ブロック_投稿タイトル・投稿の日付 */ ul.wp-block-latest-posts__list.notice-body li .wp-block-latest-posts__post-title, ul.wp-block-latest-posts__list.notice-body li .wp-block-latest-posts__post-date { flex: none; width: 100%; } } @media screen and (max-width:781px){ .reverse-box{ flex-direction: column-reverse; } } .site-header-logo a { color:#3F51B5; /*色を指定*/ }