@charset "utf-8";
/* CSS Document */

#short{
	background:#fff;
	padding-top:30px;
	padding-bottom:30px;
}



#short .intro{
	margin-bottom:30px;
}

#short .intro .copy{
	font-size:20px;
	margin-bottom:10px;
}
#short .intro .copy span{
	display:inline-block;
	position:relative;
	padding:0 40px;
}
#short .intro .copy span:before,
#short .intro .copy span:after{
	position:absolute;
	top:-2px;
	content:"";
	width:2px;
	height:35px;
	background:#000;
}
#short .intro .copy span:before{
	left:0;
	transform: rotate(-45deg);
}
#short .intro .copy span:after{
	right:0;
	transform: rotate(45deg);
}

.sp #short .intro .copy{
	font-size:18px;
}
.sp #short .intro .copy span{
	padding:0 25px;
}
.sp #short .intro .copy span:before,
.sp #short .intro .copy span:after{
	height:25px;
}




#short .intro .title{
	font-size:22px;
	margin-bottom:15px;
}

#short .intro .lead{
}


.short-movie-list{
    display:flex;
    flex-wrap:wrap;
	column-gap: 25px;
	margin-bottom:50px;

}

.short-movie-list .item{
	width:calc( (100% - 50px) / 3);
	background:#cff2f8;
	padding:20px;
	border-radius: 10px;
	margin-bottom:25px;
	box-sizing: border-box;

}


.short-movie-list .movie{
	position:relative;
	height:300px;
	margin-bottom:10px;
}

.short-movie-list .movie img{
	border-radius: 10px;

	width:100%;
	height:100%;
	object-fit: cover;
	max-width: initial;
	position:absolute;
	left:50%;
	top:50%;
	transform: translate(-50%, -50%);
}

.short-movie-list .movie2 iframe{
	width:100%;
	height:300px;
}

.short-movie-list .date{
	margin-bottom:5px;
}




.sp .short-movie-list .item{
	width:100%;
}
.sp .short-movie-list .movie{
	height:240px;
}