@charset "UTF-8";

@media screen and (min-width:769px){

	#movie header nav a.nav_movie::after{
		transform: scale(1, 1);
	}

	#movie .movie_cont{
		padding:0 min(5%,40px) 150px;
	}
	#movie .movie_cont .innerbox{
        width: 100%;
        max-width: 1040px;
        margin: 0 auto;
        letter-spacing: 0.025em;
	}
	.movie_read{
		font-size: 20px;
		margin-bottom: 95px;
		font-weight: 700;
		letter-spacing: .025em;
		line-height: 2;
	}

	.movie-list{
		width: 100%;
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	.movie-list_item{
		width: 100%;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
	.movie-list_item:not(:first-child){
		padding-top: 100px;
	}
	.movie-list_item:not(:last-child){
		padding-bottom: 100px;
		border-bottom: 1px solid #b2b2b2;
	}
	.movie-list_itemBody{
		width: 440px;
		padding-right: 50px;
	}
	.movie-list_itemHeader{
		margin-bottom: 40px;
		padding-top: 12px;
		padding-left: 16px;
		padding-bottom: 8px;
		border-left: 6px solid #bf9213;
	}
	.movie-list_itemSubtitle{
		font-size: 18px;
		margin-bottom: 10px;
		font-weight: 700;
		line-height: 1;
	}
	.movie-list_itemTitle{
		font-size: 28px;
		font-weight: 700;
		letter-spacing: .025em;
		font-feature-settings: normal;
	}
	.movie-list_itemTitle span{
		font-size: 18px;
	}
	.movie-list_itemText{
		line-height: 2;
		letter-spacing: .025em;
	}
	.movie-list_itemMovie{
		width: calc(100% - 440px);
		height: 338px;
	}
	.movie-list_itemMovie iframe{
		width: 100%;
		height: 100%;
	}
	.movie-list_itemMovie:empty{
		background: #ebebeb;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
	.movie-list_itemMovie:empty::before{
		content: "";
		display: block;
		width: 80px;
		height: 61px;
		margin-bottom: 18px;
		background-image: url(../images/movie/icon_comingsoon.svg);
	}
	.movie-list_itemMovie:empty::after{
		content: "COMING SOON";
		font-size: 20px;
		font-weight: 700;
		letter-spacing: .025em;
		line-height: 1;
		display: block;
		color: #9e9e9e;
	}

}

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

	#movie .movie_cont{
		padding:0 5% 60px;
	}
	#movie .movie_cont .innerbox{
        width: 100%;
        margin: 0 auto;
	}
	.movie_read{
		font-size: 1.4rem;
		margin-bottom: 30px;
		line-height: calc(46 / 28);
		letter-spacing: .025em;
		font-weight: 700;
	}

	.movie-list_item:not(:first-child){
		padding-top: 37px;
	}
	.movie-list_item:not(:last-child){
		padding-bottom: 37px;
		border-bottom: 1px solid #b2b2b2;
	}
	.movie-list_itemBody{
		margin-bottom: 20px;
	}
	.movie-list_itemHeader{
		width: 100%;
		padding-top: 7px;
		padding-bottom: 6px;
		padding-left: 10px;
		border-left: 4px solid #bf9213;
		margin-bottom: 17px;
	}
	.movie-list_itemSubtitle{
		width: 100%;
		margin-bottom: 10px;
		font-size: 14px;
		font-weight: 700;
		line-height: 1;
		letter-spacing: .025em;
	}
	.movie-list_itemTitle{
		font-size: 17px;
		letter-spacing: .025em;
		font-weight: 700;
		line-height: 1;
		font-feature-settings: normal;
	}
	.movie-list_itemTitle span{
		font-size: 14px;
	}
	.movie-list_itemText{
		font-size: 12px;
		letter-spacing: .025em;
		line-height: calc(50 / 24);
	}
	.movie-list_itemMovie{
		width: 100%;
		height: 195px;
	}
	.movie-list_itemMovie iframe{
		width: 100%;
		height: 100%;
	}

	.movie-list_itemMovie:empty{
		background: #ebebeb;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
	.movie-list_itemMovie:empty::before{
		content: "";
		display: block;
		width: 46px;
		height: 35px;
		margin-bottom: 11px;
		background-image: url(../images/movie/icon_comingsoon.svg);
	}
	.movie-list_itemMovie:empty::after{
		content: "COMING SOON";
		font-size: 12px;
		font-weight: 700;
		letter-spacing: .025em;
		line-height: 1;
		display: block;
		color: #9e9e9e;
	}

}