@charset "UTF-8";
.modal-content{
	width: 100%;
	min-width: 100%;
	display: flex;
	justify-content: center;
	gap:2vw;
	flex-wrap: wrap;
}

.modal-content a{
	width: 39.5vw;
	height: 100%;
}

.modal-content a .bannerimg{
	width: 100%;
	height: auto;
}

.modal-content .topmovie{
	width: 39.2vw;
}

@media screen and (max-width: 767px) {
.modal-content a{
	width: 90vw;
}

.modal-content .topmovie{
	width: 90vw;
}	
	
}

.slideouter .slide .slideimg{
	border-bottom-left-radius: 4vw;
	border-bottom-right-radius: 4vw;
	overflow: hidden;
}

.slideouter .slide .slideimg a.nothov{
	transition: none;
}

.slideouter .slide .slideimg a.nothov:hover {
  transform: none;
  transition: none;
  opacity: 1;
}
.slideouter .slide .slideimg canvas {
  width: 100%;
  height: auto;
  display: block;
}