/*	===============================================================
	● ckeditor CSSファイル
	---------------------------------------------------------------
	Release 2026.06.22                               Powerd by TDR
	=============================================================== */


	.ck_post
	{
		font-size: 1.6rem;
		line-height: 1.625;
		display: flow-root;
	}
	.ck_post.highlight
	{
		border-left:4px solid var(--cl_primary);
	}

	.ck_post > p
	{
		width: fit-content;
		margin-inline: 0;
		font-size: 1.6rem;
		color: var(--cl_text);
	}
	.ck_post > p:not(:last-child)
	{
		margin-bottom: 16px;
	}

	.ck_post > div
	{
		margin-bottom: 16px;
		font-size: 1.4rem;
		color:var(--cl_aside);
	}

	.ck_post a
	{
		text-decoration: underline;
		text-underline-offset: 5px;
		color: var(--cl_primary);
	}
	.ck_post a:hover
	{
		text-decoration: none;
	}
	.ck_post a.btn
	{
		display: flex;
		align-items: center;
		gap: 16px;
		width: fit-content;
		margin-top:0;
		padding: 16px 32px 16px 24px;
		color: #fff!important;
		background-color: var(--cl_primary);
		border-radius: 8px;
		border-bottom: none;
		text-decoration: none!important;
	}
	.ck_post a.btn::before
	{
		content: "";
		display: block;
		width: 16px;
		height: 16px;
		background-color: #fff;
		mask-repeat: no-repeat;
		mask-position: center;
		mask-size: contain;
		mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text mr-2 h-5 w-5"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg>');
	}
	.ck_post a.btn:hover
	{
		opacity: 0.8;
	}

	.ck_post h3
	{
		font-size: 2.4rem;
		line-height: 1.3;
		color: var(--cl_primary);
		font-weight: 700;
		margin-bottom: 24px;
		position: relative;
		display: flex;
		align-items: center;
		gap:12px;
	}
	.ck_post.highlight h3::before
	{
		content:"";
		width:26px;
		height:26px;
		margin-top:0.2em;
		background-color: var(--cl_primary);
		mask-size: contain;
		mask-position: center;
		mask-repeat: no-repeat;
		mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-alert h-6 w-6 text-primary"><circle cx="12" cy="12" r="10"></circle><line x1="12" x2="12" y1="8" y2="12"></line><line x1="12" x2="12.01" y1="16" y2="16"></line></svg>');
	}
	.ck_post h4
	{
		font-size: 1.8rem;
		line-height: 1.3;
		color: #333;
		font-weight: 700;
		margin-top: 24px;
		margin-bottom: 16px;
		/* border-bottom: 1px solid var(--cl_primary); */
	}
	.ck_post h4::before
	{
		content:"■";
		display: inline;
		font-size:1.8rem;
		margin-right:0.3em;
		color:var(--cl_primary);
	}

	/* mailアイコン */
	.ck_post:has(.mail) h3:before
	{
		content:"";
		width:26px;
		height:26px;
		margin-top:0.2em;
		background-color: var(--cl_primary);
		mask-size: contain;
		mask-position: center;
		mask-repeat: no-repeat;
		mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail h-6 w-6 text-primary"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg>');
	}

	/* table normal */
	.ck_post table.tbl1
	{
		width: 100%;
    	border-collapse: collapse;
		border-spacing: 0px;
	}
	.ck_post table.tbl1 tr
	{
		border-bottom: 1px solid #dfe3de;
	}
	.ck_post table.tbl1 :is(th,td)
	{
		padding: 28px 0 16px;
		font-size: 1.6rem;
		text-align: left;
	}
	.ck_post table.tbl1 th
	{
		width: 28%;
    	font-weight: 700;
	}
	.ck_post table.tbl1 thead tr th:first-child
	{
		width: 28%;
	}
	.ck_post table.tbl1 thead tr th:not(:first-child)
	{
		width: auto;
	}
	.ck_post table.tbl1 td
	{
		width: calc(100% - 28%);
	}
	@media screen and (max-width: 768px)
	{
		.ck_post table.tbl1 thead
		{
			display: none;
		}
		.ck_post table.tbl1 :is(th,td)
		{
			padding: 28px 0 10px;
			display: block;
		}
		.ck_post table.tbl1 th
		{
			width: 100%;
		}
		.ck_post table.tbl1 td
		{
			width: 100%;
			padding: 0px 0 16px;
		}
	}


	/* table tbl2 */
	.ck_post table.tbl2
	{
		width: 100%;
		table-layout: fixed;
    	border-collapse: collapse;
		border-spacing: 0px;
	}
	.ck_post table.tbl2 :is(th,td)
	{
		width: auto;
		padding: 16px;
		font-size: 1.6rem;
		color:var(--cl_text);
		text-align: center;
		border:1px solid var(--cl_border);
	}
	.ck_post table.tbl2 thead th
	{
		font-weight: 700;
		background-color: rgb( from var(--cl_primary) r g b / 0.1);
	}
	.ck_post table.tbl2 tbody tr:nth-child(even)
	{
		background-color: #f9f8f7;
	}
	.ck_post table.tbl2 tbody th
	{
    	font-weight: 700;
	}

	.ck_post table.tbl2.pediatrics_time_tbl + p
	{
		margin-top:0.5em;
	}
	.ck_post table.tbl2.pediatrics_time_tbl th
	{
		width: 10% !important;;
		font-weight: 700;
		background-color: var(--cl_bg1);
	}
	.ck_post table.tbl2.pediatrics_time_tbl tr:first-child td
	{
		font-weight: 700;
		background: #F9F8F7;
	}
	@media screen and (max-width: 768px)
	{
		.ck_post table.tbl2 :is(th,td)
		{
			padding:16px 8px;
			vertical-align: middle;
		}

		.ck_post table.tbl2.pediatrics_time_tbl :is(th,td)
		{
			font-size: 1.4rem;
		}
	}

	.ck_post table.accept_tbl
	{
		width: 100%;
    	border-collapse: collapse;
		border-spacing: 0px;
		margin-bottom:16px;
	}
	.ck_post table.accept_tbl thead tr th
	{
		width: 55%;
		padding: 10px 16px;
		font-size: 1.4rem;
		background-color: rgb( from var(--cl_primary) r g b / 0.7);
		color:#fff;
	}
	.ck_post table.accept_tbl thead tr th:first-child
	{
		width: 25%;
	}
	.ck_post table.accept_tbl thead tr th:last-child
	{
		width: 20%;
		text-align: center;
	}
	.ck_post table.accept_tbl tbody tr td:last-child
	{
		text-align: center;
		font-size:2.5rem;
		color:var(--cl_primary);
		font-family: "Google Sans", sans-serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-variation-settings:"GRAD" 100;
	}
	.ck_post table.accept_tbl :is(th,td)
	{
		width: auto;
		padding: 16px;
		font-size: 1.6rem;
		color:var(--cl_text);
		text-align: left;
		border:2px solid #fff;
	}
	.ck_post table.accept_tbl th
	{
    	font-weight: 700;
		background-color: rgb( from var(--cl_primary) r g b / 0.15);
	}
	.ck_post table.accept_tbl tr td
	{
		background-color: rgb(from var(--cl_primary) r g b / 0.05);

	}

	.ck_post div.box
	{
		width:100%;
		margin-top:24px;
		padding:24px;
		border: 1px solid #e5e1dc;
		/* background-color: rgba(229, 225, 220, 0.3); */
		background-color: var(--cl_box_bg);
		border-radius: 8px;
		font-size:1.6rem;
		color:var(--cl_text);
	}
	.ck_post div.accent_box
	{
		width:100%;
		margin-top:24px;
		padding:16px;
		border-left: 4px solid var(--cl_primary);
		background-color: rgb( from var(--cl_primary) r g b / 0.1);
		border-radius: 4px;
		font-size:1.8rem;
		color:var(--cl_text);
	}
	.ck_post .box_gray
	{
		width:100%;
		margin-top:12px;
		padding:16px 20px;
		border: 1px solid #e7e7e7;
		background-color: #f7f7f7;
		border-radius: 8px;
		font-size:1.6rem;
		color:var(--cl_text);
	}

	.ck_post ul
	{
		list-style-type: disc;
		margin-top:16px;
		padding-left:1.5em;
	}
	.ck_post ul li
	{
		margin:8px 0 0 0!important;
		font-size:1.6rem;
	}
	.ck_post ul li::marker
	{
		color:var(--cl_aside);
	}

	.ck_post a.btn.mail
	{
		margin-top:24px;
		margin-inline:auto;
		font-size:1.8rem;
		font-weight: 700;
	}
	.ck_post a.btn.mail::before
	{
		mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail h-10 w-10 text-primary"><path d="M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>');
	}

	.ck_post a:is(.pdf,.docx,.xlsx,.pptx)
	{
		display: flex;
		gap:0.7em;
		align-items: center;
	}
	.ck_post a:is(.pdf,.docx,.xlsx,.pptx)::before
	{
		content:"";
		display: inline-block;
		width:1.5em;
		height: 1.5em;
		background-color: var(--cl_primary);
		mask-position: center center;
		mask-size: contain;
		mask-repeat: no-repeat;
	}
	.ck_post a.pdf::before
	{
		background-color: #e31925;
		mask-image: url('/images/site/common/ico_pdf.png');
	}
	.ck_post a.docx::before
	{
		background-color: #1d5fab;
		mask-image: url('/images/site/common/ico_docx.png');
	}
	.ck_post a.xlsx::before
	{
		background-color: #20a468;
		mask-image: url('/images/site/common/ico_xlsx.png');
	}
	.ck_post a.pptx::before
	{
		background-color: #e96201;
		mask-image: url('/images/site/common/ico_pptx.png');
	}

	.ck_post .flex
	{
		display: flex;
		gap:30px;
		justify-content: space-evenly;
	}
	@media screen and (max-width: 768px)
	{
		.ck_post .flex
		{
			flex-direction: column;
			gap:20px;
		}
		.ck_post .flex > *
		{
			width: 100%;
			margin-inline:auto;
		}
		.ck_post .flex > *:has(img)
		{
			text-align: center;
		}
		.ck_post .flex img
		{
			max-width: 100%;
			height:auto;
		}
	}

	.ck_post .float
	{
		width: 35%;
		float: right;
		margin-bottom:0;
		margin-left:30px;
	}
	.ck_post .float img
	{
		width: 100%;
		aspect-ratio: 2 / 1;
		object-fit: cover;
		object-position: top center;
		border-radius: 10px;
	}

	@media screen and (max-width: 768px)
	{
		.ck_post .float
		{
			width: 100%;
			float: none;
			margin-bottom:8px;
			margin-left:0px;
		}
	}
	.ck_post .pediatrics_news > div > a
	{
		font-size:1.8rem;
		width: 100%!important;
		text-align: center;
		position: relative;
	}
	.ck_post .pediatrics_news > div > a.btn
	{
		align-items: center;
		gap:8px;
	}
	.ck_post .pediatrics_news > div > a::before
	{
		content:"";
		display: inline;
		width:20px;
		height:20px;
		background-color: #fff;
		mask-repeat: no-repeat;
		mask-position: center;
		mask-size: contain;
		mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M320 64C302.3 64 288 78.3 288 96L288 99.2C215 114 160 178.6 160 256L160 277.7C160 325.8 143.6 372.5 113.6 410.1L103.8 422.3C98.7 428.6 96 436.4 96 444.5C96 464.1 111.9 480 131.5 480L508.4 480C528 480 543.9 464.1 543.9 444.5C543.9 436.4 541.2 428.6 536.1 422.3L526.3 410.1C496.4 372.5 480 325.8 480 277.7L480 256C480 178.6 425 114 352 99.2L352 96C352 78.3 337.7 64 320 64zM258 528C265.1 555.6 290.2 576 320 576C349.8 576 374.9 555.6 382 528L258 528z"/></svg>');
	}
	.ck_post .pediatrics_news ul
	{
		list-style: none;
		padding-left:0;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap:8px 16px;
		margin-bottom:32px;
	}

	.ck_post .pediatrics_news > ul li
	{
		display: grid;
		grid-template-rows: subgrid;
		place-content: center;
		place-items: center;
		border: 1px solid var(--cl_border);
	}
	.ck_post .pediatrics_news > ul li a
	{
		text-decoration: none;
		padding:8px 12px;
		line-height: 1.3;
		font-size:1.4rem;
		font-weight: 600;
	}
	.ck_post .pediatrics_news > ul li:hover
	{
		border-color: var(--cl_primary);
	}
	.ck_post .pediatrics_news > .photo_gallery ul
	{
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap:24px;
	}

	.ck_post .pediatrics_news > .photo_gallery li
	{
		display: grid;
		grid-template-rows: subgrid;
		gap: 0;
		grid-row: span 2;
		margin-inline: 0;
		background-color: #fff;
		border-radius: 8px;
		border: 1px solid #dee3dd;
		box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / .05);
	}
	.ck_post .pediatrics_news > .photo_gallery li figure
	{
		overflow: hidden;
		width: 100%;
		aspect-ratio: 16 / 7;
	}

	.ck_post .pediatrics_news > .photo_gallery li figure img
	{
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center center;
		overflow: hidden;
		border-radius: 6px 6px 0 0;
	}
	.ck_post .pediatrics_news > .photo_gallery li p
	{
		padding: 16px;
		margin-bottom: 4px;
		font-size: 1.6rem;
		line-height: 1.5;
		color: var(--cl_text);
		font-weight: 600;
	}
	@media screen and (max-width: 768px)
	{
		.ck_post .pediatrics_news ul
		{
			grid-template-columns: 1fr;
		}
		.ck_post .pediatrics_news > ul li
		{
			place-content: start;
		}
		.ck_post .pediatrics_news > .photo_gallery ul
		{
			grid-template-columns: 1fr;
			gap:8px;
		}
		.ck_post .pediatrics_news > .photo_gallery li p
		{
			padding: 8px;
			font-size: 1.4rem;
		}
	}
