body > * {
	position: relative;
	z-index: 2;
}

.content {
	position: fixed;
	top: 23.434vw;
	left: 0;
	right: 0;
	bottom: 13.192vw;
}

.cp-carousel {
	height: calc(90vw * 936 / 1404);
	margin-top: calc(-45vw * 936 / 1404);
}

.frame {
	position: relative;
	display: flex;
	align-items: center;
	background-color: #33333399;
}

.image-link {
	display: block;
	width: 100%;
	height: 100%;
}

.image {
	user-select: none;
	display: block;
}

.image-landscape {
	width: 100%;
	height: auto;
}

.image-portrait {
	width: auto;
	height: 100%;
	margin: 0 auto;
}

.title {
	position: absolute;
	left: 6%;
	top: 6%;
	
	font-size: 180%;
	font-weight: bold;
	color: #982407;
	text-shadow: 1px 0 0 #fff, 0 1px 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, -1px 1px 0 #fff, -1px -1px 0 #fff;
}

.date {
	position: absolute;
	right: 6%;
	bottom: 6%;
	
	font-size: 120%;
	font-weight: bold;
	text-shadow: 1px 0 0 #fff, 0 1px 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, -1px 1px 0 #fff, -1px -1px 0 #fff;
}

@media screen and (min-aspect-ratio: 3 / 4) {
	.content {
		top: 7.369vw;
		bottom: 8.5982vw;
	}

	.cp-carousel {
		height: calc(50vh * 936 / 1404);
		margin-top: calc(-25vh * 936 / 1404);
	}
}