@charset "UTF-8";
.card-calendar {
		padding: 0;
		color: var(--title);
		font-size: 16px;
		line-height: 1.2;
}
.card-calendar .head, .card-calendar .wrap {
		padding: var(--side-block);
}
.card-calendar .head-text, .card-calendar .wrap {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
}
.card-calendar .head {
		display: flex;
		align-items: center;
		gap: 32px;
		padding-right: 20px;
		border-style: solid;
		border-width: 0 0 1px 0;
		border-color: var(--stroke50);
		border-radius: var(--radius) var(--radius) 0 0;
}
.card-calendar .image-circle {
		width: 72px;
		height: 72px;
		flex: 0 0 auto;
		align-self: flex-start;
}
.card-calendar .head > *:not(.card-pattern) {
		position: relative;
}
.card-calendar .head .big {
		font: bold 24px/1.1 var(--font-title);
		font-variant-numeric: lining-nums;
		color: var(--title);
		margin-bottom: -8px;
}
.card-calendar .head .card-pattern {
		display: none;
}
.style-plant .card-calendar .head .card-pattern:before {
		left: 240px;
		top: 50%;
		transform: translate3d(0, -50%, 0);
}
.card-calendar .text {
		width: 100%;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
}
.card-calendar .title {
		font-weight: bold;
		font-size: 24px;
		margin-bottom: -8px;
}
@media only screen and (min-width: 700px) and (max-width: 1199px) {
		.card-calendar-vertical {
				display: flex;
		}
		.card-calendar-vertical .wrap {
				gap: 16px;
				order: 2;
				flex: 0 0 auto;
				width: calc(100% - clamp(360px, 50%, 460px));
		}
		.card-calendar-vertical .head {
				flex: 0 0 auto;
				order: 1;
				align-items: flex-start;
				width: clamp(360px, 50%, 460px);
				border-radius: var(--radius) 0 0 var(--radius);
				border-width: 0 1px 0 0;
		}
}
@media only screen and (min-width: 700px) {
		.card-calendar:not(.card-calendar-vertical) {
				display: flex;
		}
		.card-calendar:not(.card-calendar-vertical) .wrap {
				gap: 16px;
				order: 2;
				flex: 0 0 auto;
				width: calc(100% - clamp(360px, 50%, 460px));
		}
		.card-calendar:not(.card-calendar-vertical) .head {
				flex: 0 0 auto;
				order: 1;
				align-items: flex-start;
				width: clamp(360px, 50%, 460px);
				border-radius: var(--radius) 0 0 var(--radius);
				border-width: 0 1px 0 0;
		}
		.card-calendar-vertical .head {
				background: var(--gold3);
				border-color: transparent;
		}
}
@media only screen and (min-width: 1200px) {
		.card-calendar {
				font-size: 18px;
		}
		.card-calendar .head {
				gap: 32px;
		}
		.card-calendar .image-circle {
				width: 160px;
				height: 160px;
		}
}
.card-calendar .btn.link-more {
		color: var(--golddark);
		border-color: var(--golddark);
}
.card-calendar .btn.link-more:before {
		background-color: var(--golddark);
}