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


@media only screen and (max-width: 480px) {
	
#contents_area ul {
	float:none;
	width:100%;
}

#contents_area li {
	width:95%;
	margin:0 0 10px;
}






#contents {
	margin: 0 0 40px;
}

.movie {
    margin: 20px auto 50px;
}

.box-container {
  width: 100%;
  margin: 20px auto 50px;
  display: flex;
  flex-wrap: wrap;
  flex-flow: row wrap;
  justify-content: center;
}

.box-container2 {
  width: 85%;
}
.box-container2 div.borderbox {
float: none;
width:95%;
margin: 0;
padding: 0;
}

.cell {
    margin: 20px 10px 10px;
}

.cell ul.more {
	float: none;
	width: 85%;
}

.cell ul.more li {
	width:95%;
	margin:0;
}






}