@charset "utf-8";
/* CSS Document */



/* =========================
全体レイアウト
========================= */
/* body {
line-height: 1.7;
color: #333;
background-color: #fafafa;
padding: 20px;
}
*/
/* 見出し */
h1, h2, h3, h4 {
	font-weight: 600;
	line-height: 1.4;
	margin-top: 2em;
	margin-bottom: 1em;
}

h1 {
	font-size: 2rem;
	border-bottom: 3px solid #2B7DF5;
	padding-bottom: 0.4em;
}

h2 {
	font-size: 1.5rem;
	border-left: 6px solid #2B7DF5;
	padding-left: 0.5em;
}

h3 {
	font-size: 1.2rem;
	color: #2B7DF5;
}

/* 段落 */
p {
	margin-bottom: 1.2em;
}

/* リスト */
/* ul, ol {
	margin: 1em 0 1em 2em;
}
 */
strong{
	background: transparent;
	padding-left: 4px;
	padding-right: 4px;
}

@media (min-width: 720px){
	main .post{padding-left:20px; padding-right:20px;}	
/* 	main .post li{font-size:1.4rem;} */
/* 	main .post h4{color: #102542; font-size:1.6rem;} */
}

/* =========================
表デザイン
========================= */
table {
	border-collapse: collapse;
	margin: 1.5em 0;
	width: 100%;
	font-size: 0.95rem;
}

th, td {
	border: 1px solid #ddd;
	padding: 8px 12px;
}

th {
	background: #f3f6fa;
	font-weight: 600;
}

/* =========================
コードブロック
========================= */
pre {
	background: #1e1e1e;      /* 黒背景 */
	color: #d4d4d4;           /* 文字は薄いグレー */
	padding: 16px;
	border-radius: 6px;
	overflow-x: auto;
	font-size: 0.9rem;
}

code {
	font-family: Consolas, "Courier New", monospace;
}

/* シンタックスっぽい色分け（簡易） */
pre code .keyword { color: #569cd6; }
pre code .string  { color: #d69d85; }
pre code .number  { color: #b5cea8; }
pre code .comment { color: #6a9955; font-style: italic; }

/* =========================
引用・ブロック
========================= */
blockquote {
	background: #f9f9f9;
	border-left: 6px solid #2B7DF5;
	padding: 10px 15px;
	margin: 1.5em 0;
	font-style: italic;
	color: #555;
}

article li{font-size: 1.6rem;}
article li{padding: 0 5px;}
main .post h4{color: #102542; font-size:1.6rem;}