@charset "utf-8";
.series_wrap {
		max-width: 1280px;
		margin: 0 auto 180px;
		padding: 0 30px;
}
.series_lead {
		line-height: 2.0;
		max-width: 1280px;
		margin: 0 auto 80px;
		padding: 0 30px;
}
.series_wrap_cont {
		display: flex;
		justify-content: space-between;
}
.series_sidebar {
		width: 276px;
}
.series_sidebar .side_navigation_col {
		transition: top 0.5s;
}
.side_navigation_col.isFixed {
		position: fixed;
		top: 120px;
}
.side_navigation_col.endFixed {
		top: -200px;
}
.side_navigation_col h3 {
		font-size: 24px;
		font-family: minion-pro, serif;
		font-weight: 400;
		font-style: normal;
		margin-bottom: 15px;
}
.series_sidebar ul li {
		list-style: none;
		font-size: 15px;
		font-family: minion-pro, serif;
		font-weight: 400;
		font-style: normal;
		margin: 0 0 10px;
}
.series_sidebar ul li a {
		color: #1e1e1e;
		text-decoration: none;
		position: relative;
}
.series_sidebar ul li a::after {
		content: '';
		display: block;
		position: absolute;
		top: calc(50% - 3.2px);
		right: -16px;
		width: 4px;
		height: 4px;
		border-bottom: 1px solid #000;
		border-right: 1px solid #000;
		transform: rotate(45deg);
}
.series_sidebar ul li a span {
		display: inline-block;
		position: relative;
}
.series_sidebar ul li a span::after {
		content: '';
		display: block;
		position: absolute;
		bottom: -2px;
		left: -3px;
		width: 100%;
		height: 1px;
		transform-origin: left center;
		transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
		background: #333;
		transform: scaleX(0);
}
/*
.series_sidebar ul li a.current span::after {
		transform: scaleX(1)
}
*/
@media (hover: hover) {
		.series_sidebar ul li a:hover span::after {
				transform: scaleX(1);
				left: 0;
		}
}
.series_all {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		flex: 1;
}
.series_item {
		width: calc(50% - 8px);
		position: relative;
		margin: 0 0 70px
}
.series_item_thumb {
		margin: 0 0 15px;
		overflow: hidden;
}
.series_item_thumb img {
		width: 100%;
		height: auto;
		transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
@media (hover: hover) {
		.series_item_thumb:hover img {
				transform: scale(1.06);
		}
}
.series_item_name {
		font-size: 28px;
		font-family: minion-pro, serif;
		font-weight: 400;
		font-style: normal;
		margin: 0 0 20px;
}
.series_item_caption p {
		line-height: 1.8;
		margin-bottom: 25px;
}
@media(max-width: 1200px) {
		.series_sidebar {
				width: 200px;
		}
		.series_item_name {
				font-size: 22px;
		}
}
@media(max-width: 840px) {
		.series_all {
				display: block;
		}
		.series_item {
				width: 100%;
		}
}
@media(min-width: 768px) {
		.side_navigation_menu {
				display: block !important
		}
}
@media(max-width: 767px) {
		.series_wrap_cont {
				display: block;
		}
		.series_sidebar {
				width: 100%;
				padding-bottom: 40px;
		}
		.side_navigation_col.isFixed {
				position: static !important;
				top: inherit !important;
		}
		.series_sidebar ul {
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
				width: 100%;
		}
		.series_sidebar ul li {
				width: 50%;
		}
		.series_item {
				margin-bottom: 50px;
		}
		.series_item_name {
				margin-bottom: 10px;
		}
		.series_item_caption p {
				margin-bottom: 15px;
		}
		.side_navigation_menu {
				display: none;
		}
		.side_navigation_col h3 {
				font-size: 22px;
				cursor: pointer;
		}
		.side_navigation_col h3 span {
				display: inline-block;
				position: relative;
				padding-right: 25px;
		}
		.side_navigation_col h3 span::before, .side_navigation_col h3 span::after {
				content: '';
				display: block;
				position: absolute;
				top: 50%;
				right: 0;
				width: 14px;
				height: 1px;
				background: #1e1e1e;
				transition: transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);
		}
		.side_navigation_col h3 span::after {
				transform: rotate(90deg)
		}
		.side_navigation_col h3.isOpen span::after {
				transform: scaleY(0);
		}
		.series_lead {
				line-height: 1.8;
				margin-bottom: 30px;
				padding: 0 30px;
		}
}