#detail header{
	padding: 0;
	}

#detailHeader{
	padding: 0;
	}
	#detailHeader h2{
		padding-bottom: 1rem;
		border-bottom: 1px solid #bdbdbd;
		@media (min-width: 992px) and (max-width: 1199px) {
			margin: 0 100px;
			}
		}

#detailContents{
	padding-top: 2em;
	}
	#detailContents .wrap{
		display: grid;
		grid-template-rows: auto 1fr;
		@media (min-width: 768px) and (max-width: 991px) {
			grid-template-columns: 1.5fr 3fr;
			grid-gap: 0 3em;
			}
		@media (min-width: 992px) {
			grid-template-columns: 1fr 3fr;
			grid-gap: 0 4em;
			}
		@media (min-width: 992px) and (max-width: 1199px) {
			padding: 0 100px;
			}
		}
		#detailContents .wrap > h3+div{
			margin-top: 2em;
			}
	#detailContents .thumb{
		padding-top: 100%;
		}
	#detailContents .thumb img {
		object-fit: cover;
		}
	#detailContents figure{
		@media (max-width: 767px) and (orientation:portrait) {
			margin-bottom: 1em;
			order: -1;
			}
		@media (max-width: 767px) and (orientation:landscape) {
			grid-column: 1;
			grid-row: 1/3;
			}
		@media (min-width: 768px) {
			grid-column: 1;
			grid-row: 1/3;
			}
		}

#detailMovie{
	width: 100%;
	margin: var(--space) auto 0 auto;
	@media (max-width: 767px) {
		margin-top: 2em;
		}
	@media (max-width: 767px) and (orientation:landscape) {
		grid-column: 1/3;
		justify-self: center;
		width: 100%;
		}
	@media (min-width: 768px) {
		grid-column: 1/3;
		justify-self: center;
		}
	@media (min-width: 768px) and (max-width: 991px) {
		margin-top: 3em;
		}
	@media (min-width: 992px) {
		margin-top: 4em;
		}
	@media (min-width: 1200px) {
		padding: 0 200px;
		}
	}
	#detailMovie > div{
		position: relative;
		padding-top: 56.25%;
		}
	#detailMovie iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		}

#detailBasic .wrap{
	@media (min-width: 992px) and (max-width: 1199px) {
		padding: 0 100px;
		}
	}