@charset "UTF-8";

/*
 * Plugin: z-medical-ads
 * Description: Z Medical Ads - Styles
 */




/* sidebar */
/* 症例の投稿ページおよびアーカイブページのみに専用サイドバーを設置 */

[data-sidebar=on] body.case .l-content__body {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	overflow: visible;
}

@media not all and (min-width: 1000px) {
	.l-sidebar {
		margin-top: 0;
	}
}

@media (min-width: 1000px) {
	body.case .l-sidebar {
		position: sticky;
		top: 150px;
	}
}

body.case {
	--ark-thumb_ratio: calc(630 / 1200 * 100%);
	background-color: #f5f5f5;
}

body.case main {
	order: 2;
}

body.case.single main {
	background-color: #fff;
	padding: 1rem;
}

@media (min-width: 600px) {
	body.case.single main {
		background-color: #fff;
		padding: 2rem;
	}
}

body.case .c-widget {
	display: none;
}

/* arkhe_end_sidebar_1 */
body:not(.case) .arkhe_end_sidebar_1 {
	display: none;
}

.arkhe_end_sidebar_1 .case-sidebar {
	margin-bottom: 4rem;
}

.arkhe_end_sidebar_1 .case-sidebar-title {
	font-size: 1.25rem;
	font-family: var(--serif);
}

.arkhe_end_sidebar_1 .case-sidebar-sub-title {
	padding-top: 2rem;
	font-weight: 600;
}

.arkhe_end_sidebar_1 .case-sidebar-sub-title a {
	color: #333;
}

.arkhe_end_sidebar_1 .case-sidebar-sub-title :hover {
	text-decoration: underline;
}

.arkhe_end_sidebar_1 .case-sidebar ul {
	padding-top: 1rem;
	padding-left: 0;
	gap: 1rem 1rem;
	justify-content: flex-start;
}

.arkhe_end_sidebar_1 .case-sidebar ul li {
	list-style: none;
}

.arkhe_end_sidebar_1 .case-sidebar ul li a {
	color: #333;
}

.arkhe_end_sidebar_1 .case-sidebar ul li a:hover {
	text-decoration: underline;
}

@media (max-width: 999px) {
	.arkhe_end_sidebar_1 .case-page-title {
		font-size: 1.5rem;
		font-family: var(--serif);
		font-weight: 600;
		margin-bottom: 2rem;
	}

	body.case .c-pageTitle__main {
		display: none;
	}
}





/* 症例 */

.p-postList.-type-card .p-postList__item--case a {
	background-color: #fdfdfd;
	padding: 0;
}

.p-postList.-type-card .p-postList__item--case .p-postList__body {
	padding: 1rem 0;
}

.p-postList.-type-card .p-postList__item--case .p-postList__title {
	padding: .75rem 1rem;
	/* color: #fff; */
	color: var(--ark-color--text);
	font-weight: 600;
	font-family: var(--serif);
}

.p-postList.-type-card .p-postList__item--case .p-postList__excerpt,
.p-postList.-type-card .p-postList__item--case .p-postList__meta {
	padding-right: 1rem;
	padding-left: 1rem;
}

/* 症例追加コンテンツ（dl形式の表） */

.p-caseAdditional dl {
	display: flex;
	flex-wrap: wrap;
	font-size: .75rem;
	padding: .75rem 0;
}

.p-caseAdditional dt {
	flex: 0 0 7rem;
	margin: 0;
	padding: .25rem .5rem .25rem 1rem;
	font-weight: bold;
}

.p-caseAdditional dd {
	flex: 0 0 calc(100% - 7rem);
	margin: 0;
	padding: .25rem 1rem .25rem .5rem;
}

.p-caseCategories {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .75rem .25rem;
	margin: 0 1rem .5rem;
	font-size: .8rem;
}

.p-caseCategories svg {
	color: #999;
}

.p-caseCategories .c-caseLabel {
	color: #999;
}

.p-caseCategories .c-caseLabel:not(:last-child):after {
	content: ",";
}