/*@import url("css/import.css");
@import url("css/print.css");
@import url("css/slick.css");
@import url("css/slick-theme.css");*/


/* フォントを指定するクラス */
body.mceContentBody {
	font: 13px/1.6 "メイリオ", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
}
.editor-area a {
	color: #339933;
	text-decoration: underline;
}
.editor-area h3 {
	padding: 3px 13px 6px;
	font-size: 116%;
	color: #666666;
	margin-bottom: 1em;
	border-bottom: 1px solid #CCCCCC;
}

.wp-editor h1,
.post-content h1 {
	font-size: 2.4em;
	color: #0b3b58;
	/* 白縁取り（Chromium/Safari と 汎用 text-shadow の併用） */
	-webkit-text-stroke: 1px #fff;
	text-shadow:
		1px 1px 0 #fff,
		-1px 1px 0 #fff,
		1px -1px 0 #fff,
		-1px -1px 0 #fff,
		0 1px 0 #fff,
		0 -1px 0 #fff,
		1px 0 0 #fff,
		-1px 0 0 #fff,
		/* 文字下の柔らかい落ち影 */
		0 3px 6px rgba(11,59,88,0.18);
	/* ボックス見た目 */
	background-color: #fde7ef;          /* ベースの淡いピンク */
	border-left: 8px solid #f6c0dd;     /* 左の太いピンク縦ライン */
	border-radius: 8px;
	padding: 18px 22px 18px 36px;       /* 左に余白を確保（border-left 幅含む） */
	margin-bottom: 1em;
	/* inset で内側ハイライト（上部の明るさ）と
		左ラインの右側に薄い内側ストロークを作る */
	box-shadow:
		0 4px 8px rgba(11,59,88,0.08),            /* 全体の外側影 */
		inset 0 1px 0 rgba(255,255,255,0.6),      /* 上部のハイライト感 */
		inset 8px 0 8px -6px rgba(242,160,205,0.55); /* 左ラインの右側に薄い色味の内側ストローク */
	position: relative;
	line-height: 1.2;
}

.wp-editor h2,
.post-content h2 {
	font-size: 1.6em;
	font-weight: bold;
	color: #2b2b2b;
	margin: 0.6em 0;
	padding: 0.4em 1em 0.6em 0.6em; /* 左に余白を確保（border-leftの幅＋見た目余白） */
	border-left: 8px solid #F4B0E1; /* 左のピンク縦ライン */
	border-bottom: 2px solid #F4B0E1; /* 下の薄いピンク横ライン */
	line-height: 1.2;
	background-color: transparent;
	/* 必要なら下線をページ幅いっぱいに見せるために display:block を明示 */
	display: block;
}

.wp-editor h3,
.post-content h3 {
	font-size: 1.2em;               /* 必要に応じて調整 */
	font-weight: bold;
	color: #222;                     /* 文字色 */
	background-color: #F4B0E1;       /* ピンク帯のベース色 */
	padding: 0.6em 1.2em 0.4em;               /* 上下左右の余白 */
	margin: 0.4em 0;
	border-radius: 4px;              /* 角を少し丸める */
	display: block;
	line-height: 1.4;
	box-shadow:
	inset 0 1px 0 rgba(255,255,255,0.6),   /* 上部の薄いハイライト */
	0 1px 0 rgba(0,0,0,0.05);              /* 下の薄い外側影で浮き感 */
	border: 1px solid rgba(242,160,205,0.35); /* 控えめな枠線で引き締め */
}

/* クラシックエディタ内のリスト（目安） */
.wp-editor-container ul,
.post-content ul {
    margin: 0 0 1.5em 2.5em; /* 下部マージンと左側のスペース */
    list-style-type: disc; /* 黒丸（ulの場合） */
}
.wp-editor-container ul li,
.post-content ul li {
    list-style-type: disc; /* 黒丸（ulの場合） */
}
.wp-editor-container ol,
.post-content ol {
    margin: 0 0 1.5em 2.5em; /* 下部マージンと左側のスペース */
    list-style-type: decimal; /* 数字（olの場合） */
}
.wp-editor-container ol li,
.post-content ol li {
    list-style-type: decimal; /* 数字（olの場合） */
}

/* クラシックエディタ用 右寄せCSS */
.post-content .alignright {
    display: block;
    float: right;
    margin: 0 0 10px 20px; /* 右側に余白、下に少し余白 */
}

/*
テキストを右寄せにしたい場合
.text-right {
    text-align: right;
}

.entry-content ul li,
.wp-block-list li {
    list-style-type: disc !important; 丸を表示する 
	list-style-position: inside !important;  位置の調整 
}
*/

.post-content table {
    margin: 5px auto 10px;
    border-collapse: collapse;
    border: 1px solid #999;
}
.post-content table th {
    padding: 5px;
    border-collapse: collapse;
    border: 1px solid #999;
    background: #F8F0E7;
}
.post-content table td {
    padding: 5px;
    border-collapse: collapse;
    border: 1px solid #999;
}