@charset "utf-8";
.news_wrap {
		padding-bottom: 0;
		margin-bottom: 200px;
}
@media(max-width: 767px) {
		.news_wrap {
				margin-bottom: 80px;
		}
}
.top_bnr {
		width: 320px;
		position: fixed;
		bottom: 40px;
		right: 80px;
		z-index: 50;
		transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
		opacity: 0;
		pointer-events: none
}
.top_bnr.isStart {
		pointer-events: all;
		animation: fadeIn 0.8s linear forwards;
		animation-delay: 5.5s
}
@keyframes fadeIn {
		0% {
				opacity: 0;
		}
		100% {
				opacity: 1;
		}
}
@media (hover: hover) {
		.top_bnr:hover {
				transform: scale(1.1)
		}
}
.top_bnr img {
		width: 100%;
		height: auto;
}
.top_bnr::after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100%;
		background-image: url("../images/bnr_logo_txt.png");
		animation: screw 16s linear infinite;
		pointer-events: none
}
@keyframes screw {
		0% {
				transform: rotate(0deg)
		}
		100% {
				transform: rotate(360deg)
		}
}
.top_bnr_wrap {
		position: relative;
}
.top_bnr_wrap .top_bnr_wrap_inner {
		position: absolute;
		display: flex;
		justify-content: flex-end;
		width: 100%;
}
.top_bnr .bnrClose {
		position: absolute;
		top: 27px;
		right: 30px;
		width: 32px;
		height: 32px;
		border-radius: 50%;
		background: #323232;
		cursor: pointer;
		z-index: 10
}
.bnrClose::before, .bnrClose::after {
		content: '';
		display: block;
		position: absolute;
		top: 15.5px;
		left: 8px;
		width: 16px;
		height: 1px;
		pointer-events: none;
		background: #fff;
}
.bnrClose::before {
		transform: rotate(45deg);
}
.bnrClose::after {
		transform: rotate(-45deg);
}
@media(max-width: 767px) {
		.top_bnr {
				width: 180px;
				bottom: 20px;
				right: 20px;
		}
		.top_bnr .bnrClose {
				top: 10px;
				right: 10px;
				width: 32px;
				height: 32px;
		}
		.bnrClose::before, .bnrClose::after {
				top: 15.5px;
				left: 8px;
				width: 16px;
		}
}
.movie_section {
		padding-bottom: 180px;
}
@media(max-width: 767px) {
		.movie_section {
				padding-bottom: 100px;
		}
}
.movie_inner {
		max-width: 660px;
		padding: 0 20px;
		margin: 0 auto;
		position: relative;
		z-index: 5
}
.movie_inner img {
		width: 100%;
		height: auto
}
.movie_hd {
		width: 270px;
		margin: 0 auto 50px;
}
.movie_thumb {
		margin: 0 0 25px;
		position: relative;
}
.movie_notes {
		line-height: 1.6;
}
.movie_notes a {
		color: #000;
		text-decoration: underline;
		position: relative;
		display: inline-block
}
/*
.movie_notes a::before, .movie_notes a::after {
		content: '';
		display: block;
		position: absolute;
		top: calc(50% - 6px);
		right: -23px;
		width: 8px;
		height: 8px;
		border: 1px solid #000;
}
.movie_notes a::after {
		top: calc(50% - 1px);
		right: -20px;
}
*/
@media (hover: hover) {
		.movie_notes a:hover {
				color: #000;
				text-decoration: none;
		}
}
.movie_thumb .moviePlay {
		position: absolute;
		width: 112px;
		height: 112px;
		top: calc(50% - 56px);
		left: calc(50% - 56px);
}
.moviePlay::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 112px;
		height: 112px;
		background: rgba(0, 0, 0, 0.3);
		border-radius: 50%;
		transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
@media (hover: hover) {
		.movie_thumb a:hover .moviePlay::before {
				transform: scale(1.2)
		}
}
.moviePlay::after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 112px;
		height: 112px;
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 100%;
		background-image: url("../images/movie_play.png")
}
@media(max-width: 767px) {
		.movie_hd {
				width: 113px;
				margin: 0 auto 30px;
		}
		.movie_thumb .moviePlay {
				width: 56px;
				height: 56px;
				top: calc(50% - 28px);
				left: calc(50% - 28px);
		}
		.moviePlay::before, .moviePlay::after {
				width: 56px;
				height: 56px;
		}
}