@charset "shift_jis";

	.movie_cnt .pickup {
		margin-left: 4.32vw;
		width: 28.64vw;
		max-width: 400px;
	}
	
	.event_cnt section.footer_movie {
		display:none;
		margin-bottom: 20px;
	}

	.event_cnt section.footer_movie> div {
		width: 100%;
	}

	.event_cnt .sp_movie{
		margin: 0 0 9.4vw;
		height: calc(88vw / 16 * 9);
		width: 100%;
	}

	#portrait_pickup_title {
		display:none;
	}
	@media (max-width: 568px) {
		#picup_portrait{
        		display:block;
		}
		#picup_landscape{
			display:none;
		}
		
		.movie_cnt #pickup_movie {
			order: 1;
			height: calc(88vw / 16 * 9);
			width: 100%;
		}
		.movie_cnt .pickup {
			order: 2;
			margin: 0 auto 4.17vw;
			width: 70%;
		}
		#portrait_pickup_title {
			display:block;
		}
		#landscape_pickup_title {
			display:none;
		}
		.event_cnt section.footer_movie {
    			display:block;
		}
		.event_cnt .movie{
			display:none;
		}
		.event_cnt .sp_movie{
			display:block;
		}
	}
	@media (max-width: 768px) {
		.event_cnt section.footer_movie {
    			display:block;
		}
		.event_cnt .movie{
			display:none;
		}
		.event_cnt .sp_movie{
			display:block;
		}
	}
	@media (max-width: 768px) and (orientation: landscape) {
		#portrait_pickup_title {
			display:none;
		}
		#landscape_pickup_title {
			display:block;
		}
	}



/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 768px) {
    .pc { display: none !important; }
    .sp { display: block !important;
    margin: 4.17vw 4.17vw -1vw;
    max-width: 1760px;
 }
}