@charset "UTF-8";
/* TKMX Theme */

/* ==========================================================================
   Body Class Rename: Duplicate parent theme rules for renamed classes.
   Original: -body-solid, -bg-fix, -sidebar-on/off, -index-off, frame_*, -frame-on/off
   Renamed:  -tx-solid,   -tx-bgfix, -tx-sidebar/-tx-nosidebar, -tx-noindex, tx-frame-*, -tx-frame-on/off
   ========================================================================== */

/* --- -tx-solid (was -body-solid) --- */
.-tx-solid .l-fixHeader {
	box-shadow: 0 2px 4px var(--swl-color_shadow);
}
.-tx-solid .p-breadcrumb.-bg-on {
	box-shadow: inset 0 -1px 8px rgba(0,0,0,.06);
}
.-tx-solid .p-commentArea {
	box-shadow: inset 0 2px 4px rgba(0,0,0,.06);
}
.-tx-solid .p-commentArea [type=email],
.-tx-solid .p-commentArea [type=number],
.-tx-solid .p-commentArea [type=text],
.-tx-solid .p-commentArea textarea {
	box-shadow: inset 0 1px 4px rgba(0,0,0,.06);
}

/* --- -tx-bgfix (was -bg-fix) --- */
#body_wrap.-tx-bgfix {
	z-index: 1;
}
#body_wrap.-tx-bgfix:before {
	content: "";
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: -1;
}

/* --- -tx-sidebar (was -sidebar-on) --- */
.-tx-sidebar .l-mainContent {
	max-width: 100%;
}
.-tx-sidebar .l-article,.lp-content .l-article {
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 960px) {
	.-tx-sidebar .l-content {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.-tx-sidebar .l-mainContent {
		width: calc(100% - var(--swl-sidebar_width) - var(--swl-sidebar_margin));
	}
	.-tx-sidebar #sidebar {
		width: var(--swl-sidebar_width);
	}
	.-tx-sidebar .l-content .alignfull,
	.-tx-sidebar .l-content .alignwide {
		left: -16px;
		width: calc(100% + 32px);
	}
	.-tx-sidebar .tx-block-fullWide__inner .alignwide {
		left: 0;
		width: 100%;
	}
	.-tx-sidebar .tx-block-fullWide__inner .alignfull {
		left: calc(0px - var(--swl-fw_inner_pad, 0)) !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: calc(100% + var(--swl-fw_inner_pad, 0) * 2) !important;
	}
}

@media (min-width: 960px) and (max-width: 1319px) {
	.-tx-sidebar .-type-card.-pc-col3 .p-postList__item {
		padding: 0 .75em;
	}
}
@media (min-width: 1320px) {
	.-tx-sidebar .-type-card.-pc-col3 .p-postList__item,
	.-tx-sidebar .-type-thumb.-pc-col3 .p-postList__item {
		width: 33.33333%;
	}
}

/* --- -tx-nosidebar (was -sidebar-off) --- */
.-tx-nosidebar .l-article,
.lp-content .l-article {
	margin-left: auto;
	margin-right: auto;
}
@media (min-width: 960px) and (max-width: 1019px) {
	.-tx-nosidebar .-type-card.-pc-col3 .p-postList__item {
		padding: 0 .75em;
	}
}
@media (min-width: 1020px) {
	.-tx-nosidebar .-type-card.-pc-col3 .p-postList__item,
	.-tx-nosidebar .-type-thumb.-pc-col3 .p-postList__item {
		width: 33.33333%;
	}
}

/* --- -tx-noindex (was -index-off) --- */
.-tx-noindex .widget_tx_index,
.-tx-noindex [data-onclick=toggleIndex] {
	display: none;
}
.-tx-noindex .widget_tx_index + .c-widget {
	margin-top: 0 !important;
}
.-tx-noindex .p-toc,
.tx-toc-placeholder:empty {
	display: none;
}

/* --- -tx-frame-on (was -frame-on) --- */
.-tx-frame-on .l-mainContent {
	background: #fff;
	border-radius: var(--swl-radius--4, 0);
	padding: 3vw;
}
.-tx-frame-on .p-breadcrumb {
	background: none !important;
	border: none !important;
	box-shadow: none !important;
	padding-top: 12px;
	padding-bottom: 12px;
}
.-tx-frame-on {
	--swl-pad_container: 2vw;
	--swl-h2-margin--x: -3vw;
}
.-tx-frame-on-sidebar #sidebar .c-widget {
	background: #fff;
	border-radius: var(--swl-radius--4, 0);
	padding: 16px;
}
.-tx-frame-on-sidebar #sidebar .widget_tx_prof_widget {
	padding: 0 !important;
}
.-tx-frame-on-sidebar #sidebar .p-profileBox {
	background: #fff;
	border: none;
	color: #333;
}
.-tx-frame-on-sidebar #sidebar .calendar_wrap {
	border: none;
	padding: 0;
}
.-tx-frame-border .l-mainContent,
.-tx-frame-border.-tx-frame-on-sidebar #sidebar .c-widget {
	box-shadow: 0 0 1px var(--swl-color_shadow);
}
.-tx-frame-off-sidebar .l-sidebar {
	padding-left: 1vw;
	padding-right: 1vw;
}
@media (min-width: 960px) {
	.-tx-frame-on .l-mainContent {
		padding: 32px;
	}
}
@media (min-width: 1200px) {
	:root .-tx-frame-on-sidebar {
		--swl-sidebar_width: 316px;
	}
	:root .-tx-frame-on.-tx-sidebar {
		--swl-sidebar_margin: 36px;
	}
}

/* --- -tx-frame-off (was -frame-off) --- */
.-tx-frame-off .p-postList.-type-list2 {
	border-top: 1px solid var(--color_border);
	padding-top: 1.5em;
}
@media (min-width: 600px) {
	.-tx-frame-off .p-postList.-type-list2 {
		padding-top: 2em;
	}
}

/* --- tx-top (was .top) --- */
.tx-top #content {
	padding-top: 4em;
}