@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

/*====================================================
  制度解説ボックス（Markdown の ::: 記法から生成）
  scripts/blogkit/md2blocks.py が .seido-callout--<種類>
  という class を出力する。種類を増やす時はここに追記する。
====================================================*/
.seido-callout{
	margin:2em 0;
	padding:1.3em 1.5em;
	border:1px solid #dfe3e8;
	border-left:5px solid #9aa5b1;
	border-radius:6px;
	background:#f7f8fa;
}
.seido-callout > *:first-child{ margin-top:0; }
.seido-callout > *:last-child{ margin-bottom:0; }
.seido-callout ul,
.seido-callout ol{ margin-bottom:0; }
.seido-callout li{ margin-bottom:.45em; }

/* Cocoon の h3 装飾を打ち消してからボックス用の見出しにする */
.seido-callout__title{
	margin:0 0 .8em;
	padding:0;
	border:none;
	background:none;
	font-size:1.05em;
	font-weight:700;
	line-height:1.5;
}
.seido-callout__title::before{ margin-right:.45em; }

/* 結論：記事冒頭に必ず置く。いちばん目立たせる */
.seido-callout--conclusion{
	background:#eef5ff;
	border-color:#c3dbf7;
	border-left-color:#2b7cd3;
}
.seido-callout--conclusion .seido-callout__title{ color:#175a9e; }
.seido-callout--conclusion .seido-callout__title::before{ content:"📌"; }

/* 注意・落とし穴（warn は旧表記。両方受ける） */
.seido-callout--warning,
.seido-callout--warn{
	background:#fff7ec;
	border-color:#f6dcbb;
	border-left-color:#dd8a1c;
}
.seido-callout--warning .seido-callout__title,
.seido-callout--warn .seido-callout__title{ color:#9c5c05; }
.seido-callout--warning .seido-callout__title::before,
.seido-callout--warn .seido-callout__title::before{ content:"⚠️"; }

/* 補足・前提の共有 */
.seido-callout--note{
	background:#f5f7f9;
	border-color:#dde3e9;
	border-left-color:#7b8794;
}
.seido-callout--note .seido-callout__title{ color:#4a5560; }
.seido-callout--note .seido-callout__title::before{ content:"📝"; }

/* 対象者チェックリスト */
.seido-callout--check{
	background:#f0faf3;
	border-color:#c5e8d1;
	border-left-color:#2e9e5b;
}
.seido-callout--check .seido-callout__title{ color:#1f7444; }
.seido-callout--check .seido-callout__title::before{ content:"✅"; }

/* 出典：記事末尾。本文より控えめに */
.seido-callout--source{
	background:#fafafa;
	border-color:#e5e5e5;
	border-left-color:#b0b0b0;
	font-size:.92em;
	line-height:1.8;
}
.seido-callout--source .seido-callout__title{ color:#555; }
.seido-callout--source .seido-callout__title::before{ content:"📚"; }
.seido-callout--source a{ word-break:break-all; }

/*====================================================
  表：制度解説は表が多いので、スマホで崩れないようにする
====================================================*/
.wp-block-table{ overflow-x:auto; }
.wp-block-table table{ border-collapse:collapse; }
.wp-block-table th,
.wp-block-table td{ padding:.6em .8em; vertical-align:top; }
.wp-block-table thead th{
	background:#eef1f4;
	font-weight:700;
	white-space:nowrap;
}

/*====================================================
  本文の読みやすさ
====================================================*/
.entry-content h2{ margin-top:2.2em; }
.entry-content h3{ margin-top:1.8em; }
.entry-content blockquote{
	font-size:.96em;
	color:#444;
}

@media screen and (max-width:834px){
	.seido-callout{ padding:1.1em 1.1em; }
	.wp-block-table th,
	.wp-block-table td{ padding:.5em .6em; font-size:.92em; }
}