@charset "UTF-8";

/*
 * Plugin: z-medical-ads
 * Description: CSS for z-medical-ads
 */




/*------ 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 .p-postList__item a {
    background-color: var(--ark-color--main);
	padding: 0;
}
body.case .c-widget {
	display: none;
}
body.case .p-postList.-type-card .p-postList__body {
	padding: .75rem 0;
    background-color: var(--ark-color--main);
}
body.case .p-postList.-type-card .p-postList__title {
    padding: .75rem 1rem;
    background-color: var(--ark-color--main);
	color: #fff;
	font-family: var(--serif)
}
body.case .p-postList.-type-card .p-postList__excerpt,
body.case .p-postList.-type-card .p-postList__meta {
	padding-right: 1rem;
	padding-left: 1rem;
}

/* 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;
	}
}





/* 症例追加コンテンツ（dl形式の表） */
body.case .p-caseAdditional dl {
    display: flex;
    flex-wrap: wrap;
	font-size: .75rem;
}
body.case .p-caseAdditional dt {
    flex: 0 0 7rem;
    margin: 0;
    padding: .75rem .5rem 0 1rem;
    font-weight: bold;
    background-color: var(--ark-color--main);
	color: #fff;
}
body.case .p-caseAdditional dt.ma-risks {
	padding-bottom: .75rem;
}
body.case .p-caseAdditional dd {
    flex: 0 0 calc(100% - 7rem);
    margin: 0;
    padding: .75rem 1rem 0 .5rem;
    background-color: var(--ark-color--main);
	color: #fff;
}
body.case .p-caseAdditional dd.ma-risks {
	padding-bottom: .75rem;
}