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


#movie{
	width:640px;
	margin:10px 0;
	overflow:hidden;
}

#movie-list{
	width:650px;
	margin-right:-10px;
}

.calendar_contact{
	margin-top:20px;
	text-align:right;
}

#event_calendar .calendar_contact a img{
	margin:10px;
}

#movie dl{
	float:left;
	width:200px;
	padding:10px 15px 10px 0;
}

#movie dt{
	text-align:center;
	min-height:3.2em;
}


@media screen and (max-width: 480px) {
#movie{
	width:100%;
	margin:10px 0;
	overflow:hidden;
}

#movie-list{
	width:100%;
	margin-right:0;
	text-align: center;
}
#movie dl{
	float:none;
	width:100%;
	padding:0;
	margin-bottom: 20px;
}

#movie dd{
	width: 100%;
     position: relative;
     padding-bottom:75%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
#movie dd iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

}