@charset "utf-8";
/*--movies.css--*/
/* ##########PC########## */
.content_title{
	background-image: url("../shared/content_title_bg/movies.jpg");
}

.movies_list{
	margin: 0 1em;
}

	.movies_list dl{}

		.movies_list dl dt{
			border-bottom: 1px solid #ddd;
			position: relative;
			padding: 0 0 0.3em 1.3em;
		}

			.movies_list dl dt:before{
				font-family: FontAwesome;
				content:"\f144";
				position: absolute;
				top: 0.12em;
				left: 0;
				color: #1f2060;
			}


			.movies_list dl dt a{
				font-weight: bold;
				font-size: 1.05em;
			}
				
		.movies_list dl dd{
			margin-bottom: 4em;
			padding: 1em 0.5em 0 0.5em;
		}

		.movies_list dl dd:last-child{
			margin-bottom: 0;
		}

			.movies_list dl dd p{
				margin-right: 0;
				margin-left: 0;
			}

			.movies_list dl dd .yt_wrapper,
			.movies_list dl dd .yn_wrapper{
				width: 100%;
				display: flex;
				justify-content: center;
			}

				.movies_list dl dd .yn_wrapper a{
					display: block;
					transition: .3s all ease;
				}

				.movies_list dl dd .yn_wrapper a:hover{
					opacity: 0.8;
				}



@media screen and (min-width:1px) and (max-width:1024px) {
}

@media screen and (min-width:1px) and (max-width:768px) {
}

/* ##########SP########## */
@media screen and (min-width:1px) and (max-width:479px) {
.movies_list{
	margin: 0 2vw;
}

	.movies_list dl dd .yt_wrapper iframe{
		width: 86vw;
		height: calc(86vw / 560 * 315);
	}

}

/* ##########印刷用########## */
@media print{

}